» Форма входа

»Мoy-weB ver.4.1

» Статистика

Главная » 2008 » Сентябрь » 10 » Дизайн сайта-портфолио

Дизайн сайта-портфолио
10.Сен.2008 | 16:53:11
Personal Portfolio Layout

Привет всем! Тут народ жаловался, что маловато переводов по дизайну сайтов smile.gif . По многочисленным просьбам выкладываю перевод по дизайну сайта-портфолио, а вдруг идея кому-то понравится и пригодится wink.gif .
Итак, начнем:

В результате у нас должно будет получится вот это:
Дизайн сайта-портфолио

Создаем новый документ размером 760x770 пикселей. Цвет фона : #333333
Берем инструмент Rounded Rectangle Tool ( радиус = 10 пикселей ). Затем создаем прямоугольник.
Дизайн сайта-портфолио

Добавляем следующие стили слоя (см. картинки ниже):
Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

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

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

Это настройки для голубого прямоугольника:
Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дублируем голубой прямоугольник и также размещаем его правее.
Применяем следующие стили слоя:
Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Дизайн сайта-портфолио

Опять дублируем последний прямоугольник и применяем стили слоя:

Продолжение в следующем посте...
Категория: Уроки фотошоп | Просмотров: 1445 | Добавил: CorsaR
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]