У цьому уроці ми покажемо вам, як створити текст з магми в програмі Photoshop за допомогою стилів шару і текстур. Давайте приступимо!
Вихідні матеріали
Наступні вихідні матеріали були використані для створення даного уроку:
- Текстура диму
- Текстури Іскри (виберіть зображення 1)
- Текстура Магми (включена в додаток для скачування)
- Текстура Заднього Фону (включена в додаток для скачування)
Крок 1
Спочатку відкрийте вихідну текстуру Заднього Фону в програмі Photoshop, а потім за допомогою інструменту Горизонтальний текст (Type Tool (T), напишіть свій текст. Для цього уроку я використовував шрифт Helvetica LT Std, але ви можете використовувати будь-який шрифт або фігуру, використовуючи дану техніку створення ефекту. Щоб домогтися того ж результату, як у мене, використовуйте шрифт Helvetica LT Std. Відкрийте панель Символ (Character), для цього йдемо Вікно - Символ (Window> Character), поміняйте Розмір (Size) шрифту на 425 pt, а також встановіть Кернинг (kerning) на -25.
Крок 2
Зверніть увагу, що буква "D" все ще близько розташована до букви 'S', щоб виправити це, поставте курсор інструменту Текст між буквами "D" і "S", а потім поміняйте Кернинг (Kerning) на -305. Відстань між буквами має бути однаковим.
Крок 3
Двічі клацніть по шару з текстом, щоб відкрити вікно стилів шару. Застосуйте наступні стилі шару, а також встановіть настройки, які вказані нижче:
Крок 4
Продублюйте шар з текстом (Ctrl + J), клацніть правою кнопкою миші по дублікату шару і у вікні, виберіть опцію Очистити стилі шару (Clear Layer Style). Оскільки дублікат тексту повністю збігається з оригінальним текстом, то тепер ми можемо додати більше стилів шару.
Крок 5
Відкрийте вихідну текстуру Магми, перемістіть її на наш робочий документ, розташувавши нижче шарів з текстом. Проведіть корекцію текстури за допомогою коригувального шару Карта градієнта (Gradient Map). У нижній частині панелі шарів, натисніть значок Створити новий шар, що коректує або шар заливку (Create new fill or adjustment layer) і в меню, що з'явилося, виберіть опцію Карта градієнта (Gradient Map). Переконайтеся, щоб даний коригувальний шар був розташований поверх шару з текстурою.
Крок 6
Переконайтеся, щоб текстура магми була розташована поверх фонового шару. Поміняйте режим накладення для шару з текстурою на Лінійний освітлювач (Додати) (Linear Dodge (Add), а також зменшите Непрозорість (Opacity) шару до 36%. Це посилить кольору і деталі на задньому тлі. Далі, за допомогою інструменту Ластик (Eraser Tool ) (E), встановіть м'яку велику кисть жорсткості (hardness) 0%, фарбуйте краю текстури, щоб видалити їх, зберігши світлі ділянки нижче тексту.
Крок 7
Виділіть обидва шару з текстом, клацніть правою кнопкою миші по виділених верствам і у вікні, виберіть опцію Перетворити в смарт-об'єкт (Convert to Smart Object). Створіть новий шар, назвіть цей шар "Shadows". Виберіть інструмент Кисть (Brush Tool (B), встановіть м'яку круглу кисть, колір кисті чорний, розмір кисті приблизно 280px. За допомогою налаштованої кисті, додайте тіні нижче тексту.
Крок 8
Створіть новий шар, назвіть цей шар "orange bright spots". За допомогою пензлика, намалюйте помаранчеві плями поверх тексту, а потім застосуйте до намальованих плям фільтр Розмиття по Гауса, для цього йдемо Фільтр - Розмиття - Розмиття по Гауса (Filter> Blur> Gaussian Blur). Поміняйте режим накладення для даного шару на Лінійний освітлювач (Додати) (Linear Dodge (Add), а також зменшите Непрозорість шару до 45%.
Крок 9
Перейдіть на шар з текстом, а потім продублюйте його (Ctrl + J). Назвіть дублікат шару «Smudged Layer». Далі, клацніть правою кнопкою миші на даному дублікату шару і у вікні, виберіть опцію Растеризувати шар (Rasterize Layer). Нам потрібно розмити краю букв в тих місцях, де висока температура і плавиться магма. Виберіть інструмент Палець (Smudge Tool), встановіть м'який круглий пензлик Інтенсивністю (strength) 30%. Розмажте краю букв, як ніби вони розмиті і плавляться.
Крок 10
Продовжуйте розмивати ділянки текстур по всьому буквах, які не розмивайте довільно. Використовуйте великий розмір пензликів для помаранчевих ділянок. Підсильте контраст за допомогою коригувального шару Криві (Curves)
Крок 11
Створіть новий шар. За допомогою м'якого круглого пензлика, колір чорний, додайте невеликі тіні поверх тексту. В кінці зменшіть Прозорість (Opacity) шару до 40%.
Крок 12
Додайте помаранчеві відблиски на окремому шарі таким же чином, як ми раніше додавали тіні. Тільки на цей раз поміняйте режим накладення на Освітлення основи (Color Dodge), а також використовуйте яскраво-оранжевий колір пензлика. Застосуйте фільтр Розмиття по Гауса, для цього йдемо Фільтр - Розмиття - Розмиття по Гауса (Filter> Blur> Gaussian Blur), щоб пом'якшити тони.
Крок 13
Створіть новий шар поверх всіх шарів, назвіть його "highlights". За допомогою м'якої білого пензлика, додайте світлі відблиски поверх тексту. Поміняйте режим накладення для шару з відблисками на Перекриття (Overlay).
Крок 14
Відкрийте вихідну текстуру Диму, перемістіть дану текстуру на наш робочий документ. Видаліть колір текстур, для цього йдемо Зображення - Корекція - Знебарвити (Image> Adjustments> Desaturate) або натисніть клавіші (Ctrl + Shift + U). За допомогою інструменту Ластик (Eraser Tool (E), видаліть зайві ділянки текстури диму, а також застосуйте деформацію за допомогою інструменту Деформація (Warp Tool (Ctrl + T). Не забудьте поміняти режим накладення для кожного шару з текстурою Дим на Освітлення (Screen) , щоб приховати чорний фон на доданих структурах. Також використовуйте корекцію рівнів (Ctrl + L) для посилення або зменшення контрастності диму і інструмент Палець (Smudge Tool) для заключних штрихів.
Крок 15
Продовжуйте додавати текстури диму до нашої композиції, деформуючи і розмазуючи текстури, дана частина уроку є в основному експериментальної. Продовжуйте експериментувати, доки ви не отримаєте задовільний результат. Додайте текстуру з іскрами в наш робочий документ.
Крок 16
Поміняйте режим накладення для шару з текстурою з іскрами на Освітлення основи (Color Dodge). Далі, додайте шар-маску до даного шару з текстурою і за допомогою м'якої чорного пензлика, видаліть окремі ділянки текстури, зокрема за межами букв, тому що нам не потрібно так багато іскор.
Крок 17
Ви можете побачити, як повинна виглядати шар-маска текстури з іскрами (ліворуч) на скріншоті нижче, а також кінцевий ефект (праворуч). Щоб побачити корекцію на шар-масці, для цього, утримуючи клавішу (Alt), клацніть по мініатюрі шар-маски.
Кінцеве зображення