В этом уроке я покажу вам, как заполнить текст градиентом с помощью Inkscape, бесплатного редактора векторной графики! Это очень простая техника, которая требует всего пару шагов, так что давайте углубимся!

Содержание

Видео: Как добавить градиентную заливку к тексту в Inkscape

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

Выберите инструмент «Текст» на панели инструментов Inkscape.

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

Выберите шрифт из раскрывающегося списка «Шрифты» в элементах управления инструментом.

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

Используйте раскрывающийся список размера шрифта на панели управления инструментами в Inkscape.

Я также изменю размер шрифта (красная стрелка на изображении выше) на 144 pts (зеленая стрелка), чтобы он был красивым и большим, когда мы впервые добавляем наш текст.

Нажмите на холст инструментом «Текст» и введите текст в Inkscape.

Когда вы будете готовы, щелкните на своем холсте текстовым инструментом, чтобы создать строку текста. Затем введите свой текст (я выбрал «INKCAPE» для своего текста — красная стрелка на изображении выше).

Шаг 2. Нарисуйте текст градиентом

Нажмите инструмент «Градиент» на панели инструментов Inkscape, щелкните и перетащите, чтобы нарисовать градиент.

Затем нажмите на инструмент «Градиент» на панели инструментов (красная стрелка на изображении выше). Чтобы нарисовать градиент внутри вашего текста, щелкните и перетащите мышь от верхней части текста к нижней (зеленая стрелка — примечание: если вы удерживаете клавишу Ctrl, она нарисует ваш градиент в прямолинейном режиме). Начальная и конечная точки могут выходить за пределы вашего текста — градиент по-прежнему будет рисоваться только внутри вашего текста. Поэтому не стесняйтесь экспериментировать с расположением этих точек, чтобы получить другой результат.

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

Шаг 3. Измените цвета градиента

Используйте панель «Образцы Inkscape», чтобы изменить цвета градиента.

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

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

Дважды щелкните образец заливки, чтобы открыть диалоговое окно «Заливка и обводка» в Inkscape.

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

Это вызовет диалоговое окно «Заливка и обводка» (обведено зеленым на изображении выше).

Перейдите на вкладку «Заливка» и выберите значок градиента, чтобы отредактировать градиент в Inkscape.

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

В разделе «Стопы» нажмите на образец, чтобы изменить цвета стопов градиента.

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

Нажмите на остановку, которую вы хотите изменить (зеленая стрелка на изображении выше), затем измените цвет останова с помощью ползунков цвета. Если у вас есть HEX-код цвета, который вы хотите использовать, вы можете скопировать и вставить этот код в поле рядом с «RGBA» (обведено синим цветом на изображении).

В моем случае я знаю, что шестнадцатеричный код моего первого цвета — «F75C03», поэтому я вставлю этот код в поле RGBA.

Щелкните нижний ограничитель градиента и измените его цвет в Inkscape.

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

Шаг 4. Добавьте и настройте остановку градиента

Нажмите значок + под областью «Остановки», чтобы добавить дополнительную остановку градиента в Inkscape.

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

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

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

Шаг 5. Измените форму градиента

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

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

Перетащите маркеры градиента, чтобы изменить размеры градиента.

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

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

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

Шаг 6: Измените текст

Inkscape позволяет изменять текст, сохраняя при этом эффект градиента.

Последнее, что я упомяну, это то, что вы можете изменить свой текст после того, как добавили градиент, и новый текст будет отображать тот же градиент. Итак, если я возьму свой текстовый инструмент еще раз, щелкну текст «INKCAPE» и наберу что-то новое, например «GRADIENT», вы увидите, что новый текст будет иметь тот же градиент, что и старый текст.

Вот и все для этого урока! Если вам понравилось, вы можете проверить мой другой Учебники по Inkscape Статьи справки Inkscape.