Загрузить градиенты в фотошоп: Как установить новый градиент в Photoshop / Creativo.one

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

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

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

Шаг №1

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

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

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

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

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

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

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

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

Шаг №2

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

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

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

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

Шаг №3

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

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

Шаг №4

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

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

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

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

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

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

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

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

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

Как партнер Amazon, мы зарабатываем на соответствующих покупках.

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

Быстрая Навигация

• Как сделать градиент в фотошопе
  • Создать новый документ
  • Выберите инструмент «Градиент».
  • Откройте редактор градиентов.
  • Применить градиент
• Часто задаваемые вопросы
  • Как нарисовать идеально горизонтальный градиент?
  • Как я могу сделать градиент прозрачным в Photoshop?
• Заключительные мысли

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

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

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

Создать новый документ

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

Вы также можете перейти к «Файл» в меню верхней панели, а затем выбрать «Создать» или нажать сочетание клавиш Ctrl + N, если вы используете ПК с Windows, или Command + N, если вы используете Mac. Желательно оставить разрешение до 72 пикселей/дюйм и фон белый.

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

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

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

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

Откройте редактор градиентов.

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

У вас будет возможность использовать Редактор градиентов, который даст вам возможность настроить градиентную заливку или применить простой градиент используя предустановки Gradient Picker. Обычно Редактор градиентов — лучший вариант для работы с недвижимостью, поскольку вы можете создать уникальный градиент и сохранить его.  

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

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

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

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

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

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

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

• Цветовые гармонии 1
• Цветовые гармонии 2
• Спектры
• спецэффекты
• просто
• Фотографическое тонирование
• пастель
• Металлургия
• Образцы шума
• Нейтральная Плотность

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

Настроить градиент

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

1. Выбранный вами предустановленный градиент появится на панели градиента. Начните с установки типа градиента на сплошной, чтобы сгладить переход цвета.
2. Остановки цвета на обоих концах полосы градиента обозначены как маленькие квадратные образцы цвета. Нажмите на первое поле остановки цвета слева, а затем нажмите на образец цвета, чтобы выбрать цвет вы хотите перейти из всплывающей палитры цветов.
3. Щелкните второе поле остановки справа, а затем щелкните образец цвета, чтобы выбрать цвет, к которому вы хотите перейти, в появившейся палитре цветов. Кроме того, вы можете дважды щелкнуть маленькое поле остановки, чтобы открыть палитру цветов.
4. Обычно прямо под полосой градиента находится небольшой значок в форме ромба, который показывает среднюю точку смешивания цветов. Вы можете изменить эту точку, щелкнув и перетащив значок вправо или влево. Как правило, смещение средней точки также отражается в процентах в параметре «Расположение», который вы по-прежнему можете использовать для непосредственного ввода средней точки.
5. Если вам нужен переход нескольких цветов, вы можете добавить другой цвет, поместив стрелку мыши прямо под полосой градиента, где вы хотите новый цвет. 
6. Как только стрелка мыши изменится на значок руки, щелкните, чтобы добавить цветовую точку. Затем вы можете дважды щелкнуть поле, чтобы открыть палитру цветов.
7. Вы можете изменить порядок цветов, введя процент сдвига вправо или влево для выбранного цвета. Например, ввод 50% в параметрах местоположения сместит выбранный цвет в середину трехцветного градиента.
8. Вы можете удалить цвет из градиента, нажав на его стоп-бокс, а затем перетащив его вниз, пока он не исчезнет. 
9. После того, как градиент установлен, вы можете сохранить его как предустановку для более удобного применения. Введите имя пресета в поле «Имя», нажмите «Создать», чтобы добавить пресет в качестве одного из эскизов существующих пресетов, а затем нажмите «ОК», чтобы закрыть редактор.

Применить градиент

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

Часто задаваемые вопросы

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

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

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

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

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

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

Использование градиентов в Photoshop Elements

Руководство пользователя Отмена

Поиск

Последнее обновление: 12 января 2022 г., 12:49:29 по Гринвичу

1. Руководство пользователя Photoshop Elements
2. Введение в Photoshop Elements
   1. Что нового в Photoshop Elements
   2. Системные требования | Элементы Фотошопа
   3. Основы рабочего пространства
   4. Ведомый режим
   5. Создание фотопроектов
3. Рабочее пространство и среда
   1. Знакомство с главным экраном
   2. Основы рабочего пространства
   3. Инструменты
   4. Панели и ящики
   5. Открыть файлы
   6. Линейки, сетки и направляющие
   7. Расширенный быстрый режим
   8. Информация о файле
   9. Пресеты и библиотеки
   10. Поддержка мультитач
   11. Скретч-диски, плагины и обновления приложений
   12. Отмена, повтор и отмена действий
   13. Просмотр изображений
4. Исправление и улучшение фотографий
   1. Изменение размера изображений
   2. Обрезка
   3. Обработка необработанных файлов изображений камеры
   4. Добавить размытие, заменить цвета и клонировать области изображения
   5. Настройка теней и света
   6. Ретушь и корректировка фотографий
   7. Повышение резкости фотографий
   8. Трансформация
   9. Автоматический интеллектуальный тон
   10. Перекомпоновка
   11. Использование действий для обработки фотографий
   12. Photomerge Compose
   13. Создать панораму
   14. Перемещение наложений
   15. Подвижные элементы
5. Добавление фигур и текста
   1. Добавление текста
   2. Редактировать текст
   3. Создание фигур
   4. Редактирование фигур
   5. Обзор окраски
   6. Малярные инструменты
   7. Настройка кистей
   8. Узоры
   9. Заливки и штрихи
   10. Градиенты
   11. Работа с азиатским типом
6. Управляемое редактирование, эффекты и фильтры
   1. Управляемый режим
   2. Фильтры
   3. Управляемый режим редактирования Photomerge
   4. Управляемый режим Основные правки
   5. Регулировочные фильтры
   6. Эффекты
   7. Управляемый режим Забавные правки
   8. Управляемый режим Специальные правки
   9. Художественные фильтры
   10. Управляемый режим Редактирование цвета
   11. Управляемый режим черно-белого редактирования
   12. Фильтры размытия
   13. Фильтры для мазка кистью
   14. Фильтры искажения
   15. Прочие фильтры
   16. Помехоподавляющие фильтры
   17. Фильтры визуализации
   18. Эскизные фильтры
   19. Фильтры для стилизации
   20. Текстурные фильтры
7. Работа с цветами
   1. Понимание цвета
   2. Настройка управления цветом
   3. Основы коррекции цвета и тона
   4. Выберите цвет
   5. Настройка цвета, насыщенности и оттенка
   6. Исправить цветовые оттенки
   7. Использование режимов изображения и таблиц цветов
   8. Цвет и камера RAW
8. Работа с выделением
   1. Создание выделения в Photoshop Elements
   2. Сохранение выбора
   3. Изменение выбора
   4. Перемещение и копирование выделенного
   5. Редактировать и уточнить выборки
   6. Сглаживание краев выделения со сглаживанием и растушевкой
9. Работа со слоями
   1. Создание слоев
   2. Редактировать слои
   3. Скопируйте и расположите слои
   4. Корректирующие слои и слои-заливки
   5. Обтравочные маски
   6. Маски слоя
   7. Стили слоя
   8. Непрозрачность и режимы наложения
10. Создание фотопроектов
    1. Основы проекта
    2. Создание фотопроектов
    3. Редактирование фотопроектов
11. Сохранение, печать и обмен фотографиями
    1. Сохранение изображений
    2. Печать фотографий
    3. Делитесь фотографиями онлайн
    4. Оптимизация изображений
    5. Оптимизация изображений для формата JPEG
    6. Дизеринг веб-изображений
    7. Управляемое редактирование — панель «Поделиться»
    8. Предварительный просмотр веб-изображений
    9. Использовать прозрачность и матовость
    10. Оптимизация изображений для формата GIF или PNG-8
    11. Оптимизация изображений для формата PNG-24
12. Сочетания клавиш
    1. Клавиши для выбора инструментов
    2. Клавиши для выбора и перемещения объектов
    3. Клавиши для панели «Слои»
    4. Клавиши для отображения или скрытия панелей (экспертный режим)
    5. Ключи для рисования и кисти
    6. Клавиши для использования текста
    7. Ключи для фильтра Liquify
    8. Ключи для трансформации выделений
    9. Клавиши для панели «Образцы цвета»
    10. Клавиши для диалогового окна Camera Raw
    11. Ключи для галереи фильтров
    12. Клавиши для использования режимов наложения
    13. Клавиши для просмотра изображений (экспертный режим)

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

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

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

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

Оттенки от начальной до конечной точки по прямой линии.

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

Оттенки от начальной до конечной точки по кругу.

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

Тени в движении против часовой стрелки вокруг начальной точки.

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

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

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

Оттенки от начальной точки наружу в виде ромба.

Конечная точка определяет один угол ромба.

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

Градиенты хранятся в библиотеках. Вы можете выбрать другой библиотека градиентов для отображения в меню Gradient Picker, нажав меню и выберите библиотеку внизу списка. Вы также можете сохранять и загружать свои собственные библиотеки градиентов в этом меню. Вы также можете управлять градиентами с помощью Preset Manager.

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

2. Выберите инструмент «Градиент».

3. На панели параметров инструмента выберите нужный тип градиента.

4. Выберите градиентную заливку на панели выбора градиента. на панели параметров инструмента.

5. (Необязательно) Задайте параметры градиента на панели параметров инструмента.

   Режим

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

   Непрозрачность

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

   Задний ход

   Меняет порядок цветов в градиентной заливке.

   Прозрачность

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

   дизеринг

   Создает более плавный переход с менее заметными полосами цвета.

6. На изображении поместите указатель в нужное место. установите начальную точку градиента и перетащите, чтобы определить окончание точка. Чтобы ограничить угол градиента кратным 45°, удерживайте Shift вниз при перетаскивании.

1. Выберите текст, который хотите заполнить.

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

3. Удерживая нажатой клавишу «Control» (удерживая нажатой клавишу «Command», нажмите в Mac OS) миниатюру для текстового слоя на панели «Слои», чтобы выбрать текст.

4. Выберите инструмент «Градиент».

5. На панели параметров инструмента выберите нужный тип градиента.

6. Выберите градиентную заливку на панели выбора градиента.

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

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

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

A. Color Stop B. Color Средняя точка  C. Конечная непрозрачность

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

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

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

3. В разделе Preset диалогового окна Gradient Editor, выберите градиент, на основе которого будет создан новый градиент.

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

5. Чтобы настроить точку остановки цвета, перетащите остановитесь влево или вправо.

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

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

8. Чтобы удалить редактируемую точку цвета, щелкните Удалить.

9. Чтобы установить плавность перехода цвета, введите процент в текстовом поле «Гладкость» или перетащите ползунок.

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

11. Чтобы сохранить градиент в наборах настроек градиента, введите имя нового градиента, а затем нажмите «Добавить в предустановку».

12. Нажмите OK. Вновь созданный градиент выбран и готов использовать.

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

1. Создать градиент.

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

3. Задайте непрозрачность одним из следующих способов:

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

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

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

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

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

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

9. Чтобы сохранить градиент в пресеты градиента, введите новое имя в текстовом поле «Имя», а затем нажмите «Создать». Это создает новый набор настроек градиента с заданной вами настройкой прозрачности.

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

А Градиент шума — это градиент, который содержит случайно распределенные цвета в указанном диапазоне цветов.

Градиенты шума с различными значениями шума.

A. 10 % шума B. 50 % шума C. 90 % шума

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

2. Чтобы отобразить диалоговое окно Редактор градиентов, щелкните значок Кнопка «Изменить» на панели параметров инструмента.

3. Выберите «Шум» в меню «Тип градиента».

4. Установите параметры градиента.

   Шероховатость

   Устанавливает степень мягкости перехода между цветами в шаблоне.

   Цветовая модель

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

   Ограничить цвета

   Предотвращает перенасыщение цветов.

   Добавить прозрачность

   Добавляет прозрачность случайным цветам.

5. Чтобы случайным образом смешать цвета, нажмите кнопку «Случайно» пока не найдете нужный вам градиент.

6. Введите имя для нового градиента.

7. Чтобы добавить набор настроек градиента, нажмите «Создать».

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

Больше подобных

• Создание слоев-заливок
• Упрощение слоя
• Использование Adobe Color Picker

Войдите в свою учетную запись

Войти

Управление учетной записью

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

Создать новый документ

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

Перейдите в меню «Файл» > «Создать».

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

Создание нового документа размером 1200 на 800 пикселей.

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

Открыв новый документ, я выберу Photoshop Gradient Tool из Панель инструментов :

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

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

Как мы узнали из предыдущего урока, после выбора инструмента «Градиент» есть два разных способа выбора градиента. Мы можем выбрать один из готовых предустановленных градиентов Photoshop из Gradient Picker или создать и отредактировать собственный градиент с помощью Gradient Editor . Чтобы открыть редактор градиентов, щелкните прямо на панели предварительного просмотра градиента 9.0577 на панели параметров. Если вы нажмете маленькую стрелку справа от панели предварительного просмотра, вы откроете средство выбора градиента, которое мы рассмотрели ранее. На этот раз нам нужен редактор градиентов, поэтому убедитесь, что вы щелкнули саму панель предварительного просмотра:

.

Щелкните панель предварительного просмотра градиента на панели параметров.

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

.

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

Область пресетов

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

Редактор градиентов сам по себе разделен на два основных раздела; вверху есть область пресетов, а под ней — раздел редактирования. Область Presets работает так же, как Gradient Picker, показывая нам миниатюры всех предустановленных градиентов, которые мы можем выбрать. Чтобы выбрать градиент, просто нажмите на его миниатюру. Название градиента, на который вы нажали, отображается под миниатюрами:

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

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

.

Щелкните значок шестеренки.

Другие наборы градиентов перечислены в нижней части появившегося меню. Каждый набор основан на определенной теме, такой как цветовые гармонии, металлы, пастели и так далее. Чтобы выбрать один, нажмите на его имя в списке. я выберу Цветовые гармонии 1 :

Выбор цветовых гармоний 1 набор.

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

Нажмите OK, чтобы заменить градиенты по умолчанию новым набором.

И теперь мы видим, что оригинальные градиенты были заменены новым набором:

Цветовые гармонии 1 градиент.

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

.

Щелкните значок шестеренки.

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

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

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

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

И теперь мы снова видим исходные градиенты:

Восстановлены исходные градиенты.

Зона редактирования

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

Плагин шорткодов, действий и фильтров: ошибка в шорткоде [ ads-basics-middle-float ]

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

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

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

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

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

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

Тип градиента

Если вместо плавного градиента вы видите что-то похожее на случайный набор цветных линий на полосе градиента, убедитесь, что для параметра Gradient Type над полосой установлено значение Solid , а не Noise . Мы рассмотрим градиенты шума в отдельном уроке, потому что не только выглядит иначе, чем , но и шаги для их создания также отличаются. В общем, всякий раз, когда вы хотите создать стандартный градиент, который плавно переходит от одного сплошного цвета к другому, вам нужно, чтобы для параметра «Тип градиента» было установлено значение «Сплошной»:

Убедитесь, что для параметра «Тип градиента» установлено значение «Сплошной».

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

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

Цвет останавливается ниже каждого конца градиента.

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

.

Нажмите на точку цвета, который хотите изменить.

Выбрав остановку, я нажму на образец цвета:

Щелкните образец, чтобы изменить цвет.

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

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

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

Черный цвет градиента изменен на красный.

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

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

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

Изменение белого цвета в градиенте на желтый.

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

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

Получите все наши уроки Photoshop в формате PDF! Загрузите их сегодня!

Плагин шорткодов, действий и фильтров: ошибка в шорткоде [ ads-basics-middle-2 ]

Регулировка средней точки

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

Значок средней точки.

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

.

Настройка перехода путем перетаскивания значка средней точки.

Вариант местоположения

Когда мы перетаскиваем значок средней точки, параметр Location под полосой градиента обновляется, чтобы показать нам точное место в процентах, где находится средняя точка между двумя цветами. Расположение по умолчанию — 50% (ровно посередине между ними), но после перетаскивания средней точки влево значение Location теперь показывает среднюю точку 25% . Другими словами, теперь моему градиенту требуется только четверть общего расстояния между цветами для перехода от цвета слева к средней точке и три четверти расстояния для перехода от средней точки к цвету справа:

Текущее местоположение средней точки.

Мы уже видели, что мы можем изменить положение средней точки, перетащив ее значок, но мы также можем изменить его, введя определенное значение в поле «Местоположение». Если я хочу переместить свою среднюю точку с отметки одной четверти, скажем, на отметку три четверти, я могу сделать это, изменив значение моего местоположения с 25% на 75% :

.

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

И теперь мы видим, что значок средней точки перепрыгнул к этой отметке 75%, растянув расстояние между красной и средней точкой и сжав расстояние между средней точкой и желтым цветом:

Новая мидпоинт.

Я верну свою среднюю точку в положение по умолчанию, установив значение местоположения на 50% :

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

Добавление цветов к градиенту

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

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

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

Двойной щелчок на образце нового цвета.

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

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

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

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

Перемещение цветов по градиенту

Мы можем не только добавлять цвета в градиент, но и перемещать их и даже изменять порядок их появления. Есть несколько способов их перемещения. Один из них — просто щелкнуть точку цвета и перетащить ее влево или вправо. Здесь я нажал на синюю точку в центре и перетащил ее ближе к желтой точке. Так же, как когда мы перемещали значок средней точки, Location 9Значение 0577 обновляется, когда мы перетаскиваем точку цвета, чтобы показать ее точное местоположение в процентах:

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

Другой способ переместить цвет — щелкнуть его точку, чтобы выбрать его, а затем ввести значение непосредственно в поле «Расположение». Я нажму на свой желтый стоп, чтобы выбрать его. Обратите внимание, что его текущее местоположение равно 100%:

.

Выбор желтой остановки.

Я изменю значение местоположения на 50% , что мгновенно переместит желтую точку в середину градиента:

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

Затем я снова нажму на синюю точку, чтобы выбрать ее:

Выбор синей остановки.

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

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

Удаление цвета

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

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

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

Перетащите вниз, чтобы удалить цветовую остановку.

Копирование существующего цвета

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

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

Щелчок и перетаскивание остановки с нажатой клавишей Alt (Win)/Option (Mac) создает ее копию.

Затем я перетащу копию в крайнее правое положение, создав градиент от красного к желтому и к красному:

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

Добавление прозрачности

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

.

Прозрачность прекращается.

Некоторые из предустановленных градиентов Photoshop уже содержат прозрачность, а другие — нет, но мы можем легко добавить ее везде, где это необходимо. Например, если я хочу, чтобы мой градиент переходил от сплошного цвета слева к 100% прозрачности справа, я могу сделать это, сначала щелкнув ограничитель прозрачности над правой стороной градиента. Это включает параметры прозрачности в разделе «Остановки» под градиентом. Обратите внимание, что текущий стоп Значение Opacity равно 100% , что означает отсутствие прозрачности в этом месте:

Выбор остановки прозрачности справа.

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

Обратите внимание, что цвет ограничителя прозрачности изменился с черного на белого . Черный означает, что значение непрозрачности стопа установлено на 100%. Белый означает, что он установлен на 0% (полностью прозрачный). Частичная прозрачность представлена ​​различными оттенками серого. Обратите также внимание на то, что полоса градиента теперь переходит от сплошного цвета слева к рисунку шахматной доски справа. Шаблон шахматной доски — это то, как Photoshop представляет прозрачность:

.

Понижение значения непрозрачности точки прозрачности справа до 0%.

Перемещение прозрачных остановок

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

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

Добавление дополнительных остановок прозрачности

Другим способом было бы оставить две моих точки прозрачности в их исходных местах и ​​добавить третью точку над серединой градиента. Я быстро верну ограничитель прозрачности в исходное положение слева, изменив его значение Location с 50% на 0% :

.

Как и точки цвета, точки прозрачности можно перемещать, изменяя значение их местоположения.

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

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

Photoshop добавляет новую точку прозрачности. Обратите внимание, что его значение непрозрачности уже установлено на 100%, поэтому мне не нужно его менять, но я могу установить любое значение от 0% до 100%. Обратите также внимание, что его местоположение равно 50%, но опять же, я могу переместить его в любое другое место, либо перетащив саму остановку, либо введя другое значение в поле «Местоположение». Вы можете добавить столько остановок прозрачности, сколько вам нужно вдоль градиента для очень точной настройки:

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

Вы можете копировать существующие точки прозрачности так же, как и точки цвета. Просто нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре, перетащив ограничитель прозрачности влево или вправо, чтобы сделать его копию, которую затем можно переместить в нужное положение. Также, как и в случае цветовых остановок, вы найдете 90 576 значков средней точки 90 577 между каждым набором остановок прозрачности. Нажмите и перетащите среднюю точку ближе к одной или другой остановке, чтобы отрегулировать переход:

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

Удаление ограничителей прозрачности

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

Удаление ограничителя прозрачности справа.

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

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

Гладкость

Последний параметр, на который стоит обратить внимание в редакторе градиентов, — 9.0576 Гладкость , который управляет плавностью перехода между основными цветами. При значении по умолчанию 100% переходы распределяются максимально равномерно. Чем ниже значение, тем больше переходных оттенков смещается к основным цветам, оставляя меньше оттенков в середине. Это создает более резкие переходы с более очевидными полосами, что обычно не то, что вам нужно. В большинстве случаев лучше оставить Smoothness равным 100%:

.

Параметр «Гладкость».

Сохранение градиента в качестве нового пресета

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