• Добро пожаловать на сайт - Forumteam.wiki !

    Что бы просматривать темы форума необходимо зарегестрироваться или войти в свой аккаунт.

    Группа в телеграме (подпишитесь, что бы не потерять нас) - ForumTeam Chat [Подписатся]
    Связь с администратором - @ftmadmin

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

Redman

<FORUMTEAM>
Команда форума
Регистрация
13.11.17
Сообщения
13.343
Реакции
8.367
Баллы
1.200
FTC
203¢
light-painted-typography-small.jpg


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


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

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

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

2669_e3c0f35bc165d0bae4d43f7a92bf2023.jpg


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

2669_9aa7a55b6fc04793ef7687baf5a15569.jpg


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

2669_40e1938222dab3902f961d6605ba3fd9.jpg


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

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

2669_a0ede4fae0cfbebd44fb105c554ac028.jpg


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

2669_4ccda07041762a2ac3785a11ef668514.jpg


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

2669_3d26950e84eb299b4ec343afa5b9164a.jpg


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

2669_6b4fdf70c81af412b54f2a9759f3e7cf.jpg


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

2669_9b99478fd34e8ac3dcb6c001bf044e87.jpg


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

2669_3b052c2673ca2bfd649d8ec6d3cb05cb.jpg


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

2669_938a722fd3ea278238e465f465fa0a88.jpg


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

2669_5727dec4549283a8d26ae6a58f37bf0d.jpg


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

2669_116088504f5574fe276898c5a84380af.jpg


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

2669_35022752d295e35da2d3d18914d8f168.jpg


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

2669_37cad9ad3c13007d7ec61e519b8c7b41.jpg


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

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

2669_e996caa78b06e3ef3ee3e24bc7a040a7.jpg


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

2669_4efa542e08c27da98746c27677a82120.jpg


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

2669_c705ccee08dadbff250529c51e328972.jpg


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

2669_05c83bbd1b45640d2dd46b491a92b1b9.jpg


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

2669_e94899b2437b39737e2065577cd7e7d5.jpg


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

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

2669_b22e1ac8ce5775471c7c62f1c1e5ea8b.jpg


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

2669_8526771a801b190f6092c6c8ee7eb48e.jpg


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

2669_c6d46e6db0d5c77028e946ec4ecb0098.jpg


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

2669_775a64b626ac91b84cecc13eccf0f4a4.jpg


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

2669_863311b40c020a732a74dd6654681213.jpg


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

2669_dcd53f416fd1057ce7edd40c1c95a388.jpg


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

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

2669_cf64176092ddde1ad65f14737ac3dcc9.jpg


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

2669_914904e6e221e70ade7574ba8f2706c7.jpg
2669_ced11507b2375898f626771ede79254b.jpg


6. Усиливаем свет
Шаг 1

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

2669_6b60f7fcea84d16e7220a60d431ec4de.jpg


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

2669_60803c0d12451317b4fc40493c4e47e5.jpg


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

2669_6b9ae74f31005d8e48f67dfd49fcb858.jpg


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

2669_151f1a9403a80a80520c50e37e946a5f.jpg


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

2669_fad0fb471073e2b95e7f221d1e37a845.jpg


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

2669_73c1a15305e4b81fc9abd12cedbb93c5.jpg


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

2669_7d64015bd781a1fbd30d786bda3d9f19.jpg


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

2669_c4b7e01b2a3ab6546dcf3a6fccd8a6d8.jpg


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

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

2669_633dd695cbff2a7977dcae9862c582bc.jpg


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

2669_10e70d1c1e03141f7acdf0908c06bc98.jpg


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

2669_9c3e9fc95ccd446f01234a9bbcf4f637.jpg


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

2669_f7a15ec707994dec1172252a1a8686f1.jpg


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

2669_ffdf19025ca36bf9acc2c5ea4210f67a.jpg


Результат
lightpainted_final.jpg


Автор урока Alex Beltechi
 
Сверху Снизу