Как создать шаблон в фотошопе?

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

Инструкция

Начните формирование шаблона сайта в фотошопе с создания нового документа размером 1020 на 1020 pic. Сделайте фон белым. Установите в качестве основного цвета #c5e0dd, в качестве фонового - #ece5cf.

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

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

Для создания поисковой формы выберите инструмент Rectangle и нарисуйте белый прямоугольник в правом верхнем углу. Примените следующие настройки слоя: Inner Shadow - Blend Mode – Multiply, цвет - #a2b7b1, Opacity – 43, Angle – 90, Distance – 0, Chоke – 0, Size - 10.

При помощи инструмента Text сделайте внутри этой формы неяркую надпись.

Выберите инструмент Rounded Rectangle Tool и сделайте кнопку внутри поисковой формы у ее правой границы. Примнете следующие стили слоя: Gradient Overlay - Blend Mode – Normal, Opacity – 100, Gradient от темного к светлому (цвета от #754f39 к # a1704f ), Style – Linear, Angle – 90, Scale – 59.

При помощи инструмента Text напишите на этой кнопке «go» или что-то в этом роде.

Для создания навигации возьмите инструмент Rounded Rectangle Tool и нарисуйте длинный прямоугольник под заголовком и поисковой формой. Примените следующие стили слоя: Gradient Overlay - Blend Mode – Normal, Opacity – 100, Gradient от темного к светлому (цвета от #76503e к # a46ecd), Style – Linear, Angle – 90, Scale – 59; Stroke Structure – 1, Position – Inside, Blend Mode – Normal, Opacity – 100, Fill Type – Color, Color # 9F6038.

Возьмите инструмент Rounded Rectangle Tool и нарисуйте небольшой прямоугольник в левой стороне панели навигации. Примените следующие стили слоя: Inner Shadow - Blend Mode – Multiply, Opacity – 75, Angle – 90, Distance – 1, Chоke – 0, Size - 8; Gradient Overlay - Blend Mode – Normal, Opacity – 100, Gradient от темного к светлому (цвета от #76503c к # a46e4d ), Style – Linear, Angle – 90, Scale – 59; Stroke - Structure – 1, Position – Inside, Blend Mode – Normal, Opacity – 100, Fill Type – Color, Color # 8f6347.

Добавьте надписи на панели навигации.

Оцените статью!