Все уроки Фотошоп

Есть вопрос? Задайте здесь и сейчас!

Форум Регистрация Выслать активацию Восстановить пароль Дополнительно Файлы Видео Галереи Справка  
Перезагрузить страницу Страна Фотошопия Adobe Photoshop. Фотошоп и все, с ним связанное >> Обучение Adobe Photoshop >> Необработанные уроки Photoshop >>

Шаблон сайта дизайнера №5, Несложный шаблончик для портфолио

Перезагрузить страницу Страна Фотошопия Adobe Photoshop. Фотошоп и все, с ним связанное >> Обучение Adobe Photoshop >> Необработанные уроки Photoshop >>

Шаблон сайта дизайнера №5, Несложный шаблончик для портфолио


 
Опции учебника
Шаблон сайта дизайнера №5, Несложный шаблончик для портфолио

Предыдущий учебник Шаблон сайта дизайнера №5, Несложный шаблончик для портфолио Следующий учебник
Опубликовал(а) Gostemilov
21.06.2015
Шаблон сайта дизайнера №5, Несложный шаблончик для портфолио

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

Опубликовал(а)
Аватар для Gostemilov
Администратор
Он малахольный
Регистрация: 07.09.2007
Адрес: Россия, Москва. 100 метров до МКАД
Возраст: 55
Сообщений: 92,012
Вес репутации: 10
Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима


Рекомендовать другим

Копирайт
Оригинал урока
demiart.ru/forum/index.php?showtopic=55608
 



Опции учебника

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Trackbacks are Выкл.
Pingbacks are Выкл.
Refbacks are Выкл.


Похожие темы
Название учебника Автор учебника Раздел Числу комментариев Последнее сообщение
Шаблон дизайна для музыкального сайта, веб-дизайн Gostemilov Необработанные уроки Photoshop 0 23.06.2015 15:45
шаблон дизайна современного сайта, веб-дизайн Gostemilov Необработанные уроки Photoshop 0 23.06.2015 15:40
Шаблон футбольного сайта, веб-дизайн Gostemilov Необработанные уроки Photoshop 3 23.06.2015 07:45
Рисуем сайт "Портфолио Дизайнера", веб-дизайн Gostemilov Необработанные уроки Photoshop 0 22.06.2015 21:30
Шаблон сайта «Art Institute», шаблон для создания сайта Gostemilov Необработанные уроки Photoshop 0 20.06.2015 23:50

###
Социальные сети
Группы
Основные разделы
Скачать и поделиться

Новости Фотошопии
Подписаться письмом
Дополнительно

Текущее время: 21:00. Часовой пояс GMT +2.


удаленная проверка сервера uptime российских хостеров
Rambler's Top100


.
Locations of visitors to this page

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc. Перевод: zCarot
vBulletin Optimisation by vB Optimise (Reduced on this page: MySQL 15.00%).