Все уроки Фотошоп

Есть вопрос? Задайте здесь и сейчас!

Форум Регистрация Выслать активацию Восстановить пароль Дополнительно Файлы Видео Галереи Справка  
Перезагрузить страницу Страна Фотошопия Adobe Photoshop. Фотошоп и все, с ним связанное >> Обучение Adobe Photoshop >> Уроки Adobe Photoshop >>

  Урок Photoshop средней сложности   Вязаный текст-эффект, Простой эффект вязаного текста

Перезагрузить страницу Страна Фотошопия Adobe Photoshop. Фотошоп и все, с ним связанное >> Обучение Adobe Photoshop >> Уроки Adobe Photoshop >>

  Урок Photoshop средней сложности   Вязаный текст-эффект, Простой эффект вязаного текста


 
Опции учебника
Вязаный текст-эффект, Простой эффект вязаного текста

Предыдущий учебник Вязаный текст-эффект, Простой эффект вязаного текста Следующий учебник
Опубликовал(а) Gostemilov
16.06.2015
Тема урока Фотошоп
Текстовые эффекты
Вязаный текст-эффект, Простой эффект вязаного текста

Создаем вязаный текст-эффект в Photoshop

Программа: Photoshop.
Уровень сложности: легкий.
Примерное время выполнения: 1 час.

Основан на аналогичном уроке в Illustrator, адаптирован под Photoshop.

Результат:


1. Создаем документ нужного размера. В моем случае – 1024х700 точек. Заливаем фон цветом, немного темнее предполагаемого базового.


2. Создаем петельку – основу нашего будущего вязаного полотна. Для этого берем инструмент прямоугольник со скругленными краями, выбираем универсальный черный цвет (независимого от будущего цвета петелек) и рисуем небольшую вертикальную полоску. От ее размеров будет зависеть, насколько крупная или мелкая вязка получится в дальнейшем.

Вообще я очень рекомендую посмотреть на оригинал в Иллюстраторе, там петельки созданы на основе другой формы и выглядят интереснее как по мне. Кроме того, расположены "гуще", чем в моем варианте. Ну это для сравнения и понимания, какая существенная получается разница.

3. Поворачиваем половинку петельки градусов на 15 влево (я это делала с дубликатом, пусть вас не смущают «лишние слои» на картинке).


4. Дублируем половинку петли, дубликат поворачиваем примерно на 15 градусов вправо и смещаем немного вверх. Если необходимо – на этом этапе можно выделить оба слоя, образующие петлю и изменить ее размер. По сути, петелька готова, но нам она нужна в одном слое, поэтому сливаем оба слоя, либо дублируем их и сливаем дубликат, а слои прячем «на всякий случай».


5. Теперь на основе полученной петли нужно сделать узор (pattern, англ.) для заливки всего фона. Делать это будем в промежуточном файле. Выделяем слой с петелькой, копируем, создаем новый документ (по умолчанию оставляем предлагаемые программой размеры, равные размеру копируемой области), вставляем.







6. Создаем повторяющийся бесшовный узор при помощи фильтра Офсет. По горизонтали смещение 0, по вертикали примерно половина вашего будущего фона. У меня – 8 точек.

Происходит смещение как на картинке.


Для чего мы это делали. В готовом вязаном полотне петельки в рядах располагаются одна близко к другой по вертикали. Если пытаться просто заливать фоном слой на основе одной петли – ряды будут далеко друг от друга и эффекта полотна не получится. Потому сейчас мы уменьшим это расстояние, за счет приближения верхней половинки петельки к нижней. Выделяем верхнюю часть петельки и сдвигаем при помощи стрелки «вниз» на клавиатуре. Вверху образуется пустое белое пространство, которое мы обрезаем при помощи инструмента «Кадрирование» .








7. Удаляем белый фон в документе (если он был - у меня по умолчанию стоял, я не изменила при создании файла). Выделяем прямоугольным выделением все поле с петлей и определяем как узор через меню Редактировать-Определить узор.






8. Возвращаемся в документ с полем. Создаем новый слой и заливаем его узором через меню Редактировать-Заливка.





Получившийся слой с черными петельками можно использовать как основу для выделения и создания разного цвета петелек. Либо перекрашивать с помощью применения стиля слоя – Color Overlay (Перекрытие цветом). Для придания дополнительной глубины можно к слою применить также небольшую тень





9. Следующий этап – построение надписи на вязаном слое контрастным цветом. Я делала простым копированием петелек, слиянием и дублированием слоев. Показываю лишь результат, скрытый в виде слоев в папке «Текст»



10. Придание реалистичности при помощи дополнительных слоев и фильтров.

После применения слоя с затемненными углами, в режиме Multiply



Далее фильтры буду только описывать и показывать результат работы. Программа категорически отказалась "принтскринить" активные окна фильтров Фотошоп сжалился и окна фильтров могу показать.
Вообще-то здесь я ничего не изобрела и использовала фильтры, аналогичные рекомендованным в уроке Illustrator, с теми же настройками.

Добавляем новый слой, заливаем черным, применяем к нему фильтр Artistic> Film Grain с настройками Grain=20, Hightlight Area = 0, Intensity 10





К слою в оригинале нужно применить режим наложения "Multiply" и прозрачность 8%. У меня получалось не очень. Плюс были слишком яркие исходные цвета. Поэтому я оставила режим наложения для слоянормальный, прозрачность - 15%



Затем полученный слой продублировала, и просто растянула его в размере, чтобы получить более крупное зерно. Режим наложения и прозрачность те же. Оба слоя активны-видимы.
Внешний вид слоя в 100% непрозрачности:





Filtr>Distort> Diffuse Glow. режим наложения "Multiply" и прозрачность 8%.








На этом, собственно, можно и остановиться, а можно добавлять реалистичности подрисовывая ворсинки кистями и т.д.

Я же еще немного поиграла, и попробовала связать символ года - лошадь.



Когда готова вязанная основа, в Фотошоп довольно удобно делать разные фигуры на основе силуэтов.

Создаем дубликат вязанного слоя, меняем ему цвет, выделяем силуэт и применяем в качестве маски к слою. Далее можно дорисовывать либо удалять петли в режиме маски
Автор урока - theNatasha
Спасибо всем заглянувшим за внимание.

Присоединённые изображения
Опубликовал(а)
Аватар для Gostemilov
Администратор
Он малахольный
Регистрация: 07.09.2007
Адрес: Россия, Москва. 100 метров до МКАД
Возраст: 55
Сообщений: 92,015
Вес репутации: 10
Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима


Рекомендовать другим

Копирайт
Оригинал урока
demiart.ru/forum/index.php?showtopic=233552
Ответить в теме


Опции учебника

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Trackbacks are Выкл.
Pingbacks are Выкл.
Refbacks are Выкл.


Похожие темы
Название учебника Автор учебника Раздел Числу комментариев Последнее сообщение
Природный текст, очень симпатичный и простой эффект Gostemilov Необработанные уроки Photoshop 0 21.06.2015 07:15
Простой эффект текста в стиле рентгена, Easy X-Ray Typography in Photoshop Gostemilov Необработанные уроки Photoshop 0 17.06.2015 14:10
Эффект 3D текста за несколько минут, Как быстро и просто создать эффект 3D Gostemilov Необработанные уроки Photoshop 2 17.06.2015 01:30
  Урок Photoshop для начинающих     Вязаный текст-эффект, Простой эффект вязаного текста Gostemilov Уроки Adobe Photoshop 0 10.06.2015 08:09
Как создать простой и элегантный эффект текста sniper Уроки Adobe Photoshop 2 11.03.2011 12:56

###
Социальные сети
Группы
Основные разделы
Скачать и поделиться

Новости Фотошопии
Подписаться письмом
Дополнительно

Текущее время: 20:25. Часовой пояс GMT +2.


удаленная проверка сервера uptime российских хостеров
Rambler's Top100


.
Locations of visitors to this page

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc. Перевод: zCarot
vBulletin Optimisation by vB Optimise (Reduced on this page: MySQL 15.00%).