Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

204 099 чел. 397 128 работ 4 081 урок
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Легкая

Делаем Mockup постер в Фотошоп

В этом небольшом уроке я покажу, как создать постер mockup, который может быть использован повторно. В процессе работы, мы будем использовать смарт-объекты для создания неразрушающего редактирования.

Конечный результат:

Шаг 1

Для начала, потребуется хороший снимок постера  и человек, который будет держать его в руках. В моем случае, снимок постера держит в руках автор статей для сайта Abduzeedo Paulo Gabriel.

Шаг 2

Инструментом Прямолинейное лассо (Polygonal Lasso Tool) (L) выделите пальцы, которые держат постер:

Шаг 3

Вызовите команду Определить край (Refine Edge), выберите параметр Smart Radius, а затем закрасьте края пальцев, чтобы уточнить выделение. После этого, в параметре Output выберите пункт Создать новый слой с маской (New Layer with Layer Mask).

Шаг 4

Теперь нарисуйте прямоугольник желтого цвета поверх плаката:

Шаг 5

Измените порядок слоев так, чтобы желтый прямоугольник находился под слоем с пальцами.

Шаг 6

Для придания реалистичности, добавим тень под пальцы: (Слой – Стили слоя – Тень) (Layer>Layer Styles>Drop Shadow). В открывшемся окне настройки стиля слоя выберите режим наложения Линейный затемнитель (Linear Burn), Непрозрачность (Opacity) 30%, затем установите параметр Расстояние (Distance) 4 px, Смещение (Spread) 0% и Размер (Size) 5 px.

Шаг 7

Выделите слоя с прямоугольником и измените цвет на белый и преобразуйте его в смарт-объект (Слой – Смарт-объект – Преобразовать в смарт-объект) (Layer>Smart Objects>Convert to Smart Objects). После этого, выберите команду Деформация (Редактирование – Трансформирование  - Деформация) (Edit>Transform>Warp) (Ctrl + T). Исказите края прямоугольника, делая его похожим на настоящий постер.

Шаг 8

К смарт-объекту примените стиль слоя Наложение градиента (Слой – Стиль слоя – Наложение градиента) (Layer>Layer Style>Gradient Overlay). Используй2те черно-белый градиент с непрозрачностью 10%.  Уменьшите параметр  Масштаб (Scale) до 55%  и прямо на изображении передвиньте мышкой темную часть градиента на нижнюю часть постера.

Шаг 9

Теперь выберите стиль слоя Перекрытие узора (Pattern Overlay) и в окне настройки выберите режим наложения Линейный затемнитель (Linear Burn) с непрозрачностью 20%.

Шаг 10

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

Шаг 11

После того, как Вы сохраните файл с документом  с расширением  .psb, Фотошоп откроет для редактирования смарт –объект и Вы сможете добавить любое изображение на постер.

И в заключении, несколько примеров постеров, которые были созданы по вышеописанному принципу.

Автор:  ABDUZEEDO

Комментарии 27

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Спасибо. Берегите Землю – другой не будет...

спасибо за полезную инфу))

Светлана, спасибо за перевод!

Лариса, очень красиво получилось!

Делаем Mockup постер в Фотошоп. Спасибо.

Интересный урок, а главное полезный, спасибо)

Очень интересно, спасибо Светлана

Благодарю! 23 февраля не удалось разместить работу по техническим причинам

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

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

  • 3. Правило третье. Публикуемые работы не должны содержать изображения, связанные с наркотиками , порнографического содержания, сцены насилия.

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules