Как создать Мокап стикера с помощью Photoshop

Как создать Мокап стикера с помощью Photoshop

уроки Adobe Photoshop

В этом уроке вы узнаете, как создать реалистичный макет наклейки с эффектом глянцевого наложения с помощью Adobe Photoshop. Этот эффект используется со смарт-объектом, преобразования, стили слоя и фильтр «Стекло».




Рекомендуем также посмотреть:

Screenshot-4

Шаг 1

Запустите Photoshop и создайте новый документ размером 3000 x 2000 пикселей, 72PPI, цвет RGB.

Photoshop

Шаг 2

Инструментом «Прямоугольник» (U) нарисуйте квадрат 1500 х 1500 пикселей в середине холста. Цвет заливки не имеет значения, так как этот слой будет временным.

Photoshop

Шаг 3

На панели «Слои» выберите слой «Прямоугольник» и переименуйте его в «Смарт-объект», «Художественное произведение» или что-то подобное, затем щелкните правой кнопкой мыши слой и выберите «Преобразовать в смарт-объект».

Photoshop

Шаг 4

Дважды щелкните миниатюру смарт-объекта, чтобы открыть содержимое в новом окне. Скройте слой с прямоугольником и с помощью Horizontal Type Tool (T) создайте новый текстовый слой. Введите «Наклейку», используя Bello Script, 480 пикселей, #30D8B0.

imaget-4

Шаг 5

Теперь мы хотим придать тексту толстую белую рамку, которая обычно используется в дизайне наклеек. Щелкните правой кнопкой мыши текстовый слой, когда он вас устраивает, и выберите «Преобразовать в форму».




imaget-5

Шаг 6

С помощью Инструмента «Выделение контура» (А) создайте для текста белую обводку размером 50 пикселей и выровняйте его по внешнему краю.

imaget-6

Шаг 7

Вы можете заметить, что между буквами t и i есть небольшой зазор, мы можем исправить это вручную, используя Pen Tool (P), чтобы нарисовать маленькую белую фигуру, заполняющую пространство.

imaget-7

Шаг 8

Сохраните и закройте смарт-объект, чтобы вернуться к основному документу. Войдите в режим Transform (T) и поверните рисунок на -21º вокруг центра. Затем перейдите в Edit > Transform > Skew и, удерживая нажатой клавишу Alt, используйте мышь, чтобы наклонить верхний правый угол на.

imaget-8

Шаг 9

Перейдите в Layer > New Fill Layer > Solid Color Fill… и введите #6dd6e9, затем нажмите OK.

imaget-9

Шаг 10

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

imaget-10

Шаг 11

Дважды щелкните слой «Тень», чтобы открыть окно «Стиль слоя», и установите для параметра «Непрозрачность заливки» значение 0.

sticker mockup for photoshop

Шаг 12

Примените к слою Color Overlay, используя черный цвет (#000000) и непрозрачность 25%.

imaget-12

Шаг 13

В идеале сейчас мы хотим добавить второй эффект Color Overlay. Но если ваша версия Photoshop не поддерживает это, мы можем вместо этого использовать наложение градиента с градиентом от черного к черному, режимом наложения наложения и непрозрачностью 100%.

imaget-13

Шаг 14

Эти стили слоя должны сделать слой Shadow теперь похожим на это:

imaget-14

Шаг 15

Перейдите в меню «Фильтр» > «Размытие» > «Размытие по Гауссу…» и примените размытие 2 пикселя, затем нажмите «ОК».

imaget-15




Шаг 16

Перейдите в Filter > Blur Gallery > Tilt Shift… и настройте размытие, как показано ниже, с Blur 90 px и 100% Distortion.

imaget-16

Шаг 17

Вернитесь к основному документу, покажите видимость и выберите слой «Наклейка».

imaget-17

Шаг 18

Войдите в режим Transform (T) и щелкните переключатель Warp Mode. В раскрывающемся списке режимов деформации выберите Arch и установите Bend на -20%. Нажмите OK, а затем переместите слой поверх тени, как показано ниже:

imaget-18

imaget-19

Шаг 19

Дважды щелкните слой «Наклейка», чтобы открыть окно «Стиль слоя», и примените наложение градиента, используя:

Режим наложения: Умножение
Непрозрачность: 5%
Градиент: от черного к белому (по умолчанию)
Стиль: Отраженный
Угол: —150º
Масштаб: 60%

imaget-20

Шаг 20

Перейдите в Layer > New Fill Layer > Gradient… и используйте следующие настройки:

Градиент: от черного к белому (по умолчанию)
Стиль: Отраженный
Угол: —150º
Масштаб: 70%

imaget-21

Шаг 21

Назовите слой градиентной заливки «Эффект блеска», щелкните правой кнопкой мыши слой и выберите «Преобразовать в смарт-объект». Перейдите в Image > Adjustments > Levels… и установите Уровень ввода теней на 50 и Уровень ввода выделения на 90.

imaget-22

Шаг 22

Перейдите в «Фильтр» > «Галерея фильтров…» и выберите «Стекло». Установите Distortion на 20 и Smoothness на 4.

imaget-23

Шаг 23

Перейдите в Image > Adjustments > Brightness/Contrast и введите 150 для яркости и 100 для контрастности.

imaget-24

Шаг 24

Наконец, для этого эффекта блеска перейдите в Filter > Sharpen > Sharpen.

imaget-25

Шаг 25

Создайте дубликат слоя с эффектом глянца и прикрепите обе копии к слою «Наклейка», щелкнув правой кнопкой мыши и выбрав «Создать обтравочную маску». Для верхней копии установите Режим наложения на Мягкий свет и Непрозрачность на 25%.

imaget-26

Шаг 26

На нижней копии эффекта блеска установите режим наложения на «Multiply» и непрозрачность на 2%.

imaget-27

Результат и заключение




Вот последняя наклейка. Этот макет использует относительно простые эффекты в Photoshop, чтобы создать очень впечатляющий результат. Но помните, это не разовый эффект! Теперь вы создали свой самый макет наклейки и можете поместить все, что хотите, в слой смарт-объекта «Наклейка», чтобы мгновенно увидеть его макет.

imaget-28

 

Добавить комментарий