Приветствую Вас, Гость
Главная » Статьи » Дизайн » Дизайн сайтов

Дизайн Блога Часть 2

Шаг 25.

Создаем разделяющую линию между картинками и текстом, используя Horizontal Type Tool.
Дизайн для креативного блога 

Шаг 26.

Создаем другие формы для Post Metadata text.
Дизайн для креативного блога 

Шаг 27.

Выше создаем поле поиска используя Rounded Rectangle Tool. Вы также можете наблюдать что я написал некий текст в навигационную панель.
Дизайн для креативного блога 

Шаг 28.

Стили слоя для формы:
Дизайн для креативного блога 
Дизайн для креативного блога 

Шаг 29.

Используя Rounded Rectangle Tool создаем форму. Располагаем форму за предыдущей. И добавляем иконку в правую часть.
Дизайн для креативного блога 

Шаг 30.


Создаем белую форму, как показано ниже.
Дизайн для креативного блога 

Шаг 31.

Стили слоя:
Дизайн для креативного блога 
Дизайн для креативного блога 
Дизайн для креативного блога 

Шаг 32.

Зажимаем Ctrl и с помощью Pen tool жмем на края формы дважды. Опорные точки станут активными и мы сможем модифицировать форму.
Дизайн для креативного блога 

Шаг 33.


Пока клавиша Ctrl нажата. Выбираем след. опорные точки:
Дизайн для креативного блога 

Шаг 34.


Зажимаем Shift и жмем Down arrow key (стрелочка вниз) на клавиатуре. Опорные точки будут двигаться вниз.
Дизайн для креативного блога 

Шаг 35.

Используя Ellipse Tool создаем круг.
Дизайн для креативного блога *
Шаг 36.

Правый щелчок и выбираем Rasterize Layer. С помощью Rectangular Marquee Tool делаем выделение.
Дизайн для креативного блога 

Шаг 37.

Убедитесь что у вас слой с маленьким кружочком выделен и жмем Delete. Перемещаем слой выше слой с фоном. 
Дизайн для креативного блога 

Шаг 38.


Добавляем две кнопки. Используя Rounded Rectangle Tool для форм, Custom Shape Tool для стрелок.
Дизайн для креативного блога

Шаг 39.


Создаем белые формы как показано.
Дизайн для креативного блога

Шаг 40.

Стили слоя для форм:
Дизайн для креативного блога
Дизайн для креативного блога

Шаг 41.


Добавляем баннеры, иконки. 
Дизайн для креативного блога

Шаг 42.

Добавляем текст используя Horizontal Type Tool в нижнюю часть широкого блока. Используем минус чтобы разделить текст ( Horizontal Type Tool чтобы создать разделительную линию).
Дизайн для креативного блога

Шаг 43.


Добавляем детали в навигацию. Используя Line Tool создаем две маленькие линии. Увеличиваем масштаб чтобы лучше видеть что мы делаем.
Дизайн для креативного блога


Шаг 44.


Выбираем два слоя. Чтобы выбрать оба слоя нужно зажать Ctrl. Выбрав жмем Ctrl + E. Берем Eraser Tool и удаляем верхнюю и нижнюю часть линий. Мягкая кисть 20 px.
Дизайн для креативного блога

Шаг 45.

Режим смешивания на Soft Light. Дублируем несколько раз.
Дизайн для креативного блога

Шаг 46.

Создаем лого.
Дизайн для креативного блога

Шаг 47.

Стили слоя:
Дизайн для креативного блога
Дизайн для креативного блога
Дизайн для креативного блога

Шаг 48.

Справа выше слоя "background", создаем новый слой (Ctrl + Shift + Alt + N). С помощью Brush Tool высветляем здесь как показано.
Дизайн для креативного блога 

Шаг 49.

Режим на Soft Light.
Дизайн для креативного блога 

Финальный результат:

Дизайн для креативного блога


Источник: http://demiart.ru/forum/index.php?showtopic=106887
Категория: Дизайн сайтов | Добавил: mixsnt (17.08.2012)
Просмотров: 470 | Теги: Дизайн Блога, создание сайтов, создать сайт бесплатно, веб дизайн фотошоп | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]