Russian (Pусский) translation by Andrey Rybin (you can also view the original English article)
Envato Market - отличный ресурс стоковых фотографий, графических шаблонов и макетов продуктов. Это ресурс позволяет быстро сделать коммерческий продукт высокого качества. В этом коротком уроке, я покажу вам как использовать Adobe Photoshop, что бы добавить ваши собственные изображения в макет продукта, купленный на Envato Market. (Примеч. перев.: далее по тексту будет использоваться сленговое слово "мокап" вместо "макета продукта")
1. Выберите Объект
Преимущество использования купленного шаблона в том, что авторы, как правило, предоставляют качественный, хорошо организованный файл, который удобно использовать с вашим собственным изображением. Например, если вы занимаетесь продвижением нового приложения, которое использует камеру смартфона и GPS, что бы показать вид улицы в зависимости от направления, что может быть лучше, чем показать как это выглядит в действии?
Шаг 1
Есть большое количество мокапов доступных на рынке. Я для использования выбрал мокап с рукой, держащей смартфон.
Шаг 2
Загрузите запакованную папку и разархивируйте файлы. Откройте файл с названием Hand1_Transparent.psd в Photoshop. Обратите внимание, что файл имеет несколько слоев, что облегчает процесс изменения файла путем добавления ваших собственных изображений.
2. Изменените Фон
Шаг 1
В нашей воображаемой рекламе, приложение должно показывать, что видит камера. Фоновое изображение содержится в слое Смарт-Объекта, названном как EDIT BACKGROUND. Дважды щелкните на миниатюре, что открыть содержимое в отдельном окне для файла.
Откроется файл с названием Layer1.psb. Обратите внимание, что документ имеет только один слой, с изображением фона.
Шаг 2
Зайдите во вкладку Файл > Поместить Связанные (File > Place Linked) и выберите новую фотографию в качестве фонового изображения для рекламы. Я выбрал вид улицы из своих собственных фотографий.
Шаг 3
Зайдите во вкладу Файл > Cохранить (File > Save) и затем закройте файл. Фоновое изображение в начальном файле изменилось в соответствии с новым фоном. Обратите внимание , что к новому фону автоматически были применены цветовые эффекты и эффект размытия.
3. Измените интерфейс приложения
Шаг 1
Интерфейс изменяется таким же образом. Дважды щелкните мышкой на значке слоя EDIT OBJECT, чтобы открыть Смарт-Объект.
Шаг 2
Файл, который называется Camera.psb, содержит два слоя. Есть скрытый слой для смартфона белого цвета, и видимый слой с аппаратом черного цвета. Оба, так же являются Смарт-Объектами. Получается, что они смарт-объекты в смарт-объектах, этакая смарт-объектовая многозначность! Дважды нажмите на значок смартфона черного цвета, что бы пойти уровнем глубже и открыть новый файл.
Шаг 3
Этот файл, названый Camera1.psb, содержит различные слои используемые, что бы иллюстрировать смартфон, и другие Смарт-Объекты, названные REPLACE CONTENTS для содержимого экрана. Дважды щелкните на значке, чтобы открыть этот файл.
Шаг 4
Этот новый файл, названый как Screen11.psb, содержит изображение на экране смартфона. Вставьте новое изображение для интерфейса используя вкладку Файл > Поместить Связанные (File > Place Linked).
Шаг 5
Сохраните и закройте все отркрытые файлы со смарт-объектами. Их должно быть три: Screen11.psb, Camera1.psb, и Camera.psb. Исходный файл теперь теперь содержит новый интерфейс встроенный в общий кадр.
Вот и все!
Это действительно так просто! Изменяемый под ваши нужды коммерческий снимок легко создается всего лишь изменением смарт-объектов внутри подготовленного шаблона. Имейте также в виду, что файл по-прежнему можно редактировать, так что вы можете менять содержимое смарт-объектов в любое время, чтобы изменить фон изображения и интерфейс смартфона.
By
