Вогняний текст в фотошопі, photoshop

Вогняний текст в Фотошопі

Ексклюзивний переклад статті з PSDTuts.com спеціально для Временно.нет.

остаточний результат

Зазвичай ми починаємо з фінального результату, щоб ви розуміли до чого ми йдемо.

Частина 1 - Фон

Створимо новий документ в Photoshop розміром 1920 на 1200 пікселів і з допомогою інструменту градієнт (Gradient Tool - G) зробимо коричневий градієнт (від # 5c3d09 до # 1f1409), у вас повинно вийти щось схоже на те, що ви бачите на зображенні.

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

Як і в уроці «трав'яний текст в Photoshop», ми будемо знову використовувати текстурований фон. Тому, щоб починати не з порожнього місця, я скопіював фон з вище згаданого уроку, злив всі верстви, щоб отримати те, що ви бачите нижче.

Якщо ж ви не робили попередній урок, то спочатку відвідайте bittbox.com. щоб завантажити початкові текстури паперу і потім дотримуйтесь вказівок з уроку «трав'яний текст в Photoshop».

Що ж, тепер ми можемо поміняти режим змішування на «перекриття» (Overlay) і змішування текстури і нашого фону дасть такий ось результат.

Щоб додати нашій картинці побільше структури ми скористаємося фільтром текстури (Texturizer filter). Щоб зробити це, створіть новий шар і залийте його кольором # 66500f. Тоді йдіть в «фільтр» → «текстура» → «текстурирование» (Filter → Texture → Texturizer) і зробіть установки як на малюнку, встановивши у вкладці «texture, Canvas» значення scaling 80% і relief 4.

Коли ви отримали текстурований шар, поміняйте режим змішування на перекриття (Overlay). Це додасть деякі додаткові прекрасні деталі до нашої текстурі, яка вийшла досить хорошою.

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

Для цього створіть новий шар і залийте його кольором # 4b4f3b. Після додайте до шару маску з градієнтом, щоб домогтися потрібного нам ефекту.

Тепер змініть тип змішування на Color і встановіть прозорість на 45%.

Частина 2 - Робота з текстом

Отже, у нас вийшов хороший фон! Тепер потрібно додати деякий текст. Я використовував шрифт Trajan. тому що це - дійсно драматично що виглядає шрифт. Я пофарбував його в колір # cb9328, потім встановив Linear Dodge (Add) зі значенням opacity 8%.

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

Отже, в першу чергу, створимо нову групу шарів, щоб вставити туди текстові шари, тому що їх буде багато.

Після дублюємо наявний текстовий шар і призначте йому колір # 5e3f1c.

Тепер для останнього текстового шару змініть тип змішування на Overlay і встановіть значення opacity в 70%. Це повинно виглядати почасти червонувато (як показано нижче).

Знову дублюйте шар і встановіть колір тексту жовтуватим - # cb9328. Потім додайте до нього Linear Dodge (Add) і opacity 30%.

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

Далі дублюємо текстовий шар знову, але поміщаємо його в самий низ стека. Призначаємо чорний колір # 000000. Потім йдемо в Filter → Blur → Gaussian Blur вискочить віконце з питанням, чи варто перетворювати в растровий формат ваш текст, клацаємо «так» і ставимо радіус розмиття 4 пікселя.

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

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

Тепер дублюйте наш чорний шар ще раз і використовуйте Smudge Tool (R) і середньої за величиною і жорсткості пензлем пройдіться по шару - це створить ефект шліфувальних пріжогов, як на картинці.

Ось як наш текст виглядає тепер. Я фактично створив 2 набору «вогненних» слідів, кожен розмивали трохи більше, ніж останній і кожен відійшов назад.

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

Потім застосовуємо Filter → Blur → Gaussian Blur c радіусом розмиття 8px. Далі візьміть великий ластик і підітріть нижню частину шару.

Застосуйте до першого світиться шару Soft Light. Ви можете повторити процес, стираючи навіть більше у верхній частині шару.

Тепер дублюйте текстовий шар ще раз і поставте його в верхнє місце в стеку. Він повинен бути знову того ж самого жовтого кольору (# dc9a08).

Тепер ідіть в Layer → Rasterize → Type - це конвертує текст в плоский графічний символ. Потім натисніть CTRL-Click на шар і йдіть в Select → Modify → Contract і поставте значення 1px. Потім натисніть Delete - це видалить все за винятком контуру в 1 піксель.

Тепер цього шару призначте тип змішування Overlay. в результаті чого ви повинні отримати щось схоже на це.

Тепер до цього шару світіння застосуєте маску з градієнтом, щоб зробити шар прозоріше до низу, як ми робили це раніше.

Потім дублюйте шар і призначте йому Filter → Blur → Gaussian Blur зі значенням 1px. Знову дублюйте цей шар і зробіть Blur в 2 пікселя.

Потім натисніть CNTRL-click за допомогою одного з текстових шарів, натисніть CNTRL- SHIFT-I. щоб інверсірованного виділення і пройдіть по всім верствам світіння, щоб видалити будь-яка пляма, яке вийшло за межі тексту.

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

Виберіть smudge tool і пройдіться по тексту, це повинно буде бути схожим на теплові хвилі, що відриваються від тексту, як показано на зображенні.

Зараз вибираємо останній зроблений шар і міняємо тип змішування на Overlay. в результаті повинні отримати щось схоже на це.

Що ж, зараз ми в значній мірі закінчили наш текст. Я продублював деякі з шарів світіння, щоб змусити картинку виглядати більш полум'яної. Не соромтеся експериментувати, щоб отримати більш реалістичний результат.

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

Частина 3 - Полум'я

Ну і ось, кульмінація всього уроку з усією зробленої підготовкою. Прийшов час додавати фактичні язики полум'я! Для цього нам знадобляться деякі зображення вогню навпроти чорного фону. Гарну фотографію знайти дуже складно, у всякому разі, мені було дійсно складно знайти безкоштовну фотографію з великою роздільною здатністю. У підсумку я вирішив використовувати цю фотографію від Fotolia, яку ви можете купити використовуючи посилання, вказану нижче. Була так само фотографія ОК від Flickr, з якої я теж працював, і яку я закінчив використовувати пізніше для «Е». Таким чином ви могли б теж використовувати їх.

Тепер поговоримо про методику для того, щоб копіювати мови, фактично вона дійсно проста. Я тільки вивчаю цю методику, Новомосковський одну з навчальних програм Ніка Ейлена для журналу DigitalArts. названу «Створення приголомшливого фотомонтажу», де він використав цю методику з водою.

Що нам потрібно для цього:

1. Відкрити фотографію полум'я в Photoshop;
2. Перейти до списку Channels і знайти канал з високим контрастом, який для вогню, як правило червоний канал, тиснемо на нього;
3. Це змусить ваше зображення здаватися чорно-білим, і тому що ми знаходимося на найвищому контрастному рівні, це буде здаватися дійсно яскравим білим. Тепер тиснемо CTRL-click на цей канал, це виділить всі пікселі в цьому каналі;
4. Кількома назад на RGB канал і копіюємо виділені пікселі;
5. Ви можете вставити язики полум'я в ваше головне зображення!

Це актуальна і дуже, дуже проста у використанні техніка для копіювання чого-небудь прозорого, як вогонь на плоскому фоні. І ми можемо побачити цю техніку, відвідуючи уроки Ніка, вона чудово підходить для копіювання води.

Отже, ми приклеїли вогонь до нашої основної картинці (для ясності я також тимчасово вимкнув шари тексту). Оскільки Ви можете бачити, що ми маємо вогонь без чорного фону, і частково прозоро, що означає, що це буде кльово виглядати на вершині нашого тексту.

Тепер наступна річ, яка зробить з одного шматочка вогню кілька частин. Спочатку дублюйте шар і вимкніть один, як резервний. Потім використовуючи інструмент pen tool, відрізаємо вогонь таким чином, щоб ми працювали з контурами полум'я, тоді це виглядати природно. Зараз ви можете побачити, що я зробив чотири частини полум'я з одного зображення.

Тепер змініть тип змішування на Screen. щоб будь-які залишилися чорні частини повністю пішли, що зробить полум більш прозорим.

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

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

Тут я розмістив всі шматочки полум'я. Вийшло не погано, проте якщо придивитися, можна побачити, що букви «I» і «R» мають однакові частини, тим більше язики полум'я мало високі.

Тому тут я пройшовся по кожному шматочку полум'я і використовуючи transform tool розтягував їх по вертикалі. Ще я трохи використовував ластик щоб зробити полум'я над «I» більш унікальним.

Тепер, щоб зробити язики полум'я більш освітленими, я дублював шар полум'я і скористався фільтром Filters → Blur → Gaussian Blur з радіусом розмиття 3px і змінив opacity на 15% це додало більше яскраві відтінки полум'я по краях, що додало відчуття тепла на кордоні.

Що ж, схоже ми зовсім близько до закінчення! Це те, як наша композиція виглядає.

Ну і заключний штрих.

Створіть новий шар і розташуйте його вище всіх інших у стеці і використовуючи інструмент градієнт зробіть чорно-біле зображення, як на картинці. Змініть тип змішування на Overlay і змініть значення opacity на 40%.

Висновок!

Ось ми і підійшли до висновку уроку. Ми отримали текст з країнами, що розвиваються язиками полум'я над ним.

Професійний шлях розпочав на факультеті ПМ-ПУ ХарьковГУ зі знайомства з Павлом Марковніним і Євгеном Білодід. В цей час займався 3D-моделювання, після працював в ряді партнерських програм Рунета.

В даний час займається пошуковим просуванням сайтів і розвитком нового інтернет-проекту.