Эффект глянца в Adobe Photoshop

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

Шаг 1)
Создайте изображение (CTRL+N) размера больше 1000x1000px.
Выберите инструмент Custom Shape Tool,
Эффект глянца в Adobe Photoshop
и в нем вкладку Rounded Rectangle Tool со значением Radius ~20px
Эффект глянца в Adobe Photoshop
выберите для объекта вам удобный цвет, только не слишком темный, и не слишком светлый и нарисуйте прямоугольник:
Эффект глянца в Adobe Photoshop
Затем переходим в главном меню и растеризуем слой с прямоугольником Layer>Rasterize>Layer.

Шаг 2)
Создаем новый слой выше нашего (CTRL+SHIFT+N или Layer>New>Layer в верхнем меню).
Выбираем инструмент Eliptical Marquee Tool и создаем выделение приблизительно как на рисунке:
Эффект глянца в Adobe Photoshop
Делаем активным ваш слой с прямоугольником (у меня Shape1),
Эффект глянца в Adobe Photoshop
и включаем инструмент Magic Wand Tool, с зажатой клавишей ALT жмем по выделению, которое вне вашего прямоугольника, в итоге получаем такое выделение:
Эффект глянца в Adobe Photoshop
Шаг 3)
Выбираем ваш верхний новый слой, который вы создали раньше, включаем инструмент Gradient Tool
Эффект глянца в Adobe Photoshop
Заходим в Gradient editor
Настраиваем градиент нижеприведенным образом: верхняя левая точка — Opacity = 60%, правая верхняя Opacity = 0%, нижняя левая и правая выставляйте Color — #FFFFFF то есть белый.
Эффект глянца в Adobe Photoshop
Сверху вниз (можно и наоборот, тоже неплохой эффект) проведите градиент (Тип Linear):
Эффект глянца в Adobe Photoshop

Эффект глянца в Adobe Photoshop

После этого добавьте на тот же слой эффект размытия Filter>Blur>Gausian Blur с радиусом 1 px
Эффект глянца в Adobe Photoshop

Шаг 4)
Чтобы отражение казалось еще реальнее, выберите слой с прямоугольником, зайдите в меню стилей
Эффект глянца в Adobe Photoshop
и добавьте эффект Gradient Overlay:
Эффект глянца в Adobe Photoshop
Ну а дальше вы уже используете объект с бликом в необходимых целях.
Эффект глянца в Adobe Photoshop
Вот пару примеров его использования:
Эффект глянца в Adobe Photoshop

Эффект глянца в Adobe Photoshop

Понравилась статья? Поделиться с друзьями:
Комментарии: 3
  1. Конфети

    Спасибо большое за урок. все получилось. легко и красиво)

  2. Марина

    «Чтобы отражение казалось еще реальнее, выберите слой с прямоугольником, зайдите в меню стилей
    и добавьте эффект Gradient Overlay»
    — все сделала, но когда дошла до этого пункта, весь мой красивый прямоугольник закрасился оверлеем серо-белым. Так я и не поняла, как он должен использоваться?

    1. Sytrus (автор)

      Вы наверное забыли установить «opacity» параметр на 19% или меньше

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: