Привіт друзі. Сьогоднішній урок photoshop присвячений створенню ефектного металевого тексту. Цей текстовий ефект прикрасить будь-який логотип або графічну роботу. Ви також дізнаєтеся кілька цікавих прийомів роботи в photoshop, втім, як завжди
Для роботи нам буде потрібно 2 файли, які я запакував в архів. Перш ніж починати скачайте його за цим посиланням.
В архіві ви знайдете візерунок полірованого металу для photoshop в форматі .pat і цікаву текстуру металу з іскрами.
Металевий текст, який ми отримаємо, буде виглядати приблизно так:
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (металевого тексту виглядає) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-151d7e91.png)
Ну що, готові починати? Тоді вперед!
Металевий текст: створення фону
1. Створіть новий документ будь-якого розміру (я як завжди взяв дозвіл свого монітора 1280 × 1024). Нам потрібно створити фон для майбутнього металевого тексту. Залийте документ кольором # 0f1c26 за допомогою інструменту Paint Bucket Tool (Заливка):
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (текст) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-8512e0ce.jpg)
2. Перейдіть в стиль шару, двічі клацнувши по ньому мишкою. Для початку нам потрібно у вкладку Pattern Overlay (Перекриття текстурою). Завантажте завантажену в архіві текстуру формату .pat:
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (текстові ефекти) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-f6a55eba.jpg)
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (урок photoshop) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-78616419.jpg)
Виберіть її та встановіть Blend Mode (Режим змішування) Overlay (Перекриття):
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (металевого тексту виглядає) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-cbc54982.jpg)
3. Тепер перейдіть в Gradient Overlay (Перекриття градієнтом) і встановіть такі параметри:
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (урок photoshop) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-1a8d3a16.jpg)
Зараз фон для металевого тексту виглядає так:
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (photoshop) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-6f54fd94.jpg)
4. Створіть новий шар, режим змішування встановіть Overlay і залийте його таким градієнтом:
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (текстові ефекти) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-db994e59.jpg)
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (металевий) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-88b8fbc8.jpg)
Фон для металевого тексту готовий!
Створюємо металевий текст
5. Напишіть будь-який текст шрифтом. який вам подобається. Рекомендую брати жирні шрифти:
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (урок photoshop) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-30b88511.jpg)
6. Переходимо в стиль шару, і виставляємо настройки, як на зображеннях нижче:
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (урок photoshop) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-7ae48096.jpg)
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (урок photoshop) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-5e8b4ce0.jpg)
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (металевий) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-b7f0c3cc.jpg)
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (металевого тексту виглядає) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-7733c1ac.jpg)
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (текст) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-965235fb.jpg)
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (фотошоп) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-35c2859c.jpg)
7. Подивимося як виглядає металевий текст:
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (photoshop) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-d883fd05.jpg)
Тепер відкрийте в новому документі текстуру метала з іскрами, яка лежить в викачаному вами архіві, і пройдіть в Edit (Редагувати) - Define Pattern (Визначити візерунок):
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (урок photoshop) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-2d89dadc.jpg)
Все, тепер можете закрити цей документ. Повертаємося в стиль шару металевого тексту і налаштовуємо Pattern Overlay вибравши в якості візерунка тільки що певну текстуру:
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (текстові ефекти) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-8291037a.jpg)
Потім налаштовуємо Stroke (Обведення):
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (відображення металевого тексту) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-47bfce3b.jpg)
Тепер текст став ще більше схожий на металевий:
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (текстові ефекти) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-fb82fe9b.jpg)
8. Скопіюйте шар з металевим текстом (Ctrl + J) і очистіть стиль шару натиснувши по ньому правою кнопкою миші і вибравши відповідний пункт:
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (текст) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-e645e89c.jpg)
9. Тепер візьміть інструмент Move Tool і посуньте копію тексту на 4 пікселя вправо (використовуйте стрілку на клавіатурі), це створить тривимірний ефект:
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (металевий) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-9170bd1c.jpg)
10. А зараз знову займемося налаштуванням стилю шару:
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (відображення металевого тексту) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-8a6b28d6.jpg)
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (металевого тексту виглядає) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-c0bbfad5.jpg)
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (текстові ефекти) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-5d7c92f6.png)
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (металевого тексту виглядає) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-0ce48578.jpg)
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (металевий текст) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-e19b6836.jpg)
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (фотошоп) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-05b18867.jpg)
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (металевого тексту виглядає) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-99c3e98f.jpg)
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (відображення металевого тексту) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-1b7e1cfb.jpg)
На даному етапі металевий текст виглядає вже досить непогано:
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (металевий текст) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-250c3d70.jpg)
Але попрацювати ще є над чим, так що продовжимо
11. Знову створіть копію шару і скиньте настройки стилю. Fill (Заповнення) шару встановіть 0%:
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (металевого тексту виглядає) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-d28f6bd1.jpg)
І зробіть чергові настройки стилю:
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (металевий текст) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-15792a9c.jpg)
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (відображення металевого тексту) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-63682ffb.jpg)
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (фотошоп) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-b3e1e97d.jpg)
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (текстові ефекти) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-b4990868.jpg)
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (відображення металевого тексту) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-ee9c19c8.jpg)
Тепер наш металевий текст майже готовий:
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (текст) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-5712a679.jpg)
Робимо відображення для металевого тексту
12. Виділіть всі 3 шари з текстом і скопіюйте їх:
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (металевого тексту виглядає) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-0543c34f.png)
13. Пройдіть в Edit -> Transform (Трансформація) -> Flip Vertical (Відбити по вертикалі) і розмістіть копію прямо під основним тестом:
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (металевий текст) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-599c9dfd.jpg)
14. Зменшіть Opacity (Непрозорість) шару до 35%. Тепер злийте шари (Ctrl + E) і створіть маску шару:
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (урок photoshop) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-cd8c2833.jpg)
Тепер чорно білим градієнтом виконайте заливку для створення «загасання» відображення:
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (металевого тексту виглядає) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-d8a12295.jpg)
Вийшло непогане відображення металевого тексту:
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (відображення металевого тексту) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-e449bdce.jpg)
Ну і під кінець поекспериментуйте і додайте ефектів для металевого тексту (відблиски, блюр і т.д.). Це я залишаю вам на самостійну доопрацювання.
Фінальний результат уроку photoshop зі створення металевого тексту виглядає так:
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (текст) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-2c5b9890.png)
![Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія (текстові ефекти) Металевий текст, уроки фотошопа (photoshop) - відеоуроки фотошопа, дизайн, фотографія](https://images-on-off.com/images/198/metallicheskiyteksturokifotoshopaphotosh-151d7e91.png)
Поділися з друзями