Простой дизайн сайта различной тематики
1. Создайте новый документ размером 620 х 600 пикселей. Создайте новый слой
(Create New Layer), инструментом Прямоугольная область (Rectangular Marquee Tool) сделайте выделение, как показано ниже. Залейте выделение чёрным цветом:
(Create New Layer), инструментом Прямоугольная область (Rectangular Marquee Tool) сделайте выделение, как показано ниже. Залейте выделение чёрным цветом:
2. Перейдите в меню Стилей слоя (Layer Style — Blending Options) и примените следующие стили:
Отбрасывание тени:
Внутренняя тень:
Наложение градиента:
Обводка:
Результат:
3. Создайте новый слой (Create New Layer) и поместите его под слой с жёлтым прямоугольником. Выберите инструмент Градиент (Gradient Tool), тип – линейный градиент. Цвет от #84e1f8 к #cef8ff. Залейте этот градиентом:
4. Создайте новый слой (Create New Layer), выберите инструмент Карандаш (Pencil Tool) и сделайте линию шириной 1 пиксель, как показано ниже:
5. Выберите слой с линией и перейдите в меню Стилей слоя (Layer Style — Blending Options). Примените эти стили
Отбрасывание тени:
Наложение цвета:
Результат:
6. Меню готово. Добавьте заголовки инструментом Горизонтальный текст (Horizontal Type Tool). Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) создайте прямоугольник вокруг слова в новом слое, чтобы показать активную кнопку:
7. Измените Непрозрачность (Opacity) слоя с прямоугольником на 25%.
8. Для создание основного содержимого создайте белую область инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool):
9. К слою с этим прямоугольником примените стиль Обводка (Layer Style — Stroke):
10. Понизьте Непрозрачность (Opacity) слоя до 57%:
11. Теперь создайте таким же образом ещё одну область белого цвета:
12. Сделайте выделение этого слоя с прямоугольником. Потом удерживая Alt, сделайте прямоугольное выделение, как показано ниже:
13. Кликните правой кнопкой и выберите Вырезать на новый слой (Layer via Cut):
14. Перейдите в меню Стилей слоя (Layer Style — Blending Options) для нового появившегося слоя и примените эти стили:
Отбрасывание тени:
Наложение градиента:
Обводка:
15. Также добавьте стиль обводка (Layer Style — Stroke) к слою с белым прямоугольником:
Заполните области текстом и всё:
