Главная » Статьи » Веб-дизайн

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

 
 

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

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

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

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

Тем же самым инструментом рисуем белую фигуру и размещаем как показано: 

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

При помощи инструмента прямоугольника рисуем фигуру белого цвета. При помощи Free Transform поворачиваем ее на 45 градусов.

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

Пишем текст и применяем следующие параметры: 

Blending Options-Drop Shadow: 

Blending Options-Gradient Overlay: 

Настройки градиента: 

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

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

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

И ещё одну... 

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

Добавляем текст :

Используем круг и рисуем фигуру белого цвета, удерживая Shift.

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

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

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

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

http://s005.radikal.ru/i209/1001/e0/ebcf98d79a87.jpg

При помощи круга рисуем белый и оранжевый кружки и размещаем как показано:

При помощи карандаша добавляем некоторые детали:

 

И вот результат:

Источник: AdobeTutorialz

Категория: Веб-дизайн | (31.10.2010)
Просмотров: 674 | Теги: дизайн, персонального, веб-дизайн, сайта | Рейтинг: 0.0/0
Всего комментариев: 0