Перейти до уроку
lil cactus

Як додати тінь на фото товару

Початковий7 хвилинОновлено

Коротка відповідь

Відкрийте прозорий PNG товару в Lil Cactus і додайте фон командою Шар потім Створити шар заливки потім Чистий колір…, а потім перемістіть цю заливку за товар. На новому піксельному шарі між ними виберіть інструмент Область, у списку Фігура виберіть Еліпс, намалюйте овал під товаром і виберіть Редагувати потім Заповнити кольором переднього плану з чорним кольором переднього плану. Виберіть Виділити потім Скасувати виділення, застосуйте Фільтр потім Розмиття потім Розмиття за Гаусом… зі значенням 22 px у полі Радіус і знизьте значення Непрозорість шару тіні до 18%. Експортуйте результат командою Файл потім Експорт потім PNG…

Чашка кави з блюдцем на світлому фоні: спершу без тіні на поверхні, потім із м’якою тінню під основою
Контактна тінь ставить блюдце на нову поверхню. Перетягніть повзунок, щоб порівняти.
Час
7 хвилин
Рівень
Початковий
Що потрібно
Вирізаний товар із прозорістю навколо
Підходить для
Прозорі PNG; підходять і шари фото з маскою
Відкрити приклад у Lil CactusВикористати своє фото

Безкоштовно, без реєстрації. Ваше фото залишається на вашому комп’ютері.

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

Додайте м’яку тінь на поверхні за сім кроків

  1. Відкрийте прозорий товар

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

  2. Додайте новий фон

    Виберіть Шар потім Створити шар заливки потім Чистий колір… Введіть E8E4DD у полі # і натисніть кнопку Застосувати, щоб отримати світлий теплий сірий. Виберіть Шар потім Упорядкувати потім Перемістити шар назад: заливка переміститься під товар (шар товару називається Фон, бо походить зі звичайного файлу без шарів). Залиште шар Заливка кольором вибраним.

    Діалогове вікно «Заливка чистим кольором» з обведеними повним полем шістнадцяткового кольору E8E4DD і кнопкою «Застосувати»
    Виберіть колір нової поверхні.
    Панель «Шари» із шаром «Фон», тобто вирізаною чашкою, над шаром «Заливка кольором»
    Товар залишається над новою заливкою.

  3. Створіть окремий шар для тіні

    Коли вибрано шар Заливка кольором, виберіть Шар потім Створити потім Новий шар. Порожній шар з’явиться між заливкою й товаром. Двічі клацніть його назву, введіть Ground shadow і натисніть Enter.

    Панель «Шари» з обведеним повним рядком Ground shadow між шарами «Фон» і «Заливка кольором»
    Малюйте на цьому середньому шарі.

  4. Намалюйте й залийте слід тіні

    Виберіть інструмент Область на лівій панелі інструментів і на панелі параметрів у списку Фігура виберіть Еліпс.

    Якщо зразок кольору переднього плану внизу панелі інструментів не чорний, клацніть його, введіть 000000 у полі # і натисніть кнопку OK.

    Намалюйте еліпс майже такої ж ширини, як блюдце, приблизно в два з половиною рази ширший, ніж заввишки. Почніть трохи всередині лівого краю блюдця, на висоті центру отвору ручки; закінчіть трохи всередині правого краю й приблизно на чверть товщини обідка нижче від його найнижчого переднього краю. Більша частина еліпса лежить за товаром. Виберіть Редагувати потім Заповнити кольором переднього плану, потім Виділити потім Скасувати виділення.

    Стовпчик панелі інструментів з обведеними повною кнопкою «Область» і зразком кольору переднього плану
    Скористайтеся інструментом «Область» і зразком кольору переднього плану.
    Початок панелі параметрів з обведеним повним елементом «Фігура: Еліпс»
    Створіть еліптичне виділення.
    Блюдце й обведене повне еліптичне виділення: більша частина еліпса за товаром і невеликий запас під переднім обідком
    Повторіть слід блюдця, залишивши трохи місця під його переднім обідком.

  5. Пом’якшіть край тіні

    Виберіть Фільтр потім Розмиття потім Розмиття за Гаусом… У полі Радіус введіть 22 px, натисніть Tab і натисніть кнопку Застосувати. Перш ніж продовжити, дочекайтеся, поки діалогове вікно закриється. Чіткий еліпс перетвориться на тінь з м’якими краями.

    Діалогове вікно «Розмиття за Гаусом» з обведеними повним полем «Радіус» 22 px і кнопкою «Застосувати»
    Розмийте шар тіні, а не чашку.

  6. Зменште силу тіні

    Залиште шар Ground shadow вибраним на панелі Шари. Задайте для нього в полі Непрозорість значення 18% і натисніть Enter. Тепер крізь тінь видно фон, а чашка зберігає початковий колір і деталі.

    Панель «Шари» з обведеними повним полем «Непрозорість» зі значенням 18% і рядком Ground shadow під чашкою
    Послаблюйте тінь незалежно від товару.
    Утричі збільшений фрагмент переднього обідка блюдця, що торкається м’якої тіні на світлій поверхні
    Збільшено втричі: край зникає без чіткого контуру овалу.

  7. Експортуйте результат і збережіть шари

    Виберіть Файл потім Експорт потім PNG…, введіть product-shadow.png у полі Назва файлу і натисніть кнопку Експортувати.

    Файл потім Зберегти записує зведений результат назад у відкритий PNG (для прикладу перше збереження відкриває вікно Зберегти зображення). Щоб усі три шари залишилися редагованими, виберіть Файл потім Зберегти як потім Проєкт Lil Cactus…; після цього Файл потім Зберегти оновлює проєкт. Експорт завжди створює окремий файл зображення.

    Елементи експорту PNG з обведеними повним полем «Назва файлу» і кнопкою «Експортувати»
    Назвіть і експортуйте копію PNG.

Що робити далі

Тіні для товарів: запитання та відповіді

Чому тінь товару не видно?

У Lil Cactus непрозоре фото або заливка над тінню закривають її. Перевірте, чи навколо товару прозоре тло і чи шар Ground shadow лежить під товаром, але над шаром «Заливка кольором».

Чому розмита тінь товару досі має чіткий контур?

У Lil Cactus активне виділення обмежує дію фільтра цією ділянкою. Перед застосуванням розмиття за Гаусом до шару тіні виберіть «Виділити › Скасувати виділення».

Чи можна змінити радіус розмиття за Гаусом після повторного відкриття проєкту?

Не з цими кроками: у Lil Cactus розмиття за Гаусом, застосоване до піксельного шару, змінює його пікселі, тож радіус не зберігається. Щоб його можна було змінювати, перед розмиттям виберіть для шару Ground shadow команду Шар потім Смарт-об’єкти потім Перетворити на смарт-об’єкт. Непрозорість шару можна змінити завжди.

Чому тінь товару схожа на наліпку?

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

Чи підходить овальна тінь для будь-якого фото товару?

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

Опубліковано  · Востаннє перевірено