ВНИМАНИЕ! ШАГИ 2,3,4 – можно пропустить! И сделать их в конце. Макет для делового сайта

Our Services

Our Team

News&Events

 

Макет для делового сайта

Шаг 1. Создайте новый документ размером 960x900 пикселов,

Создайте направляющие линии.
горизонтальные: 150п, 185п, 365п, 400п, 880п
вертикальные: 70п, 330п, 350п, 610п, 630п, 890п

 

Залейте документ цветом с показателем: #292929
Активизируйте инструмент Rectangle Tool (Прямоугольник) и создайте на новом слое прямоугольник в верхней части фона с цветовым показателем: #111111

Высота верхнего прямоугольника- 150 пикселей.

 

ВНИМАНИЕ! ШАГИ 2,3,4 – можно пропустить! И сделать их в конце.

Шаг 2. Активизируйте инструмент Line Tool (Линия),установите цвет 272727 и создайте линию на новом слое. Толщина линии составляет 1 пиксел.

Потом установите цвет b9b9b9 и создайте еще одну линию на новом слое, толщиной в 1 пиксел.

Шаг 3. Создайте новый слой, и при помощи инструмента Brush Tool (Кисть) размером 300 пикселов создайте небольшое белое свечение в верхней части макета.

Шаг 4. Измените режим наложения для отпечатка кисти на Soft Light (Мягкий свет).

Свечение в итоге станет почти не заметным! Другой вариант уменьшения яркости белого свечения – уменьшить непрозрачность слоя.

Шаг 5. Активизируйте инструмент Rounded Rectangle Tool (Прямоугольник со скругленными углами) и создайте три прямоугольные формы на отдельных слоях (лучше работать инструментом в режиме векторной фигуры- так фигуры будут автоматически образовываться на новых слоях). Используйте направляющие линии для распределения фигур.

Шаг 6. Для всех этих прямоугольных форм добавьте следующие стили слоя:

Шаг 7. Вот, что у Вас получится:

Шаг 8.Под этими тремя прямоугольными формами на новом слое создайте еще одну прямоугольную формупри помощи инструментаRounded Rectangle Tool (Прямоугольник со скругленными углами) с цветом #e1e1e1

Шаг 9. Теперь можно убрать направляющие линии, и создать новые.

горизонтальные:420п, 430п, 490п,

вертикальные:45п, 610п, 630п, 870п

Шаг 10. По левой стороне от серого прямоугольника создайте фигуру при помощи инструмента Pen Tool (Перо), как показано на рисунке и примените к ней стиль слоя верхних фигур:

 

 

Шаг 11. При помощи инструмента Rectangle Tool (Прямоугольник) создайте новую фигуру, и расположите ее, как по казано на рисунке:

Шаг 12. Активизируйте инструмент Custom Shape Tool (Произвольная форма) и выберите в панели с фигурами изображение стрелки:

Шаг 13. Поместите фигуру со стрелкой с правой стороны прямоугольника, созданного в шаге 10.