Часть 1.Результат:
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177612495.jpg)
1. Создайте новый файл размера 800x720 px 72 dpi.
Создайте новый слой и залейте градиентом
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177612515.jpg)
Параметры градиента:
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177612517.jpg)
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177612547.jpg)
2. Используя
Rounded Rectangle Tool (U), создайте на новом слое основную панель сайта, как показано на рисунке:
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177612549.jpg)
Установите следующие параметры слоя:
Blending Options>Gradient Overlay:![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177612607.jpg)
Параметры градиента:
Blending Options>Stroke:![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177612646.jpg)
3. Используя
Rounded Rectangle Tool (U), на новом слое нарисуйте кнопку панели меню в заголовке сайта и поверните ее (Ctrl+t). Цвет кнопки #C92130.
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177612648.jpg)
Установите следующие параметры слоя:
Blending Options>Stroke:![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177612711.jpg)
Сделайте 4 копии слоя с кнопкой и установите цвета кнопок, как показано на рисунке:
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177612713.jpg)
4. Используя
Ellipse Tool (U ), нарисуйте круг снизу меню:
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177612791.jpg)
Установите следующие параметры слоя:
Fill 0%
Blending Options>Gradient Overlay:![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177612793.jpg)
Параметры градиента:
Blending Options>Stroke:![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177612843.jpg)
5. Используя
Ellipse Tool (U), нарисуйте маленький круг снизу сайта:
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177612899.jpg)
Установите следующие параметры слоя
Blending Options>Drop Shadow:
Blending Options>Inner Glow:
Blending Options>Stroke:![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613036.jpg)
6. Используя
Ellipse Tool (U), нарисуйте еще один круг, как показано на рисунке:
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613112.jpg)
Установите параметры слоя с кружком:
Blending Options>Gradient Overlay:![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613114.jpg)
Параметры градиента:
Blending Options>Stroke:![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613170.jpg)
7. Сделайте несколько копий слоев с кругом, трансформируйте (CTRL+T) и разместите как показано на рисунке:
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613228.jpg)
8. Нарисуйте еще три круга для того, чтобы отделить участок сайта:
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613230.jpg)
Все три слоя должны иметь одинаковые параметры:
Цвет: #FF627A
Blending Options>Drop Shadow:
Blending Options>Stroke:![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613280.jpg)
9. Нарисуйте еще один маленький круг:
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613333.jpg)
Установки слоя с кругом:
Blending Options>Drop Shadow:
Blending Options>Stroke:![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613348.jpg)
10. Теперь подпишите названия пунктов меню сайта, применяя свободную трансформацию (CTRL+T) слоев с текстом. Установки для текста представлены ниже:
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613350.jpg)
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613425.jpg)
11. Добавьте название сайта. Параметры текста для названия:
WEBSITE:
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613427.jpg)
NAME:
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613447.jpg)
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613449.jpg)
Установите следующие параметры слоя с названием сайта:
Blending Options>Stroke:![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613460.jpg)
12. Добавьте названия подразделов сайта.
Параметры текста:
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613462.jpg)
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613475.jpg)
Установите следующие параметры слоев с названиями подразделов:
Blending Options>Gradient Overlay:![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613477.jpg)
Параметры градиента:
Blending Options>Stroke:![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613491.jpg)
13. Используя Pencil Tool, белым цветом нарисуйте иконку на кнопке:
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613500.jpg)
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613502.jpg)
14. Пронумеруйте подразделы сайта. Используйте шрифт с параметрами:
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613698.jpg)
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613700.jpg)
15. Заполните подразделы текстом с параметрами:
Текст оранжевого цвета:
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613722.jpg)
Основной текст:
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613724.jpg)
Утолщенный текст:
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613785.jpg)
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613787.jpg)
Найдите в интернете логотипы и разместите их в подразделе сайта:
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613828.jpg)
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613830.jpg)
16. Используя
Ellipse Tool (U), нарисуйте окно для представления скриншота сайта:
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613879.jpg)
Установите следующие параметры слоя:
Blending Options>Drop Shadow:
Blending Options>Stroke:![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613937.jpg)
Сделайте 3 копии слоя с кругом и разместите их как показано на рисунке:
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177613939.jpg)
Часть 2.17. Найдите 3 скриншота, которые будут размещены в окнах (ALT+click между слоем с окном и слоем со скриншотом)
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177614486.jpg)
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177614488.jpg)
Повторите то же самое для других окон:
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177614490.jpg)
18. Используя
Ellipse Tool (U), создайте кнопку-скроллинг для переключения скриншотов. Цвет #FD9B00.
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177614554.jpg)
Параметры слоя:
Blending Options>Drop Shadow:
Blending Options>Stroke:![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177614558.jpg)
Создайте новый слой. Используя Pencil Tool, нарисуйте на кнопке белый указатель.
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177614629.jpg)
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177614631.jpg)
19. Объедините в группу слои, которые образуют кнопку-указатель. Скопируйте группу, примените свободное преобразование (CTRL-T) и поместите ее с другой стороны скриншотов.
Окончательный результат:
![Дизайн сайта-портфолио 2](http://demiart.ru/forum/uploads/post-11086-1177614654.jpg)