Главная » Статьи » Уроки Фотошоп » Графика для сайта |
Рисуем сайт "Портфолио Дизайнера"
Создайте новый файл, размером 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 ![]() ![]() Итог: ![]() | |
Просмотров: 629 | Рейтинг: 0.0/0 |
Всего комментариев: 0 | |