Уроки Photoshop: Світлотінь – оживляємо наш текст, спецефект, Програми для роботи з графікою, Програмні керівництва, статті

Джерела світла
Перед тим, як ми почнемо урок, погляньте на цю картинку, яка показує, як світло лягає на об’єкт. У нас є квадрат, розташований в центрі і світло, що виходить з лівого верхнього краю. На малюнку, ви можете бачити, що світло лягає від джерела світла, а тінь лежить відповідно з іншого. Зверніть увагу, що це не та Photoshop“Івська тінь, де об’єкт як би парить над документом. Тут ми хочемо змусити текст бути тривимірним прикріпленим до полотна. А тепер скажіть, який інший сайт з уроками Фотошопа показує вам такі наочні діаграми? Зараз ми немов знову повернулися в школу!
Світлотінь - оживляємо наш текст *

КРОК 1
Ми почнемо наш урок з лінійного градієнта від темного сірого до більш темному сірому. Відзначте, що так як ми хочемо, щоб світло виходило справа зверху, то там повинні бути більш світла частина документа.
Світлотінь - оживляємо наш текст *

КРОК 2
Тепер ми пишемо небудь тест, я використовував вузький з твердими краями шрифт Agency FG. Ви повинні зробити його сірувато-сірим, # c2c8d4 – щоб бути точніше.
Світлотінь - оживляємо наш текст *

КРОК 3
Ctrl + клік по шару з текстом і створюємо новий шар поверх цього. На новому шарі, де виділення буде ще активно, намалюйте лінійний градієнт # 495a79 до прозорого від нижнього правого краю до лівого верхнього. Коротше кажучи, ми затемнюємо права нижню частину.
Світлотінь - оживляємо наш текст *

КРОК 4
Встановіть основний колір на чорний (або натисніть D для установки параметрів за замовчуванням).
Знову Ctrl + клік по шару з текстом, створюємо новий шар під текстом. Натисніть стрілку вниз і вправо на клавіатурі по одному разу. Натисніть ALT-BACKSPACE для заливки чорним. Один раз вниз і вправо, залийте чорним. Кожного разу ми переміщаємо на 1 піксель вправо і вниз. Повторіть цю процедуру 30 разів (тому так важливо використання ALT-BACKSPACE, Воно заощадить вам час).
Зауважте, що ви рухаєте виділення, а не заповнений ділянку, коли активовано Marquue Tool. Якщо ж активовано Move Tool, То ви будете переміщати виділення разом із вмістом, і ніякого ефекту б не було.
Світлотінь - оживляємо наш текст *

КРОК 5
Ось те, що у вас повинно бути на даному етапі. Зніміть виділення і переконайтеся, що ви перебуваєте на шарі з тінню. Виконайте Filter > Blur > Motion Blur з настройками: -45 degrees, distance of 30px.
Світлотінь - оживляємо наш текст *

КРОК 6
Встановіть ваш шар з тінню на Multiply і 40% Opacity. Затисніть SHIFT і натисніть стрілку вниз, потім вправо. Це перемістить об’єкт на 10 пікселів вправо і вниз (затиснутий Shift робить переміщення на 10 пікселів, замість 1). Тепер з лівого верху в об’єкта можуть бути розмиті краю. Якщо справа йде так, то беріть ластик з м’якими краями і стирайте те, що не повинно бути затенени (пам’ятаєте діаграму спочатку).
Світлотінь - оживляємо наш текст *

КРОК 7
Дублюйте шар з тінню, і затиснувши Shift посуньте вправо і вниз. Застосуйте фільтр Motion Blur з дистанцією 50. Встановіть шар на Multiply і 20% opacity. Це додасть нашим тіням більший реалізм.
Світлотінь - оживляємо наш текст *

КРОК 8
Створіть новий шар поверх інших, затисніть CTRL і натисніть по основному шару, щоб створити виділення. Залийте його білим. Не скасовуючи виділення, натисніть вправо і вниз 1 раз, натисніть Delete. Поставте 80% Opacity.
Світлотінь - оживляємо наш текст *

КРОК 9
Як ви бачите, тонка біла лінія надає більший ефект освітлення, коли світло падає на об’єкт і створюється відчуття, що текст дійсно тривимірний.
Світлотінь - оживляємо наш текст *

КРОК 10
Потім ми хочемо створити деякі потоки природного світла. Створіть новий шар над іншими і намалюйте 4-5 білих прямокутників, приблизно таких, як на малюнку (нижні прямокутники товщі).
Світлотінь - оживляємо наш текст *

КРОК 11
Натисніть Ctrl+T – Збільште і поверніть. Але не натискайте Enter, Натомість клік правою кнопкою і оберіть зі списку Perspective. Ліві верхні 2 точки наблизьте один до одного, щоб створити враження, що світ виходить з одного місця.
Світлотінь - оживляємо наш текст *

КРОК 12
У нас є 4 променя світла. Встановіть шар на Overlay і 20% Opacity. Застосуйте Filter > Blur > Gaussian Blur з радіусом 6 пікселів.
Світлотінь - оживляємо наш текст *

КРОК 13
Має вийти щось на зразок цього:
Світлотінь - оживляємо наш текст *

КРОК 14
Наш світ висвітлює тільки ліву частину, в той час як світло повинне потрапляти і на праву. CTRL-click по шару зі світлом і на світловий слід, який зробили раніше, і поки є виділення, натисніть Add Layer Mask (в інструментах шару, праворуч від “f”). Це створить маску яка буде показувати тільки освітлену частина (ось цей крок я взагалі не зрозумів%))
Світлотінь - оживляємо наш текст *

КРОК 15
Можна зупинитися тут, так як виглядає цілком добре, але ми додамо “тепле світло”.
Світлотінь - оживляємо наш текст *

КРОК 16
Для початку створимо новий шар поверх фонового, і заллємо рожевим – # 9d506c.
Світлотінь - оживляємо наш текст *

КРОК 17
Встановіть режим змішування на Colour і 20% Opacity. Це пріжаст нашому фону червонувату теплоту. Тепер ми додамо жовтий. Якби ми не додали червоний, то було б надто багато жовтого, і не реалістично.
Світлотінь - оживляємо наш текст *

КРОК 18
Створіть шар над рожевим. Залийте білим і застосуєте Filter > Render > Lighting Effects. Я нечсто використовую Lighting Effects, Але є одна дуже хороша настройка “2 O”clock Spotlight”, Яку можна вибрати в пункті Style вгорі. Ви можете використовувати настройки за замовчуванням, але для наших цілей краще трохи витягнути овал.
Світлотінь - оживляємо наш текст *

КРОК 19
Встановлюємо світловий шар на Overlay, І отримуємо щось на зразок цього. Дублюйте шар, помістіть його над іншими і встановіть 40% opacity. Ми добилися того, що світло взаємодіє не тільки з текстом, але і з фоном.
Світлотінь - оживляємо наш текст *

ВИСНОВОК
Дублюємо верхній світловий шар і ставимо 65% opacity. Потім Add Layer Mask і намалюйте лінійний градієнт від білого до чорного від лівого верхнього краю до правого нижнього. Це змушує освітлення затухати, рібліжаясь до правого нижнього краю.
Світлотінь - оживляємо наш текст *

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*