Рисуем пушистый текст в Adobe Photoshop
12 февраля 2014 | Опубликовано в Уроки | 7 Комментариев »
Этот урок понравится любителям всяких пушистых штук. Сегодня мы будем рисовать пушистый текст в Adobe Photoshop. Урок довольно прост. Мы будем работать со стилями слоев, кистями и фильтрами. Вы сможете выбрать расцветку для своей надписи и получить почти реалистичный результат.
Финальный результат
Исходники
* Шрифт Titan One
* Potato Sack от klikekyle.
* White Texture паттерн от Dmitry.
Вам также понадобятся контуры, используемые в уроке, поэтому посмотрите сюда, чтобы узнать как их добавить.
Шаг 1
Создайте новый документ размером 1000 x 460 px. Установите первым цветом #9193c3 и в качестве фонового цвета #525578. Выберите инструмент Gradient Tool / Градиент, выберите вариант от первого цвета к фоновому (Foreground to Background) и кликните по иконке Radial Gradient/ Радиальный градиент.
Теперь растяните градиент от центра документа к одному из углов.
Поместите текстуру “Potato Sack” поверх слоя фона и смените Blend Mode / Режим наложения на Multiply / Умножение. Теперь масштабируйте слой как вам нравится.
Создайте текст (используйте заглавные буквы) шрифтом “Titan One”. Цвет текста = #d8d8d8, размер (Size) = 250 pt, и параметр Tracking (расстояние между буквами) = 50.
Шаг 2
Кликните дважды по слою с текстом в палитре Layers/Слои, чтобы указать слою следующие Стили Слоев (Layer Style):
Bevel and Emboss / Тиснение (Цвет тени в Shadow Mode = #d8d8d8)
Contour / Контур (Contour : Half Round)
Texture / Текстура (Pattern : White Texture)
Inner Shadow / Внутренняя тень (цвет : #b5b5b5)
Drop Shadow / Тень
Это должно придать тексту текстуру материала и объем.
Шаг 3
Возьмите инструмент Brush / Кисть, откройте палитру Brush / Кисти (Window > Brush / Окно > Кисти). Выберите кисть “Dune Grass”, и укажите ей параметры как на картинке ниже:
Шаг 4
Кликните правой кнопкой мыши по слою с текстом и выберите Create Work Path / Создать рабочий контур. Затем создайте новый слой поверх всего и назовите его “Stroke”. Убедитесь что активен инструмент Brush / Кисть.
Выберите в качестве первого цвета #cdcdcd, в качестве фонового цвета — #f3f3f3. Нажмите клавишу Enter/Return примерно 5 – 7 раз, чтобы применить к контуру выбранную кисть. После того как результат будет вам нравиться, выберите инструмент Direct Selection Tool / Прямое выделение (A), и снова нажмите на Enter/Return, чтобы избавиться от контура.
Удерживая клавишу Ctrl/Cmd кликните по слою Stroke, чтобы вызвать выделение по контуру.
Создайте новый слой и назовите его “Texture”. Укажите в качестве первого цвета #d8d8d8, а в качестве фонового #858585. Затем зайдите в Filter > Render > Clouds / Фильтр > Рендеринг > Облака. Затем нажмите Ctrl/Cmd + D, чтобы снять выделение.
Зайдите в Filter > Noise > Add Noise / Фильтр > Шум > Добавить шум. Укажите параметры как на картинке ниже.
Смените Режим Наложения (Blend Mode) для слоя “Texture” на Soft Light / Мягкий свет. Это добавит тексту пушистости.
Шаг 5
Снова создайте выделение по контуру текста. Создайте новый слой и назовите его “Stripes”. Сразу смените режим наложения слоя на Linear Burn / Линейный Затемнитель. Это поможет сразу видеть результат и правильно подобрать цвета.
Укажите первым цветом любой, в который вы хотите окрасить полоски на тексте (в примере указан #e890b9). Главное чтобы цвет не был очень темным, потому что в этом режиме наложения цвета становятся темнее.
Теперь выберите кисть с четкими краями (не растушеванную) и укажите ей размер в зависимости от того какой ширины полоски вы хотите сделать.
После этого зажмите клавишу Shift, и нарисуйте горизонтальную линию по всему тексту. Благодаря зажатой клавише она будет ровной.
Повторите процесс, чтобы нарисовать остальные полосы.
Возьмите инструмент Pen / Перо и выберите вариант Path / Контур в панели настроек. Нам нужно создать прямые линии по границам полос.
Для этого кликните в начале полосы, удерживая Shift кликните в конце полосы.
Таким образом создайте полосы по верхним и нижним границам каждой полосы. Убедитесь, что линии разделены между собой.
Когда вы закончите, можете подредактировать линии при помощи инструмента Path Selection / Выделение контура и клавиш вверх/вниз на клавиатуре.
Шаг 6
Выберите инструмент Eraser / Ластик, откройте палитру Brush / Кисть и выберите растушеванную кисть размером в 5 px. Затем укажите параметры как на картинках ниже:
Нажмите один раз клавишу Enter/Return, чтобы примените Eraser / Ластик к контуру. Это поможет сделать финальный вариант реалистичнее.
Шаг 7
Возьмите инструмент Brush / Кисть, в палитре Brush / Кисть выберите кисть “Grass” и укажите ей параметры как показано ниже:
Создайте новый слой, назовите его “Stripes Stroke”. Убедитесь что первый цвет совпадает с цветом полос, нажмите клавишу Enter/Return 3 – 5 раз, чтобы «распушить» полосы.
Теперь выберите инструмент Direct Selection / Прямое выделение (A) и нажмите Enter/Return, чтобы избавиться от контура. Также в меню выберите Select > Deselect / Выделение > Снять выделение. Затем Filter > Sharpen > Sharpen / Фильтр > Резкость > Резкость, чтобы сделать края более четкими.
Теперь смените режим наложение слоя “Stripes” на Normal / Нормальный.
Выделите слои “Stripes” и “Stripes Stroke”, выберите в меню Layer > Merge Layers / Слои > Объединить слои, затем вновь смените режим наложения получившегося слоя на Linear Burn / Линейный Затемнитель.
Укажите первым цветом цвет полос, а в качестве фонового — белый. В меню выберите Filter > Noise > Add Noise / Фильтр > Шум > Добавить шум. Укажите параметры как на картинке ниже.
Шаг 8
Перетащите слой “Stroke” поверх всех остальных.
Дублируйте слои текста и “Stroke”, затем кликните по слою правой кнопкой и выберите Clear Layer Style / Очистить стили слоя.
Активируйте копии слоев текста и “Stroke”, объедините их в один слой, переименуйте получившийся слой в “Shadow”. Перетащите слой под оригинальный слой текста.
Кликните дважды по слою “Shadow”, чтобы примените к нему стиль слоя Drop Shadow / Тень со следующими параметрами:
Это придаст тексту объем.
Шаг 9
Возьмите инструмент Brush / Кисть, выберите кисть “Grass”, укажите ей параметры как показано ниже:
Убедитесь что первым цветом указан цвет, совпадающий с цветом полос, а фоновый цвет белый. Создайте новый слой под слоем “Shadow” и назовите его “Scatter”.
Еле-еле порисуйте кистью вокруг надписи, чтобы раскидать вокруг пушинки.
Финальный результат
Наша надпись готова!
Автор урока textuts
Перевод — Дежурка
Смотрите также:
12 февраля 2014 в 10:23
Отличный результат!
13 февраля 2014 в 16:18
Отличный урок! Спасибо! Давайте еще
16 сентября 2014 в 5:43
Благодарю за урок! Очень полезный!
Мой результат:
15 января 2015 в 16:43