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

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

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

  Урок Photoshop для начинающих     Design Studio Modern Web Layout

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

  Урок Photoshop для начинающих     Design Studio Modern Web Layout


 
Опции учебника
Design Studio Modern Web Layout

Предыдущий учебник Design Studio Modern Web Layout Следующий учебник
Опубликовал(а) Gostemilov
15.01.2013
Тема урока Фотошоп
Рисование с чистого листа
Design Studio Modern Web Layout

Часть 1

результат:



1). Создайте новый документ размера 770х720 px 72 dpi. Установите фон #444444.



Установите следующие параметры слоя:

Blending Options-Bevel and Emboss





Texture



2). Используя Rectangle Tool , нарисуйте главную область сайта







Установите следующие параметры слоя:

Blending Options-Gradient Overlay:



Параметры градиента:




3). Используя Rectangle Tool, создайте еще один слой в центральной части сайта:




Установите следующие параметры слоя:

Blending Options-Gradient Overlay:



Параметры градиента




4). Используя Rectangle Tool, нарисуйте белый прямоугольник и установите Fill слоя 10%:



5). Используя Rectangle Tool, нарисуйте логотип в верхней части сайта:






Параметры слоя с логотипом:

Blending Options-Gradient Overlay:



Параметры градиента:




Blending Options-Stroke:




6) Используя pen tool в новом слое нарисуйте фигуру как на рисунке:







Установите параметры слоя

Blending Options-Gradient Overlay:




Параметры градиента:



7) Теперь нужно создать кнопки меню тем же путем, каким делали логотип. Нарисуйте квадрат (или можете скопировать слой с логотипом и уменьшить его ширину)



Параметры слоя:

Blending Options-Gradient Overlay:



Параметры градиента:



Blending Options-Stroke:



Используя pen tool, нарисуйте в новом слое фигуру:





Установите следующие параметры слоя:

Blending Options-Gradient Overlay:



Параметры градиента:



8) Для удобства объедините в группу слои, которые образуют кнопку. Сделайте 4 копии этой группы и меняйте параметры каждой из копий:




Параметры слоев для зеленой кнопки:

Первый слой:

Blending Options-Gradient Overlay:



Параметры градиента:



Blending Options-Stroke:



Второй слой:

Blending Options-Gradient Overlay:



Параметры градиента:




Параметры слоев для голубой кнопки:

Первый слой:

Blending Options-Gradient Overlay:



Параметры градиента:



Blending Options-Stroke:



Второй слой:

Blending Options-Gradient Overlay:



Параметры градиента:



<B>>Параметры слоев для светло-зеленой кнопки:</B>>

Первый слой:

Blending Options-Gradient Overlay




Параметры градиента:



Blending Options-Stroke:



Второй слой:

Blending Options-Gradient Overlay:



Параметры градиента:



Параметры слоев для темно-синей кнопки:

Первый слой:

Blending Options-Gradient Overlay:



Параметры градиента:



Blending Options-Stroke:



Второй слой:

Blending Options-Gradient Overlay:



Параметры градиента:



9). Теперь установите параметры шрифта для кнопок меню, как показано на рисунке и подпишите названия кнопок:





Установите для всех подписей меню:

Blending Options-Drop Shadow:



Установите параметры шрифта для логотипа:

Слово design



studio





Часть 2

10) Заполните часть сайта необходимым текстом, как показано на рисунке

Установки шрифта для заголовка:

(welcome to company):



(website!):



Основной текст:








11). Используя Pencil Tool, нарисуйте вертикальную линию цвета #7AAA36.







Сделайте копию линии и разместите ее как показано на рисунке:




12) Нарисуйте элемент цветом #9BB23C, как показано на рисунке





Сделайте 3 копии слоя и разместите, как показано на рисунке ниже:



13) Разместите картинки как показано на рисунке



Добавьте свойства слоев с картинками:

Blending Options-Stroke:



14). Установите следующие параметры шрифта для подзаголовков сайта:



Напишите как показано на рисунке:



Добавьте текст со следующими параметрами:





15).Используя Line Tool , нарисуйте горизонтальную линию под панелью меню цветом #666666





Нарисуйте теперь вертикальную линию:






Установите следующие параметры слоя с вертикальной линией:

Blending Options-Gradient Overlay:



Параметры градиента:


Сделайте копии слоя с линиями и разместите между пунктами меню.

16). Окончательный результат:

__________________
Мы такая нация, мы и Гитлера до самоубийства довели

Если деньги мерить кучками, то у меня ямка

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


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

Копирайт
Автор урока
adobetutorialz.com
Личная страница автора
adobetutorialz.com/articles/2790/1/Design-Studio-Modern-Web-Layout
Оригинал урока
adobetutorialz.com/articles/2790/1/Design-Studio-Modern-Web-Layout
Переводчик
Nastia
Личная страница переводчика
demiart.ru/
Оригинал перевода
demiart.ru/forum/index.php?showtopic=22494
Ответить в теме


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

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

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


Похожие темы
Название учебника Автор учебника Раздел Числу комментариев Последнее сообщение
Дизайн сайта с кляксами, Web Design Layout Tutorial Gostemilov Необработанные уроки Photoshop 0 22.06.2015 09:45
Дизайн сайта Мебельной Компании, Interior Design Layout Gostemilov Необработанные уроки Photoshop 0 22.06.2015 06:05
Оранжевый сайт для дизайн-студии, Website Design Studio Gostemilov Необработанные уроки Photoshop 0 21.06.2015 20:10
Лофт в Болгарии от Fimera Design Studio Gostemilov Подборки интересных фотоснимков 0 23.05.2013 16:59
  Урок Photoshop для начинающих     Modern art graphic design Gostemilov Уроки Adobe Photoshop 0 15.01.2013 20:05

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

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

Текущее время: 18:10. Часовой пояс 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%).