» Меню сайта |
Разделы сайта
Шаблоны
Скрипты
Статьи
Графика
|
|
Главная » 2008 » Сентябрь » 10 » Дизайн сайта-портфолио 2
Дизайн сайта-портфолио 2 | 10.Сен.2008 | 16:51:52 |
Часть 1.
Результат:

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

 2. Используя Rounded Rectangle Tool (U), создайте на новом слое основную панель сайта, как показано на рисунке:
 Установите следующие параметры слоя:
Blending Options>Gradient Overlay:

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

Blending Options>Stroke:

3. Используя Rounded Rectangle Tool (U), на новом слое нарисуйте кнопку панели меню в заголовке сайта и поверните ее (Ctrl+t). Цвет кнопки #C92130.
Установите следующие параметры слоя:
Blending Options>Stroke:
 Сделайте 4 копии слоя с кнопкой и установите цвета кнопок, как показано на рисунке:

4. Используя Ellipse Tool (U ), нарисуйте круг снизу меню:
 Установите следующие параметры слоя:
Fill 0%
Blending Options>Gradient Overlay:
 Параметры градиента:
 Blending Options>Stroke:
5. Используя Ellipse Tool (U), нарисуйте маленький круг снизу сайта:
 Установите следующие параметры слоя
Blending Options>Drop Shadow:
 Blending Options>Inner Glow:
Blending Options>Stroke:

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

Установите параметры слоя с кружком:
Blending Options>Gradient Overlay:
 Параметры градиента:

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

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

Все три слоя должны иметь одинаковые параметры:
Цвет: #FF627A
Blending Options>Drop Shadow:
Blending Options>Stroke:

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

Установки слоя с кругом:
Blending Options>Drop Shadow:
Blending Options>Stroke:

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


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


Установите следующие параметры слоя с названием сайта:
Blending Options>Stroke:
12. Добавьте названия подразделов сайта.
Параметры текста:

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

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

Blending Options>Stroke:

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

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

15. Заполните подразделы текстом с параметрами:
Текст оранжевого цвета:

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

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


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


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

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

Blending Options>Stroke:

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