Уроки Работа с текстом Хитрён@ 15 августа 2013

Абстрактный текст в Фотошоп

Сложность урока: Средний

В этом уроке мы будем создавать интересный абстрактный эффект для текста используя  инструмент Перо (Pen Tool) и гранжевые кисти. Я покажу вам как нарисовать тонкие волокна при помощи инструмента Перо (Pen Tool) и применить их к надписи.

Данный урок средней степени сложности, поэтому некоторые шаги могут показаться вам непростыми, но почему бы не попробовать!

Примечание: уроке выполнен в программе Photoshop CS6 - поэтому многие скриншоты к уроку могут выглядеть непривычно для пользователей более ранних версий.

Вот так будет выглядеть конечный результат этого урока:

Давайте начнем!
Для выполнения задания нам будут необходимы следующие ресурсы:

Архив

Шаг 1

Создайте новый документ размером 1200 px Х 600 px со светло-серым  фоном. Затем активируйте инструмент Кисть (Вrush Tool). Используйте белую мягкую кисть и нарисуйте светлое пятно по центру изображения.

Примечание переводчика: размер кисти примерно 300-400 пикс.

Создайте новый слой. Используя кисти "Grunge", нарисуйте на нем мазок над светлым пятном. Используйте функцию Масштабирование (Scele) для того что бы создать перспективу, так-как мы будем использовать данный элемент как основание на котором разместится текст.

Примечание переводчика: для того что бы перейти к масштабированию нужно обратиться к Редактирование -Трансформирование - Масштабирование. Либо нажать комбинацию клавиш Ctrl+T

Шаг 2

Создайте новый слой. Активируйте инструмент Горизонтальный текст (Horizontal Type Tool). Выберите из списка шрифтов любой понравившийся вам. Создайте надпись используя черный цвет для текста.

Сделайте щелчок правой кнопкой мыши по текстовому слою. В подменю, которое появится на экране выберете пункт "Преобразовать в смарт-объект".

Теперь снова обратимся к функциям трансформирования, на этот раз воспользуемся Наклоном (Skew). Активируйте данную функцию и трансформируйте текст, ориентируясь на положение гранжевого основания.

Примечание переводчика: переход к функции трансформирования Редактирование -Трансформирование - Наклон. Затем просто перетаскивайте узловые точки.

Вот что должно получится после трансформирования текста:

Шаг 3

Активируйте инструмент Кисть (Вrush Tool). Перейдите к набору кистей и выберете одну из загруженных гранжевых кистей. Цвет кисти - черный.

Установите значение непрозрачности (opacity) и нажима (flow) как указано в примере ниже:

Добавьте к текстовому слою векторную маску (слой-маску). Прорисуйте на слой-маске некоторые области текста.

При работе с текстом и слой-маской ориентируйтесь на пример ниже, для достижения нужного результата:

Шаг 4

Теперь можно приступить к добавлению волокон. Для этого активируйте инструмент Перо (Pen Tool) и нарисуйте волнообразный контур на новом слое.

Для обводки данного контура мы будем использовать простую круглую жесткую кисть. При обводке контура убедитесь что активен флажок возле "Имитировать нажим кисти" (Simulate Brush).

Примечание переводчика: для того что бы обвести контур активируйте  инструмент Перо, а затем сделайте щелчок правой клавишей мыши по контуру. В подменю воспользуйтесь пунктом "Выполнить обводку контура".

Мы нарисовали первое волокно. Дублируйте слой с ним несколько раз. Используя инструменты Перемещение (Move Tool) и Трансформирование (Transform) разместите волокна как вам нравится. Затем объедините волокна в группу.

Примечание переводчика: рекомендую изначально нарисовать 2-3 контура ( на разных слоях) и создать из них волокна. Это разнообразит вашу работу.

Создайте копию группы. Затем перейдите к Трансформированию (Transform) и воспользуйтесь Искажением (Distort), измените вид группы волокон. У вас должен получится эффект похожий на прядь волос.

Продолжайте добавлять волокна используя инструмент Перо (Pen Tool) и копии групп.

Теперь загрузите кисти "Брызги". Воспользуйтесь понравившейся кистью из набора и украсьте текст (используйте кисть на новом слое).

Шаг 5

Теперь добавим к тексту темные подтеки. Для этого активируйте инструмент Кисть (Вrush Tool). Выберите из набора кистей мягкую круглую кисть и установите жесткость (hardness) 60%.

Вы так же можете добавить мелкие брызги вокруг текста.

На данном этапе вы получили похожий результат:

Шаг 6

Мы подошли к последнему шагу.
Создайте объединенную копию всех слоев. Затем примените к этому слою фильтр Цветная плитка (Patchwork). Настройки указаны ниже.

Примечание переводчика: для переходу к фильтру: Фильт - Текстура - Цветная плитка.

Мы получили вот такой интересный эффект:

Теперь замаскируйте верхний слой, оставив видимым только нижнюю часть в области текста.

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

Активируйте черную круглую мягкую Кисть (Вrush Tool) и обработайте слой-маску слоя "Выборочная коррекция цвета" (Selective Color), как показано на примере ниже (красные области).

Кривые (Curves):

Урок закончен! Вот такой финальный результат получился у меня (нажмите на изображение что бы увеличить его):

Надеюсь, вам понравится этот урок, и он пригодится вам в дальнейшем!
Хорошего всем настроения! До встречи в следующих уроках.

Автор: psdvault
 

Источник: psdvault.com

Комментарии 72

Спасибо за урок! Полезные знания дает!

Спасибо за урок! Сделал обложку и аватарку для своей группы

Добрый день, не накладывается слой-маска, не понимаю где совершила ошибку..(( Если кто сталкивались, подскажите как исправили? Спасибо.

Спасибо большое! Понравился урок!

Dominik@, мне понравилось исполнение!

Oloph, результат очень понравился, хотя и без "волос"!

Думал что урок очень сложный, как оказалось нет. Красиво вышло. Спасибо Хитрёна за перевод)

Не до конца, но получилось почти, что хотел. Спасибо за урок!

Для первого раза - думаю норм.

Не добавляются кисти

Теперь замаскируйте верхний слой, оставив видимым только нижнюю часть в области текста.
То есть как?Помогите

Спасибо, отличный урок)

Как скачать эти кисти и исходники!?!?!?

хороший урок

Спасибо за урок. Очень хороший и оригинальный эффект получился. Помогли оформить группу ВКонтакте.

Можно ли сделать такую работу в adobe photoshop cs5?

Да, я в CS5 как раз таки делал.

Спасибо, вот!

Все клево, но у меня перестало получаться на 4 шаге...

Спасибо, симпатично)

Интересный урок, спасибо)

Добавьте пожалуйста PSD исходник, а то не получается сделать

спасибо)) не знаю как получилось, делал больше по своему наверно=D

Еще 15
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

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

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее