Портфолио фотографа

В этом уроке мы займёмся созданием такого дизайна портфолио:


Портфолио фотографа


1. Создайте новый документ 596×750 пикселей с разрешением 72 dpi. Залейте фон цветом #626262.


Портфолио фотографа


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


Портфолио фотографа


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

Наложение градиента:


Портфолио фотографа

Портфолио фотографа


Обводка:


Портфолио фотографа


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


Портфолио фотографа


5. Примените стиль Наложение градиента (Layer Style — Gradient Overlay):


Портфолио фотографа

Портфолио фотографа


6. Нам нужно создать ещё три такие кнопки. Поэтому сделайте три копии слоя. В дальнейших шагах нужно будет изменить настройки градиента:

Первая копия:


Портфолио фотографа

Портфолио фотографа

Портфолио фотографа


Вторая копия:


Портфолио фотографа

Портфолио фотографа

Портфолио фотографа


Третья копия:


Портфолио фотографа

Портфолио фотографа

Портфолио фотографа


7. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) создайте белую фигуру:


Портфолио фотографа


8. Удерживая Alt, этим же инструментом, сделайте вырез верхней части:


Портфолио фотографа


9. Сделайте копию этой белой фигуры и поместите на другие кнопки:


Портфолио фотографа


10. Вставьте фотографию в наш документ:


Портфолио фотографа


11. К слою с фотографией примените стиль Отбрасывание тени (Layer Style — Drop Shadow):


Портфолио фотографа


Обводка:


Портфолио фотографа


12. Напишите название сайта инструментом Горизонтальный текст (Horizontal Type Tool), соблюдая эти настройки:


Портфолио фотографа


13. К тексту примените стиль Обводка (Layer Style — Stroke):


Портфолио фотографа

Портфолио фотографа


14. Используя эти настройки текста, подпишите кнопки:


Портфолио фотографа

Портфолио фотографа





Делаем Web-дизайн

Вас может также заинтересовать:

22 апреля 2019

Дата анонса: 2012/02/07 Эффективное разрешение, МП: 16 Диагональ ЖК-дисплея, дюймы: 2.7 Вес с батареей и картой памяти, г: 171

22 апреля 2019

Байонет: Sigma SA Тип объектива: широкоугольный Фокусное расстояние: переменное

22 апреля 2019