Створюємо неоновий текст в фотошоп

Ви помічали неонові вивіски, розкидані по вулицях міста? У цьому уроці ви дізнаєтеся, як з нуля створити неоновий ефект, використовуючи базові інструменти Photoshop Перо і Кисть, а також різні стилі шару, щоб отримати реалістичний результат. Почнемо!

Завантажити архів з матеріалами до уроку

1. Створюємо літери

Відкриваємо програму і створюємо новий документ розміром одна тисяча сто вісімдесят один х 788 пікселів з роздільною здатністю 300 точок / дюйм.

Активуємо TypeTool (T) (Текст) і пишемо слово або фразу будь-яким стандартним шрифтом, наприклад, Helvetica.

Відкриваємо вікно Windows- Character (Вікно - Символ) і налаштовуємо відстань між рядками тексту (значення залежить від розміру шрифту).

Також робимо текст трохи ширше (знову ж значення залежить від розміру вашого тексту).

Створюємо новий шар (Ctrl + Shift + N), клікнувши на кнопку Create a new layer (Створити новий шар) внизу панелі шарів.

Активуємо PenTool (P) (Перо) в режимі Shape (Фігура) і починаємо малювати по контуру букв.

Примітка перекладача: Заповнення кольором відключаємо, включаємо обведення контуру (ширина обведення буде залежати від розміру документа). Намалювавши одну лінію, обов'язково тиснемо клавішуEnter, щоб завершити контур.

Малюємо наступні лінії.

Повторюємо процес і малюємо інші літери. Я раджу вам вивчити справжні неонові вивіски, щоб отримати досить реалістичну форму букв.

Тепер відкриваємо фото зі стіною і перетягуємо його на робочий документ під шар з буквами. Це буде фон для неонового тексту.

Виділяємо всі шари з буквами і тиснемо Ctrl + G, щоб додати їх до групи, потім Ctrl + E, щоб об'єднати групу в один шар.

Двічі натискаємо по шару, щоб відкрити вікно LayerStyle (Стиль шару). Застосовуємо стиль шару ColorOverlay (Перекриття квітів) і тиснемо ОК. Кількома по шару правою кнопкою миші і вибираємо RasterizeLayerStyle (Растеризувати стиль шару).

2. Додаємо ефекти

Двічі натискаємо по шару, щоб відкрити вікно LayerStyle (Стиль шару). Застосовуємо стиль шару OuterGlow (Зовнішнє світіння).

Дублюємо шар з текстом (Ctrl + J), хапаємо лівою кнопкою мишки значок fx на шарі і перетягуємо його на іконку кошика, щоб очистити шар від стилів.

Двічі натискаємо по копії шару і застосовуємо OuterGlow (Зовнішнє світіння) і DropShadow (Тінь).

Ось так виглядає результат, але поки немає справжнього неонового ефекту.

Створюємо нову групу improvement, клікнувши на іконку внизу панелі шарів. Дублюємо другий текст і розміщуємо копію в цій групі. Двічі натискаємо по ній і налаштовуємо стилі шару. Розмір (Size) зовнішнього світіння і тіні міняємо на більший.

Затискаємо Ctrl і натискаємо по мініатюрі текстового шару на панелі шарів, щоб завантажити його виділення. Потім переходимо Select- Modify- Contract (Виділення - Модифікація - Стиснути) і вводимо значення 1, щоб стиснути виділення на 1 піксель.

Натисніть кілька разів стрілки вправо і вниз на клавіатурі, щоб перемістити виділення трохи нижче.

Створюємо новий шар і заливаємо виділення білим кольором. Для цього тиснемо Edit- Fill (Редагування - Заливка).

Дублюємо текстовий шар і розміщуємо його в групі. Двічі клацаємо по ньому, щоб застосувати стилі шару OuterGlow (Зовнішнє світіння) і DropShadow (Тінь).

Знову затискаємо Ctrl і натискаємо по мініатюрі шару, щоб завантажити його виділення. Переходимо Select- Modify- Expand (Виділення - Модифікація - Розширити) і розширюємо виділення на 4 пікселя.

Створюємо новий шар над текстовим і заливаємо виділення будь-яким кольором.

Застосовуємо до заливання стилі шару InnerShadow (Внутрішня тінь), InnerGlow (Внутрішнє світіння) і OuterGlow (Зовнішнє світіння). Потім встановлюємо Fill (Заливка) цього шару на 0%.

Тепер текст більше схожий на неонову вивіску, але ще потрібно попрацювати. Зараз ми спробуємо додати об'ємності тексту. Затискаємо Ctrl і натискаємо по мініатюрі текстового шару, потім стискаємо виділення на 1 піксель.

Вище створюємо новий шар і заливаємо виділення темно-жовтим кольором.

Додаємо маску на шар, натиснувши на кнопку Addlayermask (Додати шар-маску) внизу панелі шарів. Потім чорної пензлем проводимо по масці, щоб приховати частину темно-жовтої заливки.

Додаємо новий шар і акуратно малюємо тіні, щоб виділити окремі елементи букв друг від друга. Нижче ви можете побачити приклад.

Тепер додаємо закруглений прямокутник, який з'єднує між собою дві букви. Поверніть його злегка, щоб надати більш природне положення.

Встановлюємо колір прямокутника на чорний і розміщуємо під усіма текстовими шарами.

Додаємо закруглені прямокутники між усіма літерами. Зверніть увагу, що прямокутники повинні перебувати на одному шарі. Для цього під час створення фігур утримуйте Shift.

Тиснемо Ctrl + Enter, щоб виділити всі прямокутники. Створюємо новий шар і зафарбовує виділення чорним кольором.

Також нам потрібно додати світло на прямокутники. Не забувайте, що вони знаходяться за лампами, тому повинні бути освітлені.

Давайте додамо ще одну тінь за текстом. Затискаємо Ctrl і натискаємо по мініатюрі текстового шару і елементів сполучення, щоб створити їх виділення. Переміщаємо виділення трохи нижче.

Створюємо новий шар під текстом. Заливаємо виділення чорним. За допомогою фільтра згладжуємо тінь Filter- Blur- GaussianBlur (Фільтр - Розумієте - Розумієте по Гауса).

3. Малюємо кабель

Активуємо PenTool (P) (Перо) і малюємо кінчик кабелю, як показано нижче. Встановлюємо колір шару на чорний і розміщуємо його за текстом.

Двічі натискаємо по цьому шару і додаємо стиль шару BevelandEmboss (Тиснення) з наступними настройками.

Знову беремо PenTool (P) (Перо) і малюємо довгий кабель.

Примітка: Налаштування для пера використовуємо як у частині 1крок 3 даного уроку.

При необхідності, змініть кут нахилу кабелю (Ctrl + T).

Міняємо колір обведення кабелю на темно-сірий.

Додаємо стиль шару BevelandEmboss (Тиснення), щоб надати шнуру об'ємність.

Затискаємо Ctrl і натискаємо по мініатюрі шару з кабелем, щоб завантажити його виділення. Застосовуємо Select- Modify- Expand (Виділення - Модифікація - Розширити).

Переходимо Edit- Stroke (Редагування - Обведення). Застосовуємо обведення шириною 2 пікселя.

За допомогою м'якого ластику видаляємо частина обведення. Так, ми додали відблиски на кабелі.

Додаємо ще одну обведення для кабелю. Цього разу використовуємо більш світлий відтінок, потім розмиваємо його за допомогою фільтра GaussianBlur (Розумієте по Гауса).

Отримуємо ось такий результат. На кінці кабелю, який ближче до лампи, вручну малюємо жовте світло.

На першій букві малюємо ще один кабель.

І ще один кабель, який з'єднує верхні і нижні літери.

4. Малюємо власники

Тепер ми повинні додати спеціальні тримачі, до яких кріпляться неонові трубки. Для цього малюємо два прямокутника того ж кольору, що і букви, і розміщуємо їх над буквами.

Дублюємо прямокутники і розподіляємо по всьому буквах.

Щоб власники виглядали реалістичніше, ми повинні намалювати тіні. Зверніть увагу на місця, відмічені стрілками. Чи не малюйте тінь занадто насиченою, вона повинна бути ледь помітною, це додасть реалістичності.

Ось так виглядає результат нашої роботи. Сподіваюся, вам сподобався урок, і ви зрозуміли, як створювати реалістичне освітлення, використовуючи, в основному, одні стилі шару.

доповнень:
23 411

передплатників:
70 000+

Робіт користувачів:
329 323

Інші наші проекти:

Реєстрація

Реєстрація через пошту