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


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

Этот высокоуважаемый предмет находится на панели инструментов между инструментами «Ластик» и «Размытие».  Вместе с «Градиентом» в одной ячейке находится инструмент «Заливка», который просто позволяет нам залить фон однородным цветом.

Градиент

Все мы знакомы с инструментом «Заливка», из, всем нам известного, Paint. Как надо пользоваться «Градиентом»? Для того чтобы нарисовать градиент, нужно кликнуть по изображению левой кнопкой мыши и провести полосочку, которая показывает, где будет располагаться главная часть градиента.

Рисеум градиент

После того как мы отпустим левую клавишу мыши, наш лист зальётся плавным градиентом, который мы настроили.

Заливание градиента

Итак, приступим к скучному, нудному, но очень познавательному разглядыванию настроек инструмента «Градиент». Слева мы видим непонятную, и полную тайн, полосочку с плавно перетекающим цветом. С огромным любопытством, и сделав умный вид, на неё нажимаем. У нас появляется окошечко, в котором мы видим заголовки «Установки», «Градиент» и «Контрольные точки».

Редактор градиентов

В разделе «Установки» мы видим большое количество различных квадратиков. Эти квадратики и есть градиенты, только маленькие. Выбрав один из них, вы заметите, что большая полоска в разделе «Градиент» поменяла цвет. Загрузить, поменять отображение миниатюры, восстановить градиенты вы можете нажав на маленькую стрелочку, справа сверху над окном “Установки”.

Действия с установками

Давайте с вами разберём для начала самый простой градиент, состоящий из двух цветов. Например, Чёрно-белый. Выбрав его, большая полоска опять поменяла свой цвет. Теперь она стала слева чёрной, а справа белой. И вы наверняка заметили, что на этой полоске по бокам есть по два флажка. Но эти флажки не обязательно должны по бокам, вы их можете передвигать, передвижение флажка влияет на плавность градиента. Нажав на верхний флажок, вы увидите, что снизу активировалась менюшка, в которой можно устанавливать параметры данного флажка, то есть «Непрозрачность» и «Позицию». Непрозрачность влияет на прозрачность градиента в том или ином участке полоски, в зависимости от того где у вас расположен флажок. «Позиция» отвечает за расположение флажка на полоске. Это логично, не правда ли? А нижний флажок активирует другие параметры градиента на полоске. Такие как «Цвет» и «Позиция». Здесь всё предельно ясно. Нажав на «Цвет» появится палитра цветов, в которой вы сможете выбрать нужный вам цвет для полоски градиента.

Палитра цветов

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

Новый флажок

Ну а если вам нужно убрать флажок – просто нажмите на него. После чего активируется менюшка снизу, где можно будет нажать на кнопку «Удалить». Вот такими не сложными методами можно создать собственный градиент.

Продолжаем изучать далее настройки градиента. Справа от полоски мы видим пять типов работы градиента: «Линейный», «Радиальный», «Конусовидный», «Зеркальный» и «Ромбовидный» градиенты.

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

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

Радиальный градиент

«Конусовидный градиент» градиент будет иметь форму конуса, вид сверху. Пика его будет первая поставленная точка.

Конусовидный градиент

«Зеркальный градиент» это тот же линейный, но он будет отражён. Точкой отражения будет являться в первой точке.

Зеркальный градиент

«Ромбовидный градиент» очень красив сам по себе, но достаточно трудно объяснить, как он выглядит. Поэкспериментируйте  методом научного тыка. И обязательно посмотрите на картинку.

Ромбовидный градиент

Далее в настройках мы видим графу «Режим». Эта графа отвечает за режим наложения градиента на данный рисунок. Когда вы нажмете графу «Режим» снизу выдвинется менюшка, в которой будут предоставлены, во всей своей красе, названия всех режимов наложений. Пощелкайте, поэкспериментируйте с каждым из них. Кстати, войдя в графу «Режимы» можно будет их переключать колёсиком мыши. Далее за «Режимом наложения» идёт  настройка прозрачности градиента. От этой настройка зависит просвечиваемость вашего градиента. Чем меньше число в графе «Непрозрачность», тем сильнее видно изображение, на которое вы наносите градиент. Далее мы видим Настройку «Инверсия», где можно поставить галочку. Если мы там поставим галочку, то наш градиент примет своё зеркальное отражение. Советую вам пощёлкать на эту настойку, и посмотреть на полосочку градиента в настройках слева, и вы сразу поймёте суть этой настройки. Левый край этой полосочки соответствует началу градиента, то есть той точки, из которой мы начинаем вести градиент.

На этом наш скучный и нудный , но очень познавательный урок о «Градиенте» заканчивается. Желаю вам новых высот в покорении «Градиента», и побед на личном фронте. До свидания!

37 комментариев

Страницы: « 1 2 [3] Показать все

  1. Перед тем как делать второй градиент, создайте выделение там где вам нужен клин. Или нарисуйте второй градиент на новом слое и сотрите ненужное части.

    Дата: Сентябрь 30th, 2010 - 15:02

  2. запарка с градиентом-получается прозрачным и цвета инвертированы…
    даже не знаю уж че и проверить(
    в настройках фотожопа лазить – темный лес(

    Дата: Декабрь 6th, 2010 - 15:06

  3. у меня немного другой вопрос. Я работаю с радиальным гардиентом. Но стоит мне сделать второй или третий круг, как меняется фон. Он темнеет или светлеет. что делать?

    Дата: Апрель 3rd, 2011 - 7:43

  4. Просто вы накладывате один градиент на другой, поэтому он наносится поверх предыдущего.
    Я вас правильно понял?

    Дата: Апрель 4th, 2011 - 20:40

  5. [...] В принципе, наша работа над изображением закончена, но я вам всё же предлагаю добавить небольшое затемнение по краям, ведь мы создаём винтажное изображение! Для этого создаем новый слой, надеюсь, это вы уже научились делать, и мне не надо объяснять заново, что это делается в окне “Слои” и так далее. На этот новый слой нам необходимо нанести полупрозрачный градиент. Для этого выбираем инструмент “Градиент” и открываем его настройки, кликнув на изображение градиента, на панели настроек инструмента, слева. В панели “Наборы” появившегося окна, нам нужно выбрать градиент под названием – “От основного в прозрачному”, предварительно выбрав за основной цвет, либо чёрный, либо тёмно коричневый, соответствующий цвету изображения. Так же обратите внимание на параметры в панели настроек инструмента сверху, там должны быть выбраны: радиальный градиент, инверсия, дизеринг и прозрачность. Осталось самое простое – разместить градиент на новом слое, проведя полоску градиента от центра изображения к его краю. С первого раза у вас это не получится, так что просто нажимайте комбинацию клавиш (Ctrl+Z) и пробуйте снова! Так же поэкспериментируйте с положением этого слоя по отношению к другим слоям, можно его поместить под царапины или даже под облака. Если вы больше хотите узнать о работе с градиентом прочтите статью “Как сделать градиент в Фотошопе?”. [...]

    Дата: Май 3rd, 2011 - 23:03

  6. Допустим,градиент черно-белый.
    Хотелось бы сделать так,чтобы вместо белого была прозрачность..
    Тоесть,чтобы черный плавно перетекал ни во что.Без белого фона.
    Это возможно? оО

    Дата: Май 11th, 2011 - 18:21

  7. Внимательней читайте статью! Это в ней описано…
    (И вы наверняка заметили, что на этой полоске по бокам есть по два флажка. Но эти флажки не обязательно должны по бокам, вы их можете передвигать, передвижение флажка влияет на плавность градиента. Нажав на верхний флажок, вы увидите, что снизу активировалась менюшка, в которой можно устанавливать параметры данного флажка, то есть «Непрозрачность» и «Позицию». Непрозрачность влияет на прозрачность градиента в том или ином участке полоски, в зависимости от того где у вас расположен флажок.)

    Дата: Май 16th, 2011 - 22:25

  8. Народ. Помоги пожалуйста ! Градиент форму меняет, но цвет остается серым как быть !??!

    Дата: Июль 1st, 2011 - 15:25

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

    Дата: Сентябрь 11th, 2011 - 20:00

  10. А вот подскажите пожалуйста, можно ли сделать такой градиент: чтобы не конкретный цвет, а сам рисунок слоя постепенно переходил в прозрачность?

    Дата: Октябрь 16th, 2011 - 12:49

  11. оказался очень полезный и нужный мне,хотя как вы и сказали -нудный, урок..
    премного благодарен!
    ОГРОМНОЕ СПАСИБО!

    Дата: Октябрь 26th, 2011 - 22:44

  12. оказался очень полезный и нужный урок..премного благодарен..
    ОГРОМНОЕ СПАСИБО!!!

    Дата: Октябрь 26th, 2011 - 22:45

  13. Не могу сделать радиальный градиент (для имитации ГРИП)от черного к белому. Всегда в середине есть белый круг. Как быть, подскажите, научите. С ув. Виктор.

    Дата: Ноябрь 23rd, 2011 - 23:36

  14. Вопрос снят. Додумался сам.

    Дата: Ноябрь 23rd, 2011 - 23:49

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

    Дата: Февраль 9th, 2012 - 20:38

Страницы: « 1 2 [3] Показать все

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


Добавить изображение в комментарий
Введите цифры: