| E1ecTr0 | Дата: Воскресенье, 20.09.2009, 01:00 | Сообщение # 1 |
|
Агент Смит
Группа: Пользователи
Сообщений: 51
Награды: 5
Репутация: 0
Замечания: 0%
Статус: Offline
| Portfolio Layout #5
Этот урок научит вас, как создать простой шаблон для портфолио, используя незамысловатые тона.
Вот к чему мы будем стремиться:
1. Создайте новый документ 850х800. Фон залейте подходящей древесной текстурой. Автор взял эту:
2. Возьмите Rectangular marquee tool (  ) и выделите область шириной 850 пикселей (то есть всё наше изображение), отступив от верха документа 10-15 пикселей. Создайте новый слой и выделенную область залейте любым цветом (мы взяли серый):
3. К этому слою примените следующие опции (Layer -> Blending options):
4. Вы должны получить что-то вроде этого:
5. Создайте новый слой. Выберите Rectangular marquee tool ( ) и выделите область подобную предыдущей, но по высоте чуть меньше, так, чтобы она находилась по центру относительно первой области (по вертикали). Выделенную область залейте цветом #199ad1:
6.Создайте новый слой. Выберите Elliptical marquee tool (  ) и выделите овалом верхнюю часть шапки. Выделение залейте белым цветом и установите прозрачность слоя 7%. Сверху можно добавить название вашего сайта или логотип:
К тексту в шапке были применены следующие эффекты:
7. Создайте новый слой над слоем фона. Выберите Rounded rectangle tool (  ) и создайте небольшую форму, чтобы она разместилась примерно так:
8. Залейте её чёрным цветом и примените следующие настройки слоя (Layer -> Blending options):
9. Добавьте текст на новоиспечённую панель навигации. Автор применил к тексту эффект Outer Glow:
10. Создайте новый слой. Выберите Rectangular marquee tool ( ) и выделите прямоугольник, подобный этому:
Выделение залейте белым цветом.
11. Выберите Lasso (  ), и случайным образом выделите и удалите края прямоугольника, чтобы придать ему вид старой порваной бумаги:
Нажмите Ctrl+T и поверните прямоугольник так, как на рисунке.
12. Создайте такой же прямоугольник на новом слое, и проделайте с ним тоже самое (не рекомендуется дублировать слой, т.к. эффект порванности должен быть рандомным), повернув его в другую сторону:
13. На новом слое создайте такой же прямоугольник, но не кромсайте его. Примените к слою следующие параметры:
14. Также примените эффект Drop Shadow к двум предыдущим "листам бумаги".
15. Далее отыщите в интернете изображения разлиных канцелярских предментов (карандаш, линейка и др.) и разместите их вокруг нашей контентной области. Саму контентную область заполните текстом. ГОТОВО!
Источник: hv-designs
Перевод: Komarova
|
| |
| |
