Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

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

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

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


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


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. Используя эти настройки текста, подпишите кнопки:


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

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



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

Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: