В этой статье я покажу вам, как добавить эффект тени в GIMP с помощью встроенного фильтра. Тени могут быть добавлены к тексту, а также к любому объекту или слою с несколькими объектами - при условии, что этот слой имеет альфа-канал (подробнее об этом чуть позже).

Я продемонстрирую, как использовать этот эффект, показав вам, как добавить тень к тексту.

Содержание

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

Сначала создадим новую композицию. Я могу сделать это, перейдя в File> New (красная стрелка на изображении выше) или нажав сочетание клавиш ctrl + n на моей клавиатуре (cmd + n на MAC).

Затем я установлю размеры своего документа - 1920 для ширины и 1080 для высоты (выделено красным на изображении выше). Я использую единицы измерения - пиксели (px). Нажмите ОК, чтобы создать документ (синяя стрелка).

Шаг 2: добавь свой текст

Теперь я возьму инструмент «Текст» из своего набора инструментов (горячая клавиша T - зеленая стрелка на изображении выше).

При активном инструменте «Текст» я нажимаю на свою композицию и начинаю набирать текст - в данном случае «GIMP» (зеленая стрелка на изображении выше). Текст будет таким, какой у вас сейчас установлен (в моем случае красный).

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

Выделив текст, я изменю размер шрифта на 500 (зеленая стрелка) и буду использовать шрифт «Gill Sans MT Bold» (синяя стрелка).

Шаг 3. Выровняйте текст

Затем я нажимаю и удерживаю первую группу инструментов на панели инструментов (красная стрелка на изображении выше) и отпускаю указатель мыши над инструментом «Выравнивание» (синяя стрелка).

Щелкните по тексту, который мы только что создали с помощью инструмента выравнивания (убедитесь, что вы щелкаете по фактическим пикселям текста). В разделе «Параметры инструмента» убедитесь, что инструмент выравнивания настроен на выравнивание «Относительно изображения» (под первым раскрывающимся списком - красная стрелка). Затем нажмите «Выровнять центр цели» и «Выровнять середину цели», чтобы выровнять текст по центру изображения (выделено синим цветом на изображении выше).

Шаг 4: Добавьте тень

Теперь, когда наш текст на месте, мы можем добавить тень к нашему тексту. Для этого убедитесь, что текстовый слой активен на панели слоев (красная стрелка). Затем перейдите в Фильтры> Свет и тень> Тень (синяя стрелка).

Теперь появится плавающий диалог с названием «Drop Shadow» (обведен синим на изображении выше).

Фильтр Drop Shadow - это фильтр GEGL, что означает, что мы получаем предварительный просмотр эффекта тени на нашем холсте в реальном времени, когда мы настраиваем параметры. Итак, теперь вы можете видеть, что под нашим текстом есть тень.

Ползунки X/Y

Первый набор ползунков для фильтра «Тень» - ползунки «X» и «Y» (выделены синим цветом выше). Эти ползунки позволяют нам перемещать тень под нашим текстовым слоем. Ползунок «X» изменяет горизонтальное положение падающей тени (т. Е. Ось x), а ползунок «Y» изменяет вертикальное положение падающей тени (т. Е. Ось y).

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

Обратите внимание, что значение здесь для X и Y может быть отрицательным. Отрицательное значение для X означает, что тень будет слева от центра, а отрицательное значение для Y означает, что тень будет выше центра. (Положительное значение для X сделает тень справа от центра, а положительное значение для Y сделает тень ниже центра). На изображении выше, поскольку значения X и Y отрицательны, тень находится вверху и слева от исходного текста.

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

Я щелкну значок цепочки, чтобы отсоединить цепочку (желтая стрелка на изображении выше), поскольку я хочу, чтобы значения ползунков X и Y были независимыми.

Теперь я нажимаю и перетаскиваю ползунок X (красная стрелка). Чем дальше я перетаскиваю этот ползунок вправо, тем дальше от текста будет тень (синяя стрелка). Обратите внимание, что я могу продолжать перетаскивать ползунок вправо даже после того, как ползунок заполнен (обычно он заполняется около значения 40, но значение X может быть намного выше 40).

Я также могу щелкнуть колесиком мыши средней кнопкой мыши по этому значению и вручную ввести новое числовое значение. Например, я щелкаю средней кнопкой мыши в любом месте значения x (красная стрелка на изображении выше), использую клавиши со стрелками для перемещения курсора в крайнее правое положение, нажимаю клавишу Backspace, чтобы удалить текущее значение, затем набираю 250 и нажмите клавишу ввода. Моя тень обновится с этим новым значением.

У меня может быть один ползунок с положительным значением, а другой - с отрицательным. Итак, пока X положителен, я могу сделать Y отрицательным.

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

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

Еще раз, я нажму кнопку «Сброс», чтобы вернуться к значениям по умолчанию.

Радиус размытия

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

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

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

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

Увеличивайте форму и увеличивайте радиус

Следующие два элемента - раскрывающийся список «Форма роста» и ползунок «Радиус роста» (обведены синим цветом на фотографии) - связаны друг с другом.

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

Выпадающее меню «Форма роста» над ползунком «Радиус роста» изменяет форму падающей тени по мере ее роста. По умолчанию это круг. Однако, если я изменю его на «Diamond» (красная стрелка на изображении выше), вы увидите, что углы размытия изменились, чтобы иметь более скошенный край (вместо красивого закругленного края - синяя стрелка).

Если я изменю этот параметр на «Квадрат» (красная стрелка), края будут намного более блочными (синяя стрелка) - или более квадратными, чем закругленными.

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

Цвет тени

Следующая опция - это опция «Цвет», которая позволяет вам изменить цвет тени. По умолчанию тень будет черной (как и обычно тени!). Однако вы можете щелкнуть большой образец цвета, чтобы выбрать новый цвет (красная стрелка на изображении выше).

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

Примечание: R, G и B обозначают «красный», «зеленый» и «синий», в то время как L, C и h обозначают «яркость», «цветность» и «оттенок», и, наконец, a обозначает для «альфа» - это просто прозрачность.

Вы также можете скопировать точный цвет, который я выбрал здесь, введя «Обозначение HTML» (желтый контур на изображении выше).

Когда я буду готов применить этот цвет, я нажму «ОК». Вы увидите, что моя тень теперь светло-голубого цвета.

Сбросить непрозрачность тени

Справа от большого образца цвета находится палитра цветов (красная стрелка), которая позволяет вам выбрать любой цвет в вашей композиции GIMP (если он находится внутри области холста).

Под параметрами цвета находится ползунок «Непрозрачность» (синяя стрелка на изображении выше). Этот ползунок позволяет сделать вашу тень более прозрачной (прозрачной), перетаскивая ее влево, или более непрозрачной, перетаскивая вправо.

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

Когда я перетаскиваю значение вправо, тень становится более выраженной. Когда значение ползунка установлено на 1.0, это означает, что тень полностью непрозрачна (или прозрачна на 0%).

GIMP позволяет вам выйти за пределы 1.0 для этого значения. Чтобы понять, почему, позвольте мне сказать это так: до 1.0 повлияет на непрозрачность основной области тени, за исключением области размытия. От 1.0 до 2.0 повлияет на непрозрачность области размытия. Как вы можете видеть на фотографии, когда я перетаскиваю значение ползунка значительно выше 1.0 (красная стрелка на фотографии выше), форма тени начинает меняться, поскольку область размытия теряет прозрачность и становится более непрозрачной (желтая стрелка). .

Обычно я предпочитаю поддерживать непрозрачность ниже 1.0, поэтому я снова верну это значение к чему-то между 5 и 1.0.

Параметры обрезки

Следующим в диалоговом окне Drop Shadow находится раскрывающийся список «Отсечение» (развернутый и обведенный желтым на изображении выше). По умолчанию для этого параметра установлено значение «Настроить», что означает, что граница текстового слоя (красная стрелка) будет настраиваться так, чтобы соответствовать всем пикселям, созданным падающей тенью. Это предотвращает обрезку падающей тени.

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

Параметры наложения

Под раскрывающимся списком «Обрезка» находится область под названием «Параметры наложения». Это может быть свернуто для вас по умолчанию, поэтому вы можете щелкнуть маленький значок «+», чтобы открыть эту область (синяя стрелка на изображении выше). Первый элемент здесь - это раскрывающийся список «Режим» (красная стрелка), который позволяет вам выбрать режим наложения или режим слоя.

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

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

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

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

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

Появится окно с названием «Сохранить настройки как именованный пресет» (обведено желтым), и я могу дать своему пресету имя. В данном случае я назову его «Blue Dissolve». Нажмите ОК, чтобы создать новую предустановку.

Рядом со значком «+» вверху находится раскрывающийся список (синяя стрелка). Здесь вы увидите автоматически созданные пресеты на основе эффектов Drop Shadow, которые вы применили в предыдущих сеансах. Внизу вы увидите разделительную линию, которая отделяет автоматически сгенерированные предустановки от предустановок, созданных пользователем. Под разделительной линией вы увидите имя только что созданного нами нового пресета - «Blue Dissolve» (красная стрелка).

Предварительный просмотр вашей тени

Внизу диалогового окна Drop Shadow находятся флажки «Предварительный просмотр» и «Предварительный просмотр с разделением». Предварительный просмотр (желтая стрелка) позволяет переключать предварительный просмотр эффектов фильтра на холсте.

Флажок «Разделить предварительный просмотр» (красная стрелка), если он включен, покажет разделительную линию на вашем холсте (синяя стрелка). Слева от разделителя находится предварительный просмотр эффекта в реальном времени, а с правой стороны строки - композиция до применения эффекта (т. Е. Версия текста «до»).

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

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

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

Вот и все для этого урока! Если вам понравилось, не забудьте посмотреть другие мои Статьи справки GIMP, GIMP Видеоурокиили стать DMD Премиум-участник!

Davies Media Design Бесплатные креативные приложения Информационный бюллетень по электронной почте

Подпишитесь на информационный бюллетень DMD

Подпишитесь, чтобы получать новые учебные пособия, обновления курсов и последние новости о ваших любимых бесплатных приложениях для творчества!

Вы успешно подписались!

Pin It на Pinterest