Советы по работе с фоном в psd-шаблонах

За все время существования группы я ознакомился с сотнями результатов работ, которые Вы частенько скидывали в комментариях. Среди них были как очень крутые, так и довольно слабые. Данный опыт позволил мне сформировать ряд простых советов, которые помогут Вам в работе с шаблонами и направят Ваш креатив в нужное русло.

Используйте качественные фотографии и правильно размещайте их на полотне

Как театр начинается с вешалки, так и баннер с качественной и правильно выставленной фотографии. Лучше всего, если Вы будете создавать фотоматериал самостоятельно, однако, если такой возможности и необходимости нет, всегда можно воспользоваться крутыми бесплатными/платными фотостоками.

Первое, что Вам нужно учитывать, это размер фотографии/изображения. Он не должен быть меньше, чем сам шаблон, который Вы используете. Даже если нет представления, как узнать размер изображения и размер шаблона, просто закиньте фото в макет, если оно потеряло чёткость (См. Рис 1), советую отказаться от использования подобного материала.

Второе, у нас есть качественное фото, теперь наша задача грамотно его расположить. Во многих шаблонах зона под фотографию имеет достаточно сложную форму, нужно следить за тем, чтобы Ваше изображение полностью её заполняло (См. Рис 2). В целом ничего сложного, простая тренировка внимания.

Правильно подбирайте цвета для «цветного блока».

Правильно выбрать цвет - очень важная и ответственная задача. От этого зависит, как пользователи будут воспринимать Вашу работу. Часто наблюдаю, что используются ядовито-яркие цвета в макете. Это связано с тем, что оператор шаблона не подбирает тональность, а устанавливает максимально яркий цвет, это в корне неверное решение. Лучше всего поиграться с тональностью и подобрать спокойный, понятный, чистый и интересный оттенок Вашего любимого цвета (См. Рис 3).

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

Есть элементы, трогать которые нежелательно

Здесь речь пойдет о различного рода масках, фоне, и пр., в названии которых нет подписи (цвет можно изменить). Они необходимы, чтобы создавать контраст между различными зонами и предотвращать эффект сливания картинки в единую кашу. Как правило, это белый или серый фон, на котором располагается текстовая информация.

К моему великому сожалению, иногда данные зоны заливают цветом, чем полностью перечеркивают её функциональную роль. В связи с чем, настоятельно не рекомендую редактировать подобные слои. (См. Рис 4)

Не игнорируйте текстуру

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

В моём случае текстурой служили как обычные линии, так и фотография с облаками (не шучу, в одной из работ в качестве текстуры я использовал тучи) (См. Рис 5).

Способов установить текстуру огромное множество. Самый простой - это применить на изображение метод наложения «мягкий свет». Как это сделать, я писал в курсе по редактированию шаблонов, но можно и банально скрутить прозрачность (См. Рис 6).

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