Разработка сайтов для бизнеса. Адаптивная верстка и интеграция с CMS

Понятие чистый градиент в фотошопе

/ Сергей Нуйкин / Статьи и заметки

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

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

Поясню, что такое градиент.

Градиент – это плавный переход от одного цвета в другой (может иметь несколько цветов).

Что значит чистый градиент?

Чистый градиент – это градиент, который построен с учетом светотени. По виду имитирующий, градиент, который находился бы в естественной среде и на него падал бы естественный свет.

Как обычно многие создают градиент одного цвета?

Да, все верно один ползунок утягивают в более темную сторону, а второй в светлую. При этом, не меняя самого цвета. В итоге получается грязный градиент.

Как желательно создавать градиент!

Для того чтобы создать чистый, красивый и естественный градиент необходимо знать несколько простых вещей. Зная их, вы сможете придать градиентам более живые и красивые оттенки.

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

чистый градиент

На скриншоте ниже я показал, где находятся более насыщенные оттенки, а где более блеклые.

оттенки

Ниже на примере вы можете видеть, как выглядит чистый градиент, с дополнительными оттенками. Светлую часть, я увел в блеклые оттенки и немного изменил цвет на более желтоватый. Для темной стороны я добавил более зеленого цвета, и увел его в более насыщенные цвета. В результате, можете видеть разницу между обычно создаваемым градиентом и так называемым чистым. Я думаю, разница на лицо, градиент стал более живым, естественным и красивым.

чистый градиент

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

Понравилась статья?
Подпишитесь на обновления:
Поделитесь материалом с друзьями:

Выражаю искреннюю благодарность читателям, поддерживающих проект.

Комментарии к статье:
    • Вадим

      Да, действительно по привычке пользуюсь только «светлее-темнее». Спасибо, полезный материал. Исправляюсь)

    • Нуйкин Сергей

      Пожалуйста, Вадим! Рад, что материал оказался Вам полезен. Я думаю что так «светлее — темнее» скорее всего, многие делают на автомате, не задумываясь о естественности.

    • allemiiko

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

    • Нуйкин Сергей

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

    • allemiiko

      Теперь понятно, из за капчи никак не мог оставить коммент у тебя, выдавало ошибку :)

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

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

Нажимая на кнопку «Отправить комментарий», вы соглашаетесь с Политикой конфеденциальности.