Штирлиц — Сеть печатных салонов в Перми

Весь комплекс печатных услуг в Перми. Общирная сеть печатных салонов в Перми. Цифровая печать, цветное и черно-белое копирование документов, сканирование документов, ризография в Перми

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

Содержание

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

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

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

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

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

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

содержание

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

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

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

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

ПРИМЕРЫ:

  

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

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

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

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

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

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

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

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

изгиб,

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

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

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

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

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

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

Советы

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

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

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

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

Колизей

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Готово.

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

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

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

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

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

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

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

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

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

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

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

Как создать текст по контуру в Illustrator

Руководство пользователя Отмена

Поиск

Последнее обновление Dec 19, 2022 12:46:00 PM GMT

  1. Руководство пользователя Illustrator
  2. Основы работы с Illustrator
    1. Введение в Illustrator
      1. Новые возможности в приложении Illustrator
      2. Часто задаваемые вопросы
      3. Системные требования Illustrator
      4. Illustrator для Apple Silicon
    2. Рабочая среда
      1. Основные сведения о рабочей среде
      2. Ускоренное обучение благодаря панели «Поиск» в Illustrator
      3. Создание документов
      4. Панель инструментов
      5. Комбинации клавиш по умолчанию
      6. Настройка комбинаций клавиш
      7. Общие сведения о монтажных областях
      8. Управление монтажными областями
      9. Настройка рабочей среды
      10. Панель свойств
      11. Установка параметров
      12. Рабочая среда «Сенсорное управление»
      13. Поддержка Microsoft Surface Dial в Illustrator
      14. Отмена изменений и управление историей дизайна
      15. Повернуть вид
      16. Линейки, сетки и направляющие
      17. Специальные возможности в Illustrator
      18. Безопасный режим
      19. Просмотр графических объектов
      20. Работа в Illustrator с использованием Touch Bar
      21. Файлы и шаблоны
    3. Инструменты в Illustrator
      1. Краткий обзор инструментов
      2. Выбор инструментов
        1. Выделение
        2. Частичное выделение
        3. Групповое выделение
        4. Волшебная палочка
        5. Лассо
        6. Монтажная область
      3. Инструменты для навигации
        1. Рука
        2. Повернуть вид
        3. Масштаб
      4. Инструменты рисования
        1. Градиент
        2. Сетка
        3. Создание фигур
      5. Текстовые инструменты
        1. Текст
        2. Текст по контуру
        3. Текст по вертикали
      6. Инструменты рисования
        1. Перо
        2. Добавить опорную точку
        3. Удалить опорные точки
        4. Опорная точка
        5. Кривизна
        6. Отрезок линии
        7. Прямоугольник
        8. Прямоугольник со скругленными углами
        9. Эллипс
        10. Многоугольник
        11. Звезда
        12. Кисть
        13. Кисть-клякса
        14. Карандаш
        15. Формирователь
        16. Фрагмент
      7. Инструменты модификации
        1. Поворот
        2. Отражение
        3. Масштаб
        4. Искривление
        5. Ширина
        6. Свободное трансформирование
        7. Пипетка
        8. Смешать
        9. Ластик
        10. Ножницы
    4. Быстрые действия
      1. Ретротекст
      2. Светящийся неоновый текст
      3. Старомодный текст
      4. Перекрашивание
      5. Преобразование эскиза в векторный формат
  3. Illustrator на iPad
    1. Представляем Illustrator на iPad
      1. Обзор по Illustrator на iPad.
      2. Ответы на часто задаваемые вопросы по Illustrator на iPad
      3. Системные требования | Illustrator на iPad
      4. Что можно и нельзя делать в Illustrator на iPad
    2. Рабочая среда
      1. Рабочая среда Illustrator на iPad
      2. Сенсорные ярлыки и жесты
      3. Комбинации клавиш для Illustrator на iPad
      4. Управление настройками приложения
    3. Документы
      1. Работа с документами в Illustrator на iPad
      2. Импорт документов Photoshop и Fresco
    4. Выбор и упорядочение объектов
      1. Создание повторяющихся объектов
      2. Объекты с переходами
    5. Рисование
      1. Создание и изменение контуров
      2. Рисование и редактирование фигур
    6. Текст
      1. Работа с текстом и шрифтами
      2. Создание текстовых надписей по контуру
      3. Добавление собственных шрифтов
    7. Работа с изображениями
      1. Векторизация растровых изображений
    8. Цвет
      1. Применение цветов и градиентов
  4. Облачные документы
    1. Основы работы
      1. Работа с облачными документами Illustrator
      2. Общий доступ к облачным документам Illustrator и совместная работа над ними
      3. Публикация документов для проверки
      4. Обновление облачного хранилища для Adobe Illustrator
      5. Облачные документы в Illustrator | Часто задаваемые вопросы
    2. Устранение неполадок
      1. Устранение неполадок с созданием или сохранением облачных документов в Illustrator
      2. Устранение неполадок с облачными документами в Illustrator
  5. Добавление и редактирование содержимого
    1. Рисование
      1. Основы рисования
      2. Редактирование контуров
      3. Рисование графического объекта с точностью на уровне пикселов
      4. Рисование с помощью инструментов «Перо», «Кривизна» и «Карандаш»
      5. Рисование простых линий и фигур
      6. Трассировка изображения
      7. Упрощение контура
      8. Определение сеток перспективы
      9. Инструменты для работы с символами и наборы символов
      10. Корректировка сегментов контура
      11. Создание цветка в пять простых шагов
      12. Рисование перспективы
      13. Символы
      14. Рисование контуров, выровненных по пикселам, при создании проектов для Интернета
    2. 3D-объекты и материалы
      1. Подробнее о 3D-эффектах в Illustrator
      2. Создание трехмерной графики
      3. Проецирование рисунка на трехмерные объекты
      4. Создание трехмерного текста
    3. Цвет
      1. О цвете
      2. Выбор цветов
      3. Использование и создание цветовых образцов
      4. Коррекция цвета
      5. Панель «Темы Adobe Color»
      6. Цветовые группы (гармонии)
      7. Панель «Темы Color»
      8. Перекрашивание графического объекта
    4. Раскрашивание
      1. О раскрашивании
      2. Раскрашивание с помощью заливок и обводок
      3. Группы с быстрой заливкой
      4. Градиенты
      5. Кисти
      6. Прозрачность и режимы наложения
      7. Применение обводок к объектам
      8. Создание и редактирование узоров
      9. Сетки
      10. Узоры
    5. Выбор и упорядочение объектов
      1. Выделение объектов
      2. Слои
      3. Группировка и разбор объектов
      4. Перемещение, выравнивание и распределение объектов
      5. Размещение объектов    
      6. Блокировка, скрытие и удаление объектов
      7. Копирование и дублирование объектов
      8. Поворот и отражение объектов
      9. Переплетение объектов
    6. Перерисовка объектов
      1. Кадрирование изображений
      2. Трансформирование объектов
      3. Объединение объектов
      4. Вырезание, разделение и обрезка объектов
      5. Марионеточная деформация
      6. Масштабирование, наклон и искажение объектов
      7. Объекты с переходами
      8. Перерисовка с помощью оболочек
      9. Перерисовка объектов с эффектами
      10. Создание фигур с помощью инструментов «Мастер фигур» и «Создание фигур»
      11. Работа с динамическими углами
      12. Улучшенные процессы перерисовки с поддержкой сенсорного ввода
      13. Редактирование обтравочных масок
      14. Динамические фигуры
      15. Создание фигур с помощью инструмента «Создание фигур»
      16. Глобальное изменение
    7. Текст
      1. Дополнение текстовых и рабочих объектов типами объектов
      2. Создание маркированного и нумерованного списков
      3. Управление текстовой областью
      4. Шрифты и оформление
      5. Форматирование текста
      6. Импорт и экспорт текста
      7. Форматирование абзацев
      8. Специальные символы
      9. Создание текста по контуру
      10. Стили символов и абзацев
      11. Табуляция
      12. Текст и шрифты
      13. Поиск отсутствующих шрифтов (технологический процесс Typekit)
      14. Обновление текста из Illustrator 10
      15. Шрифт для арабского языка и иврита
      16. Шрифты | Часто задаваемые вопросы и советы по устранению проблем
      17. Создание эффекта 3D-текста
      18. Творческий подход к оформлению
      19. Масштабирование и поворот текста
      20. Интерлиньяж и межбуквенные интервалы
      21. Расстановка переносов и переходы на новую строку
      22. Усовершенствования работы с текстом
      23. Проверка орфографии и языковые словари
      24. Форматирование азиатских символов
      25. Компоновщики для азиатской письменности
      26. Создание текстовых проектов с переходами между объектами
      27. Создание текстового плаката с помощью трассировки изображения
    8. Создание специальных эффектов
      1. Работа с эффектами
      2. Стили графики
      3. Создание тени
      4. Атрибуты оформления
      5. Создание эскизов и мозаики
      6. Тени, свечения и растушевка
      7. Обзор эффектов
    9. Веб-графика
      1. Лучшие методы создания веб-графики
      2. Диаграммы
      3. SVG
      4. Создание анимации
      5. Фрагменты и карты изображений
  6. Импорт, экспорт и сохранение
    1. Импорт
      1. Помещение нескольких файлов в документ
      2. Управление связанными и встроенными файлами
      3. Сведения о связях
      4. Извлечение изображений
      5. Импорт графического объекта из Photoshop
      6. Импорт растровых изображений
      7. Импорт файлов Adobe PDF
      8. Импорт файлов EPS, DCS и AutoCAD
    2. Библиотеки Creative Cloud Libraries в Illustrator 
      1. Библиотеки Creative Cloud Libraries в Illustrator
    3. Диалоговое окно «Сохранить»
      1. Сохранение иллюстраций
    4. Экспорт
      1. Использование графического объекта Illustrator в Photoshop
      2. Экспорт иллюстрации
      3. Сбор ресурсов и их массовый экспорт
      4. Упаковка файлов
      5. Создание файлов Adobe PDF
      6. Извлечение CSS | Illustrator CC
      7. Параметры Adobe PDF
      8. Информация о файле и метаданные
  7. Печать
    1. Подготовка к печати
      1. Настройка документов для печати
      2. Изменение размера и ориентации страницы
      3. Задание меток обреза для обрезки и выравнивания
      4. Начало работы с большим холстом
    2. Печать
      1. Наложение
      2. Печать с управлением цветами
      3. Печать PostScript
      4. Стили печати
      5. Метки и выпуск за обрез
      6. Печать и сохранение прозрачных графических объектов
      7. Треппинг
      8. Печать цветоделенных форм
      9. Печать градиентов, сеток и наложения цветов
      10. Наложение белого
  8. Автоматизация задач
    1. Объединение данных с помощью панели «Переменные»
    2. Автоматизация с использованием сценариев
    3. Автоматизация с использованием операций
  9. Устранение неполадок 
    1. Проблемы с аварийным завершением работы
    2. Восстановление файлов после сбоя
    3. Проблемы с файлами
    4. Поддерживаемые форматы файлов
    5. Проблемы с драйвером ГП
    6. Проблемы устройств Wacom
    7. Проблемы с файлами DLL
    8. Проблемы с памятью
    9. Проблемы с файлом настроек
    10. Проблемы со шрифтами
    11. Проблемы с принтером
    12. Как поделиться отчетом о сбое с Adobe
    13. Повышение производительности Illustrator

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

Перемещение или отражение текста

Добавление текста по контуру

Добавление текста по линии дизайна, логотипа или контура.

  1. Выберите инструмент Текст по контуру или Вертикальный текст по контуру.

  2. Щелкните на контуре или линии фигуры в том месте, где вы хотите начать вводить текст.

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

Добавление текста по контуру

Перемещение или отражение текста

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

  1. Выберите контур с помощью инструмента Выделение  или инструмента Частичное выделение.

  2. Используйте следующие параметры, чтобы переместить или отразить текст вдоль контура:

    Перемещение текста вдоль контура

    Перемещение текста вдоль контура

    • Удерживайте клавишу Ctrl (в Windows) или Command (в macOS) и перетащите центральную скобку .

    Зеркальное отражение текста по контуру

    Отражение текста с одной стороны на другую

    • Перетащите центральную скобку  на другую сторону.

Применение эффектов

Применяйте различные эффекты, чтобы соответствовать стилю или концепции вашей иллюстрации.

  1. Выберите контур.

  2. Выберите Текст > Текст по контуру , после чего выберите один из следующих эффектов:

    Радуга, Наклон, 3D-лента, Лесенка, Гравитация.

Эффекты текста по контуру

A. Радуга B. Наклон C. 3D-лента D. Лесенка 

Настройка выравнивания

Вы можете выровнять текст в соответствии с вашими требованиями к дизайну.

  1. Выберите контур.

  2. Выберите Текст > Текст по контуру > Параметры текста по контуру.

  3. Выберите любой из следующих параметров Выровнять по контуру, чтобы задать выравнивание символов по контуру:

Верхний выносной элемент

Выравнивание по верхнему краю шрифта.

Свисающий элемент

Выравнивание по нижнему краю шрифта.

По центру

Выравнивание по середине между верхним и нижним выносным элементом шрифта.

Базовая линия

Выравнивание по базовой линии. Это настройка по умолчанию.

Настройка выравнивания текста

A. Верхний выносной элемент B. Свисающий элемент C. По центру D. Базовая линия 

Настройка интервала

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

  1. Выделите текстовый объект.

  2. Выберите Текст > Текст по контуру > Параметры текста по контуру.

  3. Введите большее значение для параметра Интервал, чтобы удалить дополнительный интервал между символами.

Настройка межбуквенного интервала

Полезные советы

  • Если ваш контур имеет Обводку или Заливку, то Illustrator автоматически удаляет их, когда вы щелкаете на контуре с помощью инструмента «Текст».
  • Эффект Гравитация на идеально круглом контуре выглядит как эффект Радуга по умолчанию. Эффект функционирует ожидаемым образом на контурах, имеющих овальную, квадратную, прямоугольную или неправильную форму.
  • Значение Интервал не влияет на символы, расположенные на прямых сегментах контура. Чтобы изменить межсимвольный интервал на каком-либо прямом участке контура, примените функцию Кернинг или Отслеживание, чтобы изменить межсимвольный интервал вдоль прямого участка контура.
  • Символы без верхнего или нижнего выносного элемента (например, буква «е») или без базовой линии (например, апостроф) вертикально выравниваются вместе с символами, у которых есть верхние выносные элементы, нижние выносные элементы и базовые линии.
  • Чтобы переместить текст через контур без изменения направления текста, воспользуйтесь параметром Смещение базовой линии на панели «Символ». Например, если имеется текст, который идет по внешней стороне окружности, то можно ввести отрицательное значение для параметра Смещение базовой линии, чтобы текст сместился внутрь окружности.

связанные ресурсы

  • Смещение базовой линии
  • Шрифты

Обращайтесь к нам

Мы будем рады узнать ваше мнение. Поделитесь своими мыслями с сообществом Adobe Illustrator.  

Вход в учетную запись

Войти

Управление учетной записью

🌈[БЕСПЛАТНО] Генератор изогнутого текста: создание изогнутого текста онлайн

УЧЕБНЫЕ ПОСОБИЯ

Хотите сделать

изогнутый текст онлайн ? Используйте наш бесплатный изогнутый текстовый инструмент !

Добавление текста вдоль кривой создает яркое графическое впечатление. Вы можете легко создать логотип на круговой траектории с помощью текстового редактора MockoFun . Используя наш генератор изогнутого текста , вы также можете добавить изогнутый текст к фотографии онлайн .

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

Создавайте круглые логотипы с помощью генератора изогнутого текста MockoFun

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

Как сделать изогнутый текст с помощью MockoFun [видео]

Чтобы точно увидеть, как легко сделать кривой текст онлайн с MockoFun , посмотрите этот краткий видеоурок.

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

Как обернуть текст вокруг круга? Если у вас есть Photoshop , проверьте этот экшен Photoshop с текстом в виде свободного круга, в противном случае используйте MockoFun для создания кругового текста онлайн.

Как обвести текст? Вот некоторые из текстовых эффектов изгиба, которые вы можете быстро и легко сделать с помощью бесплатного текстового онлайн-редактора от MockoFun :

  • .