Як зробити тінь в фотошопі від тексту

Тінь тексту в фотошопі

Мабуть, один з найбільш корисних навичок в фотошопі — створення красивих написів. варіацій сотні. Але деякі засадничі речі зустрічаються практично скрізь.

Одна з таких речей — тінь тексту. Вже вона-то точно використовується практично скрізь. Варіантів її створення не так вже й багато (я маю на увазі найпростіші).

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

Для початку, створимо робочу область і заллємо її градієнтом. Якщо ви хочете відтворити той же градієнт, приведу налаштування і його кольору: # 596178 # 474c5f # 23262f # 1b1e25.

пишемо текст. Для тексту слід вибрати об’ємний шрифт, щоб ефект вийшов наочним. Я використовувала шрифт Humnst777 Blk BT. До шрифту застосувала градієнт (кольори: # b2c9ff # 7ba3ff). Раді застосувати саме лінійний градієнт з тим же кутом нахилу, що був використаний при створенні робочої області.

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

Тепер, живцем ctrl, натискаємо по шару з текстом у вікні шарів.

Як бачите, на тексті з’явилося виділення.

Натискаємо комбінацію клавіш ctrl + shift + n щоб створити новий шар.

Зробимо обведення виділення. На верхній панелі шукаємо команду «редагувати» — «обведення». Накладаємо будь-який колір, тому як згодом ми все одно перекриємо його градієнтом.

Кольори для градієнта: #ffffff # 4b80f8. Що маємо в результаті:

А тепер додамо до тексту тінь. У вікні шарів вибираємо шар з текстом. І дублюємо його.

Вибираємо той шар з текстом, який знаходиться нижче. І накладаємо на нього колір через параметри накладення. Галочку з градієнта прибираємо. Колір застосовуємо чорний. Тільки він буде помітний на нашому градиенте.

Тепер зміщуємо текст вниз і вправо. Вийшла своєрідна тінь.

Але я пропоную зробити її цікавішою. Продублюйте шари з «тінню» кілька разів . Кожну зміщайте вниз і вправо.

Добиваємося ось такого ефекту. Тінь від тексту стала об’ємніше.

Про вікні шаром виділяємо всі шари з тінню і об’єднуємо в один за допомогою комбінації клавіш ctrl + e.

Тепер розмиємо тінь.

Знижуємо рівень прозорості тексту.

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

Використовуємо світло і тінь, щоб оживити текст

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

  • джерела світла
  • Крок 1
  • крок 2
  • крок 3
  • крок 4
  • крок 5
  • крок 6
  • крок 7
  • крок 8
  • крок 9
  • крок 10
  • крок 11
  • крок 12
  • крок 13
  • крок 14
  • крок 15
  • крок 16
  • крок 17
  • крок 18
  • крок 19
  • висновок

джерела світла

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

Зверніть увагу, що наша тінь це не ефект «Тінь» (Drop Shadow) в Photoshop, який робить так, що, здається, ніби об’єкт ширяє над полотном. Нам потрібен об’єкт, який би виглядав як цей тривимірний предмет на полотні, екструзія, якщо хочете:

Крок 1

Ми починаємо роботу з того, що малюємо тонкий лінійний градієнт з переходом від сірого до темно-сірого. Зверніть увагу, щоб наш світ падав з верхнього лівого кута. Тут у нас буде більше світла частина документа:

крок 2

Тепер ми розміщуємо текст. Я використовував відмінний шрифт під назвою Agency FB, який має щільний, з гострими краями зовнішній вигляд. Використовуйте для тексту сіро-блакитний колір, # c2c8d4, якщо бути точним:

крок 3

Далі, утримуючи клавішу Ctrl, клацніть на шарі тексту і створіть над ним новий шар. На новому шарі намалюйте лінійний градієнт від # 495a79 з переходом в прозорий внизу справа наліво. Іншими словами, затемніть правий нижній кут тексту, як показано на малюнку:

крок 4

Встановіть колір переднього плану на чорний (ви можете зробити це, натиснувши букву «D» на клавіатурі, щоб відновити значення за замовчуванням).

Тепер знову, утримуючи клавішу Ctrl, клацніть на шарі з текстом і створіть під ним новий шар. Тепер натисніть на клавіатурі один раз стрілку вниз і один раз стрілку вправо. Потім натисніть Alt + Backspace, щоб заповнити цей шар чорним кольором. Потім натисніть по одному разу клавіші вниз і вправо і залийте шар чорним кольором.

Кожен раз ви будете переміщати шар на 1 піксель вправо і 1 піксель вниз. Ви повинні повторити цей процес приблизно 30 раз (тому вам буде зручніше використовувати Alt + Backspace замість інструменту «Заливка»).

Відзначимо також, що для переміщення при натисканні клавіш зі стрілками виділеної області, але не заливки, ви повинні включити один з інструментів виділення. Якщо переключитися на інструмент "Переміщення" (V), при натисканні клавіш вниз і вправо ви будете переміщати чорну заливку разом з виділенням, і просто заповнювати одні і ті ж пікселі знову і знову:

крок 5

Ось що у вас повинно вийти. Тепер зніміть виділення і переконайтеся, що у вас активний шар тіні. Потім перейдіть в Фільтр — Розумієте — Розумієте в русі і використовуйте значення -45 градусів і відстань 30px:

крок 6

Встановіть для шару з тінню режим змішування «Множення» і непрозорість близько 40%, а потім, утримуючи клавішу Shift, натисніть стрілку вниз, а потім стрілку вправо. Це дозволить перемістити ваш об’єкт вправо і вниз на 10 пікселів (Shift дозволяє переміщати об’єкт не на 1, а на 10 пікселів).

Тепер ви повинні отримати деякі розмиті частини тіні, падаючі знизу і зліва від об’єкта. Якщо це так, візьміть маленький м’який ластик і акуратно зітріть тінь всюди, де її не повинно бути (пам’ятаєте діаграму спочатку статті? ):

крок 7

Далі продублюйте шар з тінню, натисніть і утримуйте клавішу Shift і перемістіть шар вниз і вправо. Потім запустіть фільтр «Розмиття в русі», але в цей раз з відстанню 50 пікселів.

Встановіть для цього шару режим змішування «Множення» і непрозорість 20%. Це робиться, щоб розтягнути нашу тінь:

крок 8

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

Чи не скидайте поки виділення. Натисніть клавіші зі стрілками вниз і вправо по одному разу, щоб перемістити шар на 1 піксель, а потім натисніть Delete . Встановіть для цього шару непрозорість близько 80%:

крок 9

Як ви можете бачити, тонка біла лінія дає свого роду ефект освітлення. Світло падає на текст і створюється враження, що текст є більш об’ємним:

крок 10

Далі ми хочемо створити промені природного світла. Створіть новий шар вище всіх інших і намалюйте в ньому чотири або п’ять білих прямокутників, приблизно таких, як показано на малюнку (т.е. нижні прямокутники повинні бути ширше):

крок 11

Тепер натисніть Ctrl + T, щоб трансформувати і розгорнути прямокутники, як показано на малюнку. Після того, як ви закінчите, ви повинні були б натиснути Enter . Але поки не робіть цього. Замість цього клацніть правою кнопкою миші, щоб вивести контекстне меню, в якому будуть перераховані інші види перетворень, які ви можете зробити.

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

крок 12

Отже, у нас є чотири смуги «світла«. Тепер встановіть режим змішування шару «Накладення» і непрозорість 20%, а потім перейти в Фільтр — Размитіе- Розумієте по Гауса і встановіть значення радіусу розмиття 6 пікселів:

крок 13

На даний момент у вас повинно вийти щось на зразок цього:

крок 14

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

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

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

крок 15

На цьому ми могли б і зупинитися. Зображення вже виглядає досить добре, але ми додамо до ефекту ще тепле освітлення:

крок 16

Отже, перш за все, створіть над фоном новий шар і залийте його рожевим кольором — # 9d506c:

крок 17

Тепер встановіть режим змішування для розваги шару на «Кольори» і непрозорість 20%. Це додасть нашому фону красивий червонувато-теплий відтінок. Поверх цього шару ми можемо ще змішати який-небудь відтінок жовтого. Якщо ми не зробимо цього, результат буде виглядати не дуже природним:

крок 18

Далі ми створимо ще один шар, безпосередньо над рожевим. Заповніть його повністю білим, а потім перейдіть в Фільтр — Рендеринг — Ефекти освітлення . Я не часто використовують ефекти освітлення, але у цього фільтра є одна дуже крута опція, під назвою «Прожектор в положенні 2 години».

Її ви можете знайти в налаштуваннях параметра стилю, вибравши зі списку. Ви можете використовувати і стандартні параметри, але це не дозволить зробити так, ніби джерело світла знаходиться трохи далі від об’єкта:

крок 19

Тепер ми встановимо для цього шару режим змішування «Накладення». Після чого продублюємо його, перемістимо дублікат вище всіх інших шарів і встановимо непрозорість 40%. Це забезпечить, щоб наші теплі тони світла взаємодіяли не тільки з фоном, але і текстом:

висновок

Нарешті, ми дублюємо верхній шар освітлення ще раз і встановлюємо для дубліката непрозорість 65%. Потім натисніть кнопку «Додати маску шару» і намалюйте лінійний біло-чорний градієнт з переходом з верхнього лівого кута в нижній правий. Таким чином, наш додатковий шар освітлення буде розчинятися при переході до правого нижнього кута:

Як зробити реальну тінь для тексту

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

Для правильного створення реалістичної тіні необхідно знати і дотримуватися кількох простих правил.

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

Ще один важливий момент — це розташування джерела світла. Він може знаходиться перед об’єктом, за об’єктом і збоку від об’єкта.

Третій фактор, який необхідно враховувати — це відстань від джерела до об’єкта.

І четвертий момент — інтенсивність світла.

Але давайте розглянемо це на практичному прикладі.

Примітка Для кращого розуміння матеріалу, по посиланнях внизу статті Ви можете завантажити файли PSD, виконані з цього уроку.

Почнемо зі створення нового документа з фоном кольору # a59d87 і звичайного текстового шару з текстом кольору # e4ddc6. Як ви можете бачити фон і текст не мають ніяких колірних варіацій, так що означає, що у нас немає немає ніякого джерела світла:

основа для створення тіні тексту

Створення тіні при висвітленні попереду об’єкта

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

Ссылка на основную публикацию