Посібники зі стильним рельєфним текстом є всюди, але цей ідеальний для початківців. Хочете справді стильний ефект тиснення тексту? Минуло понад 2 місяці з моменту останнього опублікованого мною навчального посібника з Photoshop, але у мене є для вас чудові новини — я повернувся в мережу з купою нового матеріалу, щоб показати вам, тому слідкуйте за нашими майбутніми уроками!

Сьогодні ми почнемо з цього чудового текстового ефекту, і, як прохає більшість читачів, ми також випускаємо PSD для завантаження всього за 1 долар. PSD призначений лише для навчання; ви можете включити його в проект для клієнта, але ви не можете безпосередньо перепродати цей файл.

Досить говорити; Давайте розпочнемо.

Фотошоп з ефектом рельєфного тексту

рельєфний текстовий ефект Photoshop – розроблений стильний рельєфний текст із металевим сяйвом
https://loreleiwebdesign.com/wp-content/uploads/2010/01/downloadssuccess1dollar.jpg

Крок 1. Підготовка Photoshop Canvas.

Створіть новий файл Photoshop (Ctrl + N). Ми використовуємо тут розмір 600*400, але, як завжди, ваш може бути набагато більшим, якщо вам це потрібно.

рельєфний текстовий ефект Photoshop – розроблений стильний рельєфний текст із металевим сяйвом

Використовуючи інструмент Paint Bucket, заповніть полотно темним сіро-блакитним кольором — #535559.

Крок 2. Виберіть шрифт.

Я великий шанувальник усіх шрифтів, які використовувалися та були відомі ще в 50-х, тому моїм найулюбленішим шрифтом, мабуть, буде «Bello». Це не безкоштовно, але ви можете придбати його в Інтернеті. Зверніть увагу, що шрифт НЕ буде додано, якщо ви придбаєте файл PSD, оскільки ми не можемо поширювати комерційні шрифти. Отже, якщо у вас є шрифт Bello, виберіть його та введіть слово великою літерою. Тут ми використали 188pt.

рельєфний текстовий ефект Photoshop – розроблений стильний рельєфний текст із металевим сяйвом

Крок 3. Додавання стилів шару.

Поки ваш текстовий шар все ще вибрано, перейдіть до «Шар» >> «Стилі шару» та застосуйте наступні параметри…

рельєфний текстовий ефект Photoshop – розроблений стильний рельєфний текст із металевим сяйвом
рельєфний текстовий ефект Photoshop – розроблений стильний рельєфний текст із металевим сяйвом

Тепер фонова текстура. Ми будемо використовувати шаблон, який створили самі, і якщо ви придбаєте файл PSD, він уже буде включений у стиль.

рельєфний текстовий ефект Photoshop – розроблений стильний рельєфний текст із металевим сяйвом

Нарешті, ми додамо обведення 1px із градієнтним накладанням, щоб надати тексту більшої глибини.

банер
рельєфний текстовий ефект Photoshop – розроблений стильний рельєфний текст із металевим сяйвом

Ми дійшли до цього з усіма стилями шарів, застосованими правильно. Якщо ваш результат відрізняється від того, що ви бачите тут, поверніться та перевірте, чи всі налаштування для стилів шару застосовано правильно; поки що це лише технічна частина, тому у вас не повинно виникнути проблем.

рельєфний текстовий ефект Photoshop – розроблений стильний рельєфний текст із металевим сяйвом

Крок 4. Додавання глибини до Canvas.

Настала ера Web 2.0, і наявність плоского полотна може зіпсувати будь-який ефект, яким би гарним він не був, тому, якщо ми хочемо, щоб наш продукт вийшов на екран, він повинен мати певну глибину. Тому ми не будемо повертатися до основного полотна (якщо воно заблоковане, двічі клацніть його на палітрі шарів і натисніть OK, щоб розблокувати). Йти до Шар >> Стилі шаруі застосуйте такі налаштування:

рельєфний текстовий ефект Photoshop – розроблений стильний рельєфний текст із металевим сяйвом
рельєфний текстовий ефект Photoshop – розроблений стильний рельєфний текст із металевим сяйвом

Для градієнта використовуйте такі кольори:
1. #667c85 як світло-блакитний
2. #475e68 як темно-синій

Ось що ми отримали на даний момент…

рельєфний текстовий ефект Photoshop – розроблений стильний рельєфний текст із металевим сяйвом

Крок 5. Додавання глянцю

Натисніть «Ctrl» і клацніть текстовий шар у вашій палітрі шарів Photoshop. Це завантажить виділений текст.

рельєфний текстовий ефект Photoshop – розроблений стильний рельєфний текст із металевим сяйвом

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

Використовуючи еліптичне ласо, намалюйте коло, як ви бачите на малюнку нижче:

рельєфний текстовий ефект Photoshop – розроблений стильний рельєфний текст із металевим сяйвом

До Виберіть >> Інверсія щоб інвертувати виділення, і натисніть «видалити», щоб видалити решту градієнта. Це залишить глянець лише у верхній частині тексту, наприклад:

рельєфний текстовий ефект Photoshop – розроблений стильний рельєфний текст із металевим сяйвом

Тепер, щоб надати йому приємного та природного відтінку, встановіть непрозорість шару глянцю на «Накладення» (див. нижче):

рельєфний текстовий ефект Photoshop – розроблений стильний рельєфний текст із металевим сяйвом

Крок 6. Додаємо блискітки

Наступним кроком буде додавання солодких блискіток навколо тексту. Це додасть йому більшої глибини, мрійливості та елегантності. Створіть новий шар Photoshop поверх решти. Використовуючи інструмент Brush Tool, виберіть пензель розміром 27 пікселів з м’яким краєм і, використовуючи білий колір, хаотично розподіліть крапки по краях тексту.

банер

Встановіть непрозорість заливки точок на 70%. Переключіться зі звичайного режиму на режим накладання.

ПОРАДА: застосовуйте точки лише там, де штрих тексту білий, це посилить світловий ефект.

До цього часу, якщо ви уважно виконували кроки, ви мали отримати це:

рельєфний текстовий ефект Photoshop – розроблений стильний рельєфний текст із металевим сяйвом

Ми також додали більше блиску за допомогою різних пензлів, але переконайтеся, що не перестараєтеся, тому що краще мати менше блиску та забагато.
Розроблений стильний рельєфний текст із металевим сяйвом - PS Tutorials Lorelei Web Design

Сподіваюся, вам сподобався цей підручник з Photoshop, і обов’язково перегляньте наші інші підручники з Photoshop і підпишіться на канал. Якщо ви хочете навчитися швидше, придбайте файл PSD підручника всього за 1.00 дол. Коли ви завершите оформлення замовлення, натисніть кнопку «повернутися до продавця» — завантаження почнеться автоматично. Якщо з будь-якої причини завантаження не перенаправило вас, залиште коментар нижче або напишіть нам, і ми надішлемо вам файл якомога швидше. Дякую тобі!

рельєфний текстовий ефект photoshop - Дизайнерський стильний рельєфний текст з металевим сяйвом - купити

Текстова версія

Розширений посібник: створення рельєфного тексту з металевим сяйвом у Photoshop

огляд

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

Вимога

  • Adobe Photoshop (підійде будь-яка остання версія)
  • Базові знання інструментів та інтерфейсу Photoshop

Крок 1: Налаштування вашого документа

  1. Відкрийте Photoshop і створити новий документ. Для використання в Інтернеті достатньо розміру 800×600 пікселів із роздільною здатністю 72 dpi. Для друку розгляньте вищу роздільну здатність (принаймні 300 dpi).
  2. Заповніть фон з темним кольором або градієнтом, щоб виділити металеве сяйво. Глибокий синій або чорний добре підходить для цього ефекту.

Крок 2: Створення тексту

  1. Виберіть інструмент «Текст» (T) і введіть потрібний текст. Виберіть жирний або товстий шрифт для найкращого ефекту тиснення. Хорошим вибором є такі шрифти, як Arial Black або Impact.
  2. Налаштуйте розмір шрифту щоб відповідати вашому дизайну. У цьому підручнику давайте використаємо розмір шрифту, який заповнює значну частину полотна, забезпечуючи видимість деталей тиснення та ефектів світіння.

Крок 3: Застосування ефекту тиснення

  1. Вибравши текстовий шар, перейдіть на панель шарів і двічі клацніть щоб відкрити діалогове вікно «Стиль шару».
  2. Виберіть «Скос і тиснення» щоб додати тексту глибини. Використовуйте ці параметри для тонкого, реалістичного тиснення:
    • Стиль: внутрішній скіс
    • Техніка: гладь
    • Глибина: 100%
    • Напрямок: Вгору
    • Розмір: 5 пікселів (налаштуйте відповідно до розміру тексту)
    • Пом'якшення: 0 пікселів
  3. Відрегулюйте затінення для посилення відчуття металу. Встановіть кут на 120° і висоту на 30°. Поекспериментуйте з налаштуваннями Gloss Contour, щоб знайти той, який доповнює ваш дизайн.

Крок 4: Додайте металеве сяйво

  1. У діалоговому вікні «Стиль шару» виберіть «Inner Glow» для тонкого внутрішнього блиску. Виберіть світлий колір, який підходить до бажаного металевого вигляду (срібло, золото тощо). Встановіть режим змішування на екран, непрозорість на 75% і розмір приблизно на 20 пікселів.
  2. Додайте «Зовнішнє світіння» щоб створити враження відбиття світла від металу. Виберіть колір, схожий на колір внутрішнього світіння, встановіть режим змішування на екран, непрозорість на 50-75% і налаштуйте розмір, щоб отримати м’який сяючий ефект навколо тексту.

Крок 5: Уточнення металевої текстури

  1. Для додаткової текстури та реалістичності натиснути «Атлас» у діалоговому вікні «Стиль шару». Це додає глибини та складності металевому покриттю. Використовуйте ці налаштування:
    • Режим накладання: Помножте
    • Непрозорість: 20%
    • Кут: 19 °
    • Відстань: 21 px
    • Розмір: 27 px
  2. Грати з «Контур» налаштування в розділі Bevel & Emboss для додаткових нюансів текстури, що посилює ефект тиснення.

Крок 6: остаточні коригування

  1. Налаштуйте загальний вигляд налаштувавши непрозорість заливки шару на 0%. Це зробить колір тексту невидимим, залишивши видимими лише стилі шару для більш виразного металевого та рельєфного ефекту.
  2. За бажанням додати фоновий шар із градієнтом або візерунком, який доповнює ваш металевий текст, щоб завершити дизайн.

Висновок

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

Експериментуючи з налаштуваннями та додаючи додаткові елементи, як-от блискітки або фонові текстури, можна ще більше персоналізувати ваше творіння. Стилі шарів Photoshop є потужним інструментом для оживлення тексту, і їхнє опанування може значно розширити ваші дизайнерські можливості.

банер