Як зробити тінь у Фотошопі від предмета та людини: 4 простих способу

Тінь дає нам уявлення про обсяг, розташування предмета у просторі, додає у роботу реалізму. За характером тіні ми можемо зрозуміти, де знаходиться світло, під яким кутом він падає, жорстке або м'яке світло. У цьому уроці ми розглянемо такі способи, як зробити тінь у фотошопі від предмета, людини, будь-якого об'єкта: ✅ Намалювати тінь м'яким пензликом;
✅ Зробити тінь за допомогою стилю шару;
✅ Зробити тінь за допомогою стилю шару та нового шару;
✅ Зробити тінь за допомогою дубліката шару (заливання кольором);

Як зробити тінь у Фотошопі — докладна інструкція

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

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

Ще Тінню називається темне відображення предмета на поверхні, з протилежного напрямку світла.

Зараз на прикладі Шара об'ємної фігури розглянемо як тінь лягає на об'єкт і падає на поверхню.

Розподіл тіні на поверхні

Розподіл світла і тіні можна розділити на такі зони:

1. Блик, найсвітліша ділянка. Частина поверхні, яку найбільше потрапляє світла. У людини виблискує лоб і кінчик носа.
2. Світло, рівномірно освітлена поверхня.
3. Напівтінь, середня за освітленістю ділянка. Перехід між світлом та тінню.
4. Рефлекс, це відображене світло від поверхні і предметів, що знаходяться поруч. Відбите світло забарвлює об'єкт у колір оточення.
5. Власна тінь не освітлена поверхня на об'єкті. Тінь від об'єкта, що падає сам об'єкт. Людина в очах власна тінь — це тінь від носа, тінь у очних западинах.
6. Тінь, що падає, тінь від об'єкта на поверхні.

Спосіб №1, як намалювати тінь м'яким пензликом

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

Порядок роботи, щоб намалювати Падаючу тінь:

1. Створюємо новий шар, називаємо його "Тінь" і розміщуємо під шаром з об'єктом, у нашому прикладі це шар "Кібер-Дівчина".
2. Вибираємо м'яку кисть, ставимо чорний колір, але не темний. Пам'ятайте, що тінь абсолютно чорної не буває. На дівчині переважають темно-синій колір, тому для тіні виберу синювато-чорний колір.
3. Ставимо пляму на шарі "Тінь" у будь-якому вільному місці.
4. Перетворимо пляму на смарт-об'єкт.
5. За допомогою вільного трансформування (клавіші Ctrl + T) підганяємо форму, розмір та місце розташування плями біля ніг дівчини.
6. Тиснемо Enter для підтвердження перетворення. Тінь, що падає, готова.

Тінь, що падає від людини

Падаючу тінь намалювали і одразу впало в очі, що ноги дівчини не акуратно виділені. За контуром взуття з'явилися білі плями.

Для того, щоб бачити такі промахи, періодично збільшуйте зображення, кнопками Ctrl + "+" або прокручуванням колеса миші. Докладніше розказано в уроці Як масштабувати у ФШ.

Неточність виділення об'єкта

Другий момент, який мені не подобається — це надто яскравий стовбур у руках дівчини, не вистачає тіней. Та й сама рука має перебувати в тіні від бластера. Форму пальців до уваги не беремо, 2351-го року такі долоні будуть у великій моді. Або не будуть.

Виправляємо похибки освітлення

Вказані вище моменти виправимо, намалювавши власну тінь.

Власна тінь, порядок роботи:

1. Створюємо новий шар над об'єктом, називаємо його "Власна тінь".
2. Шар "Власна тінь" робимо відсічний до шару з моделлю.
3. Змінюємо режим накладання для шару "Власна тінь" із "Звичайні" на "Умноження".
4. М'який пензель на шарі "Власна тінь" промальовуємо затемнені ділянки, де має падати тінь на моделі.

Відсічна маска для промальовування Власної Тіні

Для того, щоб із шару зробити відсічні маски затисніть клавішу Alt і клацніть між шарами, або виділити клацанням мишки шар "Власна тінь" і натиснути гарячі клавіші Alt+Ctrl+G.

Якщо все правильно зробили, верхній шар зрушить праворуч і з'явиться Г-подібна стрілочка, що показує на нижній шар.

Змінюємо режим накладання для відсічного шару з "звичайні" на "множення", колір для кисті взяв з черевика і м'яким пензлем провів по черевиках, ногах моделі та плащу.

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

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

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

Мал. 7, Тінь під об'єктом

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

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

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

Розмір пензля міняємо гарячими клавішами з квадратними дужками [ і ].

Спосіб №2, зробити тінь за допомогою стилю шару

Другий спосіб швидко зробити тінь, це скористатися функціями Стилі Шару.

Як зробити тінь використовуючи Стиль шару

Як шар у нас дошка, об'єкт — яблуко Для шару з яблуком роблю копію шару, щоб якщо щось піде не так, у нас оригінал залишиться.

Тепер виділяємо шар з об'єктом і внизу панелі шарів лівою кнопкою миші клацаємо на значок fx. У меню вибираємо пункт "Тінь".

Меню для вибору стилю шару

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

• Кут, під яким падає тінь;
  
• Зміщення;
• Розмір;
• Розмах;
• Контур;
• Непрозорість;
• Колір.

Потім додамо власну тінь. Для цього повторно клацаємо по значку fx, у меню клацаємо мишкою по пункту "Внутрішня тінь".

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

• Кут;
• Зміщення;
• Стягування;
• Непрозорість.

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

Стиль шару "Внутрішня тінь"

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

Для цього створюємо новий шар "Тінь, що падає", і як у способі №1, м'яким пензликом ставимо пляму і викликаємо режим трансформації гарячими клавішами Ctrl + T. Розмір і форму плями тіні підганяємо пересуваючи мишкою за куточки виділеної області.

Дорісовка падаючої тіні

Для фінальної обробки я повертаюся в Стиль шару, вибираю вкладку Тінь і знову рухаю повзунки "Розмір", "Розмах" домагаючись щоб тінь стала розсіяною, не було різких кордонів.

Коригування розміру та розмаху тіні

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

Спосіб №3, зробити тінь відокремивши стиль шару на новий шар

На мій погляд, це найкращий спосіб зробити тінь у Фотошопі. Підбираємо параметри тіні, як розказано у способі №2.Створили стиль шару, підібрали розмір, колір, розмах.

Потім переходимо в меню програми, відкриваємо вкладку "Шари", вибираємо пункт "Стиль шару" та підпункт "Утворити шар".

Створити шар зі Стилю шару "Тінь"

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

Після того, як ми пройшли шляхом Шари → Стиль шару → Утворити шар, у нас Стиль шару Тінь відокремилася від шару Яблуко і стала самостійним незалежним шаром.

Тепер ми з тінню працюватимемо як із окремим шаром. Натискаю гарячі клавіші Ctrl+T для виклику команди вільна деформація, потім натискаю правою кнопкою миші для виклику контекстного меню і підбираю способи деформації тіні.

Тінь на новому шарі

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

Формування положення тіні

Спосіб №4, як зробити тінь за допомогою дубліката шару

Спосіб дозволяє при створенні тіні зберегти контур об'єкта будь-якої форми. Порядок роботи:

1. Зробити дублікат шару;
2. Для дубліката шару, натиснувши fx, вибрати параметр накладання кольору;
3. Перемістити дублікат шару під об'єкт, шар назвемо "Тінь";
4. За допомогою вільної трансформації (Ctrl+T) надаємо шару "Тінь" потрібну форму. За потреби тінь відбиваємо по вертикалі (горизонталі).
5. Для шару з тінню застосовуємо фільтр розмиття Гаусом, ступінь розмиття підбираємо візуально, на свій смак.
6. При необхідності для шару з тінню робимо маску і накладаємо на маску градієнт для поступового розчинення тіні.
7. По масці видаляємо всі зайві частини тіні, домальовуємо відсутні.

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

Вихідники для створення тіні

Насамперед на шарі з дівчиною видаляю фон, для цього на вкладці "Властивості" клацаю по кнопці "Видалити фон".

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

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

Розміщуємо об'єкт у тлі

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

Виділивши шар "Дівчина тінь" клацаємо по вже знайомому значку fx і в меню вибираємо пункт "Накладення кольору. ".

Вибираємо параметр "Накладення кольору."

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

Стиль шару "Накладення кольору"

Використовуючи інструменти з групи "Вільне трансформування", надаємо тіні потрібну форму та розташування.

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

Деталізація тіні по масці

Завершальний штрих, це створюємо нейтральний сірий шар над шаром з дівчиною, і робимо його відсічним. Шар назвав "50% сірого".

Для того, щоб створити нейтральний сірий шар, затискаємо клавішу Alt і клацаємо по значку +, внизу панелі шарів.Відобразиться діалогове вікно з параметрами нового шару.

Вибираємо режим накладання "М'яке світло", ставимо галочку ✅ Виконати заливку нейтральним кольором, Сірий 50% і тиснемо ОК. Альткликом шар робимо відсічним.

Заливка нейтральним, сірий 50%

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

Налаштування для інструмента Затемнювач (у командному рядку меню програми):

• Діапазон – середні тони;
• Експозиція – 50%;
• Захистити тони ✅.

На цьому роботу над ілюстрацією закінчено (Рис. 22, Фінальне зображення).

Цим же способом зроблено варіант тіні для яблука, яке ви бачили на першій картинці, на самому початку уроку.

Промти для вихідних

Вихідні зображення Дошка, Яблуко та Дівчина згенеровані нейромережею fusionbrain (Кандинський від Ощадбанку), кімната – нейромережею playgroundai.

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

20 years old, beautiful cool girl full-length on white background, homemade clothes, long hair, 2 tufts, trendy, euro -niji 5 -style expresive, 4k, high sharpness, photorealism, studio photo

Cinematic interior Photos, modernist, 3D rendering, realistic hyperrealism, professional photography, minimal and beautiful room with window, there is a large white window frame on white wall, Modern simplicity, minimalist design kitchen renderings, L-shaped layout, gas stove, Kitchen hood, vegetable basin, 1 bottle of flower, grey white style, lights, windows, epic composition, epic details, professional indoor photography skills, 8k, best quality, Octane rating rendering, Sony α1, f/1.4, wide-angle lens, shallow depth of field, no text, no caption, untitled --v 5.2

Основні висновки

Тінь – це запорука якісно виконаного арту. Промалювання тіні допомагає нам вписати об'єкт у фон і показати, що він не висить у повітрі. Саме тінь відрізняє ілюстрацію від дитячої аплікації.

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

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

Порівняння карток з тінню і без тіні

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

Сподобалася стаття? Поділись!

Як зробити тінь у Photoshop - 3 способи

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

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

Тінь як би «приземляє» предмет, створюючи відчуття, що він правда перебуває у сцені / Ілюстрація: Єлизавета Чечевиця, Фотосклад.

Як створити тінь у Photoshop за допомогою стилів шару

Стилі шару – це інструменти, які автоматично генерують ефекти. Наприклад, світіння, обведення, заливання або тінь. Їх використовують графічні дизайнери, коли працюють із векторною графікою, за допомогою стилів шару можна прикрасити текст. Звичайно, їх використовують і фотографи в колажуванні. Розповідаємо, як зробити тінь тексту чи об'єкту.

1. Відкрийте фотографію з об'єктом, для якого потрібно додати тінь.

Далі предмет потрібно вирізати будь-яким зручним способом - вручну маскою, за допомогою швидкого виділення або, як у разі прикладу, натисканням кнопки «Видалити фон» на панелі Властивості/Properties.

Докладно про те, як вирізати предмет та видалити фон, читайте за посиланнями.

2. Створіть під об'єктом однотонне тло, щоб краще бачити результат роботи.

На панелі Шари / Layers натисніть на чорно-біле коло та виберіть команду Колір / Solid Color. У палітрі, що відкрилася, виберіть білий колір і натисніть Ок / Ілюстрація: Єлизавета Чечевиця, Фотосклад.

Затисніть ліву кнопку, перебуваючи на шарі із заливкою, та перенесіть його під шар із вирізаним об'єктом. Тепер заливка не перекриває предмета, а лежить під ним, створюючи фон.

3. Настав час додавати тінь! Клацніть лівою кнопкою миші на шар з обрізаним об'єктом. Внизу панелі Шари знайдіть значок з літерами fx - це і є шар стилі. У списку, що випадає, виберіть Тіні / Shadows.

У вікні задайте потрібні параметри тіні - товщину, колір, розмитість, кут нахилу - і натисніть Ок / Ілюстрація: Єлизавета Чечевиця, Фотосклад.

Налаштування стилю шару Тінь

У будь-який момент ви можете змінити налаштування тіні. Для цього клацніть двічі лівою кнопкою миші на слово Ефекти / Effects або Тінь / Shadow на панелі Шари / Ілюстрація: Єлизавета Чечевиця, Фотосклад.

1. Режим накладання. Найбільш вдалим та реалістичним вважається Множення / Multiplay. Заради експерименту можна вибрати будь-який інший.

3. Непрозорість тіні.

4. Кут. Те, в яку сторону буде спрямована тінь.

5. Зміщення. Те, як сильно тінь відходить від об'єкта.

6. Розмах. Робить контур тіні товстішим і грубішим.

7. Розмір. Робить тінь більш розмитою.

8. Контур. Зовнішній вигляд тіні. Наприклад, колір може заповнювати тінь повністю або бути лише контуром.

9. Шум. Додає шуму на тінь. Невеликі значення можуть бути доречними, щоб додати реалістичності.

Як намалювати тінь у Photoshop

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

2. У палітрі Шари натисніть на квадрат із плюсиком всередині, щоб створити новий порожній шар. На ньому ви малюватимете тінь.

Затисніть лівою кнопкою миші шар із майбутньою тінню і перенесіть під об'єкт / Ілюстрація: Єлизавета Чечевиця, Фотосклад.

3. Клацніть лівою кнопкою миші на шар із майбутньою тінню. Візьміть інструмент Пензель / Brush на панелі інструментів зліва.

Задайте налаштування пензля за допомогою рядка вгорі. Найважливіша з налаштувань – режим накладання. Вам знадобиться Множення / Multiplay. Далі задайте розмір пензля, її жорсткість (чим м'якше, чим розмитіше буде тінь) і непрозорість.

Інші налаштування, крім режиму накладання, доведеться підбирати вручну, виходячи з ваших завдань та бачення — точних рекомендацій немає / Ілюстрація: Єлизавета Чечевиця, Фотосклад.

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

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

Вільне трансформування - як зробити тінь у Photoshop

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

1. Відкрийте фотографію з предметом, якому хочете додати тінь, і виріжте його.

2. Створіть дублікат обрізаного предмета. Для цього натисніть Ctrl+J або правою кнопкою миші по шару Створити дублікат шару / Duplicate Layer.

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

Щоб залити шар чорним кольором:

• Натисніть на іконку з чорним та білим квадратом у лівій частині екрану.

Поміняйте кольори місцями за допомогою стрілочки або гарячої клавіші X, щоб чорний колір був унизу / Ілюстрація: Єлизавета Чечевиця, Фотосклад.

• Натисніть Ctrl і клацніть лівою кнопкою миші шаром, який хочете залити. Створиться виділення, яке не дасть заливки кольору заповнити весь шар.
• Натисніть клавіші Ctrl + Delete. Майбутня тінь заллється чорним кольором.
• Натисніть Ctrl+D, щоб зняти виділення.

Після цього поставте шар у режим накладання Множення / Multiply / Ілюстрація: Єлизавета Чечевиця, Фотосклад.

4. Клацніть на шар-тінь і перейдіть до команди Редагування / Edit - Вільне трансформування / Free Transform.

Гарячі клавіші для вільного трансформування - Ctrl + T. Тепер тінь можна перемішати і зрушувати як завгодно / Ілюстрація: Єлизавета Чечевиця, Фотосклад.

Можливі варіанти трансформації тіні:

– щоб «покласти» тінь, натисніть правою кнопкою миші та виберіть Відобразити по вертикалі;

– щоб переміщати тінь, затисніть її лівою кнопкою миші та зрушуйте;

– щоб створити відчуття перспективи, ніби тінь лежить на поверхні, натисніть правою кнопкою миші та виберіть Перспектива/Perspective.

5. Коли ви отримаєте потрібну форму тіні, натисніть клавішу Enter. Тінь, що вийшла, можна доопрацювати.

Розмийте тінь за допомогою Фільтр / Filter - Розмиття / Blur - Розмиття по Гауссу / Gaussian Blur або зменшіть її Непрозорість / Opacity на панелі Шари / Ілюстрація: Єлизавета Чечевиця, Фотосклад.