» Форма входа

»Мoy-weB ver.4.1

» Статистика

Главная » 2008 » Сентябрь » 10 » Дизайн сайта-портфолио 2

Дизайн сайта-портфолио 2
10.Сен.2008 | 16:51:52
Часть 1.

Результат:

Дизайн сайта-портфолио 2

1. Создайте новый файл размера 800x720 px 72 dpi.

Создайте новый слой и залейте градиентом

Дизайн сайта-портфолио 2

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

Дизайн сайта-портфолио 2

Дизайн сайта-портфолио 2


2. Используя Rounded Rectangle Tool (U), создайте на новом слое основную панель сайта, как показано на рисунке:

Дизайн сайта-портфолио 2

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

Blending Options>Gradient Overlay:

Дизайн сайта-портфолио 2


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

Дизайн сайта-портфолио 2

Blending Options>Stroke:

Дизайн сайта-портфолио 2


3. Используя Rounded Rectangle Tool (U), на новом слое нарисуйте кнопку панели меню в заголовке сайта и поверните ее (Ctrl+t). Цвет кнопки #C92130.

Дизайн сайта-портфолио 2

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

Blending Options>Stroke:

Дизайн сайта-портфолио 2

Сделайте 4 копии слоя с кнопкой и установите цвета кнопок, как показано на рисунке:

Дизайн сайта-портфолио 2


4. Используя Ellipse Tool (U ), нарисуйте круг снизу меню:

Дизайн сайта-портфолио 2

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

Fill 0%

Blending Options>Gradient Overlay:

Дизайн сайта-портфолио 2

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

Дизайн сайта-портфолио 2

Blending Options>Stroke:

Дизайн сайта-портфолио 2

5. Используя Ellipse Tool (U), нарисуйте маленький круг снизу сайта:

Дизайн сайта-портфолио 2

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

Blending Options>Drop Shadow:

Дизайн сайта-портфолио 2

Blending Options>Inner Glow:

Дизайн сайта-портфолио 2

Blending Options>Stroke:

Дизайн сайта-портфолио 2

6. Используя Ellipse Tool (U), нарисуйте еще один круг, как показано на рисунке:

Дизайн сайта-портфолио 2

Установите параметры слоя с кружком:

Blending Options>Gradient Overlay:

Дизайн сайта-портфолио 2

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

Дизайн сайта-портфолио 2

Blending Options>Stroke:

Дизайн сайта-портфолио 2

7. Сделайте несколько копий слоев с кругом, трансформируйте (CTRL+T) и разместите как показано на рисунке:

Дизайн сайта-портфолио 2


8. Нарисуйте еще три круга для того, чтобы отделить участок сайта:

Дизайн сайта-портфолио 2

Все три слоя должны иметь одинаковые параметры:

Цвет: #FF627A

Blending Options>Drop Shadow:

Дизайн сайта-портфолио 2

Blending Options>Stroke:

Дизайн сайта-портфолио 2


9. Нарисуйте еще один маленький круг:

Дизайн сайта-портфолио 2

Установки слоя с кругом:

Blending Options>Drop Shadow:

Дизайн сайта-портфолио 2

Blending Options>Stroke:

Дизайн сайта-портфолио 2


10.
Теперь подпишите названия пунктов меню сайта, применяя свободную
трансформацию (CTRL+T) слоев с текстом. Установки для текста
представлены ниже:

Дизайн сайта-портфолио 2

Дизайн сайта-портфолио 2


11. Добавьте название сайта. Параметры текста для названия:

WEBSITE:

Дизайн сайта-портфолио 2

NAME:

Дизайн сайта-портфолио 2

Дизайн сайта-портфолио 2

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

Blending Options>Stroke:

Дизайн сайта-портфолио 2


12. Добавьте названия подразделов сайта.

Параметры текста:

Дизайн сайта-портфолио 2

Дизайн сайта-портфолио 2

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

Blending Options>Gradient Overlay:

Дизайн сайта-портфолио 2

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

Дизайн сайта-портфолио 2


Blending Options>Stroke:

Дизайн сайта-портфолио 2


13. Используя Pencil Tool, белым цветом нарисуйте иконку на кнопке:

Дизайн сайта-портфолио 2

Дизайн сайта-портфолио 2


14. Пронумеруйте подразделы сайта. Используйте шрифт с параметрами:

Дизайн сайта-портфолио 2


Дизайн сайта-портфолио 2


15. Заполните подразделы текстом с параметрами:

Текст оранжевого цвета:

Дизайн сайта-портфолио 2

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

Дизайн сайта-портфолио 2


Утолщенный текст:

Дизайн сайта-портфолио 2

Дизайн сайта-портфолио 2


Найдите в интернете логотипы и разместите их в подразделе сайта:

Дизайн сайта-портфолио 2

Дизайн сайта-портфолио 2


16. Используя Ellipse Tool (U), нарисуйте окно для представления скриншота сайта:

Дизайн сайта-портфолио 2

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

Blending Options>Drop Shadow:

Дизайн сайта-портфолио 2

Blending Options>Stroke:

Дизайн сайта-портфолио 2


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

Дизайн сайта-портфолио 2
Категория: Уроки фотошоп | Просмотров: 1095 | Добавил: CorsaR
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]