В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)
РисуемСоздайте новый файл, размером 766*699 px и 72 dpi.
Инструментом Rectangle Tool (U), делаем выделение, как на рисунке:
Применяем следующие параметры: (Blending Options>Gradient Overlay)
Создайте новый документ 4*4 px и 72 dpi. Выберите инструмент Карандаш, основной цвет - белый. Создаем изображение, как на рисунке, после чего Edit>Define Pattern.
Вверху страницы, рисуем инструментом - Rectangle Tool (U), полосу:
Параметры слоя: Fill 0%, Blending Options-Pattern Overlay:
Выше нарисованной полосы, инструментом - Rectangle Tool (U), рисуем полосу и закрашываем цветом - #BBDD03:
Создаем копию полосы (белые точки), используя - Free Transform переверните копию полосы в основание фона:
Создайте новый документ 4*4 px и 72 dpi. Выберите инструмент Карандаш, основной цвет - #729C06. Создаем изображение, как на рисунке, после чего Edit>Define Pattern.
Ниже нарисованной полосы, инструментом - Rectangle Tool (U), рисуем полосу:
Fill 0%, Blending Options-Pattern Overlay:
Инструментом Pen Tool (P), рисуем украшения фона, цвет - #AAD500:
Другой рисунок, цвет - #AAD700
Цвет - #AECD01
Создайте новый документ 4*4 px и 72 dpi. Выберите инструмент Карандаш, основной цвет - #E3E3E3. Создаем изображение, как на рисунке, после чего Edit>Define Pattern.
Инструментом Rounded Rectangle Tool (U), рисуем:
Blending Options>Drop Shadow
Blending Options>Pattern Overlay
Сделайте две копии последнего сделанного слоя и копируйте их, как показано на рисунке:
Вставьте картинки:
Rounded Rectangle Tool (U), цвет - #EBEBEB, настройки:
Копируем последний слой, свободная трансформация, уменьшаем размер, цвет - #49BD14
Blending Options>Stroke
Инструментом - Rectangle Tool (U) делаем выделение, как на рисунке:
Зажав Alt нажимаем мышкой между двумя последними слоями. Fill 50%.
Для заключительного результата, мы объединяем слои с иконками, и копируем их 2 раза. После чего перемещаем иконки на 2 оставшиеся картинке, после чего меняем их цвета. Первая копия - #ED9300; вторая копия - #5EA9D1. Blending Options>Stroke, как показано выше.
Пишем номера в иконки, после чего Free Transform, поворачиваем их:
Blending Options>Drop Shadow
Напишите название сайта:
Blending Options>Drop Shadow
Новый слой. Точки, цвет - #D7FF00:
Создайте таблицы, и подпишите карточки:
About us, О нас
Создаем меню:
Инструмент карандаш, рисуем точки:
Копируем слой с разделительной полосой:
Полосы должны иметь следующие настройки. Blending Options>Outer Glow
Rounded Rectangle Tool (U), настройки:
Blending Options>Drop Shadow
Копия слоя. Инструментом свободная трансформация, уменьшаем, цвет - #6DD800
Blending Options>Stroke
Rectangle Tool (U), рисуем как на рисунке, цвет - #A9DB7C
Удерживая ALT, жмем мышкой между последними слоями:
Тоже самое делаем, для двух остальных картинок. Меняем только цвет: вторая кнопка #F6C073; третья - #89B4C7 (Blending Options>Stroke как выше):
Пишем название кнопок:
Blending Options>Drop Shadow
Rectangle Tool (U) рисуем белые квадраты:
Blending Options>Drop Shadow
Вставляем картинки в квадраты:
Rectangle Tool (U), рисуем двойную линию, левая сторона должна быть зеленая, правая - белая:
Параметры для левой полосы: Fill 0%, Blending Options>Pattern Overlay
Параметры для правой полосы: Opacity 70%, Fill 0%, Blending Options>Pattern Overlay
Копируем слой с полосой и перемещаем ее на другой край:
Напишите необходимый текст (ниже настройки для различных текстов):
Навигационный текст:
Цифровой:
Ellipse Tool (U), рисуем круг, цвет - #FFD40F
Blending Options>Drop Shadow
Blending Options>Stroke
Итог:
Полная версия
Автор: Adobe Tutorialz.
Перевод: Tin231
Источник
@темы: Уроки, Web-дизайн