- Автор темы
- #1
![light-painted-typography-small.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2Flight-painted-typography-small.jpg&hash=33c732c8a374bce15e70d234cdd3ac48)
В этом уроке мы будем рисовать светом в Adobe Photoshop. У нас получится чудесная работа, реалистичная и сочная. Мы будем создавать контур при помощи инструмента Pen/Перо, затем обведем контуры при помощи кистей, добавим света, искр, боке, используем корректирующие слои.
1. Делаем набросок
Шаг 1
Откройте Photoshop и создайте новый документ. Создание работ с нуля хороши тем, что вы можете изначально выбрать любой размер документа, а не подстраиваться под качество и разрешение исходников. В нашем случае это будет документ для печати формата A2. То есть размер документа будет 42.5cm х 59.4cm, разрешение 300 dpi и цветовой режим - CMYK.
Теперь быстрыми движениями нарисуйте сердце.
![2669_e3c0f35bc165d0bae4d43f7a92bf2023.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_e3c0f35bc165d0bae4d43f7a92bf2023.jpg&hash=512f18d4561b1027648d155396db218e)
Шаг 2
Нарисуйте ваш текст при помощи планшета. Если у вас лучше получается на бумаге — рисуйте на ней, а потом отсканируйте.
![2669_9aa7a55b6fc04793ef7687baf5a15569.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_9aa7a55b6fc04793ef7687baf5a15569.jpg&hash=eace8624d1cc488942a2aee87dc3c7b6)
Шаг 3
Автор урока решил выполнить этот шаг в Illustrator. Это личное предпочтение, и если вы также пользуетесь этой программой, вы можете нарисовать текст в ней (это действительно может быть удобнее). Затем вставьте получившуюся работу в Photoshop.
![2669_40e1938222dab3902f961d6605ba3fd9.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_40e1938222dab3902f961d6605ba3fd9.jpg&hash=52ed02acb9c500d599b8c1a7abf6eabe)
2. Создаем множественные линии
Шаг 1
Если вы выбрали работу в Illustrator, тогда выполните следующие действия. Если нет, переходите к шагу 3. Вставьте ваш текст в документ фотошоп как Path/Контур.
![2669_a0ede4fae0cfbebd44fb105c554ac028.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_a0ede4fae0cfbebd44fb105c554ac028.jpg&hash=82720b5fe5fe9e9fac3948785e3d7681)
Шаг 2
Выберите инструмент Brush/Кисть (B) укажите ей 100% soft edged (растушеванные края), и диаметр в 10 px. Возьмите инструмент Pen/Перо (P), кликните правой кнопкой по тексту и выберите Stroke Path/Обводка контура. Убедитесь что отключена опция Simulate Pressure/Симулировать нажим и нажмите OK.
![2669_4ccda07041762a2ac3785a11ef668514.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_4ccda07041762a2ac3785a11ef668514.jpg&hash=3853837129ec3357483499d3219e61f8)
Шаг 3
В меню выберите Filter > Blur > Motion Blur/Фильтр>Размытие>Размытие в движении. Настройте параметры как показано ниже и нажмите OK.
![2669_3d26950e84eb299b4ec343afa5b9164a.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_3d26950e84eb299b4ec343afa5b9164a.jpg&hash=b12b44a973173a15251d31d71390aab6)
Шаг 4
Снизьте Opacity/Непрозрачность слоя примерно до 50% и дублируйте слой. Укажите слою маску (Layer > Layer Mask > Reveal All/Слой>Маска слоя>Показать все) и скройте некоторые части линий большой растушеванной круглой кистью черного цвета.
![2669_6b4fdf70c81af412b54f2a9759f3e7cf.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_6b4fdf70c81af412b54f2a9759f3e7cf.jpg&hash=64bb6a966bd91f7c3579ba490edebb92)
Шаг 5
Возьмите инструмент Pen/Перо и обведите (не слишком точно) текст в режиме Path/Контура.
![2669_9b99478fd34e8ac3dcb6c001bf044e87.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_9b99478fd34e8ac3dcb6c001bf044e87.jpg&hash=7cefdbc8118614f8579ce151426dd674)
Шаг 6
Укажите контуру обводку кистью (как в Шаге 1). Делайте это отдельно для каждой буквы. Подберите размер кисти между 5, 10 или 15 px, чтобы получить наиболее реалистичный результат, и поэкспериментируйте с параметром Opacity/Непрозрачность.
![2669_3b052c2673ca2bfd649d8ec6d3cb05cb.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_3b052c2673ca2bfd649d8ec6d3cb05cb.jpg&hash=180d9d04405d9aaf1d4ff293a5d62130)
Шаг 7
После того как вы применили контур к букве, скройте при помощи маски слоя концы линий, чтобы линии истончались на концах.
![2669_938a722fd3ea278238e465f465fa0a88.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_938a722fd3ea278238e465f465fa0a88.jpg&hash=98a62ae4b992c4981483e44afebe5ca3)
Шаг 8
Используйте оригинальный слой только как ориентир, не пытайтесь точно повторить контур. Добавляйте линиям толщины посредине, но сохраняйте классическую типографическую форму, оставляя нижнюю часть и закругления тонкими.
![2669_5727dec4549283a8d26ae6a58f37bf0d.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_5727dec4549283a8d26ae6a58f37bf0d.jpg&hash=0b6c22ba26e8e3405fdaf49e8da66e89)
Шаг 9
Продолжайте обводить слова. Старайтесь делать толще левую часть букв. Так вы сохраните расстояние между ними.
![2669_116088504f5574fe276898c5a84380af.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_116088504f5574fe276898c5a84380af.jpg&hash=30853a6cbaf78d4cc63b09a12571660b)
Шаг 10
Не забывайте стирать начало и конец линий, чтобы световые штрихи смотрелись реалистичнее.
![2669_35022752d295e35da2d3d18914d8f168.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_35022752d295e35da2d3d18914d8f168.jpg&hash=76122b58e91a37b6eb154e20829d799d)
Шаг 11
Создавайте несколько линий для каждой буквы, чтобы получить результат примерно такой как на картинке ниже.
![2669_37cad9ad3c13007d7ec61e519b8c7b41.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_37cad9ad3c13007d7ec61e519b8c7b41.jpg&hash=0081040e6082d23e137b9b7bcce49605)
3. Добавляем цвета
Шаг 1
Теперь давайте раскрасим нашу работу. Над всеми слоями создайте корректирующий слой Gradient Map/Карта градиента (Layer > New Adjustment Layer > Gradient Map/Слой>Корректирующий слой>Карта градиента). Используйте цвета: #000000; #54000c; #d69f0a; #fffee9.
![2669_e996caa78b06e3ef3ee3e24bc7a040a7.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_e996caa78b06e3ef3ee3e24bc7a040a7.jpg&hash=95a80910a73b204dbc8edf1b7d91dceb)
Шаг 2
Корректирующий слой должен всегда оставаться поверх остальных слоев — на самом верху. Всю остальную работу мы будем вести в слоях ниже (в том числе новые слои создавайте под корректирующим). Теперь давайте добавим свечения. Повторите процесс обводки буквы, но на этот раз возьмите очень большую кисть (100–200 px) и включите опцию Pressure Simulation/Симулировать нажим. Используйте цвет #8c8c8c. Смените режим наложения этого слоя на Screen/Осветление.
![2669_4efa542e08c27da98746c27677a82120.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_4efa542e08c27da98746c27677a82120.jpg&hash=f2f03b9a4b7bd700acd48858c5b7935e)
Шаг 3
Покройте таким свечением все толстые части букв.
![2669_c705ccee08dadbff250529c51e328972.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_c705ccee08dadbff250529c51e328972.jpg&hash=4997be5411096f06d5f015af44015516)
Шаг 4
Теперь добавим немного еще более толстых линий. Включите опцию Pressure Simulation/Симулировать нажим и выберите белый цвет. Рисуйте линии различной толщины (25–75 px).
![2669_05c83bbd1b45640d2dd46b491a92b1b9.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_05c83bbd1b45640d2dd46b491a92b1b9.jpg&hash=ff090540f9e3798d4eda5bd1aef8e5eb)
Шаг 5
Добавьте толстых белых линий поверх всех букв.
![2669_e94899b2437b39737e2065577cd7e7d5.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_e94899b2437b39737e2065577cd7e7d5.jpg&hash=308028e8bfe0b88ecaa2117c12d893e3)
4. Добавляем вспышки
Шаг 1
Скачайте изображение блика и поместите его в наш документ. Поверните блик на 90 градусов. Укажите слою режим наложения Screen/Осветление.
![2669_b22e1ac8ce5775471c7c62f1c1e5ea8b.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_b22e1ac8ce5775471c7c62f1c1e5ea8b.jpg&hash=773a22347057e50a882509e40e5c8209)
Шаг 2
Дублируйте слой и поверните копию на 45 градусов. Увеличьте блик вдвое.
![2669_8526771a801b190f6092c6c8ee7eb48e.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_8526771a801b190f6092c6c8ee7eb48e.jpg&hash=59d4859ace1e06bfed603325a172cf72)
Шаг 3
В меню выберите Filter > Blur > Gaussian Blur/Фильтр>Размытие>Размытие по Гауссу, и укажите радиус размытия в 30 px.
![2669_c6d46e6db0d5c77028e946ec4ecb0098.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_c6d46e6db0d5c77028e946ec4ecb0098.jpg&hash=42492cc004e524c95aebcc7c0095ebdf)
Шаг 4
Дублируйте вспышку (оба слоя), и поместите их на разные части изображения.
![2669_775a64b626ac91b84cecc13eccf0f4a4.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_775a64b626ac91b84cecc13eccf0f4a4.jpg&hash=329d67a212cac26434dcbe3ea5da6d3c)
Шаг 5
Повторите весь процесс, чтобы оформить текст, который еще не успели оформить.
![2669_863311b40c020a732a74dd6654681213.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_863311b40c020a732a74dd6654681213.jpg&hash=d46c8b2e714abec9621e5708e4456030)
Шаг 6
Создайте еще несколько линий вокруг надписи, которые повторяют контуры текста. Сделайте их белыми и на разных уровнях Opacity/Непрозрачности.
![2669_dcd53f416fd1057ce7edd40c1c95a388.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_dcd53f416fd1057ce7edd40c1c95a388.jpg&hash=60ee50c849256aaac7ae0bef24645a1d)
5. Добавляем боке
Шаг 1
Скачайте изображение размытых огоньков и поместите его в наш документ. Укажите слою режим наложения Screen/Осветление.
![2669_cf64176092ddde1ad65f14737ac3dcc9.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_cf64176092ddde1ad65f14737ac3dcc9.jpg&hash=9d63b481aede7f2e77d2a5ce133ab648)
Шаг 2
Укажите слою маску и скройте некоторые части боке, которые выглядят не очень хорошо.
![2669_914904e6e221e70ade7574ba8f2706c7.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_914904e6e221e70ade7574ba8f2706c7.jpg&hash=af4975c8c0c8141a7cdcd6175e6d227d)
![2669_ced11507b2375898f626771ede79254b.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_ced11507b2375898f626771ede79254b.jpg&hash=7b57dfece33d6c89f5a02a5880c8ae27)
6. Усиливаем свет
Шаг 1
Добавим контраста. Для этого создайте корректирующий слой Black and White/Черный и белый и сделайте его Clipping Mask/Обтравочной маской для слоя с боке. Укажите этому слою режим наложения Overlay/Перекрытие.
![2669_6b60f7fcea84d16e7220a60d431ec4de.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_6b60f7fcea84d16e7220a60d431ec4de.jpg&hash=e5f4d38098b93ae561250d074bc7c7ac)
Шаг 2
Дублируйте изображение с боке и добавьте копии в разные части работы.
![2669_60803c0d12451317b4fc40493c4e47e5.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_60803c0d12451317b4fc40493c4e47e5.jpg&hash=804874afb186739a32c4854885fd6c6b)
Шаг 3
Экспериментируйте и старайтесь не сделать изображение слишком тяжеловесным, перегруженным деталями.
![2669_6b9ae74f31005d8e48f67dfd49fcb858.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_6b9ae74f31005d8e48f67dfd49fcb858.jpg&hash=be774d52408d6950e4eb7af671a37dae)
Шаг 4
Создайте новую кисть из обычной круглой, и укажите ей следующие параметры:
![2669_151f1a9403a80a80520c50e37e946a5f.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_151f1a9403a80a80520c50e37e946a5f.jpg&hash=d9a4f9620aef4fa5cb5ea5a816a581c2)
Шаг 5
Укажите Scatter/Диффузию в 550.
![2669_fad0fb471073e2b95e7f221d1e37a845.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_fad0fb471073e2b95e7f221d1e37a845.jpg&hash=930b96b76b48a477e896da9178f67c70)
Шаг 6
Также настройте вкладку Other Dynamics/Другая динамика как показано ниже.
![2669_73c1a15305e4b81fc9abd12cedbb93c5.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_73c1a15305e4b81fc9abd12cedbb93c5.jpg&hash=c3c15bff462c07acfa73f5a8205071ad)
Шаг 7
При помощи этой кисти создайте маленькие искорки вдоль букв.
![2669_7d64015bd781a1fbd30d786bda3d9f19.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_7d64015bd781a1fbd30d786bda3d9f19.jpg&hash=171543b411b7394ea6fb181e5a4e7eb8)
Шаг 8
Сделайте это со всем текстом.
![2669_c4b7e01b2a3ab6546dcf3a6fccd8a6d8.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_c4b7e01b2a3ab6546dcf3a6fccd8a6d8.jpg&hash=ae9c0c06505a70c1147c2896ab10be28)
7. Добавляем шум
Шаг 1
Выберите серый цвет и залейте им новый слой. Он окажется коричневым, потому что мы работаем под корректирующим слоем с картой градиента.
![2669_633dd695cbff2a7977dcae9862c582bc.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_633dd695cbff2a7977dcae9862c582bc.jpg&hash=5d478cd3a14612efdfb7d946b342dcf5)
Шаг 2
В меню выберите Filter > Noise > Add Noise/Фильтр>Шум>Добавить шум, и выставите параметр на максимум.
![2669_10e70d1c1e03141f7acdf0908c06bc98.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_10e70d1c1e03141f7acdf0908c06bc98.jpg&hash=ed9c7c58dfde5dcd5466b7ff490a310f)
Шаг 3
Теперь размойте изображение на 0.8 px (Filter > Blur > Gaussian Blur/Фильтр>Размытие>Размытие по Гауссу).
![2669_9c3e9fc95ccd446f01234a9bbcf4f637.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_9c3e9fc95ccd446f01234a9bbcf4f637.jpg&hash=f4ef8f7dbfa36b8ef733a06ea315d0cb)
Шаг 4
Смените режим наложения слоя на Vivid Light/Яркий свет и снизьте Opacity/Непрозрачность до 5%.
![2669_f7a15ec707994dec1172252a1a8686f1.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_f7a15ec707994dec1172252a1a8686f1.jpg&hash=49013aeb39903d8ebe26c5117981dbc7)
Шаг 5
Добавим последнюю коррекцию: Layer > New Adjustment Layer > Photo Filter/Слой>Новый корректирующий слой>Фотофильтр. Выберите красный фильтр.
![2669_ffdf19025ca36bf9acc2c5ea4210f67a.jpg](/proxy.php?image=http%3A%2F%2Fwww.dejurka.ru%2Fwp-content%2Fuploads%2F2017%2F04%2F2669_ffdf19025ca36bf9acc2c5ea4210f67a.jpg&hash=7b59c5c9ca3b58c68e215fb6f3e70f6a)
Результат
![lightpainted_final.jpg](/proxy.php?image=https%3A%2F%2Fcms-assets.tutsplus.com%2Fuploads%2Fusers%2F346%2Fposts%2F15411%2Fimage%2Flightpainted_final.jpg&hash=9c827895f5cc039226b7f81da3c742b7)
Автор урока Alex Beltechi