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

Дизайн персонального сайта в Фотошопе
Designing Personal Web Page

Создаём новый документ размером 766x606 px и разрешением 72 dpi. Создаем новый слой - заливаем черным цветом при помощи paint_bucket.gif . Затем рисуем серую полоску как на картинке при помощи pen.gif. Применяем настройки Blending Options, как показано на картинке ниже.
Дизайн персонального сайта *

Дизайн персонального сайта *

Дизайн персонального сайта *

Копируем полоску и отражаем её по горизонтали при помощи Free Transform.
Дизайн персонального сайта *

Копируем нижнюю полоску и размещаем её как на картинке. Прозрачность устанавливаем на 15%.
Дизайн персонального сайта *

При помощи кисти создаем кружок (цвет 707070). Затем ластиком убираем часть кружка как показано ниже:
Дизайн персонального сайта *

При помощи pen.gif рисуем черную фигуру как на картинке. Идем в Blending Options >> Stroke >> 2 px, цвет - белый.
Дизайн персонального сайта *

Тем же самым инструментом pen.gif рисуем белую фигуру и размещаем как показано:
Дизайн персонального сайта *

Копируем предыдущий слой. При помощи Free Transform, удерживая Shift, уменьшаем её.
Дизайн персонального сайта *

При помощи rounded_rectangle.gif рисуем фигуру белого цвета. При помощи Free Transform поворачиваем ее на 45 градусов.
Дизайн персонального сайта *

Берем ellipse.gif и рисуем небольшой кружок белого цвета и размещаем её как показано.
Дизайн персонального сайта *

Пишем текст и применяем следующие параметры:
Дизайн персонального сайта *

Blending Options-Drop Shadow:
Дизайн персонального сайта *

Blending Options-Gradient Overlay:
Дизайн персонального сайта *

Настройки градиента:
Дизайн персонального сайта *

Берем ellipse.gif и создаем фигуру белого цвета (удерживая Shift, рисуем несколько пересекающихся кружков разного размера и в результате получаем такую фигуру):
Дизайн персонального сайта *

Копируем слой с фигурой, похожей на кнопку, которую мы создали ранее и размещаем как показано:
Дизайн персонального сайта *

Создаем ещё одну кнопку таким же способом как это сделали раньше:
Дизайн персонального сайта *

И ещё одну... smile.gif
Дизайн персонального сайта *

Теперь при помощи кисти маленького размера белого цвета рисуем стрелку (уголок можно создать, удерживая Shift)
Дизайн персонального сайта *

Добавляем текст :
Дизайн персонального сайта *

Используем ellipse.gif и рисуем фигуру белого цвета, удерживая Shift.
Дизайн персонального сайта *

Копируем несколько раз эту фигуру и размещаем как показано на картинке:
Дизайн персонального сайта *

Пишем нужный нам текст около каждой из фигур:
Дизайн персонального сайта *

Используем ellipse.gif и рисуем фигуру белого цвета, удерживая Shift. Дальше применяем Blending Options >> Stroke >> 3 px, белый цвет).


Создаем новый слой, вставляем туда нужную нам фотографию, размещаем ее над ранее созданной фигурой, поджимаем Alt и щелкаем между этими двумя слоями. Должно получится что-то вроде этого:
Дизайн персонального сайта *

При помощи ellipse.gif рисуем белый и оранжевый кружки и размещаем как показано:
Дизайн персонального сайта *

При помощи pencil.gif добавляем некоторые детали:
Дизайн персонального сайта *

Дизайн персонального сайта *

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