Как сделать загиб страницы в Фотошопе

В этом уроке мы будем делать загиб страницы в Фотошопе.

Пример HTML-страницы

Как сделать загиб страницы в Фотошопе

Шаг 1


Создайте новый документ в Фотошопе (Ctrl + N) и создайте прямоугольник или квадрат. Очень важно, чтобы слой был растрирован. Назовите слой «Page».

1.jpg


Шаг 2


Инструментом Лассо (Polygonal Lasso Tool) выделите уголок.

2.jpg


Шаг 3


Скопируйте выделенный участок на отдельный слой (Ctrl + J). Назовите его «Corner» и залейте любым цветом.

3.jpg


Шаг 4


Выделите слой с листом (Ctrl + Click). 

4.jpg


Шаг 5


Выберите слой «Corner» и активируйте режим Деформация (Transform – Warp).

5.jpg


Шаг 6


Потяните нижний угол к середине, чтобы изменить форму треугольника.

6.jpg


Потяните за рычажки, чтобы немного исправить форму сгиба.

7.jpg


Шаг 7


Потяните кривые линии, чтобы сделать более округлую форму.

8.jpg


Результат должен быть такой:

9.jpg


Шаг 8


Перейдите на слой «Page» и повторите деформацию. Оба слоя должны быть изменены одинаково.

10.jpg


Шаг 9


Завершим работу стилизацией. К слою «Corner» примените следующие стили:

Наложение градиента: Режим – Нормальный, Стиль – Линейный.

11.jpg

12.jpg


Отбрасывание тени: Режим – Умножение.

13.jpg


Результат:

14.jpg


Шаг 10


К слою «Page» тоже примените стиль Наложение градиента: Режим – Нормальный, Стиль – Линейный.

15.jpg


Можно попробовать изменить параметры света и тени у стилей в зависимости от цвета бумаги, фона и степени загиба. Чтобы сделать всё ещё более реалистичным, добавим мягкую тень. Создайте копию обоих слоёв и объедините их (Ctrl + E). Назовите слой «Shadow» и примените к нему стиль Отбрасывание тени. Опустите этот слой под слои бумаги.

final.jpg

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

Как сделать загиб страницы в Фотошопе
Пример HTML-страницы

Также уроки которые могут вас заинтересовать

Комментарии 271

Для того, чтобы оставить комментарий, авторизуйтесь или зарегистрируйтесь.

Яндекс.Метрика