Уроки Photoshop: Дизайн сайта-портфолио, веб-дизайн

Источник: demiart
Nadik

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Продолжение в следующем посте...


Страница сайта http://185.71.96.61
Оригинал находится по адресу http://185.71.96.61/home.asp?artId=18971