Зарабатываю на smmka.ru
Главная » Статьи » Уроки Фотошоп » Графика для сайта

Рисуем сайт "Портфолио Дизайнера"
Создайте новый файл, размером 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

Рисуем сайт "Портфолио Дизайнера" *

Рисуем сайт "Портфолио Дизайнера" *

Итог:

Рисуем сайт "Портфолио Дизайнера" *
Категория: Графика для сайта | Добавил: dEnny (05.03.2010)
Просмотров: 623 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Дизайн сайтов и шаблоны для Ucoz