Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

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

Для роботи нам буде потрібно 2 файли, які я запакував в архів. Перш ніж починати скачайте його за цим посиланням.

В архіві ви знайдете візерунок полірованого металу для photoshop в форматі .pat і цікаву текстуру металу з іскрами.

Металевий текст, який ми отримаємо, буде виглядати приблизно так:

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Ну що, готові починати? Тоді вперед!

Металевий текст: створення фону

1. Створіть новий документ будь-якого розміру (я як завжди взяв дозвіл свого монітора 1280 × 1024). Нам потрібно створити фон для майбутнього металевого тексту. Залийте документ кольором # 0f1c26 за допомогою інструменту Paint Bucket Tool (Заливка):

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

2. Перейдіть в стиль шару, двічі клацнувши по ньому мишкою. Для початку нам потрібно у вкладку Pattern Overlay (Перекриття текстурою). Завантажте завантажену в архіві текстуру формату .pat:

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Виберіть її та встановіть Blend Mode (Режим змішування) Overlay (Перекриття):

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

3. Тепер перейдіть в Gradient Overlay (Перекриття градієнтом) і встановіть такі параметри:

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Зараз фон для металевого тексту виглядає так:

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

4. Створіть новий шар, режим змішування встановіть Overlay і залийте його таким градієнтом:

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Фон для металевого тексту готовий!

Створюємо металевий текст

5. Напишіть будь-який текст шрифтом. який вам подобається. Рекомендую брати жирні шрифти:

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

6. Переходимо в стиль шару, і виставляємо настройки, як на зображеннях нижче:

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

7. Подивимося як виглядає металевий текст:

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Тепер відкрийте в новому документі текстуру метала з іскрами, яка лежить в викачаному вами архіві, і пройдіть в Edit (Редагувати) - Define Pattern (Визначити візерунок):

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Все, тепер можете закрити цей документ. Повертаємося в стиль шару металевого тексту і налаштовуємо Pattern Overlay вибравши в якості візерунка тільки що певну текстуру:

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Потім налаштовуємо Stroke (Обведення):

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Тепер текст став ще більше схожий на металевий:

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

8. Скопіюйте шар з металевим текстом (Ctrl + J) і очистіть стиль шару натиснувши по ньому правою кнопкою миші і вибравши відповідний пункт:

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

9. Тепер візьміть інструмент Move Tool і посуньте копію тексту на 4 пікселя вправо (використовуйте стрілку на клавіатурі), це створить тривимірний ефект:

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

10. А зараз знову займемося налаштуванням стилю шару:

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

На даному етапі металевий текст виглядає вже досить непогано:

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Але попрацювати ще є над чим, так що продовжимо

11. Знову створіть копію шару і скиньте настройки стилю. Fill (Заповнення) шару встановіть 0%:

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

І зробіть чергові настройки стилю:

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Тепер наш металевий текст майже готовий:

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Робимо відображення для металевого тексту

12. Виділіть всі 3 шари з текстом і скопіюйте їх:

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

13. Пройдіть в Edit -> Transform (Трансформація) -> Flip Vertical (Відбити по вертикалі) і розмістіть копію прямо під основним тестом:

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

14. Зменшіть Opacity (Непрозорість) шару до 35%. Тепер злийте шари (Ctrl + E) і створіть маску шару:

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Тепер чорно білим градієнтом виконайте заливку для створення «загасання» відображення:

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Вийшло непогане відображення металевого тексту:

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Ну і під кінець поекспериментуйте і додайте ефектів для металевого тексту (відблиски, блюр і т.д.). Це я залишаю вам на самостійну доопрацювання.

Фінальний результат уроку photoshop зі створення металевого тексту виглядає так:

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія

Поділися з друзями

Схожі статті