Текстура полотна для фотошопу

Автор: Ольга Максимчук (Princypessa). Дата публікації: 27 грудня 2019 року. Категорія: Уроки малювання у фотошопі.

Текстура полотна для фотошопу

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

Спочатку ми створимо новий документ і застосуємо до фонового шару фільтри Шум та текстуризатор. Потім створимо новий шар, додамо до нього фільтр Хмари, змінимо режим накладання та непрозорість шару. Далі створимо новий градієнт і за допомогою шару, що коригує Карта градієнта тонуємо текстуру полотна. На завершення ми відкриємо фотографію з папки з вихідними матеріалами і за допомогою фільтра Текстуризатор додамо текстуру полотна до зображення.

Створюємо у фотошоп (Ctrl+N) новий документ із параметрами, як на малюнку нижче.

На панелі шарів клацаємо по «замочці» у фоновому шарі, щоб розблокувати шар для подальшого редагування. Перейменовуємо фоновий шар у «Текстура». Щоб перейменувати шар, двічі клацніть ім'я шару на панелі шарів, введіть нове ім'я та натисніть клавішу Enter.

Переходимо в меню Фільтр-Шум-Додати шум і застосовуємо налаштування, як на малюнку нижче.

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

Вище шару "Текстура" в панелі шарів створюємо новий порожній шар і називаємо його "Хмари".

В панелі кольору як основний відтінок встановлюємо білий.Для цього спочатку натисніть на клавіатурі клавішу D, щоб скинути кольори до встановлених за замовчуванням (чорного та білого), потім – клавішу X, щоб змінити відтінки переднього та заднього плану місцями. Переходимо в меню Фільтр-Рендерінг-Хмари та застосовуємо фільтр до шару «Хмари».

У панелі шарів змінюємо режим накладання шару «Хмари» на Перекриття та знижуємо прозорість шару.

Щоб тонувати текстуру, вище всіх шарів створюємо новий шар, що коригує Карта градієнта. У вікні коригувального шару Карта градієнта клацаємо по рядку вибору градієнта, щоб відкрити Редактор градієнтів. У Редакторі градієнтів, що відкрився, створюємо новий градієнт - клацаємо по Контрольним точкам і вводимо нові відтінки. Якщо в активному зараз градієнті є більше двох точок, видаляємо зайві, натиснувши спочатку на Контрольну точку, потім – на клавішу Delete. Щоб перемістити контрольну точку в потрібну позицію, перетягніть її за допомогою мишки або введіть цифрове значення у відповідному вікні. Для нижньої лівої Контрольної точки (позиція 27%) виставляємо відтінок #fae790, для правої нижньої Контрольної точки (позиція 100%) - #ffffff. Клацніть по верхніх контрольних точках і переконайтеся, що їх непрозорість дорівнює 100%. Ви можете поекспериментувати та використовувати інші відтінки для градієнта.

У панелі шарів змінюємо режим накладання шару Карта градієнта на множення.

Текстура полотна готовий. Щоб її використовувати, можна помістити текстуру на зображення та підібрати режим накладання шару з текстурою. Але ми розглянемо інший спосіб, який дає кращий результат. У панелі шарів за допомогою клавіші Shift виділяємо всі шари і натискаємо клавіші Ctrl+E, щоб злити шари в один. Перейменовуємо шар, що утворився в «Полотно».Переходимо в меню Файл-Зберегти як і зберігаємо документ із текстурою полотна у форматі psd.

Відкриваємо у фотошоп (Ctrl+O) фотографію з папки з вихідними джерелами.

На панелі шарів створюємо дублікат фонового шару (Ctrl+J). Перейменовуємо дублікат шару на «Текстура». Переходимо до меню Фільтр-Галерея фільтрів. У папці Текстура вибираємо фільтр Текстуризатор, натискаємо на іконку завантаження текстури та вибираємо файл у форматі psd із текстурою, який ми зберігали у попередніх кроках. Змінюємо налаштування за допомогою повзунків Масштаб та Рельєф.

Ось ми намалювали та застосували текстуру полотна.

Чудового настрою та натхнення!

БЕЗКОШТОВНІ РОЗСИЛКИ УРОКІВ ВКОНТАКТІ:

Як зробити мокап продукту у Фотошопі: покрокова інструкція

Розробка дизайну будь-якого нового продукту починається із створення макета дизайну (design layout). Однак буває складно зрозуміти, чи буде цей макет добре виглядати на продукті «наживо». Дизайнеру дуже важливо вміти "приміряти" свій макет на продукт, а для цього потрібно навчитися створювати мокапи у Photoshop.

Ви читаєте переклад статті "How To Make A Product Mockup In Photoshop". Переклади – це один із моїх способів досліджувати можливості у творчому світі. Над перекладом працювали Настя Ніксен та Оля Жолудова.

У цій статті я розповім, що знадобиться для складання мокапа, і по кроках опишу процес його створення. У першій частині статті буде інструкція зі створення простого мокапа на екрані комп'ютера, а в другій я розповім, як зробити більш просунутий мокап у вигляді банки газування. Крім того, я підкажу, якими інструментами Фотошопу можна зробити будь-який вигнутий мокап (curved mockup).

Що потрібно для створення власного мокапу

Мокап – це 3D версія продукту, на яку нанесено макет вашого дизайну.Тому для створення мокапа вам знадобиться зображення продукту у високій якості і безпосередньо ваш макет. Далі ви просто накладете свій дизайн на продукт і посмпротріть, як він виглядатиме «наживо».

В інтернеті (наприклад, на сайтах Mockupworld або Envato Elements) є великий вибір готових мокапів, які можна вставити в свій дизайн: футболки, екрани, білборди та інші об'єкти.

Однак трапляється, що саме вашого продукту – чи потрібної вам сцени – там немає. Або вам потрібно "приміряти" лейаут на якесь конкретне фото, яке ви зробили самі. Коротше, вам може знадобитися зробити мокап з нуля. На щастя, у Фотошопі це зробити нескладно.

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

По-перше, вам знадобиться базове зображення продукту. Це може бути фотографія продукту у високій якості або 3D-версія продукту, створена в Ілюстраторі (Illustrator) або іншій подібній програмі. Базою для вашого дизайну може бути порожня футболка, картонна коробка, екран комп'ютера або, як у моєму прикладі, банку газування.

По-друге, звичайно, вам знадобиться сам макет дизайну. Якщо ви створюєте дизайн під друк, краще готувати макет в Indesign або іншому подібному інструменті. Ось, наприклад, макет дизайну банку газованого газу Soul Soda, який я підготував для цієї статті.

І базовий макет, і ваш макет дизайну мають бути у будь-якому форматі, сумісному з Photoshop: наприклад, PDF, JPG чи PNG.

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

Як створити простий мокап у Фотошопі

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

Крок 1: Відкрити базовий мокап та макет дизайну в окремих вкладках

Для початку відкрийте у Фотошопі ваше базове зображення - тобто фото, на якому зображено продукт без дизайну.

Це може бути зображення зі стоку, ваше власне фото або 3D-сцена. У цьому прикладі я використовуватиму картинку робочого місця з Маком на столі.

Далі відкрийте макет дизайну, який плануєте накладати на базове зображення. Відкрийте його як новий файл, і він відкриється на окремій вкладці Photoshop.

Для цього прикладу я підготував такий макет дизайну сайту:

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

Крок 2: Створити шар-фігуру прямокутної форми

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

Виберіть інструмент Прямокутник (Rectangle Tool (U)); далі виберіть колір прямокутника (Fill Color) на панелі опцій (Options bar) - і переконайтеся, що обведення у прямокутника (Stroke) встановлена ​​прозора (Transparent). Вибирайте будь-який колір прямокутника на свій смак: він потрібний лише для того, щоб підсвітити робочу область. У фінальному дизайні цей колір не видно.

Далі намалюйте прямокутник поверх екрана комп'ютера. Перевірте, чи фігура покриває весь екран.

Крок 3: Перетворити шар-фігуру на смарт-об'єкт

Створений шар-фігуру (shape layer) необхідно конвертувати в смарт-об'єкт (Smart Object), щоб ви могли вставити в цю область свій дизайн. Після конвертації ви зможете зберегти мокап і будь-якої миті за необхідності поміняти макет на екрані.

Щоб конвертувати шар, клацніть правою кнопкою миші (Win) / клацніть із затиснутим Control (Mac) по шару на панелі шарів (Layers panel) і виберіть Перетворити на смарт-об'єкт (Convert to Smart Object).

Переконайтеся, що мініатюра шару іконки змінилася, і тепер там не прямокутник, а смарт-об'єкт:

Можна перейменувати цей шар і назвати його, наприклад, «ДИЗАЙН ВСТАВЛЯТИ СЮДИ». Так вам буде простіше зорієнтуватися надалі.

Крок 4: Спотворити шар-фігуру, щоб підлаштувати його під екран

Тепер потрібно спотворити шар-фігуру, щоб він точно відповідав екранній області і щоб ваш дизайн не вилазив на чорну рамку навколо екрана.

Для початку задайте Режим накладання (Blend Mode) для шару-фігури: якщо на екрані вже щось є, вибирайте режим накладання Затемнення основи (Color Burn), а якщо екран на базовій картинці білий, то Жорстке світло (Hard Light). Завдяки режиму накладання, у процесі вирівнювання шару-фігури ви бачитимете нижній шар.

Якщо екран на базовій картинці білий, то в режимі Жорстке світло (Hard Light) колір фігури змінюватиметься у тих місцях, де вона заїжджає на чорну рамку. Ось так:

Далі вам потрібно активувати функцію Вільне трансформування (Free Transform). Для цього перейдіть до меню Редагування > Вільне трансформування (Edit > Free Transform) або використовуйте гарячі клавіші: Control + T (Win) / Command + T (Mac).

Далі, клацніть правою кнопкою миші (Win) / клацніть із затиснутим Control (Mac) по фігурі та виберіть Спотворення (Distort). Функція спотворення дозволяє трансформувати форму, щоб вона відповідала куту нахилу екрана.

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

Тепер можна наблизити робочу область, щоб краще бачити межу екрана. Для цього натисніть Control + + (Win) / Command + + (Mac).

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

Виконайте так з усіма кутами, щоб фігура точно відповідала екрану і не залазила на чорну рамку.

Якщо ніяк не можете коректно вирівняти форму прямокутника, клацніть по фігурі правою кнопкою миші (Win) / клацніть із затиснутим Control (Mac) та виберіть опцію Деформація (Warp) – щоб продовжити коригувати фігуру.

Коли закінчите зі спотворенням фігури, натисніть на галочку панелі Параметрів (Options bar) або натисніть Enter, щоб прийняти зміни.

Далі поміняйте Режим накладання (Blend Mode) шару-фігури назад на Нормальний (Normal).

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

Крок 5: Вставити ваш макет дизайну в смарт-об'єкт

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

На цьому етапі у Фотошопі відкриється нова вкладка - це буде .psb-файл створеного вами смарт-об'єкта. На цій вкладці відображатиметься фігура у вигляді полотна. На цьому полотні ви розмістите макет свого дизайну.

Працюйте у вкладці смарт-об'єкта: потрібно вставити на неї макет дизайну. Додайте шар, відкривши вкладку Макет (Layout), переконайтеся, що шар вибраний, і натисніть Control + C (Win) / Command + C (Mac).

Далі поверніться на вкладку смарт-об'єкта та натисніть Control + Shift + V (Win) / Command + Shift + V (Mac), щоб вставити шар із макетом на місце. Швидше за все макет дизайну не впишеться в шар ідеально.

Щоб змінити розмір макету, натисніть Control + T (Win) / Command + T (Mac). Задайте потрібний розмір макета за допомогою кутових маркерів: вам потрібно якнайточніше вставити макет на полотно. Якщо у вас старіша версія Фотошопу, то в процесі зміни розміру затисніть Shift - так ви уникнете спотворення дизайну.

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

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

Далі потрібно зберегти файл смарт-об'єкта: для цього перейдіть в меню Файл > Зберегти (File > Save) - або натисніть Control + S (Win) / Command+S (Mac). Після збереження вкладку можна закрити.

Коли ви знову перейдете на вкладку з мокапом, побачите, що Фотошоп вставив ваш макет дизайну чітко на екран комп'ютера. Якщо вам потрібно змінити дизайн, просто відкрийте смарт-об'єкт на окремій вкладці і вставте на полотно змінений макет дизайну.

Крок 6: Додати глянсовий ефект за допомогою ефектів освітлення

Якщо ви хочете, щоб ваш екран виглядав більш реалістичним, можете застосувати ефекти освітлення (lighting effects); це допоможе створити глянсовий ефект. Ефект ми додаватимемо у форматі смарт-фільтра, щоб ви могли відредагувати або видалити його у будь-який час.

Щоб додати ефект, виберіть шар смарт-об'єкт і перейдіть до Фільтр > Рендеринг > Ефекти освітлення (Filter > Render > Lighting Effects).

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

• Intensity - 80
• Exposure - -59
• Gloss - 100
• Ambience - 16

Переконайтеся, що опція попереднього перегляду (Preview) на панелі параметрів (Options bar) увімкнено, щоб ви могли бачити зміни на екрані, і, якщо вам все подобається, натисніть в налаштуваннях OK.

Щоб скоригувати налаштування, двічі клацніть по смарт-фільтру Ефекти освітлення (Lighting Effects) на панелі шарів (Layers panel).

Тепер у вас екран із глянцевим ефектом — з ним макет вашого дизайну виглядатиме яскравіше.

Як створити просунутий мокап у Фотошопі

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

Для початку відкрийте зображення продукту та макет вашого дизайну на двох окремих вкладках у Фотошопі. Спочатку ми будемо працювати із зображенням продукту.

Крок 1: Підготувати виділені області

Насамперед потрібно підготувати виділені області — надалі це спростить вам роботу. У цьому прикладі моїм продуктом для мокапа буде банку газування, і я демонструватиму всі кроки на ньому.

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

Підказка: під час використання інструменту Перо (Pen Tool) можна наблизити кожну область гарячими клавішами Control + + (Win) / Command + + (Mac). Так ви можете зробити більш точний контур.

Створити контур навколо кришки

Щоб виділити область верхнього обідка банки, виберіть панель інструментів. Перо (Pen Tool (P)).

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

Якщо в процесі роботи з Пером (Pen Tool) вам потрібно скоригувати якусь із опорних точок, робіть це із затиснутим Control (Win) / Command (Mac). Курсор перетвориться на білу стрілку – це означатиме, що ви перебуваєте в режимі коригування контуру.

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

Коли замкнете контур, відкрийте панель контурів (Paths panel) (якщо її немає на екрані, перейдіть до Вікно > Контури (Window > Paths), щоб її відкрити). Двічі клацніть за назвою "Робочий контур" (Work Path) і перейменуйте його в "Кришка" (Lid).

Створити контур навколо дна банки

Тепер потрібно створити ще один контур — по денця банки. Для цього натисніть на іконку Створити новий контур (Create a new path icon) на панелі внизу.

Перейменуйте цей контур на «Дно» (Bottom) і повторіть самі кроки, щоб виділити денце банки.

Створити контур навколо тіла банки

Тепер створіть ще один новий контур та виділіть тіло банки.

Тепер у вас на панелі контурів (Paths panel) має бути три окремих контури. Ми будемо використовувати їх у роботі над мокапом. Залежно від вашого конкретного продукту, у вас може бути більше або менше виділених областей.

Крок 2: Додати смарт-об'єкт за формою продукту

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

Виберіть на панелі інструментів Прямокутник (Rectangle Tool (U)) і намалюйте прямокутник поверх тіла банку. Залишіть трохи додаткового простору по краях: він стане в нагоді на наступному кроці. Перейменуйте шар фігуру на щось типу «ДИЗАЙН ВСТАВЛЯТИ СЮДИ» (INSERT DESIGN HERE).

Встановіть Режим накладання (Blend Mode) «Множення» (Multiply). Режим накладання стане в нагоді, якщо ви плануєте розмістити дизайн на всій поверхні тіла банки, а тільки в якійсь області. Крім того, з ним буде зручно на наступному кроці, коли ми деформуватимемо фігуру під форму банки.

Тепер, як і в першому прикладі з простим мокапом, потрібно перетворити шар-фігуру на смарт-об'єкт. Для цього клацніть по шару-фігурі правою кнопкою миші (Win) / клацніть із затиснутим Control (Mac) і виберіть Перетворити на смарт-об'єкт (Convert to Smart Object).

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

Крок 3: Деформувати шар-фігуру формою продукту

Тепер потрібно деформувати (warp) шар-фігуру, щоб він краще відповідав формі продукту. Завдяки деформації (warping), коли ви вставите в смарт-об'єкт макет свого дизайну, він буде трохи спотворений формою вигину банки.

По-перше, виберіть шар-фігуру та натисніть Control + T (Win) / Command + T (Mac). Далі клацніть правою кнопкою (Win) / клацніть із затиснутим Control (Mac) та виберіть Деформація (Warp).

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

Краї фігури теж перетягніть ближче до банку.

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

Коли закінчите деформацію, натисніть галочку на панелі параметрів (Options bar) або просто Enter.

Крок 4: Додати шар-маску на базі зробленого контуру

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

По-перше, відкрийте панель контурів (Paths panel) і клацніть по контуру банки правою кнопкою миші (Win) / клацніть із затиснутим Control (Mac). Виберіть опцію Зробити виділення (Make Selection). У діалоговому вікні, що відкрилося, залиште радіус розтушовки (Feather Radius) 0 - і натисніть OK.

Зробивши виділення, ви побачите його на полотні за контуром банки.

Далі клацніть по іконці Додати векторну маску (Add vector mask) внизу панелі шарів (Layers panel). Ви помітите, що шар-маска з'явилася і фігура тепер відображається лише на тілі банки.

На полотні додана фігура буде вписана в тіло банки.

Крок 5: Вставити ваш макет дизайну в смарт-об'єкт

Тепер, як і в попередньому прикладі, потрібно вставити макет дизайну в смарт-об'єкт.

Сам дизайн можна додати у вигляді стікера, а можна розтягнути на всю ширину банки.

Щоб змінити фоновий колір банки, клацніть двічі прямокутним шаром на вкладці зі смарт-об'єктом і виберіть новий колір у вікні вибору кольору.

Крок 6: Додати на банку тіні та відблиски

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

По-перше, дублюйте фоновий шар, перетягнувши його на іконку Створити новий шар (Create a new layer) внизу панелі шарів.

Перейменуйте новий шар і перетягніть його, щоб він розташовувався над шаром із дизайном.

Далі затисніть Alt (Win) / Option (Mac), натисніть на шарі-масці шару з дизайном і перетягніть його на новий шар, який ви тільки що створили.

Далі встановіть для шару з тінями та відблисками Режим накладання (Blend Mode) «Умноження» (Multiply) і зменшіть непрозорість (Opacity) до 65%.

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

Крок 7: Додати можливість змінити колір кришки та денця банки (за бажанням)

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

По-перше, відкрийте панель контурів (Paths panel) і виберіть контури кришки та денця, клацнувши по обох із затиснутим Control (Win) / Command (Mac). Далі клацніть по вибраним контурам правою кнопкою миші та виберіть опцію Зробити виділення (Make Selection). Залишіть радіус розтушовки (Feather Radius) 0 та натисніть OK.

Далі потрібно додати новий шар-заливку. Для цього клацніть по іконці Створити нову заливку чи корекцію (Create a new fill or adjustment) внизу панелі шарів та виберіть Суцільний колір (Solid Color).

Виберіть колір за допомогою інструмента Підбір кольору (Color Picker) та натисніть OK.

Кольоровий шар автоматично застосовується до виділених областей.

Тепер дно та кришка виглядають нереалістично: потрібно додати тіні та відблиски.

Для цього потрібно дублювати фоновий шар, натиснувши Control + J (Win) / Command + J (Mac). Далі потрібно знову зробити виділення кришки та денця на панелі контурів (Paths panel) і додати шар-маску на новий дубльований шар.

Далі перетягніть новий шар, щоб він був над шаром із заливкою, і перейменуйте обидва шари, щоб на панелі шарів був порядок. Крім того, можна поєднати ці коригування в окрему групу. Для цього клацніть по іконці Новий гурт (New group) внизу панелі шарів (Layers panel).

Нарешті, встановіть для нового шару з тінями та відблисками Режим накладання (Blend Mode) «Умноження» (Multiply). Завдяки режиму накладання тіні та відблиски будуть видні, але не перекриватимуть колір виділених елементів.

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

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

Доброї вам роботи!

Настя Ніксен

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