Във Photoshop можете да направите оформление на уебсайт, според което той вече е създаден в html. Този процес е сравнително прост.
Необходимо
Програма Adobe Photoshop
Инструкции
Етап 1
Отворете Photoshop и създайте 1020 x 1200 pic документ в него. Задайте цвета на фона на # a8a995. Ако сайтът е посветен на компания, можете да поставите логото му в горния ляв ъгъл в навигационната лента. Оставете малко място вдясно за връзки за навигация в сайта.
Стъпка 2
Вземете инструмента Rectangle Tool и създайте правоъгълник 80 на 54 картинки в лентата за навигация на сайта. Той ще показва активния елемент от менюто в навигацията на сайта.
Стъпка 3
Отидете в менюто Layer-Layer Style, поставете отметка в квадратчето Color Overlay, цвят # ADAE9E, Opacity - 100% и квадратчето Stroke, Size - 1 px, Position - Outside, Opacity - 100%, color # CED0BB.
Стъпка 4
Върху правоъгълника, който вече имате, добавете още 71х50 снимка, боядисайте го с # cfbe28. Отидете в менюто Layer-Layer Style, задайте следните параметри за този правоъгълник: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 27%, Ъгъл - 90, Distance - 1, Spread - 0, Size - 5; Вътрешна сянка: Режим на смесване - Умножение, цвят # 000000, Непрозрачност - 27%, Ъгъл - 90, Разстояние - 1, Дросел - 0, Размер - 18; Ход: Размер - 1, позиция - отвън, непрозрачност - 100, тип запълване - цвят, цвят # D6C72C.
Стъпка 5
Добавете сянка за връзки, разположени в навигационната лента. За целта изберете слоя с текста на тези връзки, отидете в менюто Layer-Layer Style и задайте следните параметри: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 75%, Ъгъл - 90, Distance - 1, разпространение - 0, размер - 1. Повторете тези стъпки за всеки слой, който ще съдържа текста на връзките.
Стъпка 6
Сега трябва да направите уводна част от шаблона. Изберете инструмента Rectangle Tool и направете правоъгълник под логото, запълнете го с бяло, намалете непрозрачността до 20%.
Стъпка 7
Изберете Ellipse Tool и направете овал под този правоъгълник. Отидете на Filter> Blur> Gaussian Blur и задайте Radius на 7, 8.
Стъпка 8
Вземете Rectangular Marque Tool и изберете долната част на правоъгълника и замъгления овал. Изтрий го.
Стъпка 9
След това въведете текста в правоъгълния бутон. Създайте линия директно над нея със следните параметри: 866 на 1 снимка.
