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

Як створити мокап із фото

Середній6 хвилинОновлено

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

Відкрийте в Lil Cactus фото рамки, зняте анфас, додайте дизайн командою Файл потім Помістити зображення як шар… і виберіть Шар потім Смарт-об’єкти потім Перетворити на смарт-об’єкт. Підженіть його командою Редагувати потім Вільне трансформування: для прикладу при зв’язаних значеннях задайте в полі Ш 55,7%, виберіть опорну точку Центр, у полі X введіть 770, а в полі Y — 415 і натисніть Підтвердити трансформування. На панелі Шари змініть Режим накладання з Звичайний на Множення. Експортуйте командою Файл потім Експорт потім PNG…, а макет для повторного використання збережіть командою Файл потім Зберегти як потім Проєкт Lil Cactus…

Та сама дерев’яна рамка: спершу порожня, потім із кавовим постером SUNDAY CLUB
Рамка з прикладу до і після додавання дизайну. Перетягніть повзунок, щоб порівняти.
Час
6 хвилин
Рівень
Середній
Що потрібно
Фото рамки, зняте анфас, і малюнок. Обидва постери з прикладу мають розмір 1536 × 944 px.
Підходить для
Фото й дизайни JPG або PNG
Відкрити приклад у Lil CactusВикористати своє фото

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

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

Мокап постера в рамці за шість кроків

  1. Відкрийте рамку й помістіть постер

    Відкрийте приклад із цієї сторінки або виберіть Файл потім Відкрити…, щоб відкрити своє фото. Завантажте кавовий постер із прикладу, а потім виберіть Файл потім Помістити зображення як шар… і вкажіть його. На панелі Шари виберіть шар coffee-print над шаром Фон.

    Панель «Шари» з обведеним повним рядком coffee-print над шаром «Фон»
    Залиште шар із малюнком вибраним.

  2. Перетворіть малюнок на смарт-об’єкт

    Виберіть Шар потім Смарт-об’єкти потім Перетворити на смарт-об’єкт. Тепер на панелі Властивості написано Смарт-об’єкт. Якщо цю панель приховано, відкрийте її командою Вікно потім Властивості.

    Заголовок панелі «Властивості» і повний заголовок «Смарт-об’єкт» з обведеним типом шару
    Перш ніж змінювати розмір, перевірте тип шару. Рядки «Ширина» й «Висота» під цим заголовком описують увесь документ, а не постер.

  3. Змініть розмір постера

    Виберіть Редагувати потім Вільне трансформування. На панелі параметрів під меню переконайтеся, що ланцюжок між полями Ш і В увімкнено (підсвічено зеленим), і задайте в полі Ш 55,7%. Натисніть Tab: зв’язане поле В зміниться слідом.

    Поле «Ш» зі значенням 55,7% і обведена кнопка-ланцюжок біля поля «В» зі значенням 55,7%
    Ланцюжок зв’язує два значення масштабу.

  4. Розташуйте його всередині рамки

    Клацніть середню точку (Центр) у маленькій сітці 3 × 3. У полі X введіть 770, а в полі Y — 415. Це координати центру малюнка на фото. Тепер постер доходить до внутрішніх країв дерев’яної рамки.

    Для власної рамки, знятої анфас, підбирайте значення Ш, X і Y, доки малюнок не заповнить її отвір.

    Обведені опорна точка «Центр» і повні поля X та Y зі значеннями 770 і 415
    Виберіть центральну опорну точку, перш ніж вводити положення.

  5. Підтвердьте й поєднайте з папером

    Клацніть галочку (Підтвердити трансформування) на панелі параметрів. На панелі Шари у списку, де показано Звичайний, виберіть Множення. Режим накладання визначає, як кольори шару поєднуються з фото під ним. «Множення» дає темнішим ділянкам паперу затемнювати постер.

    Обведена галочка «Підтвердити трансформування» праворуч від елементів керування трансформуванням
    Застосуйте розмір і положення.
    Повний список «Режим накладання» зі значенням «Множення» і вибраний шар coffee-print, обведені
    Застосуйте «Множення» до шару з малюнком.

  6. Експортуйте копію й збережіть мокап

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

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

    Параметри експорту PNG: повне поле «Назва файлу» зі значенням framed-print.png і обведена кнопка «Експортувати»
    Експортуйте зображення для перегляду.

Заміна дизайну без повторного підганяння

Відкрийте збережений проєкт і виберіть у ньому шар coffee-print. Виберіть Шар потім Смарт-об’єкти потім Замінити вміст… і вкажіть альтернативний постер із прикладу або власний дизайн.

Розмір, положення й режим «Множення» лишаються за шаром. Експортуйте кожну версію, як на кроці 6.

Тепер у дерев’яній рамці постер із заходом сонця над каньйоном, підігнаний до того самого отвору
«Замінити вміст» змінює малюнок у вже підігнаному шарі.

Як вмістити малюнок на пласку поверхню під кутом

Для рамки або екрана під кутом збережіть резервну копію смарт-об’єкта, перш ніж перетворювати робочий шар на пікселі. Виберіть Шар потім Дублювати шар, а потім клацніть значок ока біля оригінального шару coffee-print, щоб приховати його. Залиште копію вибраною.

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

Панель «Шари» з обведеними кнопкою видимості оригінального шару coffee-print і вибраною робочою копією
Приховайте оригінал і працюйте з його дублікатом.
Права частина нижньої смуги вікна «Растеризація вигляду шару» з повністю обведеною кнопкою «Перетворити на пікселі» поруч із «Скасувати»
Підтвердьте перетворення на пікселі, перш ніж застосовувати «Перспективу» чи «Спотворення».

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

Мокапи з фото: запитання та відповіді

Чи можна зробити мокап із фото рамки під кутом?

Так, після перетворення дизайну на пікселі. У Lil Cactus «Спотворення», «Перспектива» й «Деформація» недоступні для смарт-об’єкта, тож дублюйте шар і приховайте оригінал. Потім застосуйте до копії команду «Шар › Растеризувати › Растеризувати шар» і підженіть її командою «Редагувати › Трансформування › Перспектива» або «Спотворення».

Як редагувати малюнок усередині смарт-об’єкта?

У Lil Cactus виберіть шар із малюнком і команду «Шар › Смарт-об’єкти › Редагувати вміст». Внесіть зміни в новій вкладці, а потім виберіть «Файл › Зберегти вміст у батьківському документі», щоб оновити мокап.

Чи можна використати власне фото для мокапа в Lil Cactus?

Так. Для цього способу зі смарт-об’єктом у Lil Cactus підходить фото з пласкою поверхнею, знятою анфас. Помістіть дизайн, перетворіть його на смарт-об’єкт і підженіть командою «Редагувати › Вільне трансформування».

Чи робить смарт-об’єкт невеликий дизайн різкішим?

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

Чи зберігає «Замінити вміст» розмір і положення в Lil Cactus?

Так, якщо новий дизайн має ті самі розміри в пікселях, що й перший. Більший або менший файл масштабується тим самим трансформуванням, тож підженіть його знову командою «Редагувати › Вільне трансформування».

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