Как в фотошоп загрузить градиенты: Как сделать градиент в Adobe Photoshop


25.11.1976 Facebook Twitter LinkedIn Google+ Разное


Содержание

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

Всем привет! Сегодня я хочу рассказать вам о том, как пользоваться инструментами для создания градиентов в Фотошопе.

Градиенты и цветовые переходы часто используются в современном графическом дизайне – этот тренд ворвался в визуальную среду еще в 2018 и все еще не теряет своей актуальности. Дизайнеры используют градиенты для оформления фонов, иконок, типографики и многого другого, а еще с его помощью можно имитировать 3D!

Что самое главное для новичков в Photoshop – сделать градиент очень просто. Давайте разберем процесс на примерах.

Как создать свой градиент в Фотошопе
  1. Откройте инструмент «Градиент». Он находится на панели инструментов в левой части экрана Adobe Photoshop. Если он не отображается сразу – просто кликните правой кнопкой мыши по «Заливке» и выберите его в выпадающем меню. 
  2. В верхней части экрана появится изображение градиента. Кликните по нему. 
  3. Открылось окно редактора градиентов.
    Щелкните по контрольной точке, а затем на окошко «Цвет». 
  4. Теперь задайте цвет. Я хочу сделать переход от сиреневого к темно-фиолетовому. Выбираю для этой точки наиболее светлый оттенок и нажимаю ОК. 
  5. Таким же образом настройте второй цвет. Если вы хотите добавить больше оттенков в градиент, создайте новую контрольную точку. Чтобы это сделать, щелкните на область прямо под линией градиента. 
  6. Сохраните свой новый градиент, нажав на кнопку «Новый». Теперь он всегда будет лежать в списке градиентов в этом окне. 

Как сделать фон градиентом
  1. Чтобы залить фон градиентом, выберите инструмент «Градиент». 
  2. Затем кликните мышью в той части экрана, откуда будет начинаться заливка. 
  3. Проведите мышью по экрану.

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

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

Попробуйте! Это работает во все стороны.

Как залить объект градиентом

Если делать заливку объектов градиентом в Фотошопе, можно добиться классного эффекта 3D, который в этом году самый трендовый. Я хочу показать вам, как сделать вот такую картинку:

Какой получается объем! На этом примере вы поймете все основные принципы использования градиента на объектах в Photoshop. Смотрите пошаговую инструкцию:

  1. Я создаю новый документ и заливаю фон сохраненным градиентом, как я показывала в предыдущем пункте. 
  2. Чтобы создать шары, я воспользуюсь инструментом «Эллипс». Находится он вот здесь. 
  3. С зажатой клавишей Shift создаю эллипс. Он автоматически появляется на новом слое. В меню «Заливка» можно выбрать цвет. 
  4. Теперь дважды кликаю по слою с эллипсом, и появляется окно стилей. 
  5. Тут нужно нажать «Наложение градиента» (слева), а потом кликнуть по окошку с градиентом, чтобы настроить цвет.  
  6. Я хочу сделать шарик в малиновых тонах. Выбираю, какого цвета будет светлая и теневая сторона шара. 
  7. Настраиваю угол, чтобы «освещение» объекта совпадало с градиентом фона. 

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

 Давайте добавим немного «натуральности», чтобы шарик выглядел объемнее.

  1. Добавляю пункт «Внутренняя тень» и щелкаю по цвету.
  2. Выбираю цвет тени. Пусть уходит в фиолетовый. 
  3. Теперь настрою угол, непрозрачность, смещение и размер этой тени. Поиграйте с ползунками, чтобы создать наиболее натуральный и мягкий эффект. После этого закройте окно стилей.

Теперь я хочу скопировать и изменить размер объекта. Для копирования щелкните по объекту с инструментом «Перемещение» (V на клавиатуре) и с зажатой клавишей Ctrl сдвиньте его в сторону. Объект оказался на новом слое.

Чтобы он масштабировался с эффектами, нажмите правой кнопкой мыши по слою, а затем на «Преобразовать в смарт-объект».

Таким образом я несколько раз копирую и размещаю шарик в разных местах. Далее с помощью инструмента «Перо кривизны» (P) я нарисую еще один объект.

Нужно сделать заливку этого объекта с такими же настройками, как у шаров. Для этого я нажимаю правой кнопкой мыши по слою с первым шаром (который не смарт-объект) и копирую стиль слоя. Эта функция позволяет скопировать все настройки, которые мы делаем в окне стилей слоя.

Теперь нужно щелкнуть правой кнопкой мыши по слою с новой фигурой и вклеить стиль слоя.

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

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

Можете скопировать еще несколько шаров и добавить фильтр «Размытие по Гауссу», чтобы казалось, что они плавают где-то вдалеке. То же самое и для объекта на переднем плане – так будет выглядеть правдивее. Вот вам и имитация 3D в Фотошопе.

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

Наложить градиент на текст очень просто: мы будем пользоваться тем же окном стилей слоя. Давайте напишем какой-нибудь текст. Я просто возьму слово «Gradient», написанное жирным шрифтом черного цвета. Итак:

  1. Дважды кликните по слою с текстом и выберите «Наложение градиента» в новом окне. 
  2. Выберите градиент из готовых наборов либо создайте свой. О том, как сделать собственный градиент, я писала выше в этой статье. 
  3. Вы можете изменять угол и масштаб наложения градиента, чтобы добиться желаемого эффекта. 
  4. Если добавить новую точку цвета, можно создавать градиент из трех или более оттенков. Экспериментируйте! 

Как наложить градиент на фото в Adobe Photoshop

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

  1. Откройте фотографию в новом документе и выберите слой с фото. 
  2. Пройдите по вкладкам «Изображение» – «Коррекция» – «Карта градиента». 
  3. Щелкните по линии с градиентом, чтобы открыть редактор и изменить цвета контрольных точек.

Где взять идеи для градиентов: лучшие сервисы

Создать красивый градиент самостоятельно не всегда легко. А бывает, что просто нет времени для раздумий. Для этого и придумали сервисы, где можно подсмотреть идеи градиентов. Я подобрала для вас 3 лучших.

Coolors

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

Перейти на ресурс можно по ссылке.

Uigradients

Здесь вы можете посмотреть самые невероятные варианты сочетаний. Хорош сервис тем, что градиенты можно посмотреть в полноэкранном формате. И еще есть маленькая фишка: каждый градиент имеет уникальное название, поэтому выглядит это очень атмосферно. Как вам градиент под именем Moonlit Asteroid?

Изучите остальные варианты здесь.

CoolHue

Небольшая, но очень милая коллекция готовых градиентов. Любой из них можно загрузить в виде PNG-изображения.

Ссылка на официальный сайт сервиса

Заключение

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

Надеюсь, что вы научились создавать и применять градиенты для ваших проектов, изучив этот материал. Удачи!

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

Здравствуйте уважаемые читатели ps-blog.ru! Представьте такую ситуацию, как то одним прекрасным, осенним вечерком вы сёрфили в интернете сайты и блоги с обучающими материалами по Фотошоп и вдруг нашли кучу классных градиентов, разумеется вы скачали их к себе на компьютер. Сразу возникает вопрос, а как правильно загрузить эти самые градиенты и начать ими пользоваться уже сейчас? В этом уроке я покажу вам и расскажу

как установить градиент в Фотошоп.

Для урока нам понадобятся файлы с градиентами, у кого их нету скачиваем с интернета. Чаще всего градиенты в интернет выкладывают в заархивированных файлах для экономии места, поэтому если вы скачали заархивированные файлы, то распакуйте их. У градиентов расширение файла .GRD.

Шаг №1

Теперь давайте откроем программу Фотошоп и перейдем в главное верхнее меню. Выбираем вкладку Редактирование/Наборы/Управление наборами

Переходим в меню Редактирование/Наборы/Управление наборами

Перед вами откроется вот такое окошко, которое называется «Управление наборами». Ниже мы будем знакомиться с этим окошком более подробно.

Окно «Управление наборами»

Описание окна «Управление наборами»:

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

Под цифрой «2» находится выпадающая менюшка, в которой можно изменить вид и размер миниатюр наборов (маленькие миниатюры, большие миниатюры, маленькие миниатюры и имена, большие миниатюры и имена), у меня по умолчанию стоит «маленькие миниатюры». Так же в этом меню можно выбрать готовые стандартные наборы программы Фотошоп, вообщем зайдёте посмотрите там ничего сложного нет.

Оставшиеся кнопочки «

Готово«, «Загрузить«, «Сохранить«, «Переименовать«, «Удалить» я думаю в разъяснениях не нуждаются и так всё понятно по названиям.

Шаг №2

Теперь путём нажатия левой кнопки мыши в выпадающем меню «Тип набора» выбираем — Градиенты.

Выбрали тип набора — Градиенты

После того как мы выбрали тип набора — Градиенты, видим окошко с набором градиентов по умолчанию.

Набор градиентов по умолчанию

Шаг №3

Двигаемся дальше, теперь нажимаем кнопку «Загрузить«. Перед вами появится диалоговое окно, в котором необходимо указать путь к скаченным файлам градиентов, помним что они имеют расширение файла .GRD. Я например, сохранил свои градиенты на рабочем столе в папке «Градиенты — Металл»:

Указываем путь к файлу градиента

Шаг №4

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

Новые только что загруженные градиенты

ВНИМАНИЕ: Если градиентов очень много и вы не видите, свои только что загруженные градиенты, тогда опустите в самый низ полоску прокрутки и в самом конце списка вы увидите свои новые градиенты.

На этом сегодняшний урок подходит к концу. Теперь вопрос Как установить градиент в Фотошоп можно закрыть. Программа Фотошоп скопировала наш градиент к себе в набор и теперь мы можем этим градиентом полноценно пользоваться. Чтоб показать вам мой градиент, я нарисовал окружность и залил её новым, загруженным градиентом-металлом. Получился вот такой симпатичный железный шарик:)

Железный шарик

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

P.S. Если Вы ещё не ознакомились с моим новым бесплатным видео-курсом «Фотошоп Быстрый Старт», тогда заберите его прямо сейчас по этой ссылке.

На этом сегодня всё, спасибо за внимание, увидимся в следующих уроках!

Применение градиентной заливки к фигуре

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

Чтобы добавить градиент, нажмите кнопку Добавить точку градиента  . Чтобы изменить градиент, щелкните точку на ползунке, которую хотите изменить. Чтобы удалить градиент, нажмите кнопку Удалить точку градиента  .

  1. Выберите фигуру, а затем на вкладке Формат нажмите кнопку Заливка фигуры.

  2. Последовательно щелкните пункты Градиентная, Другие градиентные заливки и в появившемся окне выберите параметр Градиентная заливка.

  3. Выберите Тип в списке.

  4. Чтобы выбрать направление для градиента, щелкните Направление.

Для каждого цвета градиентной заливки выполните приведенные ниже действия.

  • Чтобы применить цвет к точке градиента, щелкните ее на ползунке Точки градиента, а затем нажмите кнопку Цвет, чтобы выбрать нужный вариант.

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

  • Если вы хотите точно задать положение определенной точки градиента, введите процентное значение в поле Положение.

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

    Примечания: 

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

    • Чтобы создать эффект заливки одним цветом с переходом от 100%-й непрозрачности до 100%-й прозрачности, установите одинаковое значение цвета для всех точек градиента.

Создаём Прозрачную Букву из Стекла в Photoshop

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


Шаг 1

Фоновый Слой (BACKGROUND)

Вначале урока нам нужно создать задний фон с красивым градиентом. Поскольку большинство градиентов состоят из двух цветовых оттенков, то в программе Photoshop, фактически мы можем создать более сложные градиенты, для этого выберите инструмент Градиент (Gradient Tool). Щёлкните по шкале градиента, чтобы открыть окно редактора градиента и добавить дополнительные цветовые оттенки к нашему градиенту. В данном случае, я использовал три цветовых оттенка, чтобы создать плавный переход от зелёного тона к синим тонам.

Многоцветные градиенты могут создать потрясающие фоновые эффекты. Я использовал Радиальный градиент (Radial Gradient), потянув градиент от нижнего правого угла.

Цвета градиента, которые я использовал:

Цвет 1 — #2e5b15
Цвет 2 — #103533
Цвет 3 — #090e13


Шаг 2

Теперь нам нужна буква. Я использовал букву ‘Q’, потому что, это моя любимая буква, особенно в данном стиле отсечки. Данная буква взята из шрифта Adobe Caslon Pro, который, как я подозреваю, есть в стандартной установке Photoshop — хотя кто знает, у меня талант запоминать многие шрифты! Используйте приятный сине-зелёный цвет для своей буквы. Я использовал следующий цветовой оттенок #41a993.


Шаг 3

Далее, я перепробовал все стили слоя и просто экспериментировал с ними. Вы можете создать по-настоящему яркие комбинации, используя небольшое количество попыток. Главное, что я здесь делал:

  • Уменьшил Заливку Непрозрачности (Fill Opacity) до 20%. Заливка Непрозрачности (Fill Opacity) делает слой прозрачным, при этом, НЕ делая стили слоя прозрачными. Обратите внимание, что данная опция ОТЛИЧАЕТСЯ от Непрозрачности (Opacity), что делает всё прозрачным.
  • Ещё одна вещь, которую я использовал – это попытался изменить углы, используя разные режимы наложения и постепенно добавляя слои.

В любом случае, вы можете увидеть все точные настройки, скачав образец PSD файла по ссылке в верхней правой части. Вы можете щёлкнуть правой кнопкой мыши по слою и в появившемся окне, выбрать опцию Скопировать стиль слоя (Copy Layer Styles), а затем просто вклеить скопированный стиль слой на свой рабочий документ, для этого ещё щёлкните правой кнопкой мыши по слою и  в появившемся окне, выберите опцию Вклеить стиль слоя (Paste Layer Styles).


Шаг 4

Мой результат после применения стилей слоя. Довольно-таки классный результат.

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


Шаг 5

Теперь, удерживая клавишу (Ctrl), щёлкните по слою с буквой ‘Q’, чтобы создать выделение, а затем добавьте градиент на новом слое, цвета градиента от белого к прозрачному, потянув градиент снизу.

Чтобы установить цвета градиента от цветового оттенка к прозрачному, выберите Градиент (Gradient Tool), щёлкните по шкале градиента, чтобы открыть окно редактора градиента, а затем добавьте нужный цветовой оттенок (точно так же, как мы это проделывали вначале этого урока). Второй цветовой оттенок установите на непрозрачность. Это ОЧЕНЬ полезный градиент. В частности, он отлично подходит для создания эффектов стекла / пластика.

Теперь создайте затенение, поменяв режим наложения на Перекрытие (Overlay).


Шаг 6

Ещё раз, удерживая клавишу (Ctrl), щёлкните по слою с буквой ‘Q’, чтобы создать выделение. На новом слое, ещё раз добавьте радиальный градиент от белого к прозрачному, на этот раз, потяните градиент сверху вниз, как показано на скриншоте ниже.

Приглушите градиент, для этого, уменьшите Непрозрачность (opacity) слоя до 40%.


Шаг 7

Теперь на том же самом слое, который вы создали в последнем шаге, нарисуйте эллипс с помощью инструмента Выделения (Selection Tool), а затем проведите инверсию выделенной области (Ctrl+Shift+I). Далее, нажмите клавишу (delete), чтобы удалить часть градиента, который мы только что создали.

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


Шаг 8

Теперь стеклянные блики, итак, давайте добавим несколько бликов, чтобы придать настоящий блеск к эффекту. Вы можете сделать это с помощью инструмента Произвольная фигура (Custom Shape Tool (U). В настройках данного инструмента, щёлкните по значку Многоугольника (Polygon), чтобы установить следующие значения, которые указаны на скриншоте ниже. Поставьте галочку в окошке Звезда (Star), а также убедитесь, чтобы значение Глубины лучей (Indent Sides By) было установлено на 99%, чтобы создать несколько красивых маленьких 5ти конечных звёздочек.

Далее, создайте новый слой, установите цвет переднего плана на белый цвет, чтобы добавить несколько ярких звёздочек. Лучше всего расположить их на наиболее ярких участках буквы ‘Q’, чтобы они выглядели так, будто они сверкают благодаря светлым бликам.


Шаг 9

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

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


Как наложить градиент на фигуру в фотошопе. Что такое градиент. Создаем новый документ

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

Градиенты вдохновляют художников на создание творческих работ. Так, дизайнер Magdiel Lopez активно использует градиенты в своих проектах. Такая заливка позволяет сочетать красоту линий с эффектами объема и освещения.

Виды градиента

В Фотошопе имеется набор готовых градиентов, с разной формой цветовых переходов.

Линейный градиент

Линейный градиент

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

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

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

Радиальный градиент обеспечит цветовой переход от центральной точки к радиусу.

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

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

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

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

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

Зеркальный градиент отражает один и тот же линейный градиент по обе стороны от начальной точки.

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

Ромбовидный градиент выполняет цветовой переход от центра к углам ромба.

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

Чтобы создать градиент в фотошопе, выберите область, которую будете заливать. Если этого не сделать, градиентная заливка применяется ко всему активному слою. Выберите инструмент «Градиент».

На панели параметров в поле с образцом градиента выберите вид градиента.

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

Как создать градиент с прозрачностью

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

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

Как создать сложный градиент из трех и более цветов

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

Обзор редактора градиентов

Чтобы открыть «Редактор градиентов», щелкните ЛКМ по текущему образцу градиента на панели параметров.

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

Как сохранить градиент

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

Кроме того в редакторе градиентов можно загрузить готовые градиенты, найденные на просторах Интернета.

Корректирующий слой «Градиент»

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

Tagged

В прошлом уроке мы научились рисовать градиенты с помощью инструмента «Градиент». Также мы рассмотрели, как использовать палитру градиентов и выбирать необходимый градиент из множества предложенных градиентов. Однако независимо от того, как много градиентов включено в программу Photoshop, полезнее (и всегда веселее) уметь создавать собственный градиент!

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

Рисование фигур с помощью инструментов Photoshop

Сплошной цвет: Заполняет или обводит слой-фигуру текущим цветом переднего плана. Используйте палитру цветов или предустановки цвета, чтобы выбрать другой цвет.

Градиент: Выберите предустановку градиента или щелкните градиент, чтобы открыть диалоговое окно «Редактор градиента». Установить дополнительные параметры градиента:

  • Угол определяет угол, под которым применяется градиент.
  • Reverse — переворачивает ориентацию цветов градиента.
  • Стиль определяет форму градиента.
  • Scale изменяет размер градиента.
  • «Выровнять по слою» использует ограничивающую рамку слоя для вычисления градиентной заливки. Вы можете перетащить в окно изображения, чтобы переместить центр градиента.

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

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

Полное руководство по инструменту Gradient Tool в Adobe Photoshop

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

Изображение на обложке через Ксению Перминову.

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

Следуйте инструкциям, чтобы узнать об особенностях инструмента Gradient Tool в Adobe Photoshop и о том, как применять градиенты для создания визуально потрясающих изображений. После того, как вы разобрались с инструментом «Градиент» в Photoshop, перейдите к нашему руководству по инструменту «Градиент» в Illustrator.


Градиентная заливка

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

Когда активирована градиентная заливка, появится курсор, напоминающий знак плюс . Найдите начальную точку для градиента, затем щелкните и перетащите курсор в конечную точку градиента, затем отпустите курсор. Удерживайте нажатой клавишу Shift , чтобы сохранить начальную и конечную точки с шагом 45 градусов.Для более плавного градиента расположите начальную и конечную точки дальше друг от друга; более короткие начальная и конечная точки создают более резкую градиентную заливку.

Давайте рассмотрим, как каждый градиент выглядит при применении к слою.

Линейный градиент

Линейные градиенты позволяют цвету переходить по прямой линии из одной точки в другую.

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

Радиальные градиенты создают более круговой переход; начальная точка начинает радиальную форму и переходит в конечную точку.

Угловой градиент

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

Отраженный градиент

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

Алмазный градиент

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


Библиотека градиентов

Adobe Photoshop предлагает огромную библиотеку предустановленных градиентных заливок, когда выбран инструмент Gradient Tool (G) . Найдите их, щелкнув стрелку раскрывающегося списка рядом с диалоговым окном градиентной заливки.

При активации вы увидите выбранные Photoshop градиенты по умолчанию. Добавьте больше градиентов в свою библиотеку, нажав значок настроек и выбрав из библиотек, таких как Pastels , Color Harmonies и другие.Вы можете добавить новый выбранный градиент в вашу текущую библиотеку или полностью заменить их, нажав OK .


Пользовательские градиенты

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

Градиенты

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

Создание сплошного градиента

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

  • Гладкость: Влияет на переход цвета в градиенте. При 100% ваш градиент создает более плавный переход; значения менее 100% переходят более резко.
  • Color Stop: Указывает цвета в градиенте. Для редактирования дважды щелкните , чтобы открыть диалоговое окно «Палитра цветов ». Вы также можете перемещать каждую цветовую границу внутри ползунка градиента, чтобы влиять на переход цвета.
  • Средняя точка: Эта форма ромба управляет потоком вашего градиента. По умолчанию средняя точка равна средней точке, или 50%, между точками цвета для плавного градиента. Вы можете перемещать среднюю точку, чтобы настроить переход и поток.
  • Остановка непрозрачности: Эти остановки, расположенные над отметкой цвета, влияют на непрозрачность каждого цвета в градиенте. Просто нажмите на остановку непрозрачности, чтобы отрегулировать ее непрозрачность в меню Остановки .Значения менее 100% покажут узор шахматной доски , указывающий уровни прозрачности.
  • Расположение: Влияет на фактическое расположение точек цвета и непрозрачности. Расположение по адресу 0% расположено слева от ползунка, а 100% — справа от ползунка.
  • Удалить: Позволяет удалить границы цвета или непрозрачности в пределах ползунка градиента. Нажмите на стоп, чтобы включить черный треугольник , затем нажмите Удалить .
  • Добавление точек: Добавьте точку цвета или непрозрачности к ползунку градиента, щелкнув над , ползунок для значений непрозрачности , или ниже , ползунок для остановок цвета .

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

Создание градиента шума

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

  • Шероховатость: Значения шероховатости больше, чем 20% создаст отчетливые цветные линии на ползунке градиента; по мере увеличения значения линии становятся более резкими. Значения меньше 20% будут напоминать плавный градиент.
  • Цветовая модель: Выберите из цветовых режимов RGB , HSB и LAB . RGB сочетает в себе красный, зеленый и синий цвета для получения широкого диапазона оттенков. HSB использует Hue , Saturation и Brightness для создания цветов. LAB описывает человеческое восприятие цвета и описывает, как цвет выглядит, что делает его цветовой моделью в зависимости от устройства. Ползунки с серыми стрелками и со стрелками определяют диапазон оттенков, присутствующих в градиенте шума.
  • Ограничить цвета: Если этот флажок установлен, цвета, представленные в ползунке градиента, будут ограничены менее насыщенными оттенками.
  • Добавить прозрачность: Если этот флажок установлен, ползунок добавляет шум прозрачности, обозначенный шаблоном шахматной доски .
  • Произвольный: Щелкните, чтобы рандомизировать оттенки, присутствующие в ползунке градиента.

Как применять градиенты к фотографиям

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

Загрузите изображение в Photoshop, затем добавьте корректирующий слой Black & White на панель Layers . Настройте внешний вид вашего изображения с помощью ползунков цвета.

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

Чтобы связать градиент с вашей фотографией, настройте Blend Mode на Screen на панели Layers . Та-да! Вы создали визуально интересное наложение градиента на простых изображениях.

Лицензируйте потрясающий контент с планом, который соответствует вашим потребностям.

Посмотреть цены


Хотите расширить свои знания в области Adobe Photoshop? Ознакомьтесь с этими информационными статьями:

.

Как использовать радиальный градиент в Photoshop

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

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

  1. Сначала запустите новый проект Photoshop и создайте форму с помощью инструмента «Прямоугольник», расположенного на главной панели инструментов. В этом проекте мы хотим заполнить всю фигуру радиальным градиентом, но Photoshop также позволяет вам выбрать меньшую область фигуры с помощью лассо и применить градиент только к этой части.
  2. Выделив фигуру, выберите инструмент «Градиент» на главной панели инструментов.Значок выглядит как прямоугольник, меняющий цвет с черного на белый, и вам может потребоваться сначала нажать и удерживать значок ведерка с краской, чтобы найти его.
  3. Инструмент «Градиент» имеет ряд мощных функций, которые можно настроить на верхней горизонтальной панели инструментов. Здесь вы найдете множество значков, соответствующих различным стилям градиента. Чтобы включить радиальный градиент, выберите значок с исчезающим белым кружком посередине.
  4. Затем, если вы хотите изменить цветовую схему градиента, дважды щелкните любой из двух цветных квадратов в нижней части главной панели инструментов.Верхний квадрат — ваш начальный цвет (в данном случае цвет исчезающего круга), а нижний квадрат — последний цвет.
  5. Наконец, чтобы убедиться, что ваш радиальный градиент начинается в нужном месте (и с правильным цветом), щелкните и удерживайте указатель мыши там, где вы хотите, чтобы градиент начинался. Вы также можете щелкнуть за пределами экрана, если хотите, чтобы на вашей фигуре появлялась только часть затемнения. Затем переместите курсор туда, куда вы хотите, чтобы градиент исчез, продолжая удерживать кнопку мыши.
  6. Когда вы отпустите кнопку мыши, к форме будет применен радиальный градиент. Рисование длинной линии перед тем, как отпустить мышь, приведет к постепенному градиенту, а рисование короткой линии создаст более быстрый градиент. Для еще большего контроля вы можете настроить непрозрачность, гладкость и другие параметры в редакторе градиентов, который можно открыть, щелкнув предварительный просмотр градиента в верхнем левом углу панели инструментов градиента.
.

ios — Как заполнить форму градиентом в SwiftUI

Переполнение стека
  1. Около
  2. Товары
  3. Для команд
  1. Переполнение стека Общественные вопросы и ответы
  2. Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
  3. Вакансии Программирование и связанные с ним технические возможности карьерного роста
  4. Талант Нанимайте технических специалистов и создавайте свой бренд работодателя
  5. Реклама Обратитесь к разработчикам и технологам со всего мира
  6. О компании
.

Как рисовать градиенты с помощью инструмента «Градиент» в Photoshop

Рисование градиентов в фотошопе

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

Давайте начнем с создания нового документа Photoshop. Для этого я зайду в меню « Файл» в строке меню в верхней части экрана и выберу « Новый» :

Идем в Файл> Новый.

Это открывает диалоговое окно New. Для этого урока я установлю ширину моего документа на 1200 пикселей и высоту на 800 пикселей. Нет особой причины, по которой я использую этот размер, поэтому, если вы работаете вместе со мной и думаете о другом размере, не стесняйтесь использовать его. Я оставлю для параметра « Разрешение» значение по умолчанию, равное 72 пикселям / дюйм , и буду следить за тем, чтобы для параметра « Содержимое фона» было установлено значение « Белый» . Я нажму OK, когда закончу, чтобы закрыть диалоговое окно, после чего на экране появится новый белый документ:

Новое диалоговое окно.

Выбор инструмента Градиент

Инструмент « Градиент» в Photoshop находится на панели «Инструменты» в левой части экрана. Я выберу его, нажав на его значок. Вы также можете выбрать инструмент Градиент, просто нажав клавишу G на клавиатуре:

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

Выбор градиента

С выбранным инструментом Gradient, следующее, что нам нужно сделать, это выбрать градиент, и есть несколько способов сделать это. Одним из них является открытие градиентного выбора в Photoshop ; другой — открыв большой редактор градиентов . Разница между ними заключается в том, что Gradient Picker просто позволяет нам выбирать из готовых предустановленных градиентов, а в Gradient Editor, как следует из его названия, мы можем редактировать и настраивать наши собственные градиенты. В этом уроке мы сосредоточимся на самом Gradient Picker. Мы узнаем все о редакторе градиентов в следующем уроке.

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

Нажмите на стрелку, чтобы открыть градиент.

При нажатии на стрелку открывается окно выбора градиента с миниатюрами всех предустановленных градиентов, которые мы можем выбрать. Чтобы выбрать градиент, нажмите на его миниатюру, затем нажмите Enter (Win) / Return (Mac) на клавиатуре или щелкните любое пустое место на панели параметров, чтобы закрыть средство выбора градиента . Вы также можете дважды щелкнуть по миниатюре, которая выберет градиент и закроется в градиенте:

Выбор градиента.

Загрузка больше градиентов

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

Нажав на значок шестеренки в градиенте.

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

Другие наборы градиентов, которые мы можем выбрать.

Чтобы загрузить любой из наборов, нажмите на его имя в списке. Я нажал на набор фотографического тонирования. Фотошоп спросит, хотите ли вы заменить текущие градиенты на новые. Если вы нажмете «Добавить» , а не заменять исходные градиенты, они просто добавят новые под оригиналами. Как мы увидим через некоторое время, восстановить оригиналы очень просто, поэтому я нажму OK, чтобы заменить их набором Photographic Toning:

Нажмите OK, чтобы заменить исходные градиенты новым набором.

И теперь мы видим в Gradient Picker, что оригинальные градиенты были заменены градиентами фотографического тонирования. Чтобы узнать больше о наборе Photographic Toning и о том, как его использовать, ознакомьтесь с нашим полным руководством по настройкам Photographic Toning :

Оригинальные градиенты были заменены новым набором.

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

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

Нажав на значок шестеренки.

Затем выберите « Сбросить градиенты» из меню:

Выбор «Сбросить градиенты».

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

Замена текущих градиентов на значения по умолчанию.

А теперь вернемся к оригиналам:

Градиенты по умолчанию были восстановлены.

Передний план к фоновому градиенту

Прежде чем мы научимся рисовать градиенты, давайте быстро рассмотрим один конкретный градиент — градиент от переднего плана до фона . Это тот, который Photoshop выбирает для нас по умолчанию, но вы также можете выбрать его вручную, если вам нужно, нажав на его эскиз (первый слева, верхний ряд):

Выбор градиента переднего плана к фону.

Как вы уже догадались, градиент от переднего плана к фону получает свои цвета от цветов переднего плана и фона. Вы можете видеть текущие цвета переднего плана и фона в образцах цветов в нижней части панели «Инструменты». Образец в верхнем левом углу показывает цвет переднего плана , а образец в нижнем правом — цвет фона . По умолчанию цвет переднего плана установлен на черный, а цвет фона на белый :

Текущие цвета переднего плана (вверху слева) и фона (внизу справа).

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

Рисование градиента с помощью инструмента «Градиент»

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

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

Нажатие и перетаскивание (с нажатой кнопкой мыши) с одной стороны документа на другую.

Когда я отпускаю кнопку мыши, Photoshop рисует градиент. Так как мой цвет переднего плана был установлен на черный, а цвет фона — белый, я получаю градиент от черного к белому:

Photoshop рисует градиент, когда вы отпустите кнопку мыши.

Поменять цвета

Вы можете изменить цвета в вашем градиенте, выбрав опцию Reverse на панели параметров:

Выбор «Обратный» в панели параметров.

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

Тот же градиент, что и раньше, но с перевернутыми цветами.

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

Нажмите и перетащите вертикальный градиент сверху вниз.

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

Новый черно-белый вертикальный градиент.

Изменение цветов градиента по умолчанию

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

Нажав образец цвета переднего плана.

Это открывает палитру цветов Photoshop . Я выберу красный для моего нового цвета переднего плана, затем я нажму OK, чтобы закрыть из палитры цветов:

Выбор красного цвета для нового цвета переднего плана.

Затем я изменю свой цвет фона, щелкнув его образец цвета (тот, который в настоящее время заполнен белым):

Нажав образец цвета фона.

Это еще раз открывает палитру цветов. Я поменяю цвет фона с белого на ярко-желтый, затем я в порядке, чтобы закрыть окно выбора цвета:

Выбор желтого цвета для нового цвета фона.

Обратите внимание, что образцы цветов обновлены, чтобы показать новые цвета, которые я выбрал для переднего плана и фона:

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

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

Панель предварительного просмотра градиента всегда показывает текущие цвета градиента.

Я нарисую градиент, на этот раз по диагонали, щелкнув в левом нижнем углу документа и перетащив в верхний правый угол. Опять же, нет необходимости отменять или удалять предыдущий градиент. Фотошоп заменит его новым:

Рисование нового градиента от левого нижнего до правого верхнего угла документа.

Когда я отпускаю кнопку мыши, Photoshop рисует градиент от красного до желтого по диагонали через документ:

Новый красный или желтый диагональный градиент.

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

Обратите внимание, что если я открою свой Gradient Picker на панели параметров, миниатюра градиента переднего плана к фону также показывает мои новые красный и желтый цвета:

Обновленная миниатюра «Передний план — фон» в палитре «Градиент».

Вы можете в любое время изменить цвета для этого градиента, щелкнув образцы цветов переднего плана и / или фона на панели параметров и выбрав разные цвета. Но если вам нужно быстро вернуть цвета к значениям по умолчанию, сделав цвет переднего плана черным и цвет фона белым , просто нажмите букву D (подумайте «D» для «по умолчанию») на клавиатуре. Вы увидите, что образцы на панели «Инструменты» вернутся к стандартному черно-белому цвету:

Образцы переднего плана и фона были сброшены.

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

Теперь все вернулось к тому, что было изначально.

Рисование градиента на собственном слое

Если мы посмотрим на мою панель «Слои» , то увидим, что до этого момента я рисовал свои градиенты непосредственно на фоновом слое :

Панель «Слои», показывающая градиент на фоновом слое.

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

Собираюсь Правка> Заполнить.

Когда откроется диалоговое окно «Заливка», я установлю для параметра « Содержимое» вверху значение « Белый» , затем нажмите « ОК» . Это заполняет фоновый слой белым цветом:

Диалоговое окно Fill.

Затем я добавлю новый слой для моего градиента, нажав и удерживая клавишу Alt (Win) / Option (Mac) на моей клавиатуре и щелкнув значок « Новый слой» в нижней части панели «Слои»:

Нажмите и удерживайте Alt (Win) / Option (Mac), одновременно нажимая значок «Новый слой».

При добавлении клавиши Alt (Win) / Option (Mac) при нажатии значка «Новый слой» Photoshop сначала открывает диалоговое окно « Новый слой », в котором мы можем назвать слой до его добавления. Я назову свой слой «Градиент», затем я нажму OK :

Диалоговое окно Новый слой.

Photoshop добавляет новый пустой слой с именем «Градиент» над фоновым слоем. Теперь я могу нарисовать свой градиент на этом новом слое и отделить его от всего остального (хотя «все остальное» в данном случае на самом деле является просто фоновым слоем, но это все еще хорошая привычка рабочего процесса, чтобы войти в него):

Теперь у меня есть отдельный слой для моего градиента.

Переходная зона

Когда дело доходит до рисования градиентов, очень важно понимать, что имеет значение не только направление, в котором вы перетаскиваете; расстояние между вашими исходными и конечными точками , также имеет значение.

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

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

Рисование градиента с широкой областью перехода.

Я отпущу кнопку мыши, чтобы позволить Photoshop нарисовать градиент, и поскольку между моей начальной и конечной точками был такой большой разрыв, мы видим плавный, очень постепенный переход между черным слева и белым справа:

Градиент с постепенным переходом между цветами.

Я отменим градиент, просто чтобы было легче его увидеть, зайдя в меню « Правка» в верхней части экрана и выбрав « Отменить градиент» . Я также мог бы нажать Ctrl + Z (Win) / Command + Z (Mac) на моей клавиатуре:

Собираюсь Правка> Отменить градиент.

На этот раз я нарисую градиент в том же направлении (слева направо), но с гораздо меньшим промежутком между моей начальной и конечной точками:

Рисование градиента с узкой переходной областью.

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

Аналогичный градиент, но с гораздо меньшей площадью перехода.

Прежде чем мы продолжим, давайте посмотрим на мою панель «Слои», где мы видим, что, поскольку я добавил новый слой ранее, мой градиент теперь рисуется на отдельном слое «Градиент», а не на слое фона. Опять же, это не большая проблема в этом случае, но если вы привыкнете хранить все на отдельном слое, вам будет намного проще работать с Photoshop:

Теперь градиент располагается на собственном слое над фоновым слоем.

Передний план к прозрачному градиенту

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

Выбор переднего плана для прозрачного градиента.

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

Я отменю свой текущий градиент, зайдя в меню « Правка» и выбрав « Отменить градиент» . Затем я выберу цвет, щелкнув образец цвета переднего плана на панели «Инструменты». На данный момент установлено черное:

Нажав образец цвета переднего плана.

Когда откроется палитра цветов, я выберу фиолетовый, затем нажму OK:

Выбор пурпурного цвета в качестве нового цвета переднего плана.

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

Теперь градиент переходит от фиолетового к прозрачному.

Я нарисую вертикальный градиент от верхней части моего документа до центра:

Рисование вертикального переднего плана к прозрачному градиенту вниз через верхнюю половину документа.

Когда я отпускаю кнопку мыши, кажется, что я нарисовал базовый градиент от фиолетового до белого. Однако белый цвет, который мы видим, на самом деле из фонового слоя ниже градиента. Это не часть самого градиента:

Фиолетовый от градиента, но белый от фона под ним.

Чтобы доказать это, я временно отключу фоновый слой, щелкнув его значок видимости (значок глазного яблока) на панели «Слои»:

Отключение фонового слоя.

Это скрывает белый фон в документе, показывая только сам градиент, и теперь мы можем ясно видеть, что это действительно градиент от фиолетового до прозрачного. Опять же, шаблон шахматной доски — это то, как Photoshop представляет прозрачность:

Фактический градиент от фиолетового до прозрачного.

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

Добавление второго переднего плана к прозрачному градиенту.

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

Градиенты переднего плана и прозрачного были объединены.

Я снова включу фоновый слой в документе, щелкнув еще раз по значку его видимости :

Включение фонового слоя.

И теперь мы возвращаемся к тому, что выглядит как градиент от фиолетового к белому (фиолетовому), хотя мы знаем, что белый цвет — это просто фоновый слой, показывающий сквозь прозрачность:

Тот же градиент с включенным фоновым слоем.

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

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

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

Если параметр «Прозрачность» отключен при рисовании градиента «Передний план» в «Прозрачный», все, что вам в итоге нужно будет сделать, — это заполнить слой или выделение выбранным цветом «Переднего плана»:

Если параметр «Прозрачность» отключен, Photoshop не может нарисовать прозрачную часть градиента.

Черный, Белый Градиент

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

Черно-белый градиент миниатюры.

Градиентные стили

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

Если вы посмотрите справа от панели предварительного просмотра градиента на панели параметров, вы увидите пять значков стиля градиента . Начиная слева, у нас есть Линейный , Радиальный , Угловой , Отраженный и Алмазный :

Значки линейного, радиального, углового, отраженного и алмазного градиента.

Давайте посмотрим, что может сделать каждый из этих стилей градиента. Я нажму несколько раз на клавиатуре Ctrl + Alt + Z (Победа) / Command + Option + Z (Mac), чтобы отменить мои предыдущие шаги, пока не вернусь к просмотру только белого документа. Затем я переключусь обратно на градиент переднего плана на фон , выбрав его в окне выбора градиента:

Выбор градиента переднего плана к фону.

Я буду нажимать букву D на клавиатуре, чтобы сбросить цвета переднего плана и фона обратно на черный и белый. Затем, чтобы было интересно, я поменяю цвет фона с белого на светло-синий:

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

линейный

Стиль градиента по умолчанию в Photoshop — « Линейный» , но вы можете выбрать его вручную, если вам нужно, нажав на первый значок слева:

Выбор стиля линейного градиента.

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

Пример стандартного линейного градиента.

радиальный

Radial стиль (вторая иконка слева) нарисует круговой градиент в направлении от начальной точки:

Выбор стиля радиального градиента.

Я отменю свой линейный градиент, нажав клавиши Ctrl + Z (Win) / Command + Z (Mac) на моей клавиатуре. Чтобы нарисовать радиальный градиент, я нажму в центре моего документа, чтобы установить начальную точку, а затем потяну к краю наружу:

Рисование радиального градиента от центра документа.

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

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

Если бы я выбрал опцию « Обратный» на панели параметров, цвета поменялись местами, начиная с синего в центре и переходя по кругу наружу в черный:

Тот же радиальный градиент с перевернутыми цветами.

Угол

Стиль Angle (средняя иконка) — это то, где вещи начинают становиться интересными (хотя, возможно, не такими полезными):

Выбор стиля углового градиента.

Так же, как стиль Radial, стиль Angle также использует вашу начальную точку в качестве центра градиента. Но вместо того, чтобы двигаться наружу во всех направлениях, он оборачивается вокруг начальной точки против часовой стрелки. Я еще раз нажму Ctrl + Z (Победа) / Command + Z (Mac) на моей клавиатуре, чтобы отменить мой последний градиент. Затем я нарисую градиент в стиле угла так же, как и радиальный градиент, щелкнув по центру документа, чтобы установить начальную точку, а затем уведя ее от себя:

Рисование углового градиента от центра.

Вот как выглядит стиль угла, когда я отпускаю кнопку мыши. Как и во всех стилях градиента в Фотошопе, выбор «Инвертировать» на панели параметров даст вам тот же результат, но с заменой цветов:

Стиль угла оборачивает градиент вокруг вашей начальной точки против часовой стрелки.

отраженный

Стиль « Отраженный» (четвертый значок слева) очень похож на стандартный линейный стиль, но он идет еще дальше, беря все с одной стороны вашей начальной точки и отражая ее с другой стороны:

Выбор стиля отраженного градиента.

Здесь я щелкаю в центре документа, чтобы установить начальную точку, а затем перетаскиваю вверх:

Рисование градиента в отраженном стиле.

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

Градиент отраженного стиля.

Вот как будет выглядеть отраженный градиент с обращенными цветами:

Градиент в отраженном стиле с реверсом, выбранным на панели параметров.

ромб

Наконец, стиль градиента с бриллиантами переходит наружу от вашей начальной точки, аналогично стилю Radial, за исключением того, что он создает форму ромба:

Выбор стиля градиента бриллианта.

Я еще раз щелкну в центре моего документа, чтобы установить начальную точку, а затем уйду от нее:

Рисование градиента в стиле ромба из центра.

Когда я отпускаю кнопку мыши, мы получаем интересную форму ромба:

Градиент в алмазном стиле.

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

Алмазный градиент с обращенными цветами.

Вариант дизеринга

Последний вариант, который мы должны рассмотреть на панели параметров, — это сглаживание . С выбранным Dither, Photoshop будет смешивать немного шума с вашими градиентами, чтобы помочь сгладить переходы между цветами. Это помогает уменьшить полосы (видимые линии, которые образуются между цветами, когда переходы не являются достаточно гладкими). Опция Dither включена по умолчанию, и вы обычно хотите оставить ее выбранной:

Параметр «Сглаживание» помогает уменьшить уродливые полосы между цветами.

Параметры режима и прозрачности

На панели параметров есть несколько других параметров инструмента «Градиент», которые мы сохраним для другого учебника, поскольку они выходят за рамки базовых. Как опция Mode (сокращение от Blend Mode), так и опция Opacity влияют на то, как градиент будет сливаться с исходным содержимым слоя. Если вы знакомы с режимами наложения слоев, режимы наложения градиентов работают примерно так же, а параметр непрозрачности градиента работает так же, как параметр «Непрозрачность» на панели «Слои» . В большинстве случаев вы захотите оставить для них значения по умолчанию, но, опять же, мы подробно рассмотрим эти два параметра в их отдельном учебном пособии:

Опции режима и непрозрачности.

Как добавить радугу на фото с помощью Фотошопе

Как вы сможете убедиться, добавить радугу на фото в Adobe Photoshop очень просто. Все, что вам понадобится – это Инструмент Градиент – Gradient Tool (G), так как в Photoshop уже есть встроенный радужный градиент. Затем мы немного подредактируем его для большей реалистичности.

Действия описанные в этом уроке можно выполнить в версиях Photoshop CC и CS6.

Пример HTML-страницы

Шаг 1.

Создание нового слоя.

Для начала откройте в Photoshop ваш пейзаж.

Шаг 2.

Создание нового слоя.

Затем создайте новый слой (Ctrl + Shift + N), назовите его, например, “Радуга”.

Шаг 3.

Добавление градиента.

Далее возьмите Инструмент Градиент – Gradient Tool (G)

Шаг 4.

Добавление градиента.

Далее кликните на стрелочку справа от миниатюры градиента.

Шаг 5.

Добавление градиента.

Теперь кликните иконку шестеренки в правом верхнем углу

и выберите пункт Специальные эффекты (Special Effects)

Шаг 6.

Добавление градиента.

Появится окошко, где вам будет предложено заменить градиенты. Нажмите кнопку Добавить (Append).

Шаг 7.

Применение градиента Радуга Рассела (Russell’s Rainbow).

Итак, теперь выберите из предложенных градиент Радуга Рассела (Russell’s Rainbow)

Шаг 8.

Применение градиента Радуга Рассела (Russell’s Rainbow).

Далее измените тип градиента на Радиальный (Radial), кликнув на соответствующую иконку.

Шаг 9.

Применение градиента Радуга Рассела (Russell’s Rainbow).

Теперь кликните и протяните градиент, как показано на рисунке ниже:

Шаг 10.

Применение градиента Радуга Рассела (Russell’s Rainbow).

Примерно такой градиент должен получиться:

Шаг 11.

Редактирование Градиента.

Теперь измените режим наложения слоя с градиентом на Экран (Screen):

Шаг 12.

Редактирование Градиента.

Вот так теперь будет выглядеть ваше изображение:

Шаг 13.

Редактирование Градиента.

Далее кликните правой кнопкой мыши по слою с радугой и выберите в меню Преобразовать в смарт-объект (Convert to Smart Object).

Шаг 14.

Применение фильтра Размытие по Гауссу (Gaussian Blur)

Теперь добавьте Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur)

Шаг 15.

Применение фильтра Размытие по Гауссу (Gaussian Blur)

Установите Радиус (Radius) 50 пикселей и нажмите ОК. Вы можете установить этот параметр на свое усмотрение (чем он больше, тем сильнее эффект размытия).

Шаг 16.

Применение фильтра Размытие по Гауссу (Gaussian Blur)

Вот так выглядит результат размытия с радиусом 50 пикселей:

Шаг 17.

Добавление маски слоя (Layer Mask).

Итак, теперь нам нужно скрыть части градиента, находящиеся на земле.
Для этого кликните по иконке Добавить маску слоя (Add layer mask) внизу панели Слои (Layers):

Шаг 18.

Добавление маски слоя (Layer Mask).

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

Шаг 19.

Добавление маски слоя (Layer Mask).

Теперь выберите в качестве Основного цвета (Foreground color) черный. Для этого нажмите клавишу D (устанавливает основной и фоновый (Background) цвета по умолчанию), затем нажмите X, чтобы поменять эти цвета местами.

Шаг 20.

Работа с градиентом и маской.

Далее: снова возьмите Инструмент Градиент – Gradient Tool (G) и кликните на стрелочку (как вы делали ранее).

Шаг 21.

Работа с градиентом и маской.

Затем выберите градиент от Основного цвета к прозрачному 

Шаг 22.

Работа с градиентом и маской.

и установите тип градиента Линейный (Linear)

Шаг 23.

Работа с градиентом и маской.

Перейдите на маску слоя с радугой, кликнув по ее миниатюре.
Затем, удерживая клавишу Shift, кликните и растяните Градиент, как показано на рисунке ниже. Вы получите прямой градиент снизу вверх:

Шаг 24.

Работа с градиентом и маской.

У вас должно получиться что-то подобное:

Шаг 25.

Скрываем другие части радуги (по желанию).

Далее вы можете скрыть другие части радуги, применив такой же Градиент, как и в предыдущем шаге. Например, скроем часть радуги, как будто она исчезает за облаками: 

Шаг 26.

Скрываем другие части радуги (по желанию).

Результат:

Шаг 27.

Скрываем другие части радуги (по желанию).

Или скроем часть радуги сбоку:

Шаг 28.

Скрываем другие части радуги (по желанию).

Результат:

Шаг 29.

До и после.

Итак, поскольку мы сделали радугу на отдельном слое, вы всегда можете увидеть эффект “до” и “после”, включая/выключая видимость слоя:

 

Шаг 30.

Финальное изображение.

Вот и все, поздравляем!

Ссылка на источник

Пример HTML-страницы

Новые градиенты и панель градиентов в Photoshop CC 2020

Узнайте все о новой панели «Градиенты» в Photoshop CC 2020, о потрясающих новых наборах градиентов, которые теперь включены в Photoshop, и о том, как создавать и сохранять собственные градиенты и наборы градиентов!

Автор сценария Стив Паттерсон.

В этом уроке вы узнаете все о совершенно новой панели «Градиенты» в Photoshop CC 2020, которая заменяет Preset Manager в качестве нового дома для всех ваших градиентов.Я покажу вам, как работает панель «Градиенты», и мы рассмотрим множество новых и впечатляющих градиентов, которые теперь включены в Photoshop CC 2020. Я также покажу вам, как восстановить устаревшие градиенты из более ранних версий Photoshop, чтобы у вас было еще больше градиентов. выберите из.

Конечно, вы также захотите создать свои собственные градиенты. Итак, после краткого обзора панели «Градиенты» мы переходим к редактору градиентов Photoshop, где я покажу вам, как создавать, редактировать и сохранять собственные градиенты и наборы градиентов!

Чтобы продолжить, вам понадобится Photoshop CC 2020.Если вы уже используете Photoshop CC, убедитесь, что ваша копия обновлена.

Начнем!

Загрузите это руководство в формате PDF, готовом к печати!

Новая панель градиентов в Photoshop CC 2020

Давайте начнем с изучения самой панели «Градиенты», которая является совершенно новой в Photoshop CC 2020 и является новым домом для всех градиентов Photoshop.

Где мне найти панель градиентов?

По умолчанию панель «Градиенты» вложена в панели «Цвет», «Образцы» и «Узоры»:

Новая панель градиентов в Photoshop CC 2020.

Если вы не видите панель градиентов, вы можете открыть ее, перейдя в меню Окно в строке меню Photoshop и выбрав Градиенты . Но если вы видите галочку возле слова «Градиенты», это означает, что панель уже открыта где-то на вашем экране, и ее выбор в меню «Окно» закроет панель:

Перейдите в «Окно» > «Градиенты».

Новые градиенты Photoshop по умолчанию

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

Все наборы основаны на цветовых темах. Итак, у нас есть наборы для синего, фиолетового, розового, красного, зеленого и так далее:

Новые наборы градиентов по умолчанию в Photoshop CC 2020.

Как перетаскивать цвета в Photoshop CC 2020!

Как открывать и закрывать наборы градиентов

Чтобы открыть или закрыть один набор градиентов, щелкните стрелку рядом со значком папки набора.Здесь я открываю набор Blues, а внутри набора много новых градиентов на выбор:

Открытие одного из новых наборов градиентов по умолчанию.

Вы также можете открыть и закрыть все наборы градиентов одновременно, нажав и удерживая клавишу Ctrl (Win) / Command (Mac) на клавиатуре и щелкнув стрелку для любого из наборов. Затем используйте полосу прокрутки в правой части панели для прокрутки миниатюр:

Одновременное открытие всех наборов градиентов.

Как изменить размер миниатюр градиента

Чтобы изменить размер миниатюр на панели «Градиенты», щелкните значок меню панели :

Щелчок по значку меню панели.

И выберите Маленький или Большой эскиз . Или вы можете просмотреть градиенты как Small или Large List , который включает имя каждого градиента вместе с его миниатюрой:

Варианты отображения эскизов градиента.

Ваши последние градиенты

В верхней части панели «Градиенты» находится строка, показывающая градиенты, которые вы недавно использовали. Нажмите на любой из эскизов, чтобы повторно выбрать градиент:

Недавно использованные градиенты.

Вы также можете скрыть недавние градиенты, щелкнув значок меню панели «Градиенты» :

Открытие меню панели «Градиенты».

И выключение Показать последние :

Параметр «Показать недавние».

Создавайте эффекты цвета радуги с помощью Photoshop!

Параметры «Новая группа», «Новый градиент» и «Удалить градиент»

В нижней части панели «Градиенты» находятся параметры Создать новую группу , Создать новый градиент и Удалить градиент . Мы вернемся к этим параметрам чуть позже, когда рассмотрим, как создавать собственные градиенты:

.

Слева направо: «Новая группа», «Новый градиент» и «Удалить градиент».

Как загрузить устаревшие градиенты Photoshop

И, наконец, чтобы загрузить градиенты из более ранних версий Photoshop, щелкните значок меню панели «Градиенты» :

.

Открытие меню панели «Градиенты».

И выберите Устаревшие градиенты :

Загрузка устаревших градиентов.

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

Новый набор «Наследие градиентов».

Загрузите это руководство в формате PDF, готовом к печати!

Как создавать новые градиенты в Photoshop CC 2020

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

Шаг 1: Создайте новый набор градиентов

Во-первых, вам нужно создать новый набор для хранения ваших градиентов. Итак, начните с нажатия значка «Создать новую группу» в нижней части панели «Градиенты»:

Щелкните значок «Создать новую группу».

Затем дайте набору имя, например «Мои градиенты», и нажмите «ОК»:

Присвоение имени новому набору градиентов.

Вернувшись на панель «Градиенты», ваш новый набор появится ниже остальных:

Появился новый набор «Мои градиенты».

Шаг 2: щелкните значок «Создать новый градиент»

Затем щелкните значок Создать новый градиент :

Щелкните значок «Создать новый градиент».

Откроется Редактор градиентов Photoshop , который по умолчанию настроен на градиент Черный, Белый . Чтобы создать новый градиент, все, что нам нужно сделать, это отредактировать существующий.

Обратите внимание, что вам не нужно начинать с черно-белого градиента. Вы можете выбрать любой градиент в разделе Presets в верхней части редактора градиентов. Это те же градиенты, что и на панели «Градиенты»:

.

Диалоговое окно редактора градиентов.

Шаг 3: отредактируйте существующий градиент

Чтобы изменить цвет в градиенте, дважды щелкните его цветовую точку под панелью предварительного просмотра градиента:

Двойной щелчок по остановке цвета.

Затем выберите новый цвет в палитре цветов и нажмите OK:

Выбор нового цвета градиента.

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

.

Двойной щелчок по остановке другого цвета.

Затем я выберу другой новый цвет в палитре цветов и снова нажму OK:

Выбор другого нового цвета градиента.

Как превратить изображения в образцы цвета с помощью Photoshop!

Как добавить больше цветов в градиент

Чтобы добавить больше цветов в градиент, щелкните место под полосой предварительного просмотра, чтобы добавить новую точку цвета:

Щелкните, чтобы добавить новую точку цвета.

Затем дважды щелкните новую остановку, чтобы изменить ее цвет:

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

Выберите новый цвет в палитре цветов:

Выбор третьего цвета для градиента.

Затем нажмите OK, и теперь у нас есть три основных цвета в градиенте. Вы можете добавить столько цветов, сколько вам нужно:

Добавлен новый цвет.

Как перемещать цвета в градиенте

Чтобы переместить цвет в другое место в градиенте, щелкните точку его цвета и перетащите ее влево или вправо:

Перетаскивание точки цвета для ее перемещения по градиенту.

Или, выбрав цветовую точку, вы можете указать точное местоположение в процентах, введя значение в поле Location . Значение 0 процентов поместит точку цвета в крайнее левое положение градиента, 100 процентов поместит его в крайнее правое положение, а 50 процентов поместит его посередине:

.

Установка точного местоположения с помощью опции Location.

Как удалить цвет из градиента

Чтобы удалить цвет, просто нажмите на точку его цвета и перетащите ее вниз и в сторону от градиента, пока точка не исчезнет:

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

После удаления среднего цвета я вернулся к двухцветному градиенту:

Результат после удаления третьей цветовой остановки.

Как добавить прозрачность к градиенту

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

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

Непрозрачность градиента прекращается.

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

Здесь я выбрал точку непрозрачности справа и уменьшил ее значение непрозрачности до 0 процентов .И обратите внимание на панель предварительного просмотра, что градиент теперь меняется от красного слева к прозрачности справа. Шаблон шахматной доски на панели предварительного просмотра — это то, как Photoshop представляет прозрачность:

.

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

Я верну значение непрозрачности на 100 процентов , чтобы вернуть цвет:

Сброс непрозрачности останова до 100 процентов.

Как выбрать цвет текста из изображений с помощью Photoshop!

Шаг 4: Выберите набор градиентов

Когда вы будете готовы сохранить градиент, сначала перейдите в область Presets в редакторе градиентов и выберите набор, в котором вы хотите сохранить градиент.Я выберу созданный ранее набор «Мои градиенты»:

.

Выбор набора, который будет содержать градиент.

Шаг 5: Назовите градиент и нажмите «Создать».

Дайте вашему новому градиенту имя, а затем нажмите кнопку New :

Присвоение имени градиенту и нажатие кнопки «Создать».

Ваш новый градиент появляется в наборе:

Новый градиент сохранен.

Шаг 6. Закройте редактор градиентов

Нажмите OK, чтобы закрыть редактор градиентов:

Закрытие редактора градиентов.

И снова на панели «Градиенты» появляется новый градиент, готовый для добавления в ваш документ:

Новый градиент на панели «Градиенты».

Куда идти дальше

И вот оно! Это краткий обзор новой панели «Градиенты», новых градиентов по умолчанию и способов создания собственных градиентов в Photoshop CC 2020. В следующем уроке я покажу вам новые способы применения градиентов в Photoshop CC 2020, в том числе как перетаскивать их прямо с панели градиентов!

Или ознакомьтесь с дополнительными руководствами в разделе «Основы Photoshop». И не забывайте, что все наши уроки Photoshop доступны для скачивания в формате PDF!


Как сделать градиент в Photoshop (с иллюстрациями)

Об этой статье

Написано:

wikiHow Автор технологий

Эта статья была написана Николь Левин, МИД. Николь Левин (Nicole Levine) — писатель по технологиям и редактор wikiHow.Она имеет более чем 20-летний опыт создания технической документации и руководства группами поддержки в крупных компаниях, занимающихся веб-хостингом и программным обеспечением. Николь также имеет степень магистра искусств в области писательского мастерства Портлендского государственного университета и преподает композицию, написание художественной литературы и создание журналов в различных учебных заведениях. Эта статья была просмотрена 369 899 раз.

Соавторы: 10

Обновлено: 16 сентября 2021 г.

Просмотров: 369 899

Резюме статьиX

Чтобы создать градиент в Photoshop, щелкните инструмент «Градиент» на панели инструментов. Этот инструмент имеет квадратную иконку с серым градиентом и кнопку, совпадающую с инструментом ведро с краской. Если вы не видите инструмент «Градиент», нажмите и удерживайте ведро с краской, пока не развернется меню, а затем нажмите «Инструмент «Градиент»». На панели в верхней части Photoshop появятся различные инструменты градиента. Щелкните раскрывающееся меню, которое выглядит как широкий градиент, чтобы открыть редактор градиентов. Выберите один из пресетов, чтобы открыть градиент для редактирования — панель градиента внизу отобразит предварительный просмотр. Чтобы использовать предустановленный градиент, нажмите «ОК», а затем щелкните и перетащите область, которую хотите заполнить градиентом.Когда вы поднимете мышь, это добавит градиент к той части изображения, на которой вы разместили свою линию. Вы также можете использовать цвета, отличные от тех, что вы видите в подарках. Для этого щелкните раскрывающееся меню «Градиент», чтобы вернуться в редактор градиентов, и выберите «Основные градиенты», чтобы начать. Вы увидите квадрат в каждом углу панели предварительного просмотра. Ползунки внизу называются «Остановки» и контролируют, где цвета появляются на градиенте. Нажмите нижний левый стоп, а затем выберите цвет в раскрывающемся списке «Цвет».Затем выберите конечный цвет, щелкнув нижнюю правую точку и выбрав другой оттенок. Теперь перетащите точки в нужные места, пока цвета градиента не станут такими, как вы хотите. Когда вы сделаете это, в середине появится еще одна точка, которая регулирует положение, в котором цвета смешиваются вместе. Если вы хотите добавить больше цветов, щелкните под градиентом, где вы хотите добавить цвет, чтобы создать еще одну точку, а затем выберите нужный цвет. Чтобы удалить остановку, просто выберите ее и нажмите «Удалить».»» Ограничители в двух верхних углах — это ограничители непрозрачности, которые контролируют, насколько жестким или полупрозрачным будет цвет в определенной области. Вы также можете использовать меню «Гладкость», чтобы настроить плавность градиента там, где он меняет цвет. Когда закончите, нажмите «ОК», а затем нарисуйте линию, чтобы разместить градиент.

  • Печать
  • Отправить фанатскую почту авторам
Спасибо всем авторам за создание страницы, которую прочитали 369 899 раз.

Как сделать градиенты в Photoshop (и не только!)

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

Градиент — это постепенное смешение двух или более цветов (или разных оттенков одного и того же цвета). Обычно градиенты используются для добавления эффектов света/тени, добавления объема объектам и создания отражающих поверхностей, таких как металлические материалы и золото. Другие очень популярные способы использования цветовых градиентов включают создание абстрактных фонов, добавление цветовых наложений и подчеркивание фирменного стиля. Даже тонкий градиент может иметь большое значение.

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

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

Инструменты градиента часто позволяют выбирать из различных типов градиентов. Обычно это включает:

  1. Линейный
  2. Радиальный
  3. Угловой
  4. Отражение
  5. Алмаз

В этом уроке мы сосредоточимся в основном на линейных градиентах.

Следите за новостями на нашем канале Envato Tuts+ YouTube:

1.

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

Шаг 1

Нажмите G на клавиатуре или выберите инструмент Градиент на панели инструментов. Если он не виден, нажмите и удерживайте инструмент Paint Bucket Tool  , чтобы получить к нему доступ.

Шаг 2

Щелкните внутри полосы градиента, которая появится в левом верхнем углу (она появится только в том случае, если был выбран инструмент «Градиент»).

Шаг 3

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

Шаг 4

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

Шаг 5

Чтобы выбрать цвет, либо дважды щелкните на цветовой остановке, либо щелкните образец цвета ниже. Выбрав цвет, нажмите OK .

Шаг 6

Определите конечный цвет, щелкнув цветовую точку справа от полосы.

Шаг 7

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

Шаг 8

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

Шаг 9

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

Шаг 10

Чтобы удалить точки цвета, просто нажмите и перетащите точку вниз, пока она не исчезнет.Вы также можете нажать «Удалить» после выбора остановки цвета.

Шаг 11

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

Шаг 12

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

Непрозрачность цвета представлена ​​шахматным узором, когда значение ниже 100%.

2. Как сохранить предустановленные градиенты в Photoshop

Шаг 1

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

Шаг 2

Нажмите кнопку  New  , чтобы добавить новый градиент в меню предустановок.

Шаг 3

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

Шаг 4

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

3. Как загрузить предустановленные градиенты в Photoshop

Шаг 1

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

Шаг 2

Чтобы загрузить предыдущую библиотеку градиентов, нажмите кнопку Загрузить и выберите созданный файл библиотеки. Это загрузит сохраненную библиотеку градиентов.

Шаг 3

Вы также можете загрузить предустановленные градиенты Photoshop, например, специально созданные для металлов. Чтобы получить к нему доступ, нажмите на маленький значок шестеренки в правом верхнем углу редактора градиента.Затем выберите в меню Metals и нажмите OK .

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

Отлично! Вы закончили!


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

Узнайте больше о градиентных навыках!

Теперь, когда вы изучили основы создания, сохранения и загрузки градиентов, ознакомьтесь с приведенными ниже учебными пособиями! Расширьте свой опыт, ознакомившись с этими подробными руководствами. Удачного проектирования!

Как сделать собственный градиент в Photoshop Photoshop Tutorial

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

Вы можете сделать свои собственные градиенты всего за несколько шагов. Но если вы ищете готовые градиенты Photoshop, обязательно ознакомьтесь с этими коллекциями:

. Например, градиенты

Sunset были частью ретро-стиля synthwave вместе с хромированным шрифтом и типографикой 80-х годов.Также в дизайне в стиле 80-х использовались металлические градиенты, такие как хромированные градиенты.

Где находится инструмент «Градиент» в Photoshop?

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

Откройте инструмент градиента

Photoshop Elements: инструмент градиента справа от инструмента «Ведро с краской» на панели инструментов и сочетания клавиш G.

Adobe Photoshop: инструмент градиента находится под инструмент ведро с краской на панели инструментов, а сочетание клавиш — G.

Выберите тип градиента в опциях бар. Я выбрал линейный.

Выберите градиент изменить, если есть один близко к тому, что вы хотите. В противном случае градиент Редактор будет использовать текущий выбранный градиент. На панели параметров щелкните стрелку рядом с окном предварительного просмотра градиента, чтобы открыть средство выбора градиента. Примечание : Ваши градиенты могут не выглядеть как мои, потому что это зависит от градиента набор, который вы загрузили! Если вы используете Elements, вы будет иметь кнопку Edit .Если вы используете фотошоп, у вас не будет кнопки Edit .

Элементы

Фотошоп

Элементы: Нажмите Редактировать кнопку рядом с окном предварительного просмотра градиента, чтобы открыть редактор градиента.

Photoshop: Двойной щелчок предварительный просмотр градиента на панели параметров, чтобы открыть редактор градиента.

Работа с редактором градиентов Photoshop

Редактор градиента как в Elements, так и в Photoshop есть тоже самое.

Выберите градиент Тип : Шум или сплошной сигнал. (Градиенты шума содержат случайно распределенные цвета внутри указанный вами диапазон цветов. Если вы хотите больше информацию о градиентах шума, перейдите в онлайн-справку и введите Noise Gradient в поле поиска.)

Выбрать настройка плавности: чем более плавно вы хотите, чтобы цвета смешивались, тем выше значение должно быть до 100%.

Как использовать Photoshop Gradient Ramp

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

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

Настройка цветовых точек в градиентах Photoshop

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

1. Выбранная остановка : Выберите остановки, щелкнув на них. Выбранная остановка имеет точку темного цвета. Любые манипуляции что вы сделаете с цветом или положением, повлияет только на выбранную остановку. Тянуть остановку в новом месте, чтобы изменить «скорость» градиента (как быстро он смешивается вместе) или используйте поле Location чтобы вручную ввести процент. Попробуйте сдвинуть один из цветов остановится и посмотреть, как это повлияет на ваш градиент.

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

3. Кнопка Удалить : Щелчок удаляет выбранную остановку с градиентной рампы.Вы также можете перетащить остановку подальше от рампы и бросьте его, чтобы удалить. Попробуйте оба, а затем используйте отменить (cmd/ctrl + Z), чтобы получить его обратно.

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

5 . Местоположение : Вы можете установить местоположение здесь вручную, в процентах, от 0% до 100%, 0 крайний левый и 100 все путь направо. Это наиболее полезно, когда вы хотите разделить цвета точно.

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

У вас должно получиться что-то вроде этого:

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

Добавление дополнительных точек цвета в инструмент «Градиент»

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

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

Photoshop Gradients Custom Opacity Stops

Ограничители непрозрачности позволяют регулировать прозрачность градиента. Нажмите на любую точку непрозрачности, чтобы выбрать ее. На скриншоте ниже У меня выбрана левая остановка непрозрачности. Точка черная, чтобы показать это выбран. Элементы управления непрозрачностью теперь будут активны. ниже рампы, а не элементов управления цветом. Обратите внимание, что у вас также есть средняя точка, как и в случае с элементами управления цветом. Вы можете настроить это точно так же, как настройка средней точки цвета, и она будет определять, как прозрачность распределяется по градиенту.

Обратите внимание на настройку непрозрачности : вы можете используйте ползунок, чтобы настроить непрозрачность выбранного ползунка непрозрачности от 0 до 100%, и точка остановки тоже изменится, чтобы отразить непрозрачность. Заметьте также, что вы можно увидеть сетку прозрачности под цветами, чтобы показать вам, как градиент будет смотреть. Мое местоположение по-прежнему 0%, потому что ползунок я не двигал, но вы также можете изменить это, введя процент или переместив стоп.

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

Как создать и сохранить собственный градиент в Photoshop

Чтобы сохранить градиент, который вы сделали, естественно сделать он нажимает кнопку «Сохранить», верно? Неправильно! Здесь Adobe бросила вам изгиб. Вы еще не добавили новый градиент к образцам, и его необходимо добавить, прежде чем вы сможете его сохранить. Если вы нажмете «Сохранить сейчас», градиент действительно не будет сохранен.

Введите имя нового градиента в поле Имя и затем щелкните Новый кнопка .

Теперь градиент появится в образцах.

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

Когда окно обзора открывается, вероятно, градиенты по умолчанию в папке Elements или Photoshop введите уникальное имя. То файл будет сохранен как файл .GRD, формат градиента Photoshop. пресеты.Щелкните Сохранить.

Это не только сохранило новый градиент, который вы только что сделали, но и он также сохранил те, которые уже были загружены.

Откройте параметры палитры и выберите Сброс Градиенты . Когда вас спросят, хотите ли вы заменить градиенты с градиентами по умолчанию, скажем, Да . градиенты возвращаются к значениям по умолчанию. (Примечание. Иногда при загрузке градиентов может потребоваться добавить градиенты, которые вы загружаете, к текущим. Это сохранит текущий загружены градиенты и добавьте новые в конец пресетов.Если в этом случае нажмите Добавить . )

Загрузка пользовательского файла градиента GRD в Photoshop

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

Этого можно избежать, открыв параметры палитры и выбрав Заменить градиенты из меню.Выбрать новый файл и нажмите Загрузить .

Что, если вы не хотите загружать все эти дополнительные градиенты?

Как сохранить пользовательские наборы градиентов Photoshop

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

Щелкните правой кнопкой мыши (пользователи Mac + Нажмите, чтобы получить контекст меню) на первом градиенте в левом верхнем углу и выберите Удалить градиент .Градиент удаляется из пресетов.

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

Теперь нажмите кнопку Сохранить , и вы можете выберите новое имя для набора градиентов. Я назвал их fruit_gradients.GRD. Щелкните Сохранить в нижней части диалогового окна, и теперь у вас есть новый набор предустановок градиентов.Нажмите OK , чтобы выйти из градиента . Редактор . Теперь они могут быть загружены, как мы делал раньше.

При желании можно скачать фруктовые градиенты здесь. Они будут работать в Photoshop 7 и PS, CS5, CS6, CC и Elements 2. (Они могут работать в Elements 1 и более ранних версиях Photoshop, но я не проверял их, так как они не установлены на этой машине.)

Это руководство первоначально появилось на http://www.northlite.net, веб-сайте, который больше не существует. Я сохранил этот контент для всех любителей Photoshop, которые хотят узнать больше о пользовательских градиентах Photoshop.

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

.

Теперь вы знаете, как сделать собственный градиент в Photoshop. Какой градиент вы сделаете?

Ознакомьтесь с этим списком из более чем 1800 различных градиентов Photoshop и поэкспериментируйте с ними в своих проектах.

Как установить узоры, слои, кисти и градиенты

Установка узоров, слоев, кистей и градиентов в Adobe Photoshop или Illustrator.

Узоры, слои, кисти, установка градиентов. Star Print Brokers печатает книги и оформляет книги. Это краткое руководство, которое поможет сделать дизайн книги еще более привлекательным. Он может быть продвинутым, поэтому он предназначен для опытных художников-графиков или быстро обучающихся!

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

Не забывайте дважды проверять свои файлы при использовании узоров, слоев, кистей, градиентов.Просто убедитесь, что все в CMYK.

Установка шаблонов

Для установки шаблонов в Adobe Photoshop и Adobe Illustrator:

Photoshop:  Шаблоны . Файлы PAT

  1. Выберите «Правка» > «Стили» > «Менеджер пресетов». Выберите тип пресета Patterns.
  2. Щелкните Загрузить. Перейдите к файлу, который вы хотите установить, с расширением . pat. Щелкните открыть.
  3. Новые узоры будут расположены в меню «Слой» > «Стили слоя» > «Наложение узора».

Иллюстратор:  Шаблоны . AI или . Образцы ASE

  1. Выберите «Окно» > «Библиотеки образцов» > «Другая библиотека»
  2. Найдите файл образца образца Illustrator с расширением .ai или .ase. Щелкните открыть.
  3. Образцы будут находиться на отдельной панели образцов.
  4. Вы также можете открыть файл .AI как обычный файл Illustrator. Файл может выглядеть пустым, но образцы появятся на панели образцов (Окно > Образцы.)

Установка стилей слоя

Для установки стилей слоя необходимо выполнить следующие шаги:

Photoshop: стили  . Файлы ASL

  1. Выберите «Правка» > «Стили» > «Менеджер шаблонов». Выберите тип пресета «Стили».
  2. Щелкните Загрузить. Найдите файл с расширением .ASL. Щелкните открыть.
  3. Новые узоры появятся на панели стилей (Окно > Стили).

Illustrator: Графические стили   – это . Файлы AI

  1. Выберите «Окно» > «Библиотеки графических стилей» > «Другая библиотека»
  2. Найдите файл графического стиля Illustrator с расширением .ai, затем нажмите «Открыть».
  3. Образцы будут отображаться в виде отдельной панели стилей графики.
  4. Вместо этого вы можете открыть файл .AI как обычный файл Illustrator. Файл может выглядеть пустым, но образцы появятся на панели стилей графики (Окно > Стили графики). «Правка» > «Стили» > «Менеджер пресетов». Выберите тип предустановки «Градиенты».
  5. Щелкните Загрузить. Найдите файл(ы) с расширением .GRD. Щелкните открыть.
  6. Ваши новые узоры будут в вашем инструменте «Градиент» или там, где градиенты находятся в стилях слоя (Окно > Инструменты или Слой > Стили слоя).

Установка кистей и предустановок инструментов

Установка кистей и предустановок инструментов:

ABR — кисти Photoshop
Установка:

  1. Перейдите в меню «Правка» > «Стили» > «Менеджер наборов». Выберите тип предустановки «Кисти».
  2. Щелкните Загрузить. Найдите файл с расширением .ABR. Щелкните открыть.
  3. Ваши кисти будут в инструменте «Кисть» на панели кистей (Окно > Кисть)

AI — Кисти Illustrator
Установка:

  1. Перейдите в «Окно» > «Библиотеки кистей» > «Другая библиотека» заканчивается на .ai. Щелкните открыть.
  2. Новые кисти будут находиться на отдельной панели кистей.
  3. Вместо этого вы можете открыть файл .AI как обычный файл Illustrator.Файл может выглядеть пустым, но кисти появятся на панели «Кисти» («Окно» > «Кисти»). Нажмите маленькую кнопку меню в правом верхнем углу. Выберите «Загрузить наборы инструментов…».
  4. Найдите файл .TPL в своих файлах и нажмите «Открыть». Ваши новые предустановки инструментов появятся на панели предустановок инструментов.

Когда вы готовите книгу к печати с помощью Star Print Brokers, все изображения должны быть предоставлены с разрешением 300 dpi (или больше) и такого же размера, как они будут в книге. Мы рекомендуем 350 dpi, чтобы обеспечить некоторое увеличение. Размер изображений, которые будут выходить за обрез, должен включать дополнительный размер изображения за обрез 0,125 дюйма (или 3 мм) для всех четырех сторон. Предпочтительны файлы TIF, но допускается формат JPG.

Фотографии должны быть US Sheetfed Coated v2 (мы можем подать заявку, если сделаем конвертацию). Черно-белые фотографии могут быть просто в оттенках серого.

Наслаждайтесь новым видом, устанавливая узоры, слои, кисти, градиенты, чтобы обновить свой дизайн! Не забудьте распечатать свою книгу с помощью Star Print Brokers.Пока Amazon печатает книги, мы печатаем книги лучше!

бесплатных градиентов для Photoshop, чтобы улучшить ваш дизайн

Я сказал «бесплатные градиенты для Photoshop» ? Да, похоже на это 😉 . Градиенты сегодня действительно не на пике популярности. Они также не входят в список модных особенностей плоского стиля. Однако иногда нам нужно вернуться к старым добрым вещам, чтобы оживить наши проекты.

Например, не так давно я сделал для вас инфографику .Вы помните эту битву Sketch против Photoshop ? Первоначальная концепция дизайна была абсолютно минимальной, но когда я увидел результат, он разочаровал и меня, и дизайнера. Почему? Было скучно!

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

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

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



























25 градиентов для Апофиза


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

Спасибо и хорошего дня!





25+ бесплатных градиентов для Photoshop для улучшения графики FAQ

Что такое бесплатные градиенты для Photoshop?

Градиент в компьютерной графике — это плавный переход от одного цвета к другому или от цвета к прозрачности. Очень часто он используется для создания множества эффектов.

Как создать бесплатные градиенты для Photoshop?

Для этого используйте Gradient Tool (Градиент) на панели инструментов.Затем:
выберите область, которую хотите заполнить градиентом;
активировать инструмент "Градиент" на панели инструментов Photoshop или нажать клавишу "G" на клавиатуре;
активировать необходимые параметры градиента в панели настроек;
щелкните место изображения, где должен начинаться градиент, а затем перетащите его левой кнопкой мыши в конечную точку градиента.

Как загрузить дополнительные бесплатные градиенты для Photoshop?

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

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

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

Как создать прозрачный градиент в Photoshop

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

В Photoshop это можно сделать несколькими способами. Одним из самых простых является создание прозрачного градиента.

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

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

Начнем.

Как создать прозрачный градиент в Photoshop

Шаг 1. Выберите основное изображение

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

(Если выбранное вами изображение не совсем то, что вам нужно, см.: как изменить цвет фона в Photoshop как один из способов изменить его.)

Я выбрал одну из своих кухонь:

Шаг 2. Добавьте новый слой

Далее вам нужно добавить новый слой.

Это можно сделать, щелкнув значок Новый слой в нижней части панели Слои .

Если вы предпочитаете сочетание клавиш, вы можете использовать Command-Option-Shift-N (Mac) или Control-Alt-Shift-N (Windows).

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

После того, как вы это сделаете, ваша панель слоев должна выглядеть так:

Шаг 3. Добавьте маску слоя

Следующим шагом будет добавление маски слоя к слою с изображением.

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

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

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

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

Шаг 4. Создайте прозрачный градиент

Сначала выберите инструмент Градиент на панели инструментов слева.Сделать это можно, просто нажав клавишу G или нажав на нее.

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

Photoshop часто объединяет несколько инструментов над одним значком, поэтому убедитесь, что вы выбрали правильный инструмент.

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

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

Теперь создадим прозрачный градиент.

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

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

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

Получение нужного градиента может занять несколько раз. Хорошо. Просто нажмите Cmd -Z (Mac) или Ctrl-Z (Windows), чтобы отменить действие, а затем повторно применяйте, пока не получите желаемый эффект. (Вы можете сделать это в любой момент процесса.)

Для этого изображения я предпочитаю подниматься из нижнего правого угла:

Шаг 5. Добавьте фон

Теперь, когда у вас есть градиент, пришло время добавить фон, на котором он будет плавно переходить.

Переход в сплошной цвет

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

Чтобы использовать сплошной цвет, выберите фоновый слой, а затем инструмент Заливка . Как упоминалось ранее, это может быть объединено с вашим инструментом градиента. Если это так, щелкните правой кнопкой мыши инструмент градиента и выберите ведро с краской.

В последних версиях Photoshop Paint Bucket вложен в инструмент Gradient.

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

Переход в фоновое изображение

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

Сначала перетащите/вырежьте и вставьте выбранное фоновое изображение в Photoshop и убедитесь, что это фоновый слой.

Если он не идеального размера, не беспокойтесь. Мы исправим это через мгновение.

Чтобы получить правильный размер изображения, используйте инструмент Free Transform .

Убедитесь, что фоновое изображение выбрано, а затем нажмите Command-t (Mac) или Control-t (Windows). Теперь вы можете изменить размер, пропорции и расположение фонового изображения.

С помощью инструмента «Свободное преобразование» я смог увеличить изображение вафли и немного сдвинуть его вправо. Конечно, инструмента Move было бы достаточно, чтобы просто переместить его, но мне нужно было заполнить всю прозрачную область .

Шаг 6. Тонкая настройка

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

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

(Чтобы добавить больше фонового изображения, я бы изменил цвет на белый.)

Поскольку я все еще хотел плавного перехода, я сделал кончик кисти растушеванным и большим, а затем установил непрозрачность на 46%.

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

Вот окончательное изображение:

Заключительные слова

Как видите, создать прозрачный градиент в Photoshop довольно просто.

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

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

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

.
Comments