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

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


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


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-дизайн

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

21 ноября 2018

Много ли вы видели в продаже компактных камер, снимающих фото и видео в 3D? Вот и мы до недавнего времени знали одну единственную модель Fujifilm FinePix REAL 3D W1, но не успели мы добежать до магазина, чтобы приобрести новинку, как в тестовую лабораторию поступила новая модель: Fujifilm FinePix REAL 3D W3. «Тем лучше», подумали мы и принялись изучать новинку.

21 ноября 2018

21 ноября 2018

Профессионалы не смогут не оценить объектив Nikon 24-70 mm f/2.8 G ED AF-S NIKKOR, который причисляется к стандартным зум-объективам, оснащен быстрой диафрагмой и тихим ультразвуковым мотором. Все это в результате гарантирует получение скорой и бесшумной автофокусировки.