Макеты Photoshop — это изображения, которые моделируют ваш дизайн в реалистичном контексте. Независимо от того, представляете ли вы свою работу клиенту или выполняете итерации, макеты — это полезный инструмент, показывающий, как дизайн может появляться (или использоваться) в реальном мире. В пяти простых шагах узнайте, как использовать файлы макета, такие как pro.
Содержание статьи
1. Найти, скачать и открыть макет
Чтобы начать поиск, ознакомьтесь с нашим списком некоторых из лучших бесплатных и платных ресурсов макета . Как только вы найдете макет своей мечты, загрузите файл. Многие файлы макетов поступают в папки, содержащие другие элементы (юридические термины, сведения об авторе и т. Д.). Откройте файл, заканчивающийся на .psd.
В этом примере я загрузил этот макет-макет из Graphic Burger .
2. Изучите слои
Отличные макеты включают в себя множество слоев, каждый из которых помечен для описания его содержимого. Проверьте, что делает каждый слой, переключая его / ее видимость, щелкнув значок глаза слева от имени слоя. Отключите слои, которые вам не нужны.
Здесь я покинул слой «Изменить цвет кружки», так как я хочу, чтобы кружка оставалась белой.
3. Откройте Smart Object
Обратите внимание, что некоторые слои имеют значки маленького документа, а при наведении мыши появляется «миниатюра смарт-объектов». Это Smart Objects, которые позволяют создавать неразрушающие преобразования для слоя, вносить векторные рисунки и обновлять ваши изменения в файлах, где используется этот Smart Object.
Чтобы настроить макет, вы будете редактировать Smart Objects. Дважды щелкните Smart Object, который вы хотите отредактировать, и откроется отдельное окно в Photoshop для содержимого Smart Object.
4. Редактируйте и сохраните Smart Object
Подумайте о окне, которое открывается для Smart Object как сплющенный вид поверхности макета. Там создайте дизайн, который хотите моделировать. Перетащите изображения и при необходимости добавьте текст. Выключите видимость (или удалите) все слои, которые вы не хотите отображать в макете. Затем сохраните файл (просто «Сохранить», а не «Сохранить как»). Как только он будет сохранен, макет обновится, чтобы отразить дизайн в Smart Object-head до этого окна Photoshop, чтобы проверить его.
Вот вид редактирования интеллектуального объекта …
… и, как только я сохраню этот Smart Object, обновления макета отражают дизайн:
5. Добавить заключительные штрихи
В файле макета сделайте все, что вам нужно, чтобы сделать его своим! Настройте цвет фона, добавьте текст, обведите холст, перемещайте слои вокруг (обязательно следите за тенями и световыми эффектами) … возможности бесконечны.
Здесь я изменил цвет фона, добавил некоторые гиппопотамы и текст и скорректировал масштабирование кружки.
Затем экспортируйте образ макета в нужный тип файла, и, если вы захотите позже изменить свой макет, сохраните макет в виде файла .psd. Вот и все. Удачи насмешка над вашей работой!
Избегание распространенных ошибок
- Сохранение смарт-объектов. Проверьте, сохранен ли ваш смарт-объект, ища звездочку рядом с именем файла на вкладке окна Photoshop. Если есть звездочка, были внесены изменения, которые еще не сохранены. Ваш макет не будет отражать эти изменения до тех пор, пока Smart Object не будет сохранен.
- Перемещение и преобразование предметов. При перемещении элементов или их масштабировании в макете убедитесь, что все связанные слои были преобразованы одновременно. Для этого одновременно выберите все другие соответствующие слои, удерживая Shift, нажимая на них. В противном случае фильтры объектов, тени и другие эффекты не будут совпадать.
- Добавление предметов. Отразить сцену в перспективе и освещении, когда вы добавляете элементы в макет (особенно важно, чтобы Adobe Dimension помогала с этим). Например, с приведенным выше примером, я сделал тени бегемотов бегущими влево, так как тень с кружкой бежит слева, а освещение на спине бегемотов происходит сверху и справа.
- Сохраните файл макета в папке проекта. Имейте в виду, что любые сохраненные вами данные в недавно загруженном макете просто перезаписывают загруженный файл, который живет в папке, в которой хранятся загруженные файлы (для большинства пользователей Mac, которые могут быть папкой «Загрузки»). Если вы хотите сохранить макет в другой папке, используйте «Сохранить как» и выберите папку, в которой вы хотите жить. Это хорошая идея начать любой проект макета, сделав это, чтобы вы не поняли позже, что вы опустошили папку «Загрузка» вместе с тем макетом, который вы так усердно работали.
Сообщение «Как использовать макеты Photoshop»: пять простых шагов появились вначале на HOW Design.
Загрузка...
