Ознакомьтесь с нашей политикой обработки персональных данных
11:34 

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

web-design
В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)
Personal Portfolio Layout



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

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


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


















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


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


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


















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




















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

















Берем всё тот же Rounded rectangle tool и создаем прямоугольник, используем цвет такой же, как для фона #333333.


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








Добавляем нужный текст:


На правой стороне добавляем картинки:


Берем ellipse tool и рисуем маленькие кружочки как на картинке:


Затем берем Rectangle tool и рисуем прямоугольник:


Затем идем в меню Filter > Distort > Polar Coordinates. У вас спросят, хотите ли вы растеризовать фигуру, жмите "Да" и примените настройки как на картинке ниже.


Я передвинул и повернул этот слой, результат вы можете видеть ниже:


Дублируем слой ещё 3 раза и размещаем как на картинке:


Затем берем опять Rounded Rectangle Tool и рисуем ещё один прямоугольник. Размещаем его как на картинке ниже, добавляем текст. Дублируем 2 раза черный кружок и размещаем поверх слоя с прямоугольником.


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


Автор: talk-mania
Перевод: Nadik
Источник

@темы: Web-дизайн, Уроки

URL
Комментарии
2009-04-01 в 12:51 

i-MiF
Музыка задает ритм жизни. Мы вправе включить любую.
Все гениальное действительно просто Т_т

Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?

Сундук WEB-дизайнера

главная