В этом уроке я покажу вам, как заполнить текст градиентом с помощью Inkscape, бесплатного редактора векторной графики! Это очень простая техника, которая требует всего пару шагов, так что давайте углубимся!
Видео: Как добавить градиентную заливку к тексту в 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.
Изучение Inkscape и его многочисленных инструментов/функций может стать огромный сложная задача, особенно если вы просто хотите сосредоточиться на создании привлекательных дизайнов для своих проектов.
Я могу поделиться ограниченным объемом информации в статьях блога и видеоуроках, поэтому я собрал Inkscape: от новичка до профессионала в Inkscape и графическом дизайне курс. Этот курс является углубленное обучение по Inkscape и как вы можете использовать его для создания профессиональных векторных дизайнов для своего бизнеса, личных проектов или для своих клиентов.
В течение ограниченного времени вы можете получить этот 7.5-часовой курс с более чем 80 видеолекциями по большой скидке! В курсе вы узнаете такие важные концепции, как:
- Как освоить Inkscape
- Макет Inkscape и его наиболее важные функции
- Как освоить инструменты «Перо» и «Узел» для создания векторных иллюстраций
- Как комбинировать фигуры с помощью популярного инструмента Shape Builder
- Как создать профессиональный дизайн логотипа компании в Inkscape
- Как создавать профессиональный графический дизайн для Интернета и социальных сетей
Я обучил более 20,000 XNUMX таких же студентов, как вы, тому, как наконец освоить свободное программное обеспечение с открытым исходным кодом и вывести свои навыки на новый уровень.
Хотя курс новый, студенты уже говорят о нем положительно и дали ему общую оценку 4.7 звезды. Так чего же вы ждете? Пришло время наконец Начните свой путь с освоения Inkscape, бесплатной программы для графического дизайна.!
