скачать шаблоны Photoshop » Портал о дизайне - PixelBrush

Шаблоны Фотошопа

Шаблоны / Июнь 10, 2017

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

Шаг 1 – Разработка макета

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

Шаг 2 - Создание баннера

Баннер – графическое изображение, который отображается в верхней части страницы. Он обычно состоит из логотипа компании и некоторых других изображений, относящихся к продукту или услуге. Вы можете либо вставить уже готовое изображение, либо использовать краски и текстовые инструменты в Photoshop для его создания.

Шаг 3 – Работа над фоном

Каждому хочется создать уникальный дизайн для своего сайта. У Photoshop есть множество возможностей для этого. Например, используя слои можно создать коллаж в фотошопе (как здесь: ), который подчеркнет индивидуальность вашего сайта. Главное подобрать изображения, которые будут гармонично сочетаться друг с другом.

Шаг 4 – Создание кнопок

Они будут скрывать ссылки, которые перенаправляют пользователей сайта на внутренние страницы. Вставьте существующие изображения кнопок и разместить их там, где необходимо шаблоне или используйте инструменты Photoshop для их создания. Выберите «Slice Tool» (пятая кнопка сверху в панели инструментов). Щелкните правой кнопкой мыши на новой кнопке и выберите «Edit Slice Options» из выпадающего меню. Откроется диалоговое окно «Параметры фрагмента». Введите адрес перехода по ссылке в поле «URL». Нажмите «OK».

Шаг 5 – Социальные сети

Не забудьте добавить кнопки, дающие возможность пользователям делиться полученной информацией в социальных сетях. Принцип их создания такой же как и у остальных кнопок.

Источник: www.vadimgalkin.pp.ru