Используйте Photoshop, чтобы создать эффект прокрутки изображения
Эффект скручивания страницы — это эффект модификации, обычно используемый при разработке изображений. Это умеют многие фильтры, например PageCurl производства AVBros., знаменитый KPT и т. д. Но если вы их использовали, вы обнаружите, что эффекты, создаваемые этими фильтрами, слишком жесткие и, что более важно, недостаточно реалистичные, а следы искусственности можно увидеть с первого взгляда. Поэтому, воспользовавшись им всего один раз, я сдался. Если вы похожи на меня и вам не нравятся фиксированные режимы фильтров и вы хотите более гибкий способ выразить свои изображения, этот урок может вдохновить вас.
Поскольку в этом уроке мы будем использовать много знаний о контурах, я надеюсь, что вы уже знакомы с инструментами контуров Photoshop перед началом работы. Если вы новичок в Photoshop, это руководство также поможет вам изучить использование контуров. 1. Начнем с простейшего эффекта скручивания страницы. Создайте новый документ размером 320 и 20 пикселей, разрешением 72 и белым фоном. Выберите инструмент «Прямоугольная векторная фигура» и с помощью нового рабочего контура нарисуйте прямоугольник примерно того же размера, что и страница, оставляя определенный зазор между краями. (Рис.01)
Рисунок 01
2. Используйте инструмент прямого выбора, чтобы выбрать рабочий путь, выберите инструмент «Перо» на панели инструментов, выберите автоматическое добавление/удаление на панели инструментов в верхней части экрана и добавьте узел к правому и нижнему краям пути. Удерживая клавишу ALT, поместите перо на вновь добавленный узел. Вы увидите, что инструмент «Перо» становится инструментом преобразования точки. Перетащите узел, чтобы превратить его в гладкую точку; нажмите CTRL, и инструмент «Перо» станет инструментом прямого выбора. ., переместите новый узел на нижнем краю вверх, а новый узел с правой стороны влево, затем переместите узел в правом нижнем углу в левый нижний угол страницы, чтобы преобразовать его в сглаженный; узел; перетащите точку сглаживания, а затем отрегулируйте точку направления, чтобы отрегулировать положение сегмента кривой. Как показано на рисунке, используйте кривую Безье для настройки каждого сегмента кривой, чтобы обеспечить идеальное соединение (рис. 02). Готовая форма пути — это форма завитка страницы. Откройте панель пути и сохраните рабочий путь для упрощения модификации. Путь — это ключ к эффекту скручивания страницы, и его необходимо тщательно настраивать.
Рисунок 02
Если вы не привыкли использовать сочетания клавиш, вы также можете использовать для этого различные соответствующие инструменты, но это будет гораздо менее эффективно.
3. Далее мы собираемся использовать эту форму пути. Создайте новый слой, назовите его «Бумага» и выберите два цвета того же тона, что и цвет переднего плана/фона. Здесь я выбрал цвет переднего плана RGB (221, 191, 151) и цвет фона RGB (238, 224, 204). ). Когда путь станет видимым, нажмите CTRL+ENTER, чтобы преобразовать путь в выделение. На новом слое выберите инструмент «Линейный градиент» и перетащите инструмент «Градиент» по диагонали, чтобы выделение затемнилось от верхнего левого угла к правому нижнему углу. мелкий. (Рис.03)
Рисунок 03
4. Создайте новый слой под слоем «Бумага» и назовите его «Завиток». Выберите инструмент «Многоугольное лассо», как показано на рисунке 04, и выделите выделение.
Рисунок 04
Особое внимание следует обратить на то, что край выделения должен касаться кривой, то есть не может быть больше или меньше. (Рис.05)
Рисунок 05
Инвертируйте цвета переднего плана и фона и залейте выделение линейным градиентом. Произошло чудо! Поскольку слой «Завиток» расположен ниже слоя «Бумага», все ненужные части будут закрыты. Таким образом, вы изначально завершили эффект завитка. Или вам может потребоваться затемнить цвет фона, чтобы повысить контрастность страницы. (Рис.06)
Рисунок 06
Следует отметить, что если на предыдущем шаге ваш путь был нарисован правильно, то на этом шаге вы легко добьетесь нужного вам эффекта. Но если угол изгиба неподходящий, эффект скручивания страницы будет очень жестким. В этом случае вам придется вернуться к контуру, откорректировать его, а затем использовать метод градиентной заливки, чтобы проверить эффект. Потому что иногда путь выглядит хорошо, но недостатки обнаруживаются только после заполнения его цветом. Возможно, вам придется сделать это много раз, чтобы добиться удовлетворительных результатов. Кроме того, очень важно направление градиента.
5. Если вы просматриваете этот шаг, это доказывает, что вы получили нужную кривую пути. Далее мы добавим немного блеска к эффекту скручивания страницы, чтобы сделать его более естественным. Сначала придайте бумаге толщину. Метод очень прост. Создайте новый слой на слое «Бумага», назовите его «Обводка», загрузите выделение «Бумага», установите цвет переднего плана на белый, выберите команду «Редактирование > Обводка», установите ширину обводки на 1 пиксель и расположите ее. внутрь. Снимите выделение и сотрите лишнее с помощью Eraser Tool. Уменьшите непрозрачность слоя. Таким образом получается лист бумаги значительной толщины. Толщина бумаги зависит от цвета обводки, который вы используете. Например, если вы используете цвет переднего плана RGB (244, 235, 226) для контура, вы обнаружите, что бумага в этот момент тоньше, чем бумага с белым контуром (рис. 07).
Рисунок 07
6. Если вы чувствуете, что градиент не идеален для выражения света и тени, вы можете создать новый слой на слое «Завиток», назвать его «Выделение», выбрать кончик мягкого пера большего размера и распылить белый цвет на закругленные углы страницы, чтобы увеличьте блики и контролируйте обводки. Сделайте их как можно более мягкими, уменьшите Непрозрачность до 51% и измените режим наложения слоя на Перекрытие. Внутри слоя Curl. Выберите инструмент «Затемнитель», установите «Диапазон» на «Средние тона», «Экспозицию» на 25% и зажгите край напротив блика. (Рис.08)
Рисунок 08
7. Существует множество способов усилить трехмерный эффект, наиболее часто используемый из которых — добавление теней к объектам. В нашем примере неправильная форма бумаги означает, что мы не можем использовать обычные методы. Нам нужно самим наметить форму тени. Откройте панель «Контуры» и с помощью инструмента «Перо» нарисуйте следующий путь (рис. 09). После сохранения пути преобразуйте его в выделение, создайте новый слой под слоем «Завиток», назовите его «Тень» и залейте выделение черным цветом. После снятия выделения примените фильтр «Размытие по Гауссу» с радиусом 2 пикселя. Уменьшите непрозрачность слоя до 47% (изображение 10).
Рисунок 09
Но такая тень слишком плоская и недостаточно реалистичная, поэтому добавляем к ней маску слоя, устанавливаем цвет переднего плана белый, а цвет фона черный, выбираем инструмент «Линейный градиент», устанавливаем непрозрачность градиента на 53% и «Создаем» градиент внутри маски, чтобы покрыть часть тени. (Рисунок 11)
Рисунок 11. Таким образом, простой эффект скручивания страницы завершен. (Рисунок 12)
Рисунок 12
8. Я знаю, что нет смысла делать такую пустую страницу. Нам нужно применить это к изображению. В этом примере мы добьемся такого эффекта на постере фильма. Если вы успешно завершили предыдущую часть, остальное не составит труда. Откройте изображение плаката, измените его размер до подходящего размера, скопируйте на наше изображение, поместите поверх слоя «Бумага» и временно отключите слой «Обводка» (рисунок 13).
Рисунок 13
Удерживая клавишу ALT, наведите курсор мыши между слоем плаката и слоем бумаги на панели слоев. Появится значок группы. Сгруппируйте слой плаката и нижележащий слой бумаги. Таким образом, форма слоя «Бумага» определяет форму слоя плаката, и плакат естественным образом будет иметь эффект скручивания страницы. (Рисунок 14)
Рисунок 14
9. Но этого недостаточно, ведь есть изображения и текст, поэтому нам придется позаботиться об искажении изображений и текста на плакате. Чтобы добиться наиболее естественного эффекта искажений, достаточно использовать фильтр смещения. Вы можете дублировать слой «Бумага» и заполнить фигуру вертикальным градиентом. Затем используйте фильтр смещения, чтобы исказить изображение. Если вы умело используете фильтр смещения, вы получите реальные эффекты. Но этот способ сложнее, поэтому для его замены воспользуемся более простым способом. Выберите слой плаката, нажмите CTRL+T, откройте рамку деформации, выберите команду искажения и перетащите контрольную точку в правом нижнем углу рамки деформации к центру страницы. Плакат будет соответственно искажен. Пока вы не почувствуете, что это целесообразно, определите деформацию (рис. 15). Этот метод, хоть и не очень точный, но уже может удовлетворить общие требования к изображениям.
Рисунок 15
10. Откройте слой с обводкой. Из-за цветного изображения ниже белая обводка кажется немного тонкой. Вы можете скопировать его, затем использовать ластик с уменьшенной прозрачностью, чтобы стереть его часть, и объединить слой копии и слой обводки. Почему бы не объединить слой «Обводка» и слой «Бумага», а затем сгруппировать слой с плакатом? В этом случае слой белой обводки вообще не будет отображаться. Мы также можем добавить корректирующий слой «Яркость/Контраст» к слою с плакатом и установить яркость на -10. Добавьте еще одну маску слоя и используйте градиент от белого к черному, чтобы создать градиент от верхнего левого угла к правому нижнему углу корректирующего слоя, чтобы покрыть часть корректирующего эффекта. Это приводит к более естественному эффекту завивки изображения. (Рисунок 16)
Рисунок 16
11. Наконец, добавляем фон к изображению. Вы можете вставить текстуру или другое фоновое изображение. В этом примере я использовал мраморную текстуру в качестве фона. Если вам интересно, вы можете обратиться к: Создать новый документ размером 320㗴20 пикселей, разрешение 72, белый фон. Восстановите цвета переднего плана и фона по умолчанию и после рендеринга с помощью облачного фильтра выполните «Стилизация» > «Контурный фильтр», чтобы создать мраморную текстуру (рис. 17).
Рисунок 17
Дублируйте фоновый слой и измените режим наложения дубликата слоя на Умножение. Размойте несколько слоев копии в разной степени и уменьшите непрозрачность слоев. Используйте «Цветовой тон» > «Насыщенность», чтобы настроить цвет. Используйте черно-белый цвет, чтобы визуализировать облака. Слой облака еще два раза, чтобы придать им больший контраст, используя команду «Цветовой тон» > «Насыщенность», сохраняя их примерно такими же, как раньше. Сделайте этот слой фоновым. Наконец, вы можете дублировать слой текстуры и размыть его с помощью фильтра «Размытие в движении», чтобы он выглядел полосатым и добавил шум к мрамору. (Рисунок 18)
Рисунок 18
Текстура мрамора зависит от двух аспектов: эффекта фильтра случайных облаков и настройки уровня контура. Вы можете начать корректировку с этого аспекта. Если вы хотите получить красивое текстурное изображение, попробуйте больше. Обратите внимание на согласованность цвета фактуры и изображения. Наконец, объедините все слои, скопируйте изображение текстуры в рабочий документ, и все готово. (Рисунок 19)
