Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Рисуем светом в Adobe Photoshop

16 апреля 2017 | Опубликовано в Уроки | 1 Комментарий »

В этом уроке мы будем рисовать светом в Adobe Photoshop. У нас получится чудесная работа, реалистичная и сочная. Мы будем создавать контур при помощи инструмента Pen/Перо, затем обведем контуры при помощи кистей, добавим света, искр, боке, используем корректирующие слои.

 

1. Делаем набросок

Шаг 1

Откройте Photoshop и создайте новый документ. Создание работ с нуля хороши тем, что вы можете изначально выбрать любой размер документа, а не подстраиваться под качество и разрешение исходников. В нашем случае это будет документ для печати формата A2. То есть размер документа будет 42.5cm х 59.4cm, разрешение 300 dpi и цветовой режим - CMYK.

Теперь быстрыми движениями нарисуйте сердце.

Sketch a heart

Шаг 2

Нарисуйте ваш текст при помощи планшета. Если у вас лучше получается на бумаге — рисуйте на ней, а потом отсканируйте.

Write the letters out

Шаг 3

Автор урока решил выполнить этот шаг в Illustrator. Это личное предпочтение, и если вы также пользуетесь этой программой, вы можете нарисовать текст в ней (это действительно может быть удобнее). Затем вставьте получившуюся работу в Photoshop.

Working in Illustrator

2. Создаем множественные линии

Шаг 1

Если вы выбрали работу в Illustrator, тогда выполните следующие действия. Если нет, переходите к шагу 3. Вставьте ваш текст в документ фотошоп как Path/Контур.

Pasting back into Photoshop

Шаг 2

Выберите инструмент Brush/Кисть (B) укажите ей 100% soft edged (растушеванные края), и диаметр в 10 px. Возьмите инструмент Pen/Перо (P), кликните правой кнопкой по тексту и выберите Stroke Path/Обводка контура. Убедитесь что отключена опция Simulate Pressure/Симулировать нажим и нажмите OK.

Change to a soft edged brush

Шаг 3

В меню выберите Filter > Blur > Motion Blur/Фильтр>Размытие>Размытие в движении. Настройте параметры как показано ниже и нажмите OK.

Apply Motion Blur

Шаг 4

Снизьте Opacity/Непрозрачность слоя примерно до 50% и дублируйте слой. Укажите слою маску (Layer > Layer Mask > Reveal All/Слой>Маска слоя>Показать все) и скройте некоторые части линий большой растушеванной круглой кистью черного цвета.

Apply a Layer Mask

Шаг 5

Возьмите инструмент Pen/Перо и обведите (не слишком точно) текст в режиме Path/Контура.

Trace the first light streak

Шаг 6

Укажите контуру обводку кистью (как в Шаге 1). Делайте это отдельно для каждой буквы. Подберите размер кисти между 5, 10 или 15 px, чтобы получить наиболее реалистичный результат, и поэкспериментируйте с параметром Opacity/Непрозрачность.

Apply Stroke Path

Шаг 7

После того как вы применили контур к букве, скройте при помощи маски слоя концы линий, чтобы линии истончались на концах.

Draw black on each end

Шаг 8

Используйте оригинальный слой только как ориентир, не пытайтесь точно повторить контур. Добавляйте линиям толщины посредине, но сохраняйте классическую типографическую форму, оставляя нижнюю часть и закругления тонкими.

Use the original lines as a guide

Шаг 9

Продолжайте обводить слова. Старайтесь делать толще левую часть букв. Так вы сохраните расстояние между ними.

Thicken the left side of each letter

Шаг 10

Не забывайте стирать начало и конец линий, чтобы световые штрихи смотрелись реалистичнее.

Fade out the ends

Шаг 11

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

Half way through

3. Добавляем цвета

Шаг 1

Теперь давайте раскрасим нашу работу. Над всеми слоями создайте корректирующий слой Gradient Map/Карта градиента (Layer > New Adjustment Layer > Gradient Map/Слой>Корректирующий слой>Карта градиента). Используйте цвета: #000000#54000c#d69f0a#fffee9.

Gradient Map

Шаг 2

Корректирующий слой должен всегда оставаться поверх остальных слоев — на самом верху. Всю остальную работу мы будем вести в слоях ниже (в том числе новые слои создавайте под корректирующим). Теперь давайте добавим свечения. Повторите процесс обводки буквы, но на этот раз возьмите очень большую кисть (100–200 px) и включите опцию Pressure Simulation/Симулировать нажим. Используйте цвет #8c8c8c. Смените режим наложения этого слоя на Screen/Осветление.

Apply Stroke Path

Шаг 3

Покройте таким свечением все толстые части букв.

Cover all the thicker portions

Шаг 4

Теперь добавим немного еще более толстых линий. Включите опцию Pressure Simulation/Симулировать нажим и выберите белый цвет. Рисуйте линии различной толщины (25–75 px).

Add even thicker lines

Шаг 5

Добавьте толстых белых линий поверх всех букв.

Add thicker soft white lines

4. Добавляем вспышки

Шаг 1

Скачайте изображение блика и поместите его в наш документ. Поверните блик на 90 градусов. Укажите слою режим наложения Screen/Осветление.

Add a flare

Шаг 2

Дублируйте слой и поверните копию на 45 градусов. Увеличьте блик вдвое.

Duplicate the flare

Шаг 3

В меню выберите Filter > Blur > Gaussian Blur/Фильтр>Размытие>Размытие по Гауссу, и укажите радиус размытия в 30 px.

Soften the secondary flare

Шаг 4

Дублируйте вспышку (оба слоя), и поместите их на разные части изображения.

Duplicate the flare

Шаг 5

Повторите весь процесс, чтобы оформить текст, который еще не успели оформить.

Repeat the previous steps

Шаг 6

Создайте еще несколько линий вокруг надписи, которые повторяют контуры текста. Сделайте их белыми и на разных уровнях Opacity/Непрозрачности.

Add further lines

5. Добавляем боке

Шаг 1

Скачайте изображение размытых огоньков и поместите его в наш документ. Укажите слою режим наложения Screen/Осветление.

Add Bokeh to the composition

Шаг 2

Укажите слою маску и скройте некоторые части боке, которые выглядят не очень хорошо.

Apply a Layer Mask Apply a Layer Mask

6. Усиливаем свет

Шаг 1

Добавим контраста. Для этого создайте корректирующий слой Black and White/Черный и белый и сделайте его Clipping Mask/Обтравочной маской для слоя с боке. Укажите этому слою режим наложения Overlay/Перекрытие.

Add contrast

Шаг 2

Дублируйте изображение с боке и добавьте копии в разные части работы.

Duplicate the lights image

Шаг 3

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

Apply the image to points of interest

Шаг 4

Создайте новую кисть из обычной круглой, и укажите ей следующие параметры:

Create a New Brush

Шаг 5

Укажите Scatter/Диффузию в 550.

Create a New Brush

Шаг 6

Также настройте вкладку Other Dynamics/Другая динамика как показано ниже.

Create a New Brush

Шаг 7

При помощи этой кисти создайте маленькие искорки вдоль букв.

Apply the Brush

Шаг 8

Сделайте это со всем текстом.

Repeat the Process

7. Добавляем шум

Шаг 1

Выберите серый цвет и залейте им новый слой. Он окажется коричневым, потому что мы работаем под корректирующим слоем с картой градиента.

Fill a layer with gray

Шаг 2

В меню выберите Filter > Noise > Add Noise/Фильтр>Шум>Добавить шум, и выставите параметр на максимум.

Add Noise

Шаг 3

Теперь размойте изображение на 0.8 px (Filter > Blur > Gaussian Blur/Фильтр>Размытие>Размытие по Гауссу).

Blur the noise

Шаг 4

Смените режим наложения слоя на Vivid Light/Яркий свет и снизьте Opacity/Непрозрачность до 5%.

Change the layer style

Шаг 5

Добавим последнюю коррекцию: Layer > New Adjustment Layer > Photo Filter/Слой>Новый корректирующий слой>Фотофильтр. Выберите красный фильтр.

Apply a Photo Filter

Результат

Light Painted Typography by Alex Beltechi

Автор урока Alex Beltechi

Перевод — Дежурка

Смотрите также:




Комментарии