Как сделать градиент в Фотошопе?
Здравствуйте, дорогие читатели и читательницы. Очень хочется вас спросить: как вы относитесь к красивому утреннему небу, плавно переходящему из голубого в белый? К спокойной ряби воды, которая в глубине темно-синяя, а ближе к берегам прозрачная? К первому снегу, который через некоторое время начинает таять, и плавно меняет свой цвет от белого в чёрно-коричневый? И причём здесь уроки Фотошопа, и вся эта билибердень, которую я у вас спрашиваю? Да притом, что сегодня мы с вами будем проходить инструмент закрашивания, плавно переходящего из одного цвета в другой. Этот инструмент называется «Градиент». Вы когда-нибудь мечтали закрасить белый лист бумаги чёрным цветом плавно переходящим в синий? Это мечта настоящего Фотошоп мастера. Уверяю вас, это не так сложно как выглядит на первый взгляд. Если у вас есть фотография, на которой вы получились замечательно, а вот фон просто отвратительный, выделяем себя, копируем на новый слой (это сделать поможет нам волшебная комбинация клавиш «Ctrl +J») и с помощью «Градиента» вы сможете на заднем плане сделать красивое свечение. Так же узнать об изменении фона картинки вы можете в этом уроке. Ну, так вперёд, к покорению «Градиента».
Этот высокоуважаемый предмет находится на панели инструментов между инструментами «Ластик» и «Размытие». Вместе с «Градиентом» в одной ячейке находится инструмент «Заливка», который просто позволяет нам залить фон однородным цветом.
Все мы знакомы с инструментом «Заливка», из, всем нам известного, Paint. Как надо пользоваться «Градиентом»? Для того чтобы нарисовать градиент, нужно кликнуть по изображению левой кнопкой мыши и провести полосочку, которая показывает, где будет располагаться главная часть градиента.
После того как мы отпустим левую клавишу мыши, наш лист зальётся плавным градиентом, который мы настроили.
Итак, приступим к скучному, нудному, но очень познавательному разглядыванию настроек инструмента «Градиент». Слева мы видим непонятную, и полную тайн, полосочку с плавно перетекающим цветом. С огромным любопытством, и сделав умный вид, на неё нажимаем. У нас появляется окошечко, в котором мы видим заголовки «Установки», «Градиент» и «Контрольные точки».
В разделе «Установки» мы видим большое количество различных квадратиков. Эти квадратики и есть градиенты, только маленькие. Выбрав один из них, вы заметите, что большая полоска в разделе «Градиент» поменяла цвет. Загрузить, поменять отображение миниатюры, восстановить градиенты вы можете нажав на маленькую стрелочку, справа сверху над окном “Установки”.
Давайте с вами разберём для начала самый простой градиент, состоящий из двух цветов. Например, Чёрно-белый. Выбрав его, большая полоска опять поменяла свой цвет. Теперь она стала слева чёрной, а справа белой. И вы наверняка заметили, что на этой полоске по бокам есть по два флажка. Но эти флажки не обязательно должны по бокам, вы их можете передвигать, передвижение флажка влияет на плавность градиента. Нажав на верхний флажок, вы увидите, что снизу активировалась менюшка, в которой можно устанавливать параметры данного флажка, то есть «Непрозрачность» и «Позицию». Непрозрачность влияет на прозрачность градиента в том или ином участке полоски, в зависимости от того где у вас расположен флажок. «Позиция» отвечает за расположение флажка на полоске. Это логично, не правда ли? А нижний флажок активирует другие параметры градиента на полоске. Такие как «Цвет» и «Позиция». Здесь всё предельно ясно. Нажав на «Цвет» появится палитра цветов, в которой вы сможете выбрать нужный вам цвет для полоски градиента.
Если вам вдруг захотелось добавить цвет, или прозрачность, на каком либо участке градиента, то вам для этого требуется создать ещё один флажок. Это сделать не сложнее, чем щёлкнуть пальцами. Достаточно всего лишь кликнуть курсором мыши под тем участком полоски, где вам требуется флажок. Кликайте только тогда когда курсор мыши превратится в руку с вытянутым пальцем.
Ну а если вам нужно убрать флажок – просто нажмите на него. После чего активируется менюшка снизу, где можно будет нажать на кнопку «Удалить». Вот такими не сложными методами можно создать собственный градиент.
Продолжаем изучать далее настройки градиента. Справа от полоски мы видим пять типов работы градиента: «Линейный», «Радиальный», «Конусовидный», «Зеркальный» и «Ромбовидный» градиенты.
«Линейный градиент» – это обычный градиент, который начинается в точке, которую вы поставили, и заканчивается в точке, до которой вы провели полосочку. Его изображение можно увидеть сверху.
«Радиальный градиент» – это особый градиент. Он имеет форму шара, и цвета вашего градиента будут исходить из центра этого шара. Центр это шара будет находиться в точке, которую вы поставили, а полосочку, которую провели при рисовании, будет радиусом в данному шару градиенту.
«Конусовидный градиент» градиент будет иметь форму конуса, вид сверху. Пика его будет первая поставленная точка.
«Зеркальный градиент» это тот же линейный, но он будет отражён. Точкой отражения будет являться в первой точке.
«Ромбовидный градиент» очень красив сам по себе, но достаточно трудно объяснить, как он выглядит. Поэкспериментируйте методом научного тыка. И обязательно посмотрите на картинку.
Далее в настройках мы видим графу «Режим». Эта графа отвечает за режим наложения градиента на данный рисунок. Когда вы нажмете графу «Режим» снизу выдвинется менюшка, в которой будут предоставлены, во всей своей красе, названия всех режимов наложений. Пощелкайте, поэкспериментируйте с каждым из них. Кстати, войдя в графу «Режимы» можно будет их переключать колёсиком мыши. Далее за «Режимом наложения» идёт настройка прозрачности градиента. От этой настройка зависит просвечиваемость вашего градиента. Чем меньше число в графе «Непрозрачность», тем сильнее видно изображение, на которое вы наносите градиент. Далее мы видим Настройку «Инверсия», где можно поставить галочку. Если мы там поставим галочку, то наш градиент примет своё зеркальное отражение. Советую вам пощёлкать на эту настойку, и посмотреть на полосочку градиента в настройках слева, и вы сразу поймёте суть этой настройки. Левый край этой полосочки соответствует началу градиента, то есть той точки, из которой мы начинаем вести градиент.
На этом наш скучный и нудный , но очень познавательный урок о «Градиенте» заканчивается. Желаю вам новых высот в покорении «Градиента», и побед на личном фронте. До свидания!











А вот я делала раньше переходы с помощью градиента.
Дата: Март 5th, 2010 - 16:55Теперь он не работает.
Даже при слое-маске АКТИВНОЙ эффект не выходит.
Подскажите почему?
Проверьте такие элементы:
Дата: Март 6th, 2010 - 18:001) В палитре должны быть установлены чёрный и белый цвета
2) Градиент должен быть от чёрного к белому “Foreground to Background”
3) После применения изображение должно закраситься в красный цвет который плавно исчезает. После чего надо отключить маску слоя и красное должно исчезнуть, а на его месте должно появиться выделение. И вы его вырезаете комбинацией клавиш “Ctrl + T”
4) Теперь у вас есть плавный переход.
Большое спасибо, получилось классно =))))
Дата: Март 12th, 2010 - 15:39Подскажите плиз.
Дата: Март 24th, 2010 - 19:53делаю заливку градиентом, а у меня по цвету ступеньки, отчего такое может быть?
При условии что размер документа 15*21 и 300dpi. Дизеринг влияния не оказывает.
У меня к вам вопрос. 15*21 это в какой градусной мере? Пиксели, сантиметры, дюймы? Так же проверьте как вы установили флажки в установках градиента. Если они находятся слишком близко друг к другу, то у вас и будут ступеньки, поскольку флажки влияют на плавность перехода цвета. Это ещё может зависеть от длинны полоски курсора которой вы рисуете градиент. Чем длиннее полоса, тем плавнее получается переход.
Дата: Март 24th, 2010 - 21:5115*21 см. флажки по краям по одному. длина полоски курсора в половину общей длинны.
Дата: Март 24th, 2010 - 22:30Я поискал, но ответа не нашёл. Это по моему уже программная ошибка. А вы пробовали с другими градиентами, с другим холстом? Или у вас такая проблема только с данными установками?
Дата: Март 25th, 2010 - 13:46Здравствуйте!Я не могу сделать с градиентом фотографию.Мне нужно,что бы градиент заливал только фон,а не человека на фотографии.пробовала вырезать человека инструментом “лассо”,потом копировать на новый слой и добавлять градиент,но получается не красиво.Хочу,чтобы края вырезанной фигуры человека были красиво сглажены на фоне градиента.Помогите мне сделать красивую фотографию!
Дата: Март 25th, 2010 - 15:23Вы правильно делаете, что копируете на новый слой. Но так же можно выделить человека, а после применить “Инверсию выделения”, то есть всё что было выделено станет не выделенным, а что было не выделенным станет выделенным. На панели инструментов найдите пункт “Выделение” и нажмите “Инверсия”. На счёт плавных краёв хочу посоветовать прочитать вам статью “Как размыть края в Фотошопе?”. Удачи!
Дата: Март 26th, 2010 - 12:37с разными градиентами, размытиями и на разных холстах. везде видны ступеньки. попробую сменить программу
Дата: Март 26th, 2010 - 16:43Как сделаете – сообщите о результатах…
Дата: Март 27th, 2010 - 9:58Когда пытаюсь создать градиент он всегда получается в серых тонах. Подскажите что нужно сделать, чтобы он стал цветным.Спасибо за внимание.
Дата: Апрель 20th, 2010 - 11:51Сам сталкивался с данной проблемой)) Я вас прекрасно понимаю как это ужасно! При создании нового документа обратите внимание на пункт “Цветовой режим”. В этом пункте поменяйте настройку с “Градации серого” на “RGB”. У вас всё получится!
Дата: Апрель 20th, 2010 - 20:55Как сделать градиент прозрачным?Я хочу совместить две картинки..и чтобы граница между ними была плавная…
Дата: Май 19th, 2010 - 8:11Роман, прочитайте полностью статью. В ней подробно описано, как сделать градиент прозрачным. Но я вам советую объединить картинки в одну, а сливать их уже инструментами “Размытие” и “Восстанавливающая кисть”.Они вам помогут сделать плавный переход от одного в другой!
Дата: Май 26th, 2010 - 21:38У меня градиент вобще не заливает лист.Всё перепробывал,весь поисковик облазил нифига не нашёл.Подскажите пожалуйсто что мне делать?
Дата: Июнь 23rd, 2010 - 0:01Внимательно прочитайте статью, в ней описаны все факторы имеющие отношение к градиенту. И ещё обратите внимание на слои.
Дата: Июнь 24th, 2010 - 14:52Здравствуйте, у меня совсем не работает градиент. Что мне делать?
Дата: Июнь 26th, 2010 - 8:47Это скорее всего программная ошибка. Попробуйте переустановить Фотошоп!
Дата: Июнь 26th, 2010 - 13:00у меня нету значка градиента вообще… между значком ластикаи размывки ничего, а заливка находится рядом с ластиком. пробовала зайти через image – adjustments – gradient map но получается какая то фигня. подскажите, где его найти? даже если у меня старый фотошоп (cs2) всё равно ведь он должен быть
Дата: Июль 25th, 2010 - 19:40Извините, но в этой ситуации я вам ничем помочь не смогу. Конечно такого не должно быть, я сам работал в CS2. Это скорее всего программная ошибка. Попробуйте переустановить или установить новую версию Фотошопа.
Дата: Июль 29th, 2010 - 16:15