Уроки Эффекты 8 июля 2015

Загибаем уголок страницы в Фотошоп

Сложность урока: Легкий

В этом уроке вы узнаете, как создать реалистичный загнутый уголок страницы. Вам понадобится несколько простых техник деформации. Вы сможете создавать загнутые уголки для бумажных страниц, выбирать угол, размер изгиба и градиент.

Финальное изображение

Начните с создания простой формы прямоугольника, это также может быть и квадрат. Важно, чтобы форма была растеризована. Назовите этот слой ‘Страница’.

Возьмите Pollygonal Lasso Tool (Прямолинейное Лассо) и выделите правый нижний угол страницы, как показано на рисунке ниже.

Нажмите Ctrl+J, чтобы создать слой из выделенной области и назовите его ‘Угол’. Чтобы лучше просматривалось, залейте этот слой любым цветом.

Вернитесь к слою ‘Страница’ и, удерживая клавишу Ctrl, нажмите на миниатюру слоя, чтобы создать выделение.

С еще активным выделением вернитесь к слою ‘Угол’. Перейдите в меню Edit>Transform>Warp (Редактирование>Трансформирование>Деформация) и исказите угол, чтобы создать эффект загиба страницы.

Чтобы сделать реалистичный загиб, перетащите контрольные точки, линии или область внутри сетки, чтобы изменить форму ограничительной рамки и сетки. Чтобы помочь вам с процессом  деформации Photoshop  добавил 12 контрольных точек вокруг изображения. Чтобы начать деформацию перетащите правую нижнюю точку в указанном направлении.

Теперь переместите указанные контрольные линии как на рисунке ниже.

Далее перетащите указанные области, чтобы создать округлую форму.

Результат деформации должен смотреться, как показано ниже.

Перейдите к слою ‘Страница’ и повторите деформацию снова. Убедитесь, что края двух кусочков  бумаги делают реалистичным загиб страницы.

Добавим стили для обоих слоев. Давайте начнем со слоя ‘Угол’, добавьте Gradient Overlay (Наложение градиента) и Drop Shadow (Тень), чтобы создать 3D эффект.

Преобразованный угол должен выглядеть так:

Перейдите к слою ‘Страница’ и добавьте Gradient Overlay (Наложение градиента) для создания света и тени на листе бумаги.

С помощью стилей (Gradient Overlay (Наложение градиента), Drop Shadow (Тень)) вы можете изменить свет и тени в соответствии с вашим цветом бумаги, цветом фона, скручиванием угла бумаги и т.д.; чтобы они выглядели более реально, вы может добавить мягкий эффект тени. Скопируйте и слейте два слоя. Назовите получившийся слой ‘Тень’ и добавьте стиль слоя Drop Shadow (Тень). Переместите этот слой назад.

Ниже показан результат  реалистичного загнутого уголка страницы, сделанного с нуля в Photoshop.

Автор: psd-dude

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

Спасибо за интересный урок!

Ответить Ссылка

Спасибо всё получилось!!!

Ответить Ссылка

спасибо за урок, пытаюсь, пытаюсь, с первого раза вот такое получилось, буду учиться дальше заворачивать листочки

Ответить Ссылка

Я решила исправить ошибку в своей работе и вместе с ней удалила 2 комментария.

Ответить Ссылка

Теперь намного лучше смотрится!

Ответить Ссылка 0 0

Спасибо за урок, получилось вот так)

Ответить Ссылка

Спасибо, интересный урок)))

Ответить Ссылка

Спасибо за урок!

Ответить Ссылка

Часть скрепки надо было стереть, но всё равно оригинально!

Ответить Ссылка 0 0

Спасибо, понравился урок

Ответить Ссылка

Обложку вконтакте себе загнул)

Ответить Ссылка

Автостоп))

Ответить Ссылка

Спасибо за урок!

Ответить Ссылка

Спасибо за урок)

Ответить Ссылка

Спасибо за урок

Ответить Ссылка

угол не совпал, за урок спасибо

Ответить Ссылка

Спасибо! Полезно!

Ответить Ссылка

не получилось, но за урок как обычно, большое спасибо!

Ответить Ссылка

Спасибо! Пригодится эффект

Ответить Ссылка
Еще 30
Добавить комментарий / работу

Новые работы пользователей

{{work.views}} {{work.comments}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба
Жалоба

Комментарии {{work.childs.length || 0}}

Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Creativo». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

После добавления работы:


Запланировать публикацию

{{pub_dates[pub_date]}}
Отменить планирование
Запланировать