Как сделать вшопе глянцевый фон


Как сделать вшопе глянцевый фон

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

Шаг 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:

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

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

Читайте также:

JPEGsnoop – выявляем монтаж на фото Влияет ли оформление сайта (блога) на его популярность в Инт... Как сделать скриншот экрана на компьютере... Оптимизация изображений Фавикон для сайта создать онлайн Делаем эффект миниатюры ( Tilt Shift) в фотошопе...


Как сделать вшопе глянцевый фон

Как сделать вшопе глянцевый фон

Как сделать вшопе глянцевый фон

Как сделать вшопе глянцевый фон

Как сделать вшопе глянцевый фон

Как сделать вшопе глянцевый фон

Как сделать вшопе глянцевый фон

Рекомендуем к просмотру: