Дизайн web портфолио фотографа

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

В этом уроке я покажу как создавать такое портфолио:

Изменить

1. Создайте новый документ размером 766×500 пикселей с разрешением 72 dpi. Примените стиль Наложение градиента (Layer Style - Gradient Overlay), чтобы создать фон:

Изменить

2. В основании холста создайте полосу инструментом Прямоугольник (Rectangle Tool) цветом #444444.

Изменить

3. В верхней части предыдущей фигуры создайте ещё одну полоску тем же инструментом. Цвет - #656565. Потом создайте новый документ и инструментом Карандаш (Pencil Tool) создайте такой узор:

Изменить

Перейдите в меню Редактировать»Сохранить узор (Edit>Define Pattern) и сохраните ваш узор:

Изменить

4. Вернитесь в наш документ и примените стиль Наложение узора (Layer Style - Pattern Overlay) для второй полосы.

Изменить

Результат:

Изменить

5. Тем же инструментом создайте полоску в верхней части холста цветом #444444. Это будет нашей шапкой сайта. Для этого прямоугольника тоже примените стиль Наложение узора
(Layer Style - Pattern Overlay):

Изменить

6. На последнем прямоугольнике создайте ещё одну полоску цветом #636363:

Изменить

7. Сделайте копию этой полоски и инструментом Свободное трансформирование
(Free Transform) сожмите её, потом поместите, как показано ниже:

Изменить

8. Используя предыдущий инструмент, создайте панель в середине:

Изменить

9. Нарисуйте горизонтальную тонкую линию цветом #646464 под узорчатой полоской внизу, как показано на рисунке:

Изменить

10. Сделайте копию слоя с этой линией и поместите её выше, как на рисунке:

Изменить

11. Инструментом Прямоугольник (Rectangle Tool) создайте фигуру, как показано ниже, чёрного цвета:

Изменить

12. Перейдите в меню Стилей слоя (Layer Style - Blending Options) и настройте так:

Отбрасывание тени:

Изменить

Обводка:

Изменить

13. Найдите фотографию природы и поместите её так:

Изменить

14. Для картинки создайте рамку цветом #3A3A3A. Это можно сделать инструментом Произвольная фигура (Custom Shape Tool):

Изменить

15. Инструментом Преобразовать точку привязки (Convert Point Tool) можно подкорректировать размеры рамки:

Изменить

16. К рамке примените следующие стили в меню Стилей слоя (Layer Style - Blending Options):

Отбрасывание тени:

Изменить

Внутреннее свечение:

Изменить

Обводка:

Изменить

17. Найдите фотографию фотоаппарата и поместите в наш документ так:

Изменить

18. Слева от фотоаппарата вставьте названия сайта инструментом Горизонтальный текст (Horizontal Type Tool). Настройки текста показаны ниже:

Изменить

19. Инструментом Прямоугольник (Rectangle Tool) создайте кнопку цветом #595959, как показано ниже:

Изменить

20. Инструментом Линия (Line Tool) создайте вертикальную линию на правой стороне кнопки цветом #545454.

Изменить

21. Объедините слои с кнопкой и линией в группу. Сделайте три копии группы и расположите кнопки так:

Изменить

22. Инструментом Вертикальный текст (Vertical Type Tool) напишите текст, соблюдая настройки шрифта, показанные ниже:

Изменить

Ссылка на источник урока

Создан: 4 ноября 2009

лего сити отель,. какой кальян лучше м пр вернадского.

---------------

3 февраля 2010 05:52 | ICQ: -- | [цитировать]