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
Источник