В этой справочной статье я покажу вам, как создать прозрачный градиент с помощью GIMP. Это очень простой, удобный для начинающих метод, который позволяет вам медленно «затухать» до прозрачности или постепенно стирать изображение.
Вы можете следить за этим, используя бесплатное изображение, которое я скачал с Unsplash здесь. Вы можете посмотреть видеоверсию руководства ниже или просмотреть полную справочную статью. Давайте начнем!
Содержание
- Шаг 1: Откройте изображение в GIMP
- Шаг 2: Добавьте альфа-канал
- Шаг 3: Добавьте маску слоя к вашему изображению
- Шаг 4: Нарисуйте градиент на маске слоя
- Шаг 5: экспортируйте изображение с прозрачностью
Шаг 1: Откройте изображение в GIMP
Для начала вам нужно импортировать изображение в GIMP, если вы еще этого не сделали. Вы можете сделать это, выбрав «Файл»> «Открыть» и выбрав расположение файла на вашем компьютере. Вы также можете просто перетащить свое изображение в основную область изображения GIMP (следуйте за красными стрелками вдоль зеленой пунктирной линии на изображении выше).
Когда ваше изображение находится в GIMP, вас могут спросить, хотите ли вы преобразовать изображение в собственное цветовое пространство GIMP sRGB. Я рекомендую нажать «Преобразовать» (красная стрелка на фотографии выше), если вам не нужно сохранить исходное цветовое пространство изображения по определенной причине.
Шаг 2: Добавьте альфа-канал
Теперь, когда изображение импортировано в GIMP, вам нужно выполнить важный шаг по добавлению альфа-канала к слою изображения. Для этого щелкните правой кнопкой мыши слой изображения на панели «Слои» (красная стрелка) и нажмите «Добавить альфа-канал» (зеленая стрелка). Этот шаг важен, потому что без добавления альфа-канала к вашему изображению ваше изображение будет стерто до цвета, а не до прозрачности.
Шаг 3: Добавьте маску слоя к вашему изображению
После добавления альфа-канала вам нужно добавить маску слоя к изображению. Это позволит вам неразрушающим образом добавить «прозрачный» градиент к вашему изображению. Чтобы добавить маску слоя, щелкните значок маски слоя в нижней части панели «Слои» (красная стрелка на изображении выше). Вы также можете щелкнуть правой кнопкой мыши слой изображения и выбрать «Добавить маску слоя».
В появившемся диалоговом окне «Маска слоя» в разделе «Инициализировать маску слоя для:» выберите «Белый (полная непрозрачность)» (зеленая стрелка на изображении выше). Нажмите кнопку «Добавить» внизу диалога (синяя стрелка).
Теперь вы должны увидеть белое поле прямо справа от миниатюры изображения на панели «Слои» (красная стрелка на изображении выше). Этот белый прямоугольник — ваша маска слоя.
Шаг 4: Нарисуйте градиент на маске слоя
Затем возьмите инструмент «Градиент» из набора инструментов, щелкнув и удерживая мышью группу инструментов, содержащую инструмент «Заливка ведра» (красная стрелка на изображении выше), затем отпустите кнопку мыши на инструменте «Градиент» (синяя стрелка). Вы также можете просто нажать клавишу «G» на клавиатуре, чтобы получить доступ к этому инструменту с помощью сочетания клавиш.
Выбрав инструмент «Градиент», щелкните крошечный значок под образцами цветов переднего плана и фона (в нижней части панели инструментов — красная стрелка на изображении), чтобы сбросить цвета на черный и белый.
Теперь перейдите в раздел «Параметры инструмента» для инструмента «Градиент» (обычно он находится непосредственно под панелью инструментов — если он не виден, перейдите в «Окна»> «Закрепляемые диалоговые окна»> «Параметры инструмента»). Нажмите кнопку «Градиент» (красная стрелка на изображении выше) и выберите один из градиентов, который меняется с черного на белый (обведен синим цветом) — я выбрал вариант «FG to BG (RGB)», просто щелкнув по нему. .
Щелкните раскрывающийся список «Форма» (красная стрелка) и выберите «Линейный» (синяя стрелка).
Наконец, щелкните и перетащите мышь на композицию, чтобы нарисовать градиент (совет: удерживайте клавишу Ctrl на клавиатуре, чтобы рисовать в режиме прямой линии). Теперь ваше изображение должно выглядеть так, как будто оно исчезает или стирается до прозрачности с помощью градиента.
Примечание: вы всегда можете изменить направление градиента, используя кнопку «Обратный» в параметрах инструмента (зеленая стрелка на изображении выше). Затем вы можете щелкнуть и перетащить конечные точки градиента, чтобы изменить их положение на изображении.
Один конец градиента будет содержать белый цвет, который будет содержать непрозрачность или отображать пиксели вашего изображения, а другой конец вашего градиента будет содержать черный цвет или содержать прозрачность, которая скрывает ваше изображение. В этом примере левая точка моего градиента содержит белый цвет (красная стрелка на изображении выше), а правая точка градиента содержит черный цвет (синяя стрелка на изображении).
Я могу щелкнуть и перетащить любую конечную точку с помощью мыши, чтобы настроить, в какой точке начинается исчезновение, а в какой точке изображение полностью исчезает и становится прозрачным.
Если вы наведете указатель мыши на линию между двумя конечными точками, вы увидите небольшой круг, появившийся ближе к середине линии (красная стрелка). Это «середина» вашего градиента.
Вы можете щелкнуть и перетащить среднюю точку, чтобы отрегулировать точку, в которой изображение имеет непрозрачность 50%, что изменяет скорость, с которой изображение исчезает до полной прозрачности. Например, если я перетащу среднюю точку влево, мое изображение начнет исчезать до полной прозрачности раньше.
Когда вы будете готовы применить градиент, нажмите клавишу ввода на клавиатуре. Если градиент не применяется, когда вы нажимаете клавишу ввода, просто возьмите другой инструмент из панели инструментов, например инструмент «Перемещение».
Если вы посмотрите на миниатюру изображения вашего слоя на панели «Слои» (красная стрелка на фотографии выше), вы увидите, что белая рамка имеет градиент, который постепенно меняется от белого к черному (или от черного к белому, в зависимости от направления вашего изображения). градиент идет). Теперь ваше изображение постепенно переходит в прозрачность с помощью градиента!
Шаг 5: экспортируйте изображение с прозрачностью
Если вы хотите экспортировать изображение с неповрежденной прозрачностью градиента, вы можете сделать это, просто выбрав «Файл»> «Экспортировать как» (красная стрелка), а затем экспортировать изображение как тип файла, который поддерживает прозрачность (некоторые примеры включают PNG, WebP, GIF, и ТИФФ).
Итак, если я хочу экспортировать свое изображение в формате PNG, я могу переименовать свой файл и убедиться, что он заканчивается на «.png» (красная стрелка) — расширение файла PNG. Нажмите «Экспорт», чтобы экспортировать изображение (зеленая стрелка).
Вы можете придерживаться значений по умолчанию для PNG и снова нажать «Экспорт» (красная стрелка), и теперь ваше изображение будет экспортировано с прозрачным градиентом.
Вот и все для этого урока! Если вам понравилось, вы можете проверить мой другой Статьи справки GIMP, GIMP Видеоурокиили даже мой Мастер-класс по GIMP 2.10 на Udemy!
