Eco Theme Template
РисуемШаг 1:
Создайте новый файл 1000?720 с разрешением 72 dpi и заполните фон белым цветом. Теперь создайте новый слой нарисуйте прямоугольник цвета #699A00 и размера 1000 x 185 px.
Шаг 2:
Откройте окно стилей слоя (Layer> Layer Style) и добавьте эффекты Inner Shadow и Gradient Overlay:
Результат:
Шаг 3:
Создайте новый слой и нарисуйте линию 1 px цвета #799E00 через центр прямоугольника.
Шаг 4:
Теперь нарисуйте еще одну линию, только цвета #81AA00 ниже Вашей первой линии.
Шаг 5:
Теперь на новом слое нарисуйте черный прямоугольник чуть ниже второй линии.
Шаг 6:
Добавьте к Вашему прямоугольнику стиль слоя Inner Shadow.
Результат:
Шаг 7:
На новом слое, перекрывая черный прямоугольник нарисуйте еще один, цвета #E9E9E9 и размером 1000 x 30 px.
Шаг 8:
Стили слоя: Drop Shadow, Inner Shadow, Gradient Overlay:
Результат:
Шаг 9:
В новом слое нарисуйте линию шириной 1px и цвета #484848 на черном прямоугольнике, как показано ниже.
Шаг 10:
Выберите Horizontal Type Tool и установите шрифт Arial, 15 pt цвет #B7FFAD. Напечатайте ссылки, как показано ниже. Оставьте место между ссылками и добавьте вертикальную полоску цвета #7A9E08 .
Шаг 11:
Теперь сделайте новый сет слоев с названием ‘Content Box’. В новом слое нарисуйте большой прямоугольник цвета #F6F6F6 и размера 690 x 320 px.
Шаг 12:
Добавляем Stroke с такими настройками:
Шаг 13:
Создайте новый слой и нарисуйте серый прямоугольник цвета #EFEFEF.
Шаг 14:
К прямоугольнику, нарисованному в предыдушем шаге добавьте стили слоя Inner Shadow и Gradient Overlay:
Шаг 15:
Выберите Horizontal Type Tool и шрифтом в Arial, жирным, 14 pt, цвета #440600. Напечатайте заголовок. Теперь создайте новый текстовый слой и шрифтом Webdings, 36 pt, белым цветом напечатайте ‘4 ? чтобы получить стрелку, и поместите ее как на рисунке ниже:
Шаг 16:
Теперь установите шрифт Arial, 11 pt, цвета #000000. Напечатайте текст.
Шаг 17:
Рядом с большим боксом добавляем малый:
Шаг 18:
Теперь выберите Rounded Rectangle Tool радиусом в 10 px и проверьте anti-alias. В новом слое нарисуйте зеленый прямоугольник цвета #699A00 и размера 141 x 31 px . Теперь обрежьте верхнюю часть как показано ниже.
Шаг 19:
Стили слоя:
Результат:
Шаг 20:
Выберите Horizontal Type Tool и шрифтом Arial, жирным, 13 pt цвета #BFFF7B. Напечатайте на кнопке текст.
Шаг 21:
Теперь таким же способом создайте боксы для других секций.
Шаг 22:
Теперь добавьте нижнюю сноску, используя зеленый округленный прямоугольник.
Выберите Horizontal Type Tool и шрифтом Baskerville Old Face, 42 pt, жирным цвета #F6F6F6 впечатайте на шапку название вашего сайти. Добавьте стили слоя:
Результат:
Финальный вариант:
Автор: Photoshop & Design News Box
Перевод: Винни-Пух
Источник