Доступ к архиву

Переход в группу "Пользователь"

300.00 ₽
Одноразовый платёж
Быстрый переход в группу "Пользователи", без надобности написания постов и ожидания.

Покупка дает возможность:
Быть полноправным участником форума
Нормальное копирование кода
Создавать темы
Скачивать файлы
Доступ к архиву Pawno-Info

[Урок #3] Рисование макета Портфолио.

Статус
В этой теме нельзя размещать новые ответы.

Piligrim1

Компетентный
Этот урок научит вас, как создать простой шаблон для портфолио, используя незамысловатые тона.
Вот к чему мы будем стремиться:


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. На новом слое создайте такой же прямоугольник, но не кромсайте его. Примените к слою следующие параметры:


4. Также примените эффект Drop Shadow к двум предыдущим "листам бумаги".

15. Далее отыщите в интернете изображения разлиных канцелярских предментов (карандаш, линейка и др.) и разместите их вокруг нашей контентной области. Саму контентную область заполните текстом. ГОТОВО!



Источник: hv-designs
Перевод: Komarova
 
Последнее редактирование:
Статус
В этой теме нельзя размещать новые ответы.
Сверху Снизу