Как создавать собственные градиенты с помощью Photoshop CC

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

В этой статье TipsMake.com покажет вам, как создать собственный градиент с помощью Photoshop CC за 4 простых шага.

Подробные инструкции о том, как создавать собственные градиенты с помощью Photoshop CC

  1. Шаг 1. Установите холст
  2. Шаг 2. Используйте редактор градиентов
  3. Шаг 3: Создайте сплошной градиент
    1. Попробуйте разные типы градиентов
  4. Шаг 4: Создайте градиент шума
    1. Как сохранить градиент в качестве предустановки

Шаг 1. Установите холст

Изображение 1: Как создавать собственные градиенты с помощью Photoshop CC

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

Изображение 2: как создавать собственные градиенты с помощью Photoshop CC

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

Шаг 2. Используйте редактор градиентов

Изображение 3: как создавать собственные градиенты с помощью Photoshop CC

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

Изображение 4: как создавать собственные градиенты с помощью Photoshop CC

В верхней части этого редактора вы увидите ряд предустановок, включенных в Photoshop CC. В правой части редактора находятся параметры загрузки (использовать существующие градиенты), «Сохранить» (сохранить градиенты) и «Создать» (создать новые градиенты). Внизу редактора находятся инструменты для настройки градиента.

Вы можете создавать градиенты двух разных типов. Первый тип (разработанный в этом уроке) называется Solid Gradient. Вы можете увидеть эту опцию в раскрывающемся меню Gradient Type: Solid в центре редактора. Перед запуском убедитесь, что этот параметр выбран.

Шаг 3: Создайте сплошной градиент

Изображение 5: Как создавать собственные градиенты с помощью Photoshop CC

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

Чтобы выбрать третий цвет, дважды щелкните Color Stop. Откроется палитра цветов, в которой вы сможете выбрать тему (оттенок) для этого цвета. После выбора нажмите ОК. Photoshop добавит к ползунку третий цвет.

Изображение 6: Как создавать собственные градиенты с помощью Photoshop CC

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

Вы также можете настроить Smoothness при смешивании этих цветов вместе. Это руководство сохранит гладкость на уровне 100%.

Изображение 7 из Как создавать собственные градиенты с помощью Photoshop CC

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

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

Попробуйте разные типы градиентов

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

Изображение 8: Как создавать собственные градиенты с помощью Photoshop CC

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

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

Изображение 9 из Как создавать собственные градиенты с помощью Photoshop CC

Reflective Gradient подходит для жидких поверхностей и поверхностей на закате.

Изображение 10: как создавать собственные градиенты с помощью Photoshop CC

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

Изображение 11 из Как создавать собственные градиенты с помощью Photoshop CC

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

Шаг 4: Создайте градиент шума

Изображение 12 из Как создавать собственные градиенты с помощью Photoshop CC

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

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

Изображение 13 из Как создавать собственные градиенты с помощью Photoshop CC

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

Изображение 14 из Как создавать собственные градиенты с помощью Photoshop CC

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

Изображение 15: Как создавать собственные градиенты с помощью Photoshop CC

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

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

Изображение 16: Как создавать собственные градиенты с помощью Photoshop CC

Если вам действительно нравится созданный градиент и вы хотите повторно использовать его на другом изображении, перейдите в «Редактор градиента»> «Создать». Это добавит новый цветовой шаблон к градиенту, созданному в окне Presets.

Изображение 17 из Как создавать собственные градиенты с помощью Photoshop CC

После создания образца цвета нажмите «Сохранить». Назовите новый градиент, затем нажмите «Сохранить».

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

Изображение 18: как создавать собственные градиенты с помощью Photoshop CC

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

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

Надеюсь, у вас все получится.

Похожие записи

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

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