Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

204 099 чел. 397 128 работ 4 081 урок
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Легкая

Загибаем уголок

Шаг 1. Для начала позвольте оговориться, что в этом уроке мы не будем учиться создавать этикетку, поэтому у вас должен быть свой исходный рисунок (есть в архиве к уроку).

Материал для урока:

Архив

Хорошо, таким образом я начинаю с создания нового документа 540×300pixels в 72ppi, а затем заполняю цвет фона светло-серым, таким образом мы можем видеть различие между фоном и краем нашей белой этикетки. Выберите цвет #e4e4e4 и нажмите OK, чтобы установить это как Ваш новый цвет переднего плана.

Нажмите Ctrl-Backspace, чтобы заполнить фоновый слой цветом переднего плана, после откройте Ваш файл с этикеткой и перетащите на наш документ.

Шаг 2. Добавьте Отбрасывать тень (drop shadow )  к слою Этикетка, дважды кликнув справа от имени слоя в палитре слоев, чтобы вызвать диалоговое окно Стили Слоя (Layer Styles). В параметрах настройки Отбрасывать тень оставьте по умолчанию, измените только Расстояние (Distance) на 1 и Размер (Size) на 4 и нажмите OK. Это дает нам только небольшое отбрасывание тени, но так как Расстояние  меньше чем Размер, мы получаем небольшую внешнюю тень вокруг всей этикетки.

Шаг 3. После того, как мы сделали отбрасывание тени, мы  сделаем кое-что, действительно классное, мы собираемся отделить падающую тень от слоя и поместить на свой собственный слой ниже слоя Этикетка.
Щелчок правой кнопкой мыши на иконку стиля слоя, находящуюся справа от названия слоя  Этикетка в палитре слоев и выберите Создать Слой (Create Layer). Выскочит небольшое предупреждение, сообщая, что не все стили слоя могут быть созданы как слои, но этот может, так что нажмите OK.

Шаг 4. В палитре слоев Вы теперь увидите новый слой ниже слоя Этикетка, назовите его Тень от этикетки.

Шаг 5. У вас по-прежнему выбран слой Этикетка, пришло время идти вперед и приподнять край этикетки.
Инструментом прямоугольное выделение (Rectangular Marquee), зажав клавишу M, я собираюсь сделать квадратное выделение в правой части этикетки. Я делаю это, потому что, если начну загибать угол с полностью выделенной этикеткой, уголок будет больше, чем я хочу. (*примечание: Сделайте выделение близко к краям этикетки, чтобы легче сделать преобразование.)

Шаг 6. Не убирая выделение, выберите Редактировать > Трансформация > Искривление (Edit> Transform> Warp) из главного меню. Инструмент Искривление дает Вам возможность искривлять рисунок любым способом. Зажимайте, тащите, толкайте, тяните этим инструментом, чтобы деформировать определенные области изображения. Вы можете поиграть  с изображением, если Вы ошибетесь, просто нажмите клавишу ESC, чтобы выйти из инструмента, не сохраняя преобразование. (*примечание: Если вы сделали очередное преобразование, и оно вам не нравится, просто нажимаете Ctrl-Z, чтобы отменить Ваше последнее действие.)
Теперь мы собираемся захватить правый нижний угол и потянуть его в сторону центра, чтобы он выглядел достаточно загнутым.

Шаг 7. Когда Вы будете довольны результатом, просто нажмите клавишу  Enter, чтобы применить преобразование и Ctrl-D, чтобы снять выделение.

Шаг 8. Создайте новый слой выше слоя Этикетка, щелкнув по иконке создания нового слоя у основания палитры слоев, двойной клик на имя слоя и назовите его Основной момент. Поскольку этот слой будет содержать основной момент, который мы хотим применить только к слою Этикетка, кликните правой кнопкой мыши на стыке слоев Основной момент и  Этикетка и создайте Обтравочную маску (Clipping Mask). Вы будете знать, что слой Основной момент обрезан по слою Этикетка, так как вам на это укажет маленькая стрелка, указывающая вниз.

Шаг 9. Теперь можно добавить эффект, выбрав инструмент Градиент (Gradient tool) из инструментов,  либо нажав клавишу G. Чтобы изменить цвета на переднего плана/фона на черный и белый нажмите клавишу D, чтобы менять их между собой - клавишу X. теперь белый должен быть цветом переднего плана, а черный цветом фона.

Определившись с цветами, выберите цвет градиента от  переднего плана к фону, это первая иконка в выборе градиента (см. картинку ниже). Установите стиль градиента на Отраженный Градиент (Reflected Gradient ) (снова см. картинку ниже).

Шаг 10. Протяните градиент от начальной до конечной точки и поместите туда, где он должен находиться. У вас должно получиться примерно как на картинке ниже. Если вам нужно попробовать еще раз просто нажмите Ctrl-Z, чтобы отменить последнее действие.

Шаг 11. Измените режим смешивания (blend mode) на Осветление (Screen) в верхней части палитры слоев и понизить непрозрачность приблизительно до 80 %.

(*примечание: режим смешивания (blend mode) Осветление (Screen) используется для подсветки. Вы можете понижать подсветку, уменьшая его непрозрачность. Темные цвета не освещаются так резко, как светлые.)

Шаг 12. Этикетка выглядит неплохо, но нужно немного изменить слой Тень, используя снова инструмент Деформация (Warp). Точно так же как в шаге 5, выберите инструмент Прямоугольное выделение, нажав клавишу М, сделайте квадратное выделение в правой части слоя Тень, выберите, Редактировать > Трансформация > Деформация (Edit> Transform> Warp) из главного меню, и потяните угол немного в сторону и вниз, пока тень не будет выглядеть более реалистично. Поиграйте с рычажками в разные стороны для придания большего реализма.

Шаг 13. Когда Тень приобретет нужную вам форму, просто нажмите клавишу Enter чтобы применить преобразование и Ctrl-D, чтобы снять выделение. Непрозрачность слоя (opacity) сделайте около  75 %, так как тень должна быть немного прозрачной. Понизьте Заполнение (Fill) до 50 %.

Шаг 14. Для заключительного эффекта я добавил немного градиента.
При помощи этого приема можно поднять не только  края бумаги, стикера, фотографий. Вы можете использовать его где угодно!

Автор: Hero

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

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Хороший урок, спасибо автору!!!

Спасибо.Вот моя работа.

Урок отличный, но я не понял как выполнить последний Шаг 14.. Если кто знает, подскажите, пожалуйста :)

Создай новый слой и обтравочную маску к слою с этикеткой. Потом сделай выделение верхней части изображения и залей белым цветом стоя на том слое которое мы создали в начале и уменьшете непрозрачность для слоя которыё мы залили белым цветом. А что б создать такое как и в уроке надо было взять инструмент елептическое выдиление и вычесть с квадратного, а далее все тоже самое)

Интересная работа с градиентом

очень классненький урок и изложено все с уважением к потребителю)))) СПАСИБО!!!

Спасибо - очень полезный урок!

Спасибо за урок! Пригодится.

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

У Вас получился великолепный уголок, который следуя советам урока не получается. Если возможно поделитесь опытом как сделать столь ярко загнутый уголок. Такой получается с помощью плагина. Не воспользавались ли Вы дорисовкой пером?

Вот как-то так, но надо еще стараться

Спасибо за урок. Увидел, взял к выполнению исключительно из-за наличия осветления верхней части изображения. Когда дошел до 14 шага зашел в тупик, т.к. описания этого интересуемого меня действия не было. Благо Богдан Бабицкий ниже в коментах написал как это делается.

Отличный и в то же время быстрый урок, спасибо)

Спасибо! Классный урок!

Еще 30
Добавить комментарий / работу

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

{{work.views}}

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

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


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

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

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

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

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

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

Комментарий

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


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

{{text}}

Исходник:

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

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

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

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

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

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

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

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

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

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

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


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

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

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

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules