Навигация по сайту
Опросы
Оцените качество наших шаблонов
Всего ответов: 12
Ститистика
Верний баннер
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
[Урок #3] Рисование макета Портфолио.
Джок66 Суббота,18:01
1
Этот урок научит вас, как создать простой шаблон для портфолио, используя незамысловатые тона.
Вот к чему мы будем стремиться:


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

Администрация
Сообщений: 31
Статус: Offline
Уровень активности: 10+
Рейтинг: 0
  • Страница 1 из 1
  • 1
Поиск:
Нижний баннер