Не е много трудно да създадете шаблон на уебсайт във Photoshop. Шаблонът включва менюта, формуляри за търсене, графики, може би някакъв текст например. Самият сайт вече ще бъде програмиран на негова основа.
Инструкции
Етап 1
Започнете да оформяте шаблона на вашия сайт в Photoshop, като създадете нов документ с размер 1020 на 1020 снимка. Направете фона бял. Задайте цвета на преден план на # c5e0dd, а цвета на фона на # ece5cf.
Стъпка 2
Вземете инструмента Gradient и изберете първия тип запълване в панела за настройки. Плъзнете градиентна линия през бялото поле отгоре надолу.
Стъпка 3
Вземете инструмента Text, напишете заглавието на вашия сайт в горния десен ъгъл, така че да се подрежда с формата за търсене, която ще се намира в горния ляв ъгъл. Задайте размера на шрифта, например 12.
Стъпка 4
За да създадете форма за търсене, изберете инструмента Rectangle и нарисувайте бял правоъгълник в горния десен ъгъл. Приложете следните настройки на слоя: Вътрешна сянка - Режим на смесване - Умножение, Цвят - # a2b7b1, Непрозрачност - 43, Ъгъл - 90, Разстояние - 0, Дросел - 0, Размер - 10.
Стъпка 5
Използвайте инструмента Текст, за да направите мек текст в тази форма.
Стъпка 6
Изберете инструмента за закръглени правоъгълници и направете бутон във формата за търсене в дясната му граница. Приложете следните стилове на слоя: Gradient Overlay - Blend Mode - Normal, Opacity - 100, Gradient от тъмно към светло (цветове от # 754f39 до # a1704f), Style - Linear, Ъгъл - 90, Scale - 59.
Стъпка 7
Използвайте инструмента Текст, за да напишете „go“или нещо подобно на този бутон.
Стъпка 8
За да създадете навигацията, вземете инструмента Rounded Rectangle Tool и нарисувайте дълъг правоъгълник под заглавието и формата за търсене. Приложете следните стилове на слоя: Градиентно наслагване - Режим на смесване - Нормално, Непрозрачност - 100, Градиент от тъмно към светло (цветове от # 76503e до # a46ecd), Стил - Линеен, Ъгъл - 90, Мащаб - 59; Структура на хода - 1, позиция - вътре, режим на смесване - нормален, непрозрачност - 100, тип запълване - цвят, цвят # 9F6038.
Стъпка 9
Вземете инструмента Rounded Rectangle Tool и нарисувайте малък правоъгълник от лявата страна на навигационната лента. Приложете следните стилове на слоя: Inner Shadow - Blend Mode - Multiply, Opacity - 75, Ъгъл - 90, Distance - 1, Choke - 0, Size - 8; Градиентно наслагване - Режим на смесване - Нормално, Непрозрачност - 100, Градиент от тъмно към светло (цветове от # 76503c до # a46e4d), Стил - Линеен, Ъгъл - 90, Мащаб - 59; Ход - Структура - 1, Позиция - Вътре, Режим на смесване - Нормално, Непрозрачност - 100, Тип запълване - Цвят, Цвят # 8f6347.
Стъпка 10
Добавете етикети към лентата за навигация.
