Главная / Веб дизайн и фотошоп / Эффект глянца в Adobe Photoshop

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

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

Шаг 1)
Создайте изображение (CTRL+N) размера больше 1000x1000px.
Выберите инструмент Custom Shape Tool,

и в нем вкладку Rounded Rectangle Tool со значением Radius ~20px

выберите для объекта вам удобный цвет, только не слишком темный, и не слишком светлый и нарисуйте прямоугольник:

Затем переходим в главном меню и растеризуем слой с прямоугольником Layer>Rasterize>Layer.

Шаг 2)
Создаем новый слой выше нашего (CTRL+SHIFT+N или Layer>New>Layer в верхнем меню).
Выбираем инструмент Eliptical Marquee Tool и создаем выделение приблизительно как на рисунке:

Делаем активным ваш слой с прямоугольником (у меня Shape1),

и включаем инструмент Magic Wand Tool, с зажатой клавишей ALT жмем по выделению, которое вне вашего прямоугольника, в итоге получаем такое выделение:

Шаг 3)
Выбираем ваш верхний новый слой, который вы создали раньше, включаем инструмент Gradient Tool

Заходим в Gradient editor
Настраиваем градиент нижеприведенным образом: верхняя левая точка — Opacity = 60%, правая верхняя Opacity = 0%, нижняя левая и правая выставляйте Color — #FFFFFF то есть белый.

Сверху вниз (можно и наоборот, тоже неплохой эффект) проведите градиент (Тип Linear):

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

Шаг 4)
Чтобы отражение казалось еще реальнее, выберите слой с прямоугольником, зайдите в меню стилей

и добавьте эффект Gradient Overlay:

Ну а дальше вы уже используете объект с бликом в необходимых целях.

Вот пару примеров его использования:

3 комментария

  1. Конфети

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

  2. Марина

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

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

шестнадцать − 15 =