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

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Pin It на Pinterest