Как создать анимированную текстовую маску в Canva

Если вам нравится использовать Canva для своих проектов, попробуйте добавить к своей работе текстовую маску. Маскированный текст — отличный элемент дизайна, особенно когда он анимирован.

Мы собираемся показать вам, как создать анимированную текстовую маску в Canva. Добавление этого навыка в ваш набор инструментов, несомненно, повысит вовлеченность в ваши проекты.

Canva — фантастический инструмент для дизайна. Вы можете сделать много вещей, чтобы изменить свой дизайн. Но есть ли у него инструмент маскировки? Краткий ответ: нет.

Canva, к сожалению, не имеет собственного инструмента маскирования. Но это не значит, что вы не можете маскировать в Canva. Часто есть обходные пути для создания чего-то, для чего нет специального инструмента. Проверить наш путеводитель по всем другим интересным вещам, которые вы можете сделать с Canva.

Инструмент маскирования обычно создает неразрушающий способ показать или скрыть определенные элементы дизайна. Ты можешь найти инструменты маскирования в программном обеспечении Adobe, таком как Photoshop

, Illustrator и даже Adobe After Effects. Это очень распространенная конструктивная особенность.

Создание текстовой маски в Canva добавит изюминку вашим проектам. Иногда текст сам по себе может быть скучным. Или вы даже можете обнаружить, что причудливый текст слишком трудно читать. Текстовая маска — это идеальная кульминация между ними; это дает вам читаемый текст с забавным элементом дизайна, чтобы привлечь вашу аудиторию.

Как создать анимированную текстовую маску в Canva

Хотя Canva предлагает несколько отличных дизайнов шаблонов, мы считаем, что эта текстовая маска будет работать лучше всего, если вы создаете свою публикацию с нуля. Нажмите Создать дизайн на главной странице Canva и выберите свои размеры; мы собираемся использовать типичный квадрат 1080x1080.

Выберите цвет фона; что-то, что хорошо сочетается с цветами вашего бренда. Но если вы хотите заявить о себе, выберите яркий, смелый цвет. Чтобы выбрать цвет фона, щелкните пустой холст, и на панели инструментов над холстом появится квадрат с цветовой гаммой. Щелкните спектр, чтобы выбрать цвет фона.

Вы можете выбрать цвета, щелкнув один из вариантов цвета палитры, введя шестнадцатеричный код или щелкнув значок плюс знак, чтобы определить свой цвет из спектра. Мы используем желтый цвет из предопределенной цветовой палитры с надписью «Желтый #ffde59».

После того, как вы выбрали цвет, квадрат спектра покажет этот цвет. Вы можете щелкнуть его еще раз, чтобы изменить его позже. Если вам нужна помощь в создании цветовой палитры, ознакомьтесь с нашим руководством по как создавать цветовые палитры в Adobe Illustrator.

Как упоминалось ранее, вам нужен шрифт, который легко читается. В том же духе: чем меньше многословия, тем лучше. Выберите короткую фразу из одного-трех слов.

Перейдите на панель инструментов вдоль левой стороны и нажмите Текст. Текстовый инструмент Canva предлагает множество опций, а также полную настройку. Нажмите на Добавить заголовок вариант.

Шрифт по умолчанию для заголовка — отличный выбор для этого руководства по маскированию — он крупный, четкий и легко читаемый. Конечно, вы можете выбрать свой шрифт из выпадающего списка, если вам не нравится шрифт по умолчанию. Ищите шрифт с похожими атрибутами, такими как большая ширина и четкое форматирование.

Выбрав шрифт, щелкните текст по умолчанию в текстовом поле и измените его на выбранную вами фразу. Поэкспериментируйте с высотой строки, интервалом, использованием заглавных или строчных букв и так далее.

Мы форматируем «HELLO THERE» одним словом над другим, так как это визуально привлекательно и создает наилучшее пространство для маски. Сделайте текст настолько большим, насколько сможете, оставляя вокруг него привлекательную рамку или пространство.

Теперь мы готовы выбрать цвет шрифта. Нажмите на А с цветовым спектром под ним, чтобы изменить цвет шрифта. Мы придерживаемся черного цвета по умолчанию, так как он довольно хорошо контрастирует с нашим желтым фоном.

Чтобы изменить межбуквенный или междустрочный интервал, щелкните текст, затем нажмите кнопку на верхней панели инструментов с тремя горизонтальными линиями рядом с двусторонней стрелкой. Вы можете визуализировать, как интервал изменяется при перемещении переключателя. Расстояние по умолчанию часто выглядит неудобно, так почему бы не поэкспериментировать с его изменением?

Как только вы довольны тем, как выглядит текст, что он говорит и его интервалы, вам нужно продублировать его. Сделайте это, выполнив типичную команду копирования-вставки. С выделенным дублированным текстом и в верхней позиции вы собираетесь щелкнуть Последствия на панели инструментов. Это вызывает различные стили текста. Выбирать Пустой.

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

Теперь пришло время создать эффект маскировки. Нажмите Элементы на левой панели инструментов. Ищите анимацию, отражающую смысл текста. Анимация должна быть сплошной и занимать много места, а не маленькая линейная анимация или что-то, что будет пикселизироваться при увеличении.

Вы можете искать анимацию по любой фразе или перейти на Наклейки option и посмотрите, сможете ли вы найти там что-то подходящее. Вы всегда можете изменить его позже, если он не подходит.

Когда вы найдете подходящую наклейку или анимацию, нажмите на нее. Он появится позади вашего холста, за текстом. Щелкните правой кнопкой мыши анимацию и выберите Переместить вперед. Это наложит ваши элементы со сплошным текстом сзади, анимацией посередине и текстом, состоящим только из обводки, сверху.

Масштабируйте и перемещайте анимацию по холсту, чтобы увидеть, как она работает с текстом. Обратите внимание, как эффект маскировки можно увидеть с анимацией между текстовыми слоями.

Анимация с большим количеством движущихся частей продемонстрирует эффект маскировки более заметно, чем довольно статическая анимация. Использование анимированных элементов подчеркивает эффект маскировки больше, чем статическая иллюстрация, но в целом эффект тот же.

Вы можете сохранить свой дизайн, когда будете довольны анимацией, размещением текста и всеми другими элементами дизайна. Нажмите Поделиться > Скачать и выберите между экспортом в формате MP4 или GIF, в зависимости от предполагаемого использования.

Преобразуйте свой дизайн с помощью анимированных текстовых масок

Используя этот обходной путь маскирования Canva, вы можете преобразовывать свои проекты, не тратя время и усилия на изучение продуктов Adobe. Этот быстрый трюк с маскировкой может вдохнуть жизнь в простой и скучный дизайн. Привлеките свою аудиторию с помощью анимированной текстовой маски.

Канва против. Pixlr: какое бесплатное программное обеспечение для дизайна лучше?

Читать дальше

Об авторе