Текст по кругу онлайн: Добавьте текст и логотип на фото бесплатно онлайн

Содержание

Как сделать текст по кругу в канве

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

Собственно говоря, все операции сводятся к ответам на вопросы:

  • как в Канве написать текст по кругу,
  • как закруглить текст в канве уже готовый,
  • как изменить изгиб текста и его расположение,
  • как удалить изгиб, вернуть исходное состояние текста.

Чаще всего такой текст используется в логотипах, круглых аватарках.

Я подготовила два ролика.

содержание

  • 1 Видео уроки — как в Canva сделать текст по кругу
  • 2 Как в Канве сделать текст полукругом
  • 3 Как вернуть текст в горизонтальное положение
  • 4 Практика и примеры изогнутого текста в Канве
    • 4. 1 Колизей
    • 4.2 Следующий эпизод – Эйфелева башня
    • 4.3 Золотые ворота
    • 4.4 Еще информация по теме:

Видео уроки — как в Canva сделать текст по кругу

  1. Первый ролик — про круглые логотипы, созданные на основе шаблонов Канвы.
  2. Второй ролик — конкретные примеры того, как можно использовать изогнутый текст.

Посмотрите видеоурок, он поможет понять, какие кнопки где расположены и как ими пользоваться.

ПРИМЕРЫ:

   

Как в Канве сделать текст полукругом

  • Сделайте надпись в одну строку
    . Для этого растяните текстовый блок за маркеры по сторонам.
  • Зайдите в «Эффекты» в верхней панели инструментов и выберите «Изогнуть» во вкладке «Фигура».
  • Ползунком поправьте расположение текста.

Текст по кругу в канве зависит от расположения ползунка.

  • Ползунок справа от нулевой отметки — надпись располагается по верхней части окружности.
  • Ползунок слева от нуля — надпись смещается в нижнюю часть круга.

Если вам нужно разместить текст полукругом в Канве сбоку, то работаете уже не с ползунком, а блоком текста. Поверните его в нужную сторону с помощью стрелок.

Также сам круглый текст в канве

можно перемещать, как любой другой элемент макета, добиваясь запланированного пользователем положения.

Чтобы изогнутый текст в канве выглядел красиво и стоял именно так, как задумано, вам придется менять

изгиб,

размер самого шрифта,

расстояние между буквами.

Данные инструменты расположены в верхней панели инструментов.

Как вернуть текст в горизонтальное положение

Изогнутый текст в канве легко вернуть в исходное состояние.

  • Зайдите в панель «Эффекты» и выберите «Оригинал».
  • Поправьте размер шрифта, расстояние между строк и букв.

Советы

  • Выбирайте шрифт простой, без завитков и изысканностей. По кругу они будут выглядеть нелепо.
  • Переведите все буквы в заглавные, тогда надпись будет выглядеть смотреться ровнее, без перекосов.

Практика и примеры изогнутого текста в Канве

У меня есть подборка с достопримечательностями разных стран. Я хочу сделать из нее несколько отдельных картинок.

Первый – римский колизей.

Колизей

  • Вставляю картинку на макет.
  • Растягиваю и обрезаю лишнее с помощью боковых маркеров.
  • Угловыми маркерами довожу до нужного размера.

Вставляю текст. Отдельно по словам.

Сначала РИМ. Шрифт подбираю массивный без засечек.

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

Перехожу ко второй надписи – колизей.

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

Группирую все элементы, чтобы можно было сдвигать одновременно, менять размер сразу всей композиции.

Следующий эпизод – Эйфелева башня

Ее вырезаю из коллажа также, как и К олизей. Однако в кадр попадают два ненужных фрагмента.

В Канве нет ластика, но это не проблема.

Как «стереть» ненужные элементы

Добавляю из элементов КРУГ с белой заливкой. Им закрываю ненужный рисунок слева. Группирую с башней.

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

Изгиб слова PARIS
  • Набираю с клавиатуры на английском PARIS.
  • И сначала выберу интересный шрифт из каких-либо под старину.
  • После этого работаю с радиусом окружности и с положением слова относительно башни.
  • В конце меняю цвет текста.
  • Группирую композицию.

Готово.

Золотые ворота

Все подготовительные операции те же, что и в предыдущих примерах.

Текст будет располагаться на двух секциях моста.

Сначала «Золотые», затем «Ворота». Я буду использовать все буквы заглавные, чтобы располагался текст равномерно. И шрифт выберу без засечек. Так как слова на этой картинке мелковаты и лишние штрихи будут мешать восприятию текста.

Дополнительно нужно увеличивать расстояние между букв.

Так подгоняя текст, выстраиваю нужную композицию.

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

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

Пробуйте, практикуйтесь  и у вас все получится.

Дополнительно посмотрите статью о горячих клавишах и удобстве копирования в Канве.

Еще информация по теме:

Текст по кругу в фигме

Для того чтобы сделать текст по кругу в Figma, нам понадобится:

Первое – скачать плагин «to Path». С помощью него мы будем реализовывать данную возможность.

Второе – на рабочем поле создаем два объекта:

  • Фигура «Круг»
  • Текст, который будет вдоль этого круга располагаться (рекомендую сразу применить шрифты и декоративное оформление, чтобы прикинуть сколько места нам понадобится)

Третий пункт – открываем плагин, выделяем круг и текст и нажимаем кнопку Link.

Наш текст отобразился по кругу. Если нужно довести текст до полного круга – нужно поработать с межсимвольным расстоянием, а также размером шрифта. Просто меняем эти параметры и добиваемся красивого эффекта.

Хотите изучить все инструменты в Figma, а также освоить процесс разработки дизайн-макетов? Приходите на платный интенсив по веб-дизайну. Вы изучите полностью весь дизайн-процесс, в том числе: работа в Figma, общение с заказчиком, анализ и выполнение ТЗ, управление проектами и т.д. Ссылка на сайт интенсива.
  • Полезные статьи

    Работа с текстом в Figma

    Обзор компонента «текст» в Figma.

  • Полезные статьи

    Как работать с изображениями в программе Figma, а также как вставить картинку в Фигме

    Как правильно работать с изображениями.

  • Полезные статьи

    Создание и рисование иконок в Фигма. Icons in Figma

    Как рисовать иконки в Figma? Как использовать иконочные шрифты?