Як створити неоновий текст за 5 кроків за допомогою Adobe Photoshop

Підручник, як поетапно створити неоновий текст за допомогою Photoshop

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

Неонові вогні - це класика реклами вісімдесятих років, тому я хотів повернути їх за цю посаду. А) Так, Я покажу вам, як створити неоновий текст за допомогою Adobe Photoshop за 5 простих кроків.

Виберіть відповідний фон

Хоча це правда, що ви можете застосовувати його на різнокольорових фонах, якщо ви виберете темний фон, результат буде кращим і набагато реалістичнішим. Ви можете зробити це безпосередньо на чорному тлі, а можна вибрати текстуру. У цьому випадку я вибрав фон, що імітує темну цегляну стіну, і збираюся працювати над файлом формату А4 у горизонтальному положенні.

Вибір шрифту та розміру тексту

Щоб створити свій неоновий текст Рекомендую вибирати товстий шрифт, важкий і трохи витягнутий, вже не просто тому при застосуванні ефектів він вам більше підійде, а тому, що товсті гарнітури були дуже модними у 80-х. розмір, це буде сильно залежати від потреб вашого дизайну та вибраний вами шрифт. Однак попереджую вас, що цей ефект призначений не для невеликих текстів, а скоріше для великі привабливі тексти. Інша річ, що Ви повинні брати до уваги пробіл між символамиЯкщо ви виберете шрифт, у якому цей простір за замовчуванням дуже малий, вам доведеться його збільшити. Зараз ми побачимо, як це зробити.

У моєму випадку Я вибрав шрифт «Impact» і я дав йому a Розмір 100 балів. Оскільки простір між символами був невеликий, я дав йому a значення 10 при відстежуванні. Змінюючи це значення, ми змінюємо пробіл між кожним символом.

Неонове керівництво з вибору відстеження та розміру шрифту

Щоб просто вирівняти текст Я змінив параметр вирівнювання у "текстовому меню", яке зазвичай відображається у верхній частині екрана. Вам доведеться виберіть «центр тексту». Щоб розмістити його в центрі сторінки, натисніть control + T (якщо ви працюєте в Windows) або Command + T (якщо ви працюєте на Mac), і ви можете вільно переміщати його.

Неонове підручник вирівнювання та центр тексту

Змініть стиль текстового шару

Після того, як ви створили свій текст, те, що ви збираєтеся зробити, це знизити заливку до 0%. Текст зникне, але не лякайтеся, ви не зробили нічого поганого, це просто те, що має статися.

Неонова підручник Змініть заливку текстового шару на 0%

Далі ми перейдемо до змінити стиль текстового шару. Для цього ти повинен відкрийте меню стилю шару: наведіть курсор на вкладку "шар", ви відкриєте спадне меню, наведіть курсор на "стиль шару" та натисніть на "варіанти синтезу". Відкриється меню, ви повинні виберіть варіант обведення та модифікуйте такі елементи: розмір та колір. Для кольору виберіть ціль. Що стосується розміру, я не можу вказати точне значення, оскільки це буде залежати від вашої типографії та типу вибраного шрифту. У моєму випадку я виправив розмір штриха в 7, Важливим є не надто товстий так ви не втратите читабельність при додаванні ефектів.

Неоновий підручник, як відобразити меню параметрів змішування

Neon Tutorial Змініть стиль текстового шару, вибравши обведення

Перш ніж продовжувати, ми створимо групу з текстом та ефектами (ефект сліду). Щоб створити групу, просто Вибирайте текстовий шар і натисніть команду + G. Відтепер ми застосовуватимемо ефекти до цієї групи.

Неоновий підручник про те, як створити групу

Нанесіть неоновий ефект

Тепер будьте готові приділити багато уваги, бо починається найцікавіше. Вибравши «груповий текст + ефекти» ми будемо знову відкрити меню стилю шару (Пам'ятайте, що ви також можете відкрити його, вибравши символ "fx"). Потім перевірте ефект "зовнішнього світіння". Ще раз, значення, які ми надамо для цього, будуть залежати від потреб дизайну, активуйте опцію «попередній перегляд », щоб одночасно побачити налаштування. У моєму випадку я вибрав вражаючий рожевий колір і вибрав його Непрозорість 85%. Вам також доведеться вибрати техніку, я рекомендую вибрати параметр "плавніше" та відрегулювати значення "розширити" та "розмір". Я залишаю вас нижче a скріншот зі значеннями які послужили мені за дизайн.

Неонова підручник Застосуйте ефект зовнішнього світіння до тексту

Отримайте більше реалізму

Як бачите, те, що ми маємо, вже можна було б вважати неоновим текстом, але як ми хочемо, щоб результат був якомога реалістичнішим, я збираюся вам повідомити ще кілька порад щодо вдосконалення дизайну. Справжні неонові тексти дають світло. Чи можемо ми імітувати це світло за допомогою Photoshop? Так, звичайно, ми можемо, і ви будете здивовані, наскільки це просто.

Виберіть та налаштуйте інструмент пензля

Перше, що вам доведеться зробити, це створити новий шар. Потім виберіть інструмент пензля і виберіть «дифузний круговий» наконечник. Вам доведеться налаштувати характеристики вашої кисті. Ми почнемо із зміни розміру, ідеальним є те товщина кінчика трохи більше, ніж займає ваше текстове поле (Мені потрібно було дати йому значення 2390 px). Вам теж доведеться трохи змінити форму пензля, для цього перемістіть білі точки, зображені на графіці меню пензля, трохи розрівняйте коло, щоб воно краще адаптувалося до форми тексту. Ми зменшимо непрозорість, це трохи залежить від особистого смаку кожного з них, мені подобається, що ефекти м'які, тому я знизив Непрозорість 21%. Нарешті, виберіть колір пензля, заливка повинна бути точно таким же кольором, яким ви надавали зовнішнє сяйво (у цьому випадку рожевий). Щоб зробити колір однаковим, у вас є два варіанти: ви можете скопіювати вказаний код кольору або додати цей колір як зразок до своєї бібліотеки.

Neon Tutorial Налаштування пензля для отримання світлового ефекту

Неоновий підручник з копіювання колірного коду

Отримайте ефект м’якого світла

Коли у вас є кисті, просто вам доведеться клацнути по центру тексту намалювати крапку. Ця точка вже буде імітувати світло, але для досягнення більш точного результату Рекомендую розмістити шар під групою "текст + ефекти". Сподіваюсь, цей посібник про те, як створити неоновий текст за 5 кроків за допомогою Adobe Photoshop, вам допоміг. Ви готові зробити цей дизайн своїм!

Neon Tutorial ми малюємо крапку на нашому новому шарі за допомогою спеціального пензля

Неоновий підручник, ми переміщуємо шар нижче групи і отримуємо кінцевий результат


Залиште свій коментар

Ваша електронна адреса не буде опублікований. Обов'язкові для заповнення поля позначені *

*

*

  1. Відповідальний за дані: Мігель Анхель Гатон
  2. Призначення даних: Контроль спаму, управління коментарями.
  3. Легітимація: Ваша згода
  4. Передача даних: Дані не передаватимуться третім особам, за винятком юридичних зобов’язань.
  5. Зберігання даних: База даних, розміщена в мережі Occentus Networks (ЄС)
  6. Права: Ви можете будь-коли обмежити, відновити та видалити свою інформацію.