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
Вот к чему мы будем стремиться:
1. Создайте новый документ 850х800. Фон залейте подходящей древесной текстурой. Автор взял эту:
2. Возьмите Rectangular marquee tool (
3. К этому слою примените следующие опции (Layer -> Blending options):
4. Вы должны получить что-то вроде этого:
5. Создайте новый слой. Выберите Rectangular marquee tool (
6.Создайте новый слой. Выберите Elliptical marquee tool (
К тексту в шапке были применены следующие эффекты:
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
Последнее редактирование:
