Как сделать градиент в фотошопе
Перейти к содержимому

Как сделать градиент в фотошопе

  • автор:

Создаём градиенты в Photoshop

В этом уроке я покажу вам, как создавать красивые градиенты при помощи Photoshop.

В Photoshop градиенты используются довольно часто. Их можно рисовать на слоях, на выделенных областях или на маске, чтобы создавать плавные переходы от одного оттенка к другому. Градиентом можно заполнить текст и фигуры, раскрасить фотографию при помощи коррекции Gradient Map (Карта градиента), добавить цветовые эффекты, используя стиль Gradient Overlay (Наложение градиента) и многое другое. Градиенты – незаменимый помощник Photoshop, они придают больше жизни и красок плоским и скучным изображениям и дизайну.

В этой статье я подробно расскажу вам, как создаются градиенты от простых до сложных при помощи инструмента Gradient Tool (G) (Градиент). Как только вы поймёте азы и технику их создания, то сможете использовать эти знания в своих дальнейших работах.

Наряду с созданием стандартных градиентов я поближе познакомлю вас с палитрой градиентов, так же вы узнаете, как загрузить дополнительные наборы градиентов для Photoshop. Мы рассмотрим различные стили градиентов, и какие из них наиболее часто используются.

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

1. Создание нового документа

Начнем мы с создания нового документа. Для создания перейдите в меню File > New (Файл — Создать).

Создаём градиенты в Photoshop

Откроется диалоговое окно New. Я использовал следующие размеры для документа 1200х800 пикселей. Заданный мною размер здесь не играет огромной роли, поэтому по желанию можете установить любой. Разрешение оставьте 72 пикс/дюйм, содержимое фона – белый. После всех изменений нажмите OK.

Создаём градиенты в Photoshop

2. Инструмент Градиент

На панели инструментов выберите Градиент или просто нажмите клавишу G на клавиатуре.

Создаём градиенты в Photoshop

3. Палитра градиентов

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

Если вам нужно выбрать один из стандартных градиентов Photoshop или раннее созданный самостоятельно и сохранённый в качестве пользовательского образца, то нажмите на маленькую стрелочку справа на панели предварительного просмотра.

Создаём градиенты в Photoshop

Чтобы выбрать понравившийся вам градиент, просто дважды кликните по миниатюре или нажмите Enter.

Создаём градиенты в Photoshop

4. Загрузка дополнительных наборов градиентов

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

Создаём градиенты в Photoshop

В результате открылся список, в нижней его части представлены дополнительные наборы градиентов, каждый из которых основан на определённой тематике, к примеру, металлик, пастель, шумы и прочее. Если вы фотограф, то вам будут полезны такие наборы, как Нейтральная плотность и Фотографическое тонирование.

Создаём градиенты в Photoshop

Выберите любой набор из представленного списка, я выбрал Фотографическое тонирование. Photoshop спросит вас, хотите ли вы заменить текущие градиенты на новые. Если вы нажмете Append (Добавить), то он просто добавит новые градиенты ниже оригиналов. Как вы видите, восстановить начальный набор не составит огромного труда, поэтому я нажму OK, чтобы заменить их на набор Фотографическое тонирование.

Создаём градиенты в Photoshop

Обратите внимание на панель градиентов, начальный набор был заменен на новый. Не будем останавливаться на достигнутом, идем дальше.

Создаём градиенты в Photoshop

5. Восстановление набора градиентов по умолчанию

Для восстановления первоначального набора снова кликните по значку шестерёнки в палитре градиентов.

Создаём градиенты в Photoshop

Выберите Reset Gradients (Восстановить градиенты).

Создаём градиенты в Photoshop

Программа снова у вас спросит, хотите ли вы заменить текущий набор на первоначальный. Нажмите OK.

Создаём градиенты в Photoshop

Мы вернулись к начальному набору.

Создаём градиенты в Photoshop

6. Градиент «От основного к фоновому»

Прежде чем мы приступим к созданию градиентов, давайте рассмотрим один из них, а в частности градиент От основного к фоновому. Photoshop выбирает его по умолчанию. В списке он стоит на первом месте.

Создаём градиенты в Photoshop

На панели инструментов есть значок выбора цвета переднего плана и фона. По умолчанию цвет переднего плана установлен черный, а фоновый – белый.

Создаём градиенты в Photoshop

Градиент От основного к фоновому является самым простым в настройках, так же он наиболее распространённый. В качестве дальнейших примеров я выбрал именно его.

7. Создание градиента инструментом Градиент (G)

Чтобы создать градиент нужно поставить начальную точку и провести курсор мыши в нужное направление. Установите начальную точку градиента на рабочем документе, затем, не отпуская курсор мыши, переместите линию градиента в другую часть документа. Линия, которая появляется при этом, указывает направление градиента. Когда вы отпустите кнопку мыши, Photoshop создаст градиент с выбранными вами цветами.

Я создал градиент с левой стороны холста в правую. Если вам нужно, чтобы получилась идеально ровная линия, то при создании зажмите Shift. Затем сначала отпустите кнопку мыши, а затем клавишу Shift.

Создаём градиенты в Photoshop

Как я уже говорил, Photoshop создаст градиент из тех цветов, которые выбрали вы. У меня получился черно-белый градиент.

Создаём градиенты в Photoshop

8. Инверсия цветов

Вы можете изменить цвета наоборот. В верхней панели настроек есть такая функция Reverse (Инверсия).

Создаём градиенты в Photoshop

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

Создаём градиенты в Photoshop

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

Чтобы получилась идеально ровная линия, при создании зажмите клавишу Shift. После этого отпустите сначала кнопку мыши, а затем клавишу Shift.

Создаём градиенты в Photoshop

Программа заменила созданный горизонтальный черно-белый градиент на вертикальный.

Создаём градиенты в Photoshop

9. Изменение цвета градиента

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

Создаём градиенты в Photoshop

Открылась палитра цветов, в которой я выбрал красный цвет. Нажмите OK, чтобы закрыть окно палитры цветов.

Создаём градиенты в Photoshop

Теперь изменим цвет фона, кликните по дальнему квадратику, в данный момент он белый.

Создаём градиенты в Photoshop

Снова открылась цветовая палитра, в которой я выбрал ярко-жёлтый оттенок. Нажмите OK.

Создаём градиенты в Photoshop

Образцы цветов обновились.

Создаём градиенты в Photoshop

Обратите внимание на градиент в верхней панели параметров, его цвета сменились на выбранные нами.

Создаём градиенты в Photoshop

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

Создаём градиенты в Photoshop

У нас получился красно-желтый градиент по диагонали.

Создаём градиенты в Photoshop

10. Сброс цветов переднего плана и фона

Если мы зайдем в палитру градиентов, то на первом месте будет располагаться наш красно-желтый градиент.

Создаём градиенты в Photoshop

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

Создаём градиенты в Photoshop

Снова откройте палитру градиентов, и вы увидите на первом месте черно-белый градиент.

Создаём градиенты в Photoshop

11. Создание градиента на отдельном слое

Посмотрите на панель слоев, вы видите, что до этого момента все градиенты я создавал на фоновом слое.

Создаём градиенты в Photoshop

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

Создаём градиенты в Photoshop

В окне заливки установите белый цвет и нажмите OK. В результате фоновый слой заполнится белым цветом.

Создаём градиенты в Photoshop

Теперь следующий градиент я буду создавать на отдельном слое. Зажмите Alt и кликните по значку создания нового слоя в нижней части панели слоёв.

Создаём градиенты в Photoshop

Открылось диалоговое окно, впишите название слоя Gradient и нажмите OK.

Создаём градиенты в Photoshop

В панели слоев добавился новый слой с названием Gradient выше фонового слоя. Теперь мы будем создавать градиент на новом слое.

Создаём градиенты в Photoshop

12. Переходная область

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

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

Создаём градиенты в Photoshop

Так как у меня большое расстояние между точками, то переход между цветами получился плавным и постепенным.

Создаём градиенты в Photoshop

Отмените градиент, для этого пройдите в меню Edit (Редактирование) и выберите Undo Gradient (Отменить градиент) или воспользуйтесь комбинацией клавиш Ctrl + Z.

Создаём градиенты в Photoshop

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

Создаём градиенты в Photoshop

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

Создаём градиенты в Photoshop

Взглянем на панель слоев, созданный градиент добавился на отдельный слой, что очень удобно в работе.

Создаём градиенты в Photoshop

13. Градиент «От основного к прозрачному»

Помимо градиента «От основного к фоновому» в Photoshop есть ещё один образец – «От основного к прозрачному». У них есть небольшие отличия. Откройте Панель градиентов, данный образец находится на втором месте.

Создаём градиенты в Photoshop

В качестве основного цвета выбираете цвет переднего плана, а второго цвета здесь нет. Этот вид градиента переходит из одного цвета в прозрачность.

Удалите предыдущий градиент Ctrl + Z. Теперь выберем цвет для переднего плана, на данный момент он черный. Кликните по черному квадратику.

Создаём градиенты в Photoshop

Открылась цветовая панель, где я выбрал фиолетовый оттенок. Нажмите OK.

Создаём градиенты в Photoshop

Посмотрите в верхней панели параметров изменился цвет градиента от фиолетового к прозрачному. Прозрачная область представляется в Photoshop в виде шахматной доски.

Создаём градиенты в Photoshop

Создайте градиент от верхней части документа до центра.

Создаём градиенты в Photoshop

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

Создаём градиенты в Photoshop

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

Создаём градиенты в Photoshop

В результате белая заливка фонового слоя скроется и у нас остается градиент от фиолетового к прозрачному.

Создаём градиенты в Photoshop

Ещё одним отличием этого градиента от другого является в том, что если поверх него создать такой же градиент но снизу вверх, Photoshop автоматически добавит новый градиент к предыдущему.

Создаём градиенты в Photoshop

Сколько бы вы не добавляли градиентов «От основного к прозрачному», новый всегда будет добавляться к предыдущему.

Создаём градиенты в Photoshop

Верните видимость фонового слоя.

Создаём градиенты в Photoshop

Создаём градиенты в Photoshop

14. Опция прозрачность

Градиент «От основного к прозрачному» в основном используется для затемнения краев изображения или затемнения неба на фото. Одним словом, чтобы повысить детализацию изображения. Когда вы работаете с этим видом градиента, обращайте внимание на опцию Transparency (Прозрачность), она всегда должна быть активна.

Создаём градиенты в Photoshop

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

Создаём градиенты в Photoshop

15. Градиент «Черный, белый»

Мы не будем рассматривать каждый вид градиента, которые находятся в программе. Если вам нужно быстро создать градиент от черного к белому, а цвета переднего плана и фона в данный момент установлены другие, просто используйте градиент «Черный, белый». В палитре градиентов он расположен на третьем месте. В отличие от предыдущих градиентов, градиент «Чёрный, белый» будет всегда черно-белым независимо от цветов переднего плана и фона.

Создаём градиенты в Photoshop

16. Стили градиентов

До сих пор в качестве примеров мы рассматривали линейный градиент, это один из пяти градиентных стилей Photoshop.

На панели параметров чуть правее палитры градиентов вы можете увидеть пять значков стилей: Linear (Линейный), Radial (Радиальный), Angle (Конусовидный), Reflected (Зеркальный) и Diamond (Ромбовидный).

Создаём градиенты в Photoshop

Ниже я подробно расскажу о каждом из них. Нажимайте комбинацию клавиш Ctrl + Alt + Z до тех пор, пока не отменятся все предыдущие шаги, и слой Gradient будет пустой. В палитре градиентов выберите градиент «От основного к фоновому».

Создаём градиенты в Photoshop

Нажмите D на клавиатуре, чтобы сбросить цвета переднего плана и фона и установить их по умолчанию на чёрный и белый.

Создаём градиенты в Photoshop

Линейный

Линейный стиль градиента в Photoshop выбран по умолчанию, он расположен первый по счету.

Создаём градиенты в Photoshop

Из этого урока вы уже познакомились с градиентом в линейном стиле. Создается он от начальной точки до конечной по прямой линии в определенном направлении. Опция Reverse (Инверсия) на панели параметров поможет поменять цвета местами.

Создаём градиенты в Photoshop

Радиальный

Радиальный стиль (второй значок по счету) – градиент получается в виде окружности в направлении от начальной точки.

Создаём градиенты в Photoshop

Отмените линейный стиль Ctrl + Z, для создания радиального градиента кликните мышкой в центре документа и переместите курсор к краю.

Создаём градиенты в Photoshop

Вот так выглядит радиальный градиент. Начинается он с цвета переднего плана (чёрный) и к краю переходит в цвет фона (синий).

Создаём градиенты в Photoshop

Если бы опция Инверсия была бы активна, то цвета градиента поменялись бы местами.

Создаём градиенты в Photoshop

Конусовидный

Конусовидный стиль (средний значок) – это вращающийся градиент по оси в 360 градусов от одного цвета к другому.

Создаём градиенты в Photoshop

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

Создаём градиенты в Photoshop

При активной опции Инверсия цвета, как в других градиентах, поменяются местами.

Создаём градиенты в Photoshop

Зеркальный

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

Создаём градиенты в Photoshop

Протяните линию градиента из центра к верхнему краю.

Создаём градиенты в Photoshop

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

Создаём градиенты в Photoshop

Вот, что получится, если инвертировать цвета зеркального градиента:

Создаём градиенты в Photoshop

Ромбовидный

Самый последний стиль по счету – это ромбовидный. Он подобен радиальному стилю, но в итоге получается форма ромба.

Создаём градиенты в Photoshop

Проведите линию градиента от центра документа к краю.

Создаём градиенты в Photoshop

В центре получается форма ромба, отсюда его название.

Создаём градиенты в Photoshop

Создаём градиенты в Photoshop

17. Опция сглаживания

Еще одна опция, которую мы с вами рассмотрим – Dither (Дизеринг). Если данная функция активна, то Photoshop будет добавлять в градиент немного шума для сглаживания переходов между цветами. Это помогает уменьшить кольцевание, то есть видимые линии, образующиеся между цветами, если переходы недостаточно гладкие. Данная опция включена по умолчанию, скорее всего в работе вы захотите оставить её активной.

Создаём градиенты в Photoshop

18. Режимы и непрозрачность

На панели параметров остались ещё две незатронутые опции – это режимы и непрозрачность. Подробно рассматривать мы их не будем. Эти опции влияют на то, как градиент будет гармонировать с содержимым других слоёв. Если вы знакомы с режимами наложения слоёв, то для градиентов они работают примерно так же. И функция Непрозрачность работает подобно непрозрачности в панели слоёв. Теперь вы знаете, что такое градиенты, для чего они нужны и какие виды и стили их бывают. Надеюсь из этой статьи вы узнали для себя что-то новое и полезное.

Создаём градиенты в Photoshop

Ссылка на источник урока.

Как сделать градиент исчезающим в Photoshop?

Градиент — это постепенное смешение двух или более цветов. Градиент в Photoshop можно создать с помощью инструмента «Градиент», доступ к которому можно получить, дважды щелкнув по инструменту «Градиент» в палитре «Инструменты». Вы также можете создать градиент, выбрав команду Слой > Новый слой заливки > Градиент.

Градиенты можно использовать для добавления цвета и интереса к изображениям, они особенно полезны для создания фонов и текстурных эффектов. Чтобы создать градиент, нужно выбрать два цвета и указать, где градиент должен начинаться и заканчиваться. Затем Photoshop смешает цвета вместе.

Вот как создать градиент в Photoshop:

1. Выберите инструмент «Градиент» в палитре «Инструменты».

2. Нажмите на цвет переднего плана в палитре «Инструменты» и выберите первый цвет, который вы хотите использовать в градиенте. Затем нажмите на цвет фона и выберите второй цвет.

3. Укажите, где должен начинаться и заканчиваться градиент, щелкнув и перетащив мышь на изображении. Начальной точкой будет цвет переднего плана, а конечной точкой — цвет фона.

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

Если вы хотите отредактировать градиент, дважды щелкните на инструменте «Градиент» в палитре «Инструменты», чтобы открыть диалоговое окно «Редактор градиента». Здесь можно изменить цвета, поменять их местами или отредактировать другие параметры, такие как непрозрачность и стиль. Когда вы закончите, нажмите OK, чтобы применить изменения.

СОВЕТ: В этой статье приведено руководство по созданию градиентного перетекания в Photoshop. Однако важно отметить, что это руководство предназначено для начинающих пользователей и может не подойти для тех, кто имеет больший опыт. Кроме того, некоторые шаги могут отличаться в зависимости от используемой версии Photoshop.

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

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

Градиент: как создать самому, установить готовый, тонировка с помощью градиента

Градиент — это заливка, когда один цвет плавно переходит в другой. Например, черный превращается в белый постепенно, через оттенки серого. Иногда градиент — это больше, чем два цвета.

В обработке фотографий градиенты часто используют для тонирования. Представьте: можно наложить не один цвет на всю картинку, а совместить несколько вместе! Или можно пойти дальше: тени затонировать в один цвет, а света — в другой.

Мы расскажем, как создавать градиенты самому и загружать скачанные, чтобы за пару секунд создавать эффектные тонировки и экспериментировать с цветом.

Градиенты открывает огромные возможности для экспериментов, позволяя добавлять в фотографию множество оттенков / Фото: Елизавета Чечевица

Где найти градиент в Photoshop?

Градиенты в Photoshop можно найти в:

1. Инструмент Градиент / Gradient на панели инструментов слева. Этот инструмент позволяет залить градиентом слой, на котором вы находитесь.

Если не получается найти Градиент на панели слева, воспользуйтесь горячей клавишей — G, чтобы быстро вызвать инструмент / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

  • накладывая поверх фотографии для тонировки;
  • накладывая под объектом, чтобы получить фон-градиент, и на объекты, если вы дизайнер, художник и т.д.

2. Корректирующий слой Карта градиентов / Gradien Map. Он находится в чёрно-белом кружочке палитры Слои/Layers.

Этот слой тонирует все света, тени и средние тона в цвета градиента. Например, жёлто-красный градиент. Все темные оттенки будут окрашиваться в красный, светлые и белые — в жёлтый, а средние тона в оттенки оранжевого.

Карту градиентов используют, чтобы быстро затонировать фотографию / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Как сделать градиент в Photoshop?

В программе есть предустановленные градиенты от разработчиков. Это что-то вроде «пресетов» — готовые решения, чтобы вы не тратили время. Их рассортировали по цветам и разбили по папкам, чтобы пользователю было проще выбирать. Но, если ни одно из решений вам не нравится, все кажутся скучными, не отвечют вашей идее, ниже мы расскажем, как создать градиент в Photoshop и сохранить свой собственный градиент.

Посмотреть готовые градиенты, если нажать на выделенные оранжевыми квадратиками стрелочки в инструменте Градиент или Карта градиентов / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

1. Откройте инструмент Градиент или корректирующий слой Карта градиентов.

2. Вы увидите полоску градиента. Кликните по ней левой кнопкой мыши.

Нажать нужно на одну из выделенных оранжевых полосок / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

3. Откроется окно с настройками градиента. Чтобы поменять один из цветов градиента, кликните левой кнопкой мыши по маркеру снизу и нажмите на окошко Цвет / Color.

Принцип работы градиента в Карте градиентов таков: цвет слева перекрашивает в себя тёмные пиксели, а цвет справа — светлые. Все остальные пиксели будут окрашиваться в те цвета, которые будут получаться при переходе цвета из одного в другой.

Когда вы нажмете на окошко Цвет, вам откроется палитра со всем многообразием цветов. Когда выберете подходящий, нажмите Ок / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Таким же образом нажмите на маркер внизу справа, кликните левой кнопкой мыши по окошку Цвет и задайте второй цвет.

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

4. Наведите мышку на пространство между маркерами внизу. Когда курсор превратится в сжатый кулак с вытянутым указательным пальцем, кликните левой кнопкой мыши.

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

Примерная область, куда нужно кликать, чтобы появился новый маркер. Таких маркеров можно сделать бесконечное количество, чтобы создавать сложные градиент из множества цветов / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

5. Чтобы сохранить созданный градиент, нажмите кнопку Новый / New. Ваш градиент появится внизу списка под папками.

Сохранять и создавать свою коллекцию градиентов удобно и нужно, если вы хотите наложить на несколько фотографий одну и ту же тонировку / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Как установить градиент в Photoshop 2022?

Если предложенные разработчиками Adobe варианты вам не нравится, вдохновение покинуло и хочется свежих идей со стороны, вы можете скачать из интернета и установить себе любые градиенты.

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

2. В скачанной папке (если она была в архиве — разархивируйте его), вам нужен файл с расширением .GRD

3. Откройте инструмент Градиент или Карту градиентов. Кликните левой кнопкой мыши по полоске градиента, чтобы перейти в меню редактирования градиентов (это там же, куда вы нажимали, чтобы создать градиент).

Нажмите кнопку Импорт / Import и в открывшемся окне найдите скачанную вами папку, а в ней — файл с расширением .GRD / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

4. Кликните по нему левой кнопкой мыши и нажмите Загрузить / Load. Скачанные градиенты появятся в конце списка в автоматически созданной папке.

Каждый новый скачанный и установленный набор будет появляться в новой папке / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Как затонировать фотографию с помощью градиента?

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

Тонировка с помощью инструмента Градиент

  • Откройте фотографию. Создайте новый слой, на котором будет лежать тонировка.

Чтобы создать новый пустой слой, нажмите на квадратик с плюсиком внизу панели Слои / Layers / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

2. Перейдите в инструмент Градиент (горячая клавиша G).

3. Нажмите на выпадающий список градиентов и найдите тот, который нравится вам. Кликните по понравившемуся градиенту.

4. Наведите курсор на фотографию, зажмите левую кнопку мыши и, не отпуская её, проведите линию.

В зависимости от направления и длины линии (чем длиннее, тем переход из цвета в цвет плавнее), будет меняться градиент / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

5. Сейчас градиент полностью перекрывает фотографию под собой. Чтобы это исправить, выберите один из вариантов: измените непрозрачность слоя или выберите один из режимов наложения.

Под тонировки хорошо подходят такие режимы наложения:

Умножение / Multiply;

Экран / Screen;

Перекрытие / Overlay;

Мягкий свет / Soft Light;

Цветность / Color.

Но вы можете выбрать любой режим, какой вам понравится. Если результат слишком грубый, снизьте непрозрачность слоя.

Сочетание режима наложения Экран и Непрозрачности 53% / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Если вам не нравится, что получилось, не нужно удалять слой и начинать сначала. Просто проводите линию за линией до тех пор, пока вам не понравится результат.

Карта градиента — как пользоваться

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

1. Откройте фотографию. В палитре Слои / Layers нажмите на чёрно-белый круг и выберите инструмент Карта Градиентов.

2. Нажмите на выпадающий список, чтобы выбрать готовый, скачанный или созданный вами и заранее сохранённый градиент, либо создайте свой (смотрите выше).

3. Все цвета на фотографии заменятся на цвета градиента (например, в данном случае их два).

Дальше возможны варианты:

  • Если вам нравится обесцвеченная и затонированная в цвета градиента фотография, то на этом всё. Можете продолжать сохранять снимок.

Сочетание градиента из 5 цветов, режима наложения Жёсткий свет / Hard Light и Непрозрачности 18% / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

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

Градиентная прозрачность в фотошопе

Инструкция: как сделать градиентную прозрачность в фотошопе

  1. Открываем фотошоп
  2. Открываем необходимую картинку
    • 2.1 первый способ убоден когда вы знаете где лежит изображение, но пр и этом сама папка не открыта: при активном фотошопе нажимаем Ctrl + O. В появившемся окне выбираем путь, где лежит наше изображение;
    • 2.2 второй способ убоден в том случае, если открыта папка, в которой размещено необходимое изображение: переходим в папку, зажимаем левой кнопкой мыши изображение, перетаскиваем на иконку photoshopa (надеюсь вы выполнили пункт 1 этой инструкции?) в панели задач внизу, с задержкой около 1 секунды фотошоп всплывет и станет активным. Далее вы просто отпускаете изображение на окно фотошопа.
  3. Делаем копию слоя (всегда перед началом работы делайте копию чистового слоя, чтобы потом не пришлось заново открывать):
    • 3.1 первый вариант: наводим курсор мыши на слой, зажимаем левую кнопку мыши и тянет вниз на вот этот знак —, он второй справа
    • 3.2 второй вариант: в командной строке выбираем «Слои» — «Создать дубликат слоя…» После этого скрываем оригинал, нажимая на глазик рядом со слоем:
  4. Создаем слой маску на копии слоя, предварительно кликнув на него, чтобы он стал активным (видно на картинке выше, что верхний слой выделен синим):
    • 4.1 Первый вариант: в нижнем ряду среди инструментов нажимаем на , он третий слева. После чего появиться справа от иконки слоя новый слой-маска.
    • 4.2 Второй вариант: в командной строке выбираем «Слои» — «Слой-маска» — «Показать все»
  5. Делаем прозрачный градиент:
    • 5.1 сначала делаем активным созданный слой-маску — нажимаем на него левой кнопкой мыши (вокруг него появиться рамка)
    • 5.2 далее нажимаем на левой панели инструментов на , он находится посередине панели. Может быть, что вы не увидите такого инструмента, так как на его месте будет вот этот (заливка): . Нажмите правой кнопкой мыши на значке заливки, в выскачевшем меню выберите градиент.
    • 5.3 подведите курсор мыши к тому краю изображения или месту, который будет сохранять непрозрачность, зажмите левую кнопку мыши и тяните к тому краю или месту изображения, где будет максимальная прозрачность
    • 5.4 отпускаем кнопку мыши Вот такой будет результат: Готово, у вас получилось, поздравляю!
  6. Сохраняем изображение.
  7. С чувством полного достоинства идем далее свершать великие дела, ведь теперь ты знаешь как в фотошопе сделать плавный переход в прозрачность.

Надеюсь статья была вам полезна.

Если есть вопросы — задавайте в комментариях.

Комментариев — 5

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

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

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