Как сделать текст по кругу в word?
Текстовый редактор Microsoft Word можно использовать не только для работы с документами, в которых есть графики, таблицы и прочее. В нем можно делать что-нибудь и менее официальное. Например, выбрать картинку в качестве фона и что-нибудь написать на ней красиво – это будет открытка, или сделать небольшой коллаж из нескольких рисунков.
О том, как сделать картинку фоном в Ворд, я уже писала, и прочесть статью можно, перейдя по ссылке. Сейчас же давайте разберемся, как можно сделать надпись по кругу или полукругом в Ворде. Это пригодится, если нужно будет сделать эмблему или медаль.
Как написать текст по кругу
Для начала, нужно добавить соответствующий блок в документ. Перейдите на вкладку «Вставка» и в группе текст выберите или «Текстовое поле» – «Простая надпись», или «WordArt».
Подробнее, как добавить надпись в Ворд, можно прочесть в статье, перейдя по ссылке.
В появившемся блоке, напечатайте что нужно. Затем выделите данный прямоугольник, кликнув по нему мышкой, чтобы по контуру появилась линия с маркерами. Перейдите на вкладку «Средства рисования» – «Формат» и нажмите в группе «Стили WordArt» на кнопку «Текстовые эффекты».
Из выпавшего меню выберите «Преобразовать», затем в блоке «Траектория движения» выберите «Круг».
Текст будет повторят выбранную траекторию… но не совсем. Чтобы он был именно круговой, нужно изменить форму самой области для надписи. Для этого перемещайте маркеры мышкой.
Мне пришлось сильно уменьшить данную область, чтобы слова отображались по кругу.
Если Вам такое не подходит, и нужно, чтобы написанное было хорошо видно, тогда выделите его. Затем откройте вкладку «Главная» и измените шрифт, размер букв, добавьте жирность и прочее. В общем экспериментируйте, чтобы текст стал нужного Вам размера. Я еще добавила по одному пробелу между каждой буквой.
У меня таким образом получилось увеличить нужную область с надписью.
Вставляем текст в круг
Если же Вам нужно что-то написать именно внутри круга в Ворде, тогда начните с создания самой фигуры.
Для этого переходим на вкладку «Вставка» и в группе «Иллюстрации» нажимайте «Фигуры». В открывшемся списке выберите «Овал».
Курсор изменится на плюсик. Кликните левой кнопкой мыши в нужном месте листа и, не отпуская кнопки, нарисуйте объект. Затем отпустите кнопку.
Чтобы нарисовать именно круг, а не овал, во время рисования нажмите и удерживайте кнопку «Shift».
Выделите фигуру и на вкладке «Средства рисования» – «Формат» в группе «Стили фигур» можете изменить заливку или контур.
Теперь, не убирая выделение с фигуры, на вкладке «Средства рисования» – «Формат» жмите «Добавление надписи».
С помощью появившегося плюсика, нарисуйте прямоугольник. Затем в этом прямоугольнике напечатайте то, что Вам нужно. После этого выделите весь текст и на вкладке «Главная» измените его шрифт и размер.
Выделите блок с надписью и снова откройте «Средства рисования» – «Формат». Здесь в группе «Стили WordArt» нажмите на кнопку «Текстовые эффекты», откроется список, из которого выберите «Преобразовать» – «Круг».
После того, как будет создан круговой текст, давайте уберем заливку и контур самого блока. Выделите надпись, перейдите на вкладку «Средства рисования» – «Формат» и в группе «Стили фигур» сначала выберите «Заливка фигуры» – «Нет заливки», затем «Контур фигуры» – «Нет контура».
Дальше, используя маркеры на рамке блока, сделайте так, чтобы текст был написан по кругу. В моем случае, прямоугольник с надписью нужно уменьшить. Поэтому, чтобы текст вписался и не пришлось уменьшать блок, подбирайте подходящий размер шрифта.
После того, как текст будет написан как нам нужно и четко впишется в фигуру, можно, используя желтый маркер, изменить, где он будет начинаться и заканчиваться.
Как пример, создала еще один круг, в который вписала слова. Как видите, она строже, чем первая, и границы букв четко вписываются в нарисованную фигуру.
Пишем текст полукругом
Если Вам нужна не круговая надпись, а полукруглая, то снова добавьте соответствующий блок и напечатайте в нем. После этого выделите слова и нажмите вверху «Средства рисования» – «Формат». В группе «Стили WordArt» нажмите на кнопку «Текстовые эффекты», выберите из списка «Преобразовать» и кликните по пункту или «Дуга вверх», или «Дуга вниз».
Перемещайте маркеры, которые есть на рамке блока, чтобы написанные слова дугой в Ворде выглядели так, как нужно Вам.
Перемещение желтого маркера позволит изменить, где будет начинаться и заканчиваться текст в полукруге.
Вот такие круговая и полукруглая надписи получились у меня во время написания статьи.
Надеюсь, и Вам все понятно, и теперь Вы с легкостью напишите нужный текст дугой или по кругу.
Поделитесь статьёй с друзьями:
MS Word — это профессиональный текстовый редактор, который в первую очередь предназначен для офисной работы с документами. Однако, далеко не всегда и далеко не все документы должны быть оформлены в строгом, классическом стиле. Более того, в некоторых случаях творческий подход даже приветствуется.
Все мы видели медали, эмблемы для спортивных команд и прочие «вещицы», где текст написан по кругу, а в центре располагается какой-нибудь рисунок или знак. Написать текст по кругу можно и в Ворде, и в данной статье мы расскажем о том, как это сделать.
Урок: Как в Word написать текст вертикально
Сделать надпись по кругу можно двумя способами, точнее, двух видов. Это может быть обычный текст, расположенный по кругу, а может быть текст по кругу и на круге, то есть, именно то, что делают на всевозможных эмблемах. Оба эти метода мы рассмотрим ниже.
Круговая надпись на объекте
Если ваша задача — не просто сделать надпись по кругу, а создать полноценный графический объект, состоящий из круга и надписи, расположенной на нем тоже по кругу, действовать придется в два этапа.
Создание объекта
Прежде, чем сделать надпись по кругу, необходимо создать этот самый круг, а для этого нужно нарисовать на странице соответствующую фигуру. Если вы еще не знаете, как можно рисовать в Ворде, обязательно прочтите нашу статью.
Урок: Как рисовать в Word
1. В документе Ворд перейдите во вкладку «Вставка» в группе «Иллюстрации» нажмите кнопку «Фигуры».
2. Из выпадающего меню кнопки выберите объект «Овал» в разделе «Основные фигуры» и нарисуйте фигуру нужных размеров.
3. Если это необходимо, измените внешний вид нарисованного круга, воспользовавшись инструментами вкладки «Формат». Наша статья, представленная по ссылке выше, вам в этом поможет.
Добавление надписи
После того, как мы с вами нарисовали круг, можно смело переходить к добавлению надписи, которая и будет в нем располагаться.
1. Кликните дважды по фигуре, чтобы перейти во вкладку «Формат».
2. В группе «Вставка фигур» нажмите кнопку «Надпись» и кликните по фигуре.
3. В появившемся текстовом поле введите текст, который должен располагаться по кругу.
4. Измените стиль надписи, если это необходимо.
Урок: Изменение шрифта в Ворде
5. Сделайте невидимым поле, в котором располагается текст. Для этого выполните следующее:
- Кликните правой кнопкой мышки по контуру текстового поля;
- Выберите пункт «Заливка», в выпадающем меню выберите параметр «Нет заливки»;
- Выберите пункт «Контур», а затем параметр «Нет заливки».
6. В группе «Стили WordArt» нажмите на кнопку «Текстовые эффекты» и выберите в ее меню пункт «Преобразовать».
7. В разделе «Траектория движения» выберите тот параметр, где надпись расположена по кругу. Он так и называется «Круг».
Примечание: Слишком короткая надпись может не «растянутся» по всему кругу, поэтому придется выполнить с ней некоторые манипуляции. Попробуйте увеличить шрифт, добавить пробелы между буквами, поэкспериментируйте.
8. Растяните текстовое поле с надписью до размеров круга, на котором она должна располагаться.
Немного поэкспериментировав с перемещением надписи, размером поля и шрифта, вы сможете гармонично вписать надпись в круг.
Урок: Как повернуть текст в Word
Написание текста по кругу
Если вам не нужно делать круговую надпись на фигуре, а ваша задача — просто написать текст по кругу, сделать это можно куда проще, да и просто быстрее.
1. Откройте вкладку «Вставка» и нажмите на кнопку «WordArt», расположенную в группе «Текст».
2. В выпадающем меню выберите понравившийся стиль.
3. В появившееся текстовое поле введите необходимый текст. Если нужно, измените стиль надписи, ее шрифт, размер. Сделать все это можно в появившейся вкладке «Формат».
4. В этой же вкладке «Формат», в группе «Стили WordArt» нажмите на кнопку «Текстовые эффекты».
5. Выберите в ее меню пункт «Преобразовать», а затем выберите «Круг».
6. Надпись будет расположена по кругу. Если это требуется, подкорректируйте размер поля, в котором находится надпись, чтобы сделать круг идеальным. По желанию или необходимости измените размер, стиль шрифта.
Урок: Как в Ворд сделать зеркальную надпись
Вот вы и узнали, как в Word сделать надпись по кругу, как и о том, как сделать круговую надпись на фигуре.
Мы рады, что смогли помочь Вам в решении проблемы.
Задайте свой вопрос в комментариях, подробно расписав суть проблемы. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
Да Нет
При оформлении листовок или плакатов часто возникает необходимость сделать текст в виде полукруга. Такой текст выглядит необычно и сразу привлекает внимание к документу.
Может показаться, что для создания подобного текста нужно использовать профессиональные программы для дизайнеров, но на самом деле можно обойти только одним текстовым редактором. В этой небольшой статье вы узнаете, как сделать текст полукругом в редакторе Word 2007, 2010, 2013 или 2016.
Если у вас современная версия Word, например, Word 2007 или более новая, то вы можете сделать достаточно красивый текст в виде полукруга. Для этого сначала нужно добавить в документ элемент, который называется «Надпись». Для этого перейдите на вкладку «Вставка» и нажмите там на кнопку «Фигуры». В результате откроется достаточно большой список доступных фигур. В этом списке нужно выбрать элемент «Надпись». Его найти очень просто так как он находится в самом начале списка фигур. На скриншоте внизу нужный элемент означен с помощью стрелки.
После того как вы выбрали элемент «Надпись», ваш курсор превратится в крестовину. С помощью этой крестовины нужно нарисовать прямоугольник, в потом вставить или вписать в него текст, который должен быть оформлен в виде полукруга. В результате у вас должен получиться примерно такой элемент, как на скриншоте внизу.
Дальше нужно убрать рамку вокруг текста. Для этого выделяем рамку с помощью мышки и переходим на вкладку «Формат». Здесь нужно нажать на кнопку «Контур фигуры» и в появившемся меню выбрать вариант «Нет контура».
После удаления контура можно приступать к настройке оформления текста. Для этого снова выделяем блок текста, переходим на вкладку «Формат» и нажимаем там на кнопку «Текстовые эффекты».
В результате откроется меню, в котором нужно выбрать эффект и применить его к тексту. Для того чтобы сделать текст полукругом, вам нужно перейти в меню «Преобразовать» и выбрать там один из эффектов в разделе «Траектория движения».
Благодаря этому эффекту, текст внутри созданного вами текстового блока будет оформлен в виде полукруга. Для того чтобы изменить кривизну полукруга нужно просто изменить размеры блока с текстом. В конечном итоге у вас может получится примерно такая текстовая надпись как на скриншоте внизу.
При необходимости полукруг из текста можно наклонить на любой угол вправо или влево. Для этого нужно навести курсор на зеленую точку над блоком с текстом, зажать левую кнопку мышки и передвинуть курсор в нужном направлении.
Экспериментируя с настройками текста на вкладке «Формат», можно получить надписи с самым разным оформлением.
Как пример – текст на скриншоте вверху.
Как сделать текст полукругом в Ворд 2007, 2010, 2013 и 2016
При оформлении листовок или плакатов часто возникает необходимость сделать текст в виде полукруга. Такой текст выглядит необычно и сразу привлекает внимание к документу.
Может показаться, что для создания подобного текста необходимо использовать профессиональные программы для дизайнеров, но на самом деле можно обойти только одним текстовым редактором. В этой небольшой статье вы узнаете, как сделать текст полукругом в редакторе Word 2007, 2010, 2013 или 2016.
Если у вас современная версия Word, например, Word 2007 или более новая, то вы можете сделать достаточно красивый текст в виде полукруга. Для этого сначала необходимо добавить в документ элемент, который называется «Надпись». Для этого перейдите на вкладку «Вставка» и нажмите там на кнопку «Фигуры». В результате откроется достаточно большой список доступных фигур. В этом списке необходимо выбрать элемент «Надпись». Его найти очень просто так как он находится в самом начале списка фигур. На скриншоте внизу нужный элемент означен с помощью стрелки.
После того как вы выбрали элемент «Надпись», ваш курсор превратится в крестовину. С помощью этой крестовины необходимо нарисовать прямоугольник, в потом вставить или вписать в него текст, который должен быть оформлен в виде полукруга. В результате у вас должен получиться примерно такой элемент, как на скриншоте внизу.
Дальше необходимо убрать рамку вокруг текста. Для этого выделяем рамку с помощью мышки и переходим на вкладку «Формат». Здесь необходимо нажать на кнопку «Контур фигуры» и в появившемся меню выбрать вариант «Нет контура».
После удаления контура можно приступать к настройке оформления текста. Для этого снова выделяем блок текста, переходим на вкладку «Формат» и нажимаем там на кнопку «Текстовые эффекты».
В результате откроется меню, в котором необходимо выбрать эффект и применить его к тексту. Для того чтобы сделать текст полукругом, вам необходимо перейти в меню «Преобразовать» и выбрать там один из эффектов в разделе «Траектория движения».
Благодаря этому эффекту, текст внутри созданного вами текстового блока будет оформлен в виде полукруга. Для того чтобы изменить кривизну полукруга необходимо просто изменить размеры блока с текстом. В конечном итоге у вас может получится примерно такая текстовая надпись как на скриншоте внизу.
При необходимости полукруг из текста можно наклонить на любой угол вправо или влево. Для этого необходимо навести курсор на зеленую точку над блоком с текстом, зажать левую кнопку мышки и передвинуть курсор в необходимом направлении.
Экспериментируя с настройками текста на вкладке «Формат», можно получить надписи с самым разным оформлением.
Как пример – текст на скриншоте вверху.
Как сделать текст в Word 2010 по кругу
Как в Ворде Сделать Надпись по Кругу. Текст в Word
Перенос текста по кругу в GIMP 2.10
Хотите обернуть текст кругом? Хорошие новости — в GIMP 2.10 это действительно легко сделать! В этой статье я покажу вам, как обернуть любой текст вокруг формы круга.
Сначала вам нужно создать новую композицию в GIMP, чтобы вы могли написать свой текст. Для этого перейдите в Файл> Создать.
Выберите размер документа (я рекомендую создать квадратный документ, чтобы этот урок прошел более гладко — я выбрал 1080 на 1080) и нажмите OK.
Вы захотите легко найти центр вашей композиции, и лучший способ сделать это — установить горизонтальные и вертикальные направляющие по центру. Для этого перейдите в Image> Guides> New Guide (By Percent).
Сначала выберите «Горизонтально» в раскрывающемся меню «Направление» и установите значение «Положение (в%)» в значение 50. Нажмите OK, чтобы создать горизонтально ориентированную направляющую. Повторите этот шаг, изменив направление на вертикальное.
Затем я добавлю круг в свою композицию, нажав на Ellipse Select Tool (обозначен красной стрелкой на фотографии выше). Я нажму и потащу этим инструментом, чтобы начать рисовать эллипс. Если я удерживаю клавишу ctrl, форма эллипса будет рисоваться из центра. Если я также удерживаю клавишу Shift, эллипс будет нарисован с фиксированным соотношением сторон 1: 1 — или, другими словами, он будет нарисован как идеальный круг. Как только меня устраивает размер эллипса, я отпускаю мышь. Теперь вы должны увидеть «марширующих муравьев», идущих вокруг границы области круга. Это указывает на границу вашего выбора круга.
Окончательный размер моего круга — 650 px на 650 пикселей, который я могу вручную установить в полях «Размер» в разделе «Параметры инструмента» для инструмента выбора эллипса (обозначен синей стрелкой на фотографии выше). Вы также можете изменить положение своего круга, щелкнув внутри области выделения и перетащив ее (у вас при этом должен быть включен инструмент выбора эллипса). В центре области выбора есть небольшое перекрестие, которое говорит вам, где находится центр области выбора. Вы должны быть в состоянии перетащить его, пока он не защелкнется к горизонтальным и вертикальным центральным направляющим. Теперь у вас должна быть хорошая область выбора по центру круга.
Теперь, когда вы нарисовали свой круг, вам нужно преобразовать его в контур, чтобы вы могли рисовать текст по кругу. Для этого щелкните вкладку диалога «Пути» (обозначена красной стрелкой на фотографии выше).
Затем щелкните значок «Выделение по контуру» (обозначен синей стрелкой на фотографии выше). Это создаст новый путь из области выбора круга. Вы можете отменить выделение исходной области выделения, которую вы нарисовали, выбрав «Выделить»> «Нет» или нажав ctrl + shift + a на клавиатуре.
Теперь ваш круг исчезнет, но не волнуйтесь! Щелкните значок «показать / скрыть» рядом с контуром круга, который вы только что создали в диалоговом окне «Пути», чтобы отобразить контур круга (обозначен красной стрелкой на фотографии выше).
Затем возьмите текстовый инструмент (обозначенный красной стрелкой на изображении выше) и щелкните в любом месте внутри окна изображения (основная область, где вы можете увидеть свой документ). Это вызовет текстовый редактор (обозначен зеленой стрелкой), а также создаст текстовое поле (обозначено синей стрелкой). В демонстрационных целях я просто набрал «Обернуть текст» в одной строке, затем щелкнул в другом месте ниже в окне изображения и ввел вторую строку «Легко в GIMP». Я использовал бесплатный шрифт Animosa Bold (вы можете узнать, как скачать и установить через эту статью GIMP) с размером шрифта 100 и темно-синим цветом.
Теперь, когда у вас есть круговой путь, вы можете легко обернуть его текстом. Однако вы должны убедиться, что ваш текст в верхней части круга заканчивается вверху, а нижний текст — внизу. Для начала вернитесь к диалогу «Пути», если вы еще не там, нажмите на свой круговой путь (названный «Выбор» на изображении выше) и нажмите значок «Дублировать» (обозначенный красной стрелкой выше). Теперь у вас должно быть два пути: один с названием «Выделение» и один с названием «Копия выделенного фрагмента» (обозначен зеленой стрелкой).
Не снимая выделения с пути копирования выделенного фрагмента, возьмите инструмент «Отражение» (обозначено красной стрелкой на фотографии выше) и измените режим преобразования на «Путь» (третий значок слева в параметрах инструмента для инструмента поворота — обозначен зеленым стрелка вверху). Убедитесь, что для параметра «Направление» установлено значение «Горизонтальное». Щелкните круговой контур один раз, чтобы перевернуть его по горизонтали. Вы не заметите никакой разницы в своем пути (переворот идеального симметричного круга не создаст разницы). Однако это на самом деле гарантирует, что ваш обтягивающий текст для верхней части начнется в нужном месте на круговой траектории (вы скоро поймете, что я имею в виду).
После того, как вы это сделаете, с выбранным контуром для копирования выделенного фрагмента, возьмите текстовый инструмент и щелкните верхнюю строку текста. Затем щелкните текст правой кнопкой мыши и перейдите к «Текст вдоль пути» (обозначен красной стрелкой выше). Это обведет ваш текст в виде контура и поместит этот текст по пути, который вы создали для своего круга (таким образом, обернув текст вокруг круга). Конечно, теперь вам нужно будет заполнить текст цветом и переместить текст в зависимости от того, где вы хотите, чтобы он располагался в вашем круге. Мы сделаем это для обеих строк текста на следующем шаге.
Для нижней строки текста вы захотите щелкнуть исходный путь «Выбор» в диалоге «Пути». Затем щелкните вторую строку текста с помощью текстового инструмента, щелкните правой кнопкой мыши и снова перейдите к «Текст вдоль пути». Ваша вторая строка текста теперь также будет обернута вокруг контура круга. Основное отличие, которое вы должны заметить, заключается в том, что ваша первая строка текста находится справа, а вторая строка — слева.
Вы также могли заметить, что я переименовал свои пути, чтобы они соответствовали текстовому контуру, который они создают (обозначено красными стрелками выше). Я сделал это, просто дважды щелкнув имена путей и введя новые имена («WRAP YOUR TEXT» для пути, соответствующего верхней строке текста, и «EARLY IN GIMP» для пути, соответствующего нижней строке текст).
Прежде чем я смогу изменить положение текста, я должен заполнить его цветом на отдельном слое. Начну с первой строки текста.
Для этого я нажимаю Alt + щелчок по слою пути, который мы создали для нашего текста (путь WRAP YOUR TEXT — обозначен красной стрелкой) — или просто щелкаю по значку Path to Selection (обозначенному зеленой стрелкой). Это создаст область выделения вокруг моего текста.
Теперь я вернусь к панели слоев (красная стрелка) и создам новый слой (зеленая стрелка). Я назову этот слой «Оберните ваш текст», чтобы он соответствовал нашему текстовому слою (вы можете называть свой как хотите). Нажмите ОК, чтобы создать слой.
Затем я возьму инструмент заливки ведра (красная стрелка) и заполню область выделения в форме текста, щелкнув внутри области выделения цветом переднего плана. Убедитесь, что вы используете тот окончательный цвет, который хотите получить для текста.
Я повторю этот шаг для второго слоя текста, убедившись, что я нажал на слой пути «ЛЕГКО В GIMP», а не на слой контура «ОБЕРТАТЬ ТЕКСТ».
Прежде чем мы сможем завершить последний шаг, нам нужно немного очистить окно изображения, чтобы было немного легче выполнять наши последние задачи. Для этого я рекомендую скрыть исходные текстовые слои для обеих строк текста (щелкните значки отображения / скрытия рядом с текстовыми слоями, чтобы скрыть их). Я также рекомендую вернуться к диалогу «Пути» (красная стрелка) и скрыть все пути, которые мы создали до этого момента (еще раз щелкните значки «Показать / скрыть» — зеленые стрелки).
Наконец, мы будем вращать наш текст так, чтобы он правильно располагался по кругу. Чтобы сделать это, возьмите инструмент Rotate из вашей панели инструментов (зеленая стрелка) и вернитесь на панель Layers (красная стрелка).
Вы можете начать с любой строки текста — сначала я начну с нижней строки. Щелкните слой «Легко в GIMP» на панели слоев. Затем щелкните фактический текст в окне изображения с помощью инструмента поворота. Это активирует ваш инструмент поворота на этом слое.
Щелкните и перетащите мышь круговыми движениями, чтобы повернуть текст по кругу до тех пор, пока он не займет нужное положение (угол поворота можно увидеть в диалоговом окне «Поворот» в правом верхнем углу окна изображения). Я выбрал -125 градусов для нижней строки текста (обозначенной синей стрелкой) в качестве угла поворота. Нажмите кнопку «Повернуть», чтобы применить поворот (оранжевая стрелка).
Я повторю этот шаг для верхней строки текста, щелкните слой Wrap Your Text, а затем щелкните фактический текст с помощью инструмента поворота, чтобы активировать его. Я выбрал -65 для угла поворота верхней строки текста. Еще раз нажмите «Повернуть», чтобы применить поворот.
Вы можете скрыть руководство, нажав ctrl + shift + t или выбрав «Просмотр»> «Показать направляющие».
Вот и все для этого урока! Если вам понравилось, вы можете проверить мой другой GIMP How-to Статьи на моем сайте, или вы можете проверить мой GIMP видеоуроки, Вы также можете записаться на любой из моих GIMP классы!
Как написать текст по кругу в ворде
MS Word — это профессиональный текстовый редактор, который в первую очередь предназначен для офисной работы с документами. Однако, далеко не всегда и далеко не все документы должны быть оформлены в строгом, классическом стиле. Более того, в некоторых случаях творческий подход даже приветствуется.
Все мы видели медали, эмблемы для спортивных команд и прочие «вещицы», где текст написан по кругу, а в центре располагается какой-нибудь рисунок или знак. Написать текст по кругу можно и в Ворде, и в данной статье мы расскажем о том, как это сделать.
Сделать надпись по кругу можно двумя способами, точнее, двух видов. Это может быть обычный текст, расположенный по кругу, а может быть текст по кругу и на круге, то есть, именно то, что делают на всевозможных эмблемах. Оба эти метода мы рассмотрим ниже.
Круговая надпись на объекте
Если ваша задача — не просто сделать надпись по кругу, а создать полноценный графический объект, состоящий из круга и надписи, расположенной на нем тоже по кругу, действовать придется в два этапа.
Создание объекта
Прежде, чем сделать надпись по кругу, необходимо создать этот самый круг, а для этого нужно нарисовать на странице соответствующую фигуру. Если вы еще не знаете, как можно рисовать в Ворде, обязательно прочтите нашу статью.
1. В документе Ворд перейдите во вкладку «Вставка» в группе «Иллюстрации» нажмите кнопку «Фигуры».
2. Из выпадающего меню кнопки выберите объект «Овал» в разделе «Основные фигуры» и нарисуйте фигуру нужных размеров.
- Совет: Чтобы нарисовать круг, а не овал, перед растягиванием выбранного объекта на странице, необходимо нажать и удерживать клавишу «SHIFT» до тех пор, пока не нарисуете круг нужных размеров.
3. Если это необходимо, измените внешний вид нарисованного круга, воспользовавшись инструментами вкладки «Формат». Наша статья, представленная по ссылке выше, вам в этом поможет.
Добавление надписи
После того, как мы с вами нарисовали круг, можно смело переходить к добавлению надписи, которая и будет в нем располагаться.
1. Кликните дважды по фигуре, чтобы перейти во вкладку «Формат».
2. В группе «Вставка фигур» нажмите кнопку «Надпись» и кликните по фигуре.
3. В появившемся текстовом поле введите текст, который должен располагаться по кругу.
4. Измените стиль надписи, если это необходимо.
5. Сделайте невидимым поле, в котором располагается текст. Для этого выполните следующее:
- Кликните правой кнопкой мышки по контуру текстового поля;
Выберите пункт «Заливка», в выпадающем меню выберите параметр «Нет заливки»;
6. В группе «Стили WordArt» нажмите на кнопку «Текстовые эффекты» и выберите в ее меню пункт «Преобразовать».
7. В разделе «Траектория движения» выберите тот параметр, где надпись расположена по кругу. Он так и называется «Круг».
Примечание: Слишком короткая надпись может не «растянутся» по всему кругу, поэтому придется выполнить с ней некоторые манипуляции. Попробуйте увеличить шрифт, добавить пробелы между буквами, поэкспериментируйте.
8. Растяните текстовое поле с надписью до размеров круга, на котором она должна располагаться.
Немного поэкспериментировав с перемещением надписи, размером поля и шрифта, вы сможете гармонично вписать надпись в круг.
Написание текста по кругу
Если вам не нужно делать круговую надпись на фигуре, а ваша задача — просто написать текст по кругу, сделать это можно куда проще, да и просто быстрее.
1. Откройте вкладку «Вставка» и нажмите на кнопку «WordArt», расположенную в группе «Текст».
2. В выпадающем меню выберите понравившийся стиль.
3. В появившееся текстовое поле введите необходимый текст. Если нужно, измените стиль надписи, ее шрифт, размер. Сделать все это можно в появившейся вкладке «Формат».
4. В этой же вкладке «Формат», в группе «Стили WordArt» нажмите на кнопку «Текстовые эффекты».
5. Выберите в ее меню пункт «Преобразовать», а затем выберите «Круг».
6. Надпись будет расположена по кругу. Если это требуется, подкорректируйте размер поля, в котором находится надпись, чтобы сделать круг идеальным. По желанию или необходимости измените размер, стиль шрифта.
Вот вы и узнали, как в Word сделать надпись по кругу, как и о том, как сделать круговую надпись на фигуре.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Вы можете использовать объект WordArt с эффектом » преобразовать текст» для изгиба или поворота текста вокруг фигуры. Если нужно, чтобы текст полностью окружал фигуру, потребуется немного больше усилий. Объект WordArt также можно вставить несколько раз, чтобы задать обтекание текста вокруг фигур с прямыми границами.
Перейдите к разделу вставка > WordArtи выберите нужный стиль WordArt.
Примечание: Значок WordArt находится в группе текст и может различаться в зависимости от используемой версии и размера экрана. Значок может также выглядеть так, как это или .
Замените текст заполнителя на собственный текст.
Выделите свой текст WordArt.
Перейдите к разделу Формат фигуры или Работа с рисунками, нажмите кнопку текстовые эффекты > преобразовать и выберите нужный вид.
Примечание: В зависимости от размера экрана могут отображаться только значки стилей WordArt.
Дополнительные методики
Обтекание вокруг круга Чтобы создать текст, полностью обменяющий фигуру, выберите пункт круг в разделе подписаться на пути, а затем перетащите любой из маркеров изменения размера, пока объект WordArt не станет нужного размера и формы.
Обтекание вокруг ровных кромок Чтобы обтекание текста вокруг фигуры, содержащей ровные края, например прямоугольника, вставьте объекты WordArt для каждого края. В этом примере объект WordArt вставлен четыре раза, по одному для каждой стороны фигуры.
Группа перемещения и копирование Чтобы переместить или скопировать несколько объектов WordArt как одну фигуру, ознакомьтесь с разделами группирование и разгруппировка фигур, рисунков или других объектов .
Точный элемент управления «угол» Угол наклона текста WordArt по отношению к фигуре можно точно настроить с помощью инструмента вращения.
Если вам нужен очень точный контроль или вы создаете сложное сочетание фигур и текста, вы можете создать текст вокруг фигуры с помощью сторонней программы рисования и скопировать и вставить его в документ Office.
См. также
Создание изогнутого или кругового текста WordArt
Перейдите к разделу вставка > WordArt.
Выберите нужный стиль WordArt.
Выделите текст WordArt.
Перейдите к разделу Формат фигуры > текстовые эффекты > преобразуйте и выберите нужный эффект.
Дополнительные методики
Обтекание вокруг круга Чтобы создать текст, полностью обменяющий фигуру, выберите пункт круг в разделе подписаться на пути, а затем перетащите любой из маркеров изменения размера, пока объект WordArt не станет нужного размера и формы.
Обтекание вокруг ровных кромок Чтобы обтекание текста вокруг фигуры, содержащей ровные края, например прямоугольника, вставьте объекты WordArt для каждого края. В этом примере объект WordArt вставлен четыре раза, по одному для каждой стороны фигуры.
Группа перемещения и копирование Чтобы переместить или скопировать несколько объектов WordArt как одну фигуру, ознакомьтесь с разделами группирование и разгруппировка фигур, рисунков или других объектов .
Точный элемент управления «угол» Угол наклона текста WordArt по отношению к фигуре можно точно настроить с помощью инструмента вращения.
Если вам нужен очень точный контроль или вы создаете сложное сочетание фигур и текста, вы можете создать текст вокруг фигуры с помощью сторонней программы рисования и скопировать и вставить его в документ Office.
В Word Online вы можете увидеть объект WordArt, который уже есть в документе, но добавить другие объекты WordArt, чтобы открыть или изменить документ в классической версии Word.
Вы можете использовать возможности шрифта на вкладке Главная , чтобы изменить цвет и размер шрифта, а также применить к тексту полужирное начертание, курсив или подчеркивание.
Примечание: Эта страница переведена автоматически, поэтому ее текст может содержать неточности и грамматические ошибки. Для нас важно, чтобы эта статья была вам полезна. Была ли информация полезной? Для удобства также приводим ссылку на оригинал (на английском языке).
Текстовый редактор Microsoft Word можно использовать не только для работы с документами, в которых есть графики, таблицы и прочее. В нем можно делать что-нибудь и менее официальное. Например, выбрать картинку в качестве фона и что-нибудь написать на ней красиво – это будет открытка, или сделать небольшой коллаж из нескольких рисунков.
О том, как сделать картинку фоном в Ворд, я уже писала, и прочесть статью можно, перейдя по ссылке. Сейчас же давайте разберемся, как можно сделать надпись по кругу или полукругом в Ворде. Это пригодится, если нужно будет сделать эмблему или медаль.
Как написать текст по кругу
Для начала, нужно добавить соответствующий блок в документ. Перейдите на вкладку «Вставка» и в группе текст выберите или «Текстовое поле» – «Простая надпись», или «WordArt».
Подробнее, как добавить надпись в Ворд, можно прочесть в статье, перейдя по ссылке.
В появившемся блоке, напечатайте что нужно. Затем выделите данный прямоугольник, кликнув по нему мышкой, чтобы по контуру появилась линия с маркерами. Перейдите на вкладку «Средства рисования» – «Формат» и нажмите в группе «Стили WordArt» на кнопку «Текстовые эффекты».
Из выпавшего меню выберите «Преобразовать», затем в блоке «Траектория движения» выберите «Круг».
Текст будет повторят выбранную траекторию… но не совсем. Чтобы он был именно круговой, нужно изменить форму самой области для надписи. Для этого перемещайте маркеры мышкой.
Мне пришлось сильно уменьшить данную область, чтобы слова отображались по кругу.
Если Вам такое не подходит, и нужно, чтобы написанное было хорошо видно, тогда выделите его. Затем откройте вкладку «Главная» и измените шрифт, размер букв, добавьте жирность и прочее. В общем экспериментируйте, чтобы текст стал нужного Вам размера. Я еще добавила по одному пробелу между каждой буквой.
У меня таким образом получилось увеличить нужную область с надписью.
Вставляем текст в круг
Если же Вам нужно что-то написать именно внутри круга в Ворде, тогда начните с создания самой фигуры.
Для этого переходим на вкладку «Вставка» и в группе «Иллюстрации» нажимайте «Фигуры». В открывшемся списке выберите «Овал».
Курсор изменится на плюсик. Кликните левой кнопкой мыши в нужном месте листа и, не отпуская кнопки, нарисуйте объект. Затем отпустите кнопку.
Чтобы нарисовать именно круг, а не овал, во время рисования нажмите и удерживайте кнопку «Shift».
Выделите фигуру и на вкладке «Средства рисования» – «Формат» в группе «Стили фигур» можете изменить заливку или контур.
Теперь, не убирая выделение с фигуры, на вкладке «Средства рисования» – «Формат» жмите «Добавление надписи».
С помощью появившегося плюсика, нарисуйте прямоугольник. Затем в этом прямоугольнике напечатайте то, что Вам нужно. После этого выделите весь текст и на вкладке «Главная» измените его шрифт и размер.
Выделите блок с надписью и снова откройте «Средства рисования» – «Формат». Здесь в группе «Стили WordArt» нажмите на кнопку «Текстовые эффекты», откроется список, из которого выберите «Преобразовать» – «Круг».
После того, как будет создан круговой текст, давайте уберем заливку и контур самого блока. Выделите надпись, перейдите на вкладку «Средства рисования» – «Формат» и в группе «Стили фигур» сначала выберите «Заливка фигуры» – «Нет заливки», затем «Контур фигуры» – «Нет контура».
Дальше, используя маркеры на рамке блока, сделайте так, чтобы текст был написан по кругу. В моем случае, прямоугольник с надписью нужно уменьшить. Поэтому, чтобы текст вписался и не пришлось уменьшать блок, подбирайте подходящий размер шрифта.
После того, как текст будет написан как нам нужно и четко впишется в фигуру, можно, используя желтый маркер, изменить, где он будет начинаться и заканчиваться.
Как пример, создала еще один круг, в который вписала слова. Как видите, она строже, чем первая, и границы букв четко вписываются в нарисованную фигуру.
Пишем текст полукругом
Если Вам нужна не круговая надпись, а полукруглая, то снова добавьте соответствующий блок и напечатайте в нем. После этого выделите слова и нажмите вверху «Средства рисования» – «Формат». В группе «Стили WordArt» нажмите на кнопку «Текстовые эффекты», выберите из списка «Преобразовать» и кликните по пункту или «Дуга вверх», или «Дуга вниз».
Перемещайте маркеры, которые есть на рамке блока, чтобы написанные слова дугой в Ворде выглядели так, как нужно Вам.
Перемещение желтого маркера позволит изменить, где будет начинаться и заканчиваться текст в полукруге.
Вот такие круговая и полукруглая надписи получились у меня во время написания статьи.
Надеюсь, и Вам все понятно, и теперь Вы с легкостью напишите нужный текст дугой или по кругу.
Как расположить текст по кругу с помощью SVG
От автора: HTML текст можно крутить и позиционировать на странице при помощи комбинации CSS трансформаций, но что-то большее, чем просто вращение отдельных символов или слов лучше отдать на откуп SVG, у которого для этого есть специальный элемент – textpath.
Немного об элементе path
Чтобы разместить текст по нужной траектории в SVG необходимы 3 компонента:
Элемент path с id, который должен располагаться в области defs документа SVG.
Элемент text.
Несколько символов в textPath внутри тега text. textpath должен ссылаться на id тега path.
Практический курс по верстке адаптивного сайта с нуля!
Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3
Узнать подробнееВ SVG 1.2 путь это обязательно тег path: вы не сможете свернуть текст по форме circle или rect. Предположив, что большая часть дизайнеров захочет разместить текст по кругу или эллипсу, я начал решать эту проблему.
Есть несколько вариантов в Adobe Illustrator или другом редакторе векторных изображений: если переместить даже совсем на немного любую точку фигуры, то круг превратится в путь, а точки удалятся; или использовать Object / Compound Path / Make на круге.
Если же вы больше дружите с SVG, можете воспользоваться замечательным JavaScript конвертером, превращающим атрибуты круга в эквиваленты для элемента path.
Добавляем текст
Весь SVG логотип без центральной звезды и анимации можно посмотреть на CodePen:
<svg xmlns=»//www.w3.org/2000/svg» xmlns:xlink=»//www.w3.org/1999/xlink» viewBox=»0 0 500 500″> <title>Red Hot Chilli Peppers Logo</title> <defs> <path d=»M243.2, 382.4c-74.8, 0-135.5-60.7-135.5-135.5s60.7-135.5,135.5-135.5s135.5, 60.7, 135.5, 135.5 S318, 382.4, 243.2, 382.4z» /> <style> text { font-size: 60px; font-family: Franklin Gothic, sans-serif; font-weight: 900; text-transform: uppercase; letter-spacing: 22px; } </style> </defs> <text dy=»70″ textLength=»1200″> <textPath xlink:href=»#textcircle»> Red Hot Chilli Peppers </textPath> </text> </svg>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <svg xmlns=»//www.w3.org/2000/svg» xmlns:xlink=»//www.w3.org/1999/xlink» viewBox=»0 0 500 500″> <title>Red Hot Chilli Peppers Logo</title> <defs> <path d=»M243.2, 382.4c-74.8, 0-135.5-60.7-135.5-135.5s60.7-135.5,135.5-135.5s135.5, 60.7, 135.5, 135.5 S318, 382.4, 243.2, 382.4z» /> <style> text { font-size: 60px; font-family: Franklin Gothic, sans-serif; font-weight: 900; text-transform: uppercase; letter-spacing: 22px; } </style> </defs> <text dy=»70″ textLength=»1200″> <textPath xlink:href=»#textcircle»> Red Hot Chilli Peppers </textPath> </text> </svg> |
Нужно отметить всего пару вещей:
Совершенно ясно, что текст для удобного чтения должен быть достаточно большим, что в свою очередь будет зависеть от того, насколько велик текст относительно размера элемента path.
Текст всегда будет начинаться в определенной точке пути, это можно настроить (см. ниже).
Если обертка текста накладывается на начало текста, то текст будет «кусать себя за хвост», а все затронутые символы станут невидимыми.
Текст стилизуется с помощью типографских свойств CSS, с которыми вы уже должны быть знакомы; различия только в селекторе text, свойстве цвета fill, атрибутах dy и textLength (поговорим о них ниже).
textLength – в нашем случае длина окружности – используется как замена свойству letter-spacing в Firefox, с которым в этом браузере связан баг при работе с SVG.
Задаем точку старта
Текст будет начинаться с того места, которое в SVG называется «отправной точкой» пути. Стартовую точку можно сместить несколькими способами:
легче всего прокрутить путь до нужной вам ориентации, т.е. и тест вместе с ним:
<path d=»…» transform=»rotate(90 250 250)» />
<path d=»…» transform=»rotate(90 250 250)» /> |
Помните, что координаты трансформации в SVG, последние две цифры относятся к viewbox, а не к самому элементу. Или же можно прокрутить круг в векторном редакторе перед экспортированием файла.
Если текст на окружности начинается слишком рано и есть место, чтобы его сдвинуть в конец, используйте startOffset. Значение данного атрибута задает стартовую точку текста и измеряется в процентах, где 0% — значение по умолчанию, а 100% (т.е. стартовая точка смещена в самый конец пути) – максимально возможное значение. Как и раньше, текст, набегающий на начало строки, становится невидимым.
В замкнутой форме может быть сложно определить стартовую точку. Один из легких способов – в Illustrator временно включить обводку пути и конечную стрелку end на панели Обводка (обратите внимание, возможно вам необходимо включить «Показывать опции» в верхнем правом углу панели). Тогда стрелка укажет на стартовую точку.
Добавить атрибут dx (или Х) к тегу text, с помощью которого можно двигать текст вдоль пути (по умолчанию значение задается в пикселях). На данный момент dx лучше всего работает в Firefox, так что я рекомендую использовать его.
<text dx=»50″> <textPath xlink:href=»#textcircle»> Red Hot Chilli Peppers </textPath> </text>
<text dx=»50″> <textPath xlink:href=»#textcircle»> Red Hot Chilli Peppers </textPath> </text> |
Если Х или dx задать отрицательные значения, пропадут первые буквы. В Illustrator можно задать новую стартовую точку с помощью ножниц: кликните в любом месте на пути, это и будет стартовая точка, но в результате код станет немного длиннее.
Практический курс по верстке адаптивного сайта с нуля!
Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3
Узнать подробнееРеверс направления текста
Текст будет написан в том направлении, в котором нарисован путь. В SVG есть две возможные интерпретации:
Круг по часовой стрелке, тогда основания букв будут располагаться на внешнем кольце пути, т.е. буквы будут «снаружи»
Круг против часовой стрелки, тогда основания букв будут расположены на внутренней окружности пути, т.е. буквы будут внутри
Самый простой способ изменить направление пути в Adobe Illustrator это создать составной путь (Object / Compound Path / Make), а затем применить Реверс направления пути в панели Атрибутов (и опять, возможно придется активировать Показать опции в верхнем правом углу, чтобы увидеть эти настройки).
В SVG2 добавили атрибут side, который значительно упрощает настройку направления текста вдоль пути: значение side для left или right изменит направление текста. Значение side также позволяет расположить текст вокруг или внутри базовой фигуры, такой как прямоугольник и круг. Но к сожалению, на момент написания статьи ни один браузер не поддерживает данную функцию.
Реверс направления не решает потенциальную проблему, когда текст по часовой стрелке расположен на внешней окружности, а текст против часовой – во внутренней. Проще всего это исправить с помощью атрибута dy и двигать текст вверх или вниз относительно базовой линии пути. К примеру:
<text dy=»50″> <textPath xlink:href=»#textcircle»> Red Hot Chilli Peppers </textPath> </text>
<text dy=»50″> <textPath xlink:href=»#textcircle»> Red Hot Chilli Peppers </textPath> </text> |
В результате текст по часовой стрелке сдвинется немного внутрь. Можно использовать отрицательные значения для сдвига на внешее кольцо.
Противоположные направления
В дизайне логотипов очень часто можно встретить две надписи, записанные в противоположных направлениях на одной и той же кривой. Самый знакомый пример это вездесущий логотип Starbucks Coffee.
Сделать такую надпись в SVG можно двумя способами:
Использовать копию пути, но развернутого в другую сторону с новым id и ссылкой на другой текст (понадобится передвинуть символы с помощью атрибута dy)
Если два текстовых фрагмента одного размера: использовать новый путь, который касается верхушки нижнего слова. Тогда этот путь будет базовой линией для верхнего слова (но также необходимо развернуть направление одного из путей).
В примере выше я использовал второй подход. Код без русалки или звезды по центру:
<svg xmlns=»//www.w3.org/2000/svg» xmlns:xlink=»//www.w3.org/1999/xlink» viewBox=»0 0 200 200″> <title>Starbucks Coffee Logo</title> <defs> <path d=»M15,100a85,85 0 1,0 170,0a85,85 0 1,0 -170,0″ /> <path d=»M100,37c34.8,0,63,28.2,63,63s-28.2,63-63,63s-63-28.2-63-63S65.2,37,100,37z» transform=»rotate(-85 100 100)» /> </defs> <circle cx=»100″ cy=»100″ r=»100″ fill=»#067655″ /> <circle fill=»none» stroke=»#FFF» cx=»100″ cy=»100″ r=»93.8″ stroke-width=»3″ /> <text> <textPath xlink:href=»#starbuckscircle»>Starbucks</textPath> </text> <text dx=»55″ textLength=»160″> <textPath xlink:href=»#coffeecircle»>Coffee</textPath> </text> </svg>
<svg xmlns=»//www.w3.org/2000/svg» xmlns:xlink=»//www.w3.org/1999/xlink» viewBox=»0 0 200 200″> <title>Starbucks Coffee Logo</title> <defs> <path d=»M15,100a85,85 0 1,0 170,0a85,85 0 1,0 -170,0″ /> <path d=»M100,37c34.8,0,63,28.2,63,63s-28.2,63-63,63s-63-28.2-63-63S65.2,37,100,37z» transform=»rotate(-85 100 100)» /> </defs> <circle cx=»100″ cy=»100″ r=»100″ fill=»#067655″ /> <circle fill=»none» stroke=»#FFF» cx=»100″ cy=»100″ r=»93.8″ stroke-width=»3″ /> <text> <textPath xlink:href=»#starbuckscircle»>Starbucks</textPath> </text> <text dx=»55″ textLength=»160″> <textPath xlink:href=»#coffeecircle»>Coffee</textPath> </text> </svg> |
text { font-family: Santana-Black, sans-serif; fill: #fff; text-transform: uppercase; font-size: 32px; } .coffee { letter-spacing: 6px; }
text { font-family: Santana-Black, sans-serif; fill: #fff; text-transform: uppercase; font-size: 32px; } .coffee { letter-spacing: 6px; } |
Увидеть какой путь для какого текста используется можно, потянув текст за предел секции defs, а также добавив атрибуты stroke и stroke-width в демо на CodePen.
Заключение
Может быть несколько причин, по которым вы захотите разместить текст вдоль пути:
Вы хотите, чтобы текст был читаемым, доступным и дружелюбным к SEO
Вы хотите анимировать текст
Вы хотите, чтобы текст было легко редактировать или выделять.
Если вам не понравились эти техники, или вы можете решить эту проблему по-другому, может быть, будет легче разбить текст по отдельным путям и экспортировать результат как «замороженный» SVG.
Круг и эллипс не единственные фигуры, вдоль которых можно расположить текст по пути. В следующей статье я расскажу про другие варианты.
Источник: //thenewcode.com/
Редакция: Команда webformyself.
Практический курс по верстке адаптивного сайта с нуля!
Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3
Узнать подробнееPSD to HTML
Практика верстки сайта на CSS Grid с нуля
СмотретьТекст по кругу посредством css
Часто для уникальности и красоты сайта дизайнеры придумывают разные декоративные украшения, трансформирование текста. И важная задача верстальщика при этом сделать все как можно правильнее — сделать все что можно посредством html и css не используя картинки.
Самый легкий способ решения данной задачи — воспользоваться каким — либо графическим редактором. Это не составит большого труда. При этом Вы получаете отсутствие проблем с кроссбраузерностью. Но есть ряд недостатков такого метода:
- не возможно скопировать текстовую информацию;
- сложность внесения исправлений в текст и его параметры;
- повышается трафик на сервере данного сайта
- увеличение количества обращений к серверу при обновлении страницы
В виду всех этих нюансов наиболее правильным решением все же будет использование html и css.
Допустим у нас задача написать по кругу сверху «Привет», а снизу «мир».
Создадим адаптивный круг (div с классом “disk”), вокруг которого будет располагаться наш текст.
Html:
<div> </div>
Css:
.disk { position: relative; background: #4a9266; width: 30%; padding: 15% 0; border-radius: 50%; /* адаптивный круг */ margin: 10% auto; font: 4.5vmin monospace; }
Далее, для того чтобы расположить правильно текст, нужно будет позиционировать каждую букву отдельно. Для этого заключим каждую букву в отдельный тег, например b. Зададим ему свойство абсолютного позиционирования.
Html:
<div> <b>П</b> <b>р</b> <b>и</b> <b>в</b> <b>е</b> <b>т</b> <b>м</b> <b>и</b> <b>р</b> </div>
Css:
.disk b { position: absolute; left: 50%; /* все буквы ставим в одну точку*/ width: 0; /* убираем отступ */ }
Строку, которая будет сверху круга («Привет»), позиционируем
.disk b:nth-of-type(-n+6) { bottom: 50%; /* отступ от центра по радиусу */ -ms-transform-origin: 0% 100%; -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; padding-bottom: 50%; /* отступ от центра круга */ }
Где 6 – это количество букв в текущей части текста.
Далее позиционируем каждую букву отдельно, поворачивая ее на определенное количество градусов. Так как размер шрифта у нас 4,5 %. Пусть на каждый символ у нас приходится 6 градусов.
Очень важно проставляя поворот каждой букве учесть пробел между словами, если он есть. Как символ мы его не считаем, но пропустить 6 градусов для пробела в нужном месте нужно.
Исходя из этого определяем символы которые будут в центре, ставим им поворот 3 и -3 (357) градуса и далее высчитываем. Получаем:
Css:
.disk b:nth-of-type(1) {-ms-transform: rotate(345deg); -webkit-transform: rotate(345deg); transform: rotate(345deg);} /*Укажем расположение для буквы П*/ .disk b:nth-of-type(2) {-ms-transform: rotate(351deg); -webkit-transform: rotate(351deg); transform: rotate(351deg);} /*Укажем расположение для буквы Р*/ .disk b:nth-of-type(3) {-ms-transform: rotate(357deg); -webkit-transform: rotate(357deg); transform: rotate(357deg);} /*Укажем расположение для буквы И*/ .disk b:nth-of-type(4) {-ms-transform: rotate(3deg); -webkit-transform: rotate(3deg); transform: rotate(3deg);} /*Укажем расположение для буквы В*/ .disk b:nth-of-type(5) {-ms-transform: rotate(9deg); -webkit-transform: rotate(9deg); transform: rotate(9deg);} /*Укажем расположение для буквы Е*/ .disk b:nth-of-type(6) {-ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg);} /*Укажем расположение для буквы Т*/
Затем тоже самое проделываем для нижней части. Селектор .disk b:nth-of-type(n+7) начинается с 7, поскольку в слове выше было использовано 6 букв.
/* мир */ .disk b:nth-of-type(n+7) { top: 50%; -ms-transform-origin: 50% 0; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; padding-top: 50%; /* влияет на удаление букв от средины окружности */ } .disk b:nth-last-of-type(1) {-ms-transform: rotate(354deg); -webkit-transform: rotate(354deg); transform: rotate(354deg);} /*Укажем расположение для буквы М*/ .disk b:nth-last-of-type(2) {-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);} /*Укажем расположение для буквы И*/ .disk b:nth-last-of-type(3) {-ms-transform: rotate(6deg); -webkit-transform: rotate(6deg); transform: rotate(6deg);} /*Укажем расположение для буквы Р*/
Все готово. Если вам нужен просто текст, Вы можете сделать прозрачным круг.
Кроссбраузерность
Этот код работает во всех современных браузерах, поддерживающих html 5 и css 3.
В отличии от использования обычной картинки:
- Увеличивается скорость загрузки страницы, так как не нужно грузить дополнительную графику;
- Вы получаете возможность быстро и легко редактировать размер и цвет шрифта, радиус круга и непосредственно сам текст.
Оценок: 9 (средняя 4.4 из 5)
- 16118 просмотров
Понравилась статья? Расскажите о ней друзьям:
Курсы по CSS (в открытом доступе)
Уровень сложности:
Средний
Еще интересное
Урок 02. Иcкривляем текст в CorelDraw (Fit Text to Path, CorelDRAW, Envelope, текст дугой, аркой, по кругу)
У Вас есть текс и Вы хотите преобразить его? Допустим, Вы решили сделать надпись на круглом или изогнутом объекте. Вы не знаете как это сделать? Чуть ниже Вы сможете найти все ответы.
Оглавление
- Первый способ (искривление вокруг объекта)
- Второй способ (искривление формы текста)
Использованное ПО: CorelDraw X3
Искривлять текст можно несколькими способами. Я расскажу о двух. Для начала нужно определиться, какого рода искривление вам нужно, хотите ли вы обогнуть объект текстом или же искривить сам текст, для того, чтобы он смотрелся нестандартно.
Первый способ (искривление вокруг объекта)
1.1 Рисуем любой объект. Это может быть круг, квадрат, овал, просто изогнутая линия. Это может быть любая кривая Безье, но это должен быть простой объект. Он не должен содержать сложных элементов.
Создаем для примера треугольник. В панели инструментов слева выбираем кнопку Basic Shapes. Вверху появится меню этого инструмента. Кликаем на кнопку Perfect Shapes. В выпадающем меню выбираем интересующий нас объект: в нашем случае — это треугольник.
1.2 Теперь повернем наш треугольник так, как нам будет удобнее с ним работать. Инструментом Pick Tool в левой панели кликаем один раз на наш треугольник и поворачиваем его. Также это можно сделать при помощи инструментов Angle of Rotation Mirror
1.3 Теперь выбираем кнопку текста Text Tool и пишем любое предложение.
1.4 У нас есть текст и есть объект. Теперь мы можем «обогнуть» текст вокруг нашего треугольника. Для этого мы кликаем на наш текст и идем в верхнее меню (Text > Fit Text to Path).
1.4a Вместо курсора появляется стрелочка, которой мы должны указать место, которое мы хотим обогнуть.
1.5 Для того, чтобы изменить или подправить полученный результат, используем инструмент Shape Tool. Если мы хотим сдвинуть или переместить текст выше или внутрь объекта, то мы должны использовать инструмент Pick Tool. Двигая за красный ромбик около текста, мы можем перемещать его.
1.5a Так же мы получаем полный доступ к панели управления текстом.
1.6 Если мы хотим оставить только искривлённый текст, а объект, который он огибает, убрать, то мы должны кликнуть на наш «рисунок» и открыть в меню (Arrange > Break Text Apart)
1.6a Затем отменяем выделение нашего объекта и берём отдельно только текст.
Мы получили готовый нужный нам текст.
Результаты могут быть и такими. Всё зависит от поставленной Вами цели.
Второй способ (искривление формы текста)
Бывает нужно искривить сам тест, а не его угол, радиус или направление. Во втором способе мы изменим форму теста.
2.1. Создаем текст (пункт. 1.3). В панели инструментов слева выбираем кнопку Interactive Envelope Tool.
2.2 Текст становится окружен синим пунктирным квадратиком с точками. Если двигать эти точки, текст начнёт меняться. Вверху появляется панель инструментов, которая позволяет управлять этими точками (придать округлости или заострить угол).
При этом текст всегда остаётся текстом, т.е. вы всегда можете написать другое предложение или слово.
Удачи в обучении 🙂
Создать закладку в (наведите курсор на иконку снизу)Введите текст по кругу / по кругу
Создание кружков слов или круглых текстов — это разновидность художественного текста. Дизайнеры то и дело сталкиваются с необходимостью создавать изогнутые тексты.
В этом уроке мы узнаем, как набирать текст по кругу в Affinity Designer от Serif.
1) Запустите Affinity Designer и создайте новый документ ( ⌘
+ N
). Чтобы работать с прозрачным фоном, отметьте Прозрачный фон в разделе Цвет диалогового окна, которое только что появилось.
2) Выберите инструмент Ellipse Tool .
3) Обведите эллипс и нажмите SHIFT
, пока начертите его; это создаст идеальный круг. Залейте фон каким-нибудь цветом. Выберите инструмент перемещения и щелкните круг, чтобы выбрать его.
4) Затем выберите инструмент Artistic Text Tool , чтобы написать несколько слов вокруг только что созданного круга.
5) Наведите указатель мыши на край круга.Курсор изменится на букву « T » с небольшой волной под ней. Или вы можете просто выбрать Layer > Convert to Text Path , чтобы добиться того же.
6) Щелкните левой кнопкой мыши, удерживайте ее и немного потяните к правому нижнему углу. Буква « A » появится прямо над курсором. Отпустите мышь.
7) Два маленьких зеленого и оранжевого треугольника появляются на краю круга, отмечая начальную и конечную точки для ввода текста в направлении.Курсор мигает на зеленом треугольнике. Теперь мы готовы ввести текст.
8) Мы набираем несколько слов, скажем, «РАЗВЕДКА ЗВЕЗДНОГО ФЛОТА». Помните, что вы можете выбрать понравившийся вам шрифт Font , выбрать соответствующий цвет, а также установить желаемый размер шрифта. Зеленый треугольник можно перетащить по окружности круга до точки, где вы хотите, чтобы текст начинался. Ваш напечатанный текст может доходить до оранжевого треугольника, за которым он переворачивается внутрь круга.Оранжевый треугольник также можно перетаскивать, поэтому установите метки по своему усмотрению.
9) Теперь нам нужно добавить еще несколько слов после «ИНТЕЛЛЕКТ». Нажмите пробел и начните вводить новые слова — «UNITED …». Ой! Когда он закрывает оранжевую метку, новый текст автоматически переворачивает положение внутрь круга, начиная с исходной зеленой начальной точки, но переворачивая и в направлении против часовой стрелки. Другой набор треугольников — один зеленый (более темный) и один красноватый — автоматически вставляется на окружность.
10) Нам нужно заполнить текст «ОБЪЕДИНЕННАЯ ФЕДЕРАЦИЯ ПЛАНЕТ» внутри круга, и он должен уместиться между начальной и конечной точками. Для этого мы можем либо уменьшить размер шрифта, либо уменьшить расстояние между ними (хотя это маловероятно), либо расширить область обведенного круга.
Теперь есть две вещи относительно изменения размера области:
- Если перетащить любой угловой маркер выделения, высота и ширина изменятся одновременно, без изменения размера текста на контуре.
- Из нижнего правого угла выделенной области выходит дополнительная точка, известная как ручка шкалы . Если вы перетащите его, текст также масштабируется вместе с высотой и шириной объекта.
Выберите любой подход (или и то, и другое), внесите необходимые корректировки и разместите добавленный текст.
11) Отметим, что на внутренней стороне окружности написан текст «ОБЪЕДИНЕННАЯ ФЕДЕРАЦИЯ ПЛАНЕТ».Чтобы разместить его по внешнему контуру окружности, увеличьте ползунок Baseline . Здесь мы увеличиваем его до 80%.
Ниже представлен круговой текст, который мы только что создали. Кстати, надеюсь, вы не внутри клингонского судна 😉
Банкноты
- Чтобы создать текст в виде круга, мы также можем выбрать круг и в меню Layer просто выбрать Convert to Text Path . Курсор изменится на букву « T » с небольшой волной под ней.
- Точно так же тексты художественных путей могут быть созданы из любой линии, кривой или контура фигуры.
Перенос текста по кругу с помощью Inkscape
В этом уроке я продемонстрирую, как легко обернуть текст по кругу с помощью Inkscape. Это то, что можно сделать за 2 клика! Давайте начнем.
Несколько лет назад я собрал краткое видео-руководство, демонстрирующее, как обернуть текст по кругу с помощью Inkscape.Вы можете посмотреть его здесь…
Это не то, что слишком сложно объяснить в письменном формате, поэтому, если у вас мало времени и вы предпочитаете быстрый письменный обзор, читайте дальше.
Обернуть текст по кругу с помощью Inkscape
Чтобы обернуть текст по кругу с помощью Inkscape, просто выделите текст и круг, затем перейдите к Текст> Поместить путь в меню. |
Вот несколько примеров для начала.У нас есть круг, и у нас также есть текст…
Чтобы обернуть текст вокруг круга, мы будем использовать функцию размещения контура. Просто выделите текст и круг, либо щелкнув их, удерживая клавишу Shift, либо щелкнув и перетащив выделение поверх обоих (с помощью инструмента Select ), затем перейдите к Text> Put on Path в меню.
Это поместит ваш текст вокруг внешнего края круга…
Вы можете изменить положение текста в круге, вращая только круг.Убедитесь, что вы вращаете только круг! Если вы попытаетесь повернуть сам текст, он уберет его с места на пути.
Если вы хотите изменить размер окружности круга, который занимает текст, вы можете масштабировать круг соответственно вверх или вниз. Обратите внимание, как пространство, занимаемое текстом, изменяется при изменении размера круга.
Следует также отметить, что вы можете продолжать редактировать текст с помощью инструмента Текст , так же, как и любой другой текстовый объект, если он помещен на траекторию.Таким образом, вы все равно можете изменить шрифт, размер и содержание, если хотите.
Обтекание текстом внутри круга
Если вы хотите обернуть текст вокруг внутренней части круга, а не снаружи, вы можете изменить путь круга, просто щелкнув по кругу и перейдя к Путь> Реверс на панели инструментов меню.
Это изменит ориентацию круга, даже если визуально ничего не изменится…
И вот как вы можете обернуть текст вокруг круга с помощью Inkscape! Когда вы закончите, просто щелкните текст и преобразуйте его в путь, выбрав Path> Object To Path .Это завершит текст по кругу, чтобы он не потерялся позже при дальнейшем проектировании.
Logos By Nick LLC является участником программы Amazon Services LLC Associates, партнерской рекламной программы, предназначенной для предоставления сайтам средств для получения рекламных сборов за счет рекламы и ссылок на Amazon.com. Как партнер Amazon я зарабатываю на соответствующих покупках. Прочтите информацию о партнерских программах здесь.
Как обвести текст в AutoCAD?
Как заставить текст располагаться по кругу в AutoCAD?
Чтобы написать текст кривой вдоль дуги, введите в командной строке ARCTEXT и нажмите клавишу ВВОД.Щелкните по дуге, на которой вы хотите сделать выровненный текст, если дуга является частью полилинии, разнесите полилинию и затем выберите дугу. Появится новое окно Мастерской ArcAlignedText.
Что такое команда «Окружность» в AutoCAD?
Создает круг заданного радиуса по касательной к двум объектам. Иногда указанным критериям соответствует несколько кружков. Программа рисует окружность указанного радиуса, точки касания которой наиболее близки к выбранным точкам.
Как вы показываете текст в AutoCAD?
Включение или выключение отображения текста
- Щелкните правой кнопкой мыши в области рисования и выберите «Параметры».
- В диалоговом окне «Параметры» на вкладке «Отображение» в разделе «Производительность отображения» установите или снимите флажок «Показывать только текстовую рамку» и нажмите «ОК».
- В командной строке введите regen, чтобы заново создать чертеж и обновить отображение.
Как написать кривую?
Создание изогнутого или круглого объекта WordArt
- Выберите «Вставка»> «WordArt».
- Выберите нужный стиль WordArt.
- Введите текст.
- Выберите объект WordArt.
- Перейдите в «Формат фигуры»> «Текстовые эффекты»> «Трансформировать» и выберите нужный эффект.
Какие команды используются в AutoCAD?
150 Список команд и ярлыков AutoCAD, электронная книга в формате PDF
- L. Может использоваться для построения простых линий на чертеже.
- C. Это команда, используемая для создания круга в AutoCAD.
- PL. Эту команду можно использовать для создания ломаной линии на вашем чертеже.
- REC. Эта команда создаст прямоугольник в AutoCAD.
- ПОЛ. …
- ARC. …
- ЭЛЛИПС. …
- РЕГ.
Что такое полная форма AutoCAD?
Automatic Computer Aided Design — это полная форма AutoCAD, разработанная компанией Autodesk. … Поскольку программное обеспечение используется для автоматизированного проектирования (САПР) и разрабатывается компанией Autodesk, вы можете легко догадаться, почему это программное обеспечение было названо AutoCAD.
Сколько типов дуг существует в AutoCAD?
одиннадцать разных
Как правильно писать текст?
7 вещей, которые нужно знать, чтобы писать тексты с соблюдением норм этикета
- Учитывайте свою аудиторию.Каждое текстовое сообщение — это ваша конкретная проекция, и важно представить себя так, как вы хотите, чтобы вас воспринимали. …
- Общайтесь четко. …
- Ответьте оперативно. …
- Используйте символы и смайлики только при необходимости. …
- Не надо скучать. …
- Будьте терпеливы. …
- Знайте, когда закончить разговор.
Как изменить размер текста в AutoCAD?
Справка
- Щелкните вкладку «Рисование»> панель «Текст»> «Стиль».
- В диалоговом окне «Стиль текста» выберите стиль текста, который необходимо изменить, и введите высоту текста (в единицах чертежа) в поле «Высота».
- Чтобы обновить существующий текст, в котором используется этот стиль текста, нажмите «Применить».
- Нажмите «Закрыть».
Почему пропадает текст в AutoCAD?
Сбросить пользовательские настройки
Сбросить AutoCAD до значений по умолчанию (см. Как восстановить AutoCAD по умолчанию). Примечание: диалоговое окно, предупреждающее об отсутствии шрифтов, можно отключить. Проверьте настройки скрытых сообщений, чтобы убедиться, что он включен (см. Как включить диалоговые окна и подсказки сообщений, которые больше не отображаются в AutoCAD).
Как обвести что-нибудь в Word?
Нарисуйте овал или круг
- На вкладке «Вставка» щелкните «Фигуры».
- В разделе «Основные формы» выберите «Овал».
- Щелкните в том месте, где должен начинаться овал, и перетащите его, чтобы нарисовать форму.
- Чтобы нарисовать круг, при перетаскивании удерживайте нажатой клавишу «Shift». Примечания. Вы можете изменить внешний вид круга или кривой, добавив заливку или эффект формы или изменив границу.
Как вы изгибаете слова в Canva?
В настоящее время в Canva нет возможности искривить текст.Стиль изгиба отдельных букв — это задача. Это функция, о которой много просили, и я верю, что она может быть добавлена в ближайшее время. Возможно, вам придется прибегнуть к использованию другого инструмента, такого как Photoshop, который включает изогнутый текст, а затем импортирует изображение в Canva. 10 мая 2019 г.
Как сделать текст изогнутым в Canva
Canva — отличное приложение для редактирования изображений, которое предоставляет пользователям все необходимые инструменты для создания красивых дизайнов. Это дает вам полную свободу в отношении стиля текста, размещения, ориентации и других функций.Если вам интересно, как настроить текст в Canva, мы готовы помочь.
В этом руководстве мы объясним, как изгибать и анимировать текст в Canva. Кроме того, мы дадим инструкции, как сделать текст прозрачным и вертикальным. Читайте дальше, чтобы узнать, как воплотить в жизнь свои творческие идеи.
Как сделать кривую текста в Canva?
К сожалению, в Canva нет быстрого способа изогнуть текст. Вам придется вручную перемещать каждую букву. В этом разделе мы перечислим инструкции по изгибу текста на разных устройствах.
Использование iPhone
Чтобы изогнуть текст в Canva на iPhone, выполните следующие действия:
- Создайте новый или существующий файл в Canva.
- Нажмите значок плюса, затем выберите «Элементы» и «Фигуры».
- Выберите круг, затем нажмите «Дублировать», чтобы добавить еще один круг в шаблон.
- Нажмите и удерживайте угол синей рамки вокруг второго круга. Перетащите его, чтобы уменьшить круг.
- Убедитесь, что меньший круг расположен точно посередине большего круга.
- Коснитесь значка замка в нижней части экрана, чтобы круги не перемещались.
- Нажмите значок плюса и выберите «Текст». Введите первую букву текста, который хотите использовать.
- Нажмите и удерживайте первую букву, затем перетащите ее, чтобы поместить между двумя кругами. Он должен располагаться немного сбоку, а не по центру, в зависимости от длины желаемого текста.
- Поверните букву так, чтобы она располагалась перпендикулярно кругам.
- Повторите шаги 7–9 с последней буквой. В идеале он должен располагаться ровно напротив первой буквы.
- Нажмите первую букву, затем выберите «Дублировать». Измените следующую букву и повторите шаги 9 и 10.
- Сделайте то же самое со всеми буквами вашего текста.
- Коснитесь первой буквы, затем перетащите угол синей рамки, чтобы выделить все буквы.
- Выберите «Группа». При необходимости отрегулируйте положение текста.
- Нажмите значок замка, чтобы разблокировать круги.При необходимости удалите круги или измените цвет.
Использование Android
Изгиб текста в Canva на Android ничем не отличается от этого на iPhone. Следуйте инструкциям ниже:
- Создайте новый или существующий файл в Canva.
- Нажмите значок плюса, затем выберите «Элементы» и «Фигуры».
- Выберите круг, затем нажмите «Дублировать», чтобы добавить еще один круг в шаблон.
- Нажмите и удерживайте угол синей рамки вокруг второго круга.Перетащите его, чтобы уменьшить круг.
- Убедитесь, что меньший круг расположен точно посередине большего круга.
- Коснитесь значка замка в нижней части экрана, чтобы круги не перемещались.
- Нажмите значок плюса и выберите «Текст». Введите первую букву текста, который хотите использовать.
- Нажмите и удерживайте первую букву, затем перетащите ее, чтобы поместить между двумя кругами. Он должен располагаться немного сбоку, а не по центру, в зависимости от длины желаемого текста.
- Поверните букву так, чтобы она была перпендикулярна вашим кругам.
- Повторите шаги 7–9 с последней буквой. В идеале он должен располагаться ровно напротив первой буквы.
- Нажмите первую букву, затем выберите «Дублировать». Измените следующую букву и повторите шаги 9 и 10.
- Сделайте то же самое со всеми буквами вашего текста.
- Коснитесь первой буквы, затем перетащите угол синей рамки, чтобы выделить все буквы.
- Выберите «Группа.”При необходимости отрегулируйте положение текста.
- Нажмите значок замка, чтобы разблокировать круги. При необходимости удалите круги или измените цвет.
На Mac
Инструкции по изгибу текста в Canva на Mac немного отличаются от инструкций для мобильного приложения:
- Создайте новый или существующий файл в Canva.
- На левой боковой панели выберите «Элементы», затем «Фигуры».
- Выберите круг, затем нажмите «Дублировать», чтобы добавить еще один круг в шаблон.
- Щелкните и удерживайте угол синей рамки вокруг второго круга. Перетащите его, чтобы уменьшить круг.
- Убедитесь, что меньший круг расположен точно посередине большего круга.
- Щелкните значок замка, чтобы круги не двигались.
- На левой боковой панели выберите «Текст». Введите первую букву текста, который хотите использовать.
- Перетащите букву с помощью курсора с четырьмя стрелками и поместите ее между двумя кругами.Он должен располагаться немного сбоку, а не по центру, в зависимости от длины желаемого текста.
- С помощью изогнутого курсора поверните букву, чтобы поместить ее перпендикулярно вашим кругам.
- Повторите шаги 7–9 с последней буквой. Он должен располагаться напротив первой буквы.
- Выберите первую букву, затем нажмите «Дублировать». Измените следующую букву и повторите шаги 9 и 10.
- Сделайте то же самое со всеми буквами вашего текста.
- Щелкните первую букву и удерживайте кнопку мыши, затем перетащите угол синей рамки, чтобы выделить все буквы.
- Щелкните «Группировать» в правом верхнем углу экрана. При необходимости отрегулируйте положение текста.
- Щелкните значок замка, чтобы разблокировать круги. При необходимости удалите круги или измените цвет.
В Windows 10
Если вы пользователь Windows, выполните следующие действия, чтобы изогнуть текст в Canva:
- Создайте новый или существующий файл в Canva.
- На левой боковой панели выберите «Элементы», затем «Фигуры».
- Выберите круг, затем нажмите «Дублировать», чтобы добавить еще один круг в шаблон.
- Щелкните и удерживайте угол синей рамки вокруг второго круга. Перетащите его, чтобы уменьшить круг.
- Убедитесь, что меньший круг расположен точно посередине большего круга.
- Щелкните значок замка, чтобы круги не двигались.
- На левой боковой панели выберите «Текст.»Введите первую букву текста, который вы хотите использовать.
- Перетащите букву с помощью курсора с четырьмя стрелками и поместите его между двумя кругами. Он должен располагаться немного сбоку, а не по центру, в зависимости от длины желаемого текста.
- С помощью изогнутого курсора поверните букву, чтобы поместить ее перпендикулярно вашим кругам.
- Повторите шаги 7–9 с последней буквой. Он должен располагаться напротив первой буквы.
- Выберите первую букву, затем нажмите «Дублировать».Измените следующую букву и повторите шаги 9 и 10.
- Сделайте то же самое со всеми буквами вашего текста.
- Щелкните первую букву и удерживайте кнопку мыши, затем перетащите угол синей рамки, чтобы выделить все буквы.
- Щелкните «Группировать» в правом верхнем углу экрана. При необходимости отрегулируйте положение текста.
- Щелкните значок замка, чтобы разблокировать круги. При необходимости удалите круги или измените цвет.
Как анимировать текст в Canva?
Анимировать текст в Canva намного проще, чем изгибать его — ниже приведены инструкции для своего устройства.
Использование iPhone
Пользователи iPhone могут анимировать текст в мобильном приложении Canva всего за четыре простых шага:
- Откройте Canva и введите «Анимированный» в поле поиска. Вы увидите все варианты анимированных шаблонов. Выберите тот, который вам больше нравится.
- Нажмите значок плюса и выберите «Текст», затем введите нужный текст.
- В меню внизу экрана выберите «Анимировать».
- Выберите предпочитаемый стиль анимации и нажмите «Готово».
Использование Android
Анимация текста в приложении Canva для Android ничем не отличается от выполнения этого в приложении для iOS:
- Откройте Canva и введите «Анимированный» в поле поиска.Вы увидите все варианты анимированных шаблонов. Выберите тот, который вам больше нравится.
- Нажмите значок плюса и выберите «Текст», затем введите нужный текст.
- В меню внизу экрана выберите «Анимировать».
- Выберите предпочитаемый стиль анимации и нажмите «Готово».
На Mac
На Mac не нужно создавать специальный шаблон для анимации текста. Вы можете анимировать любой элемент в уже существующем файле, выполнив следующие действия:
- Откройте новый или существующий файл в Canva.
- Введите текст, который вы хотите оживить, и настройте его положение, цвет, размер и т. Д.
- Выделите текст. В меню над шаблоном выберите «Анимировать».
- Выберите желаемый стиль анимации. Он будет применен мгновенно.
В Windows 10
Чтобы анимировать текст в Canva для Windows, следуйте приведенным ниже инструкциям:
- Откройте новый или существующий файл в Canva.
- Введите текст, который вы хотите анимировать, и настройте его положение, цвет, размер и т. Д.
- Выделите текст. В меню над шаблоном выберите «Анимировать».
- Выберите желаемый стиль анимации. Он будет применен мгновенно.
Часто задаваемые вопросы
Теперь, когда вы знаете, как изгибать и анимировать текст в Canva, вы можете найти другие способы его настройки. В этом разделе мы объясним, как повернуть и сделать текст прозрачным в приложении.
Как сделать текст в Canva вертикальным?
Повернуть текст в Canva очень просто — выполните следующие действия:
1.Откройте файл Canva и добавьте желаемый текст.
2. Выделите текст. Щелкните и удерживайте значок поворота рядом с синей рамкой вокруг текста.
3. Перетащите мышь, чтобы изменить ориентацию текста, пока она не станет вертикальной.
4. Отпустите кнопку мыши, чтобы зафиксировать текст в этом положении.
Как сделать текст прозрачным в Canva?
Canva позволяет настроить уровень прозрачности любого элемента по своему усмотрению. Для этого следуйте инструкциям ниже:
1.Откройте файл Canva и добавьте желаемый текст.
2. Выделите текст.
3. Выберите «Прозрачность» в нижней части экрана и перетащите ползунок, чтобы настроить его.
4. Нажмите «Готово», когда будете удовлетворены результатом.
Неограниченные возможности
Надеюсь, наше руководство помогло вам отредактировать текст в Canva по своему вкусу. Создавать привлекательные дизайны с помощью Canva очень просто. Смешивая различные функции, вы можете создавать стильные сообщения в блогах, коллажи, плакаты и многое другое.Анимированный текст особенно хорошо смотрится в презентациях и рассказах в Instagram. Используйте свое воображение и продолжайте экспериментировать, чтобы добиться наилучших результатов с приложением.
Знаете ли вы какие-либо альтернативы Canva, которые могут предложить более простой способ изгиба текста? Поделитесь своим опытом в разделе комментариев ниже.
Как обернуть текст по кругу в Inkscape
Хотите повысить свои дизайнерские навыки — будь то разработка логотипов или просто создание привлекательных текстовых фрагментов? В этом уроке я помогу вам сделать это, показав, как разместить текст по кругу в Inkscape.Техника довольно проста и требует всего нескольких простых шагов, но конечный результат может значительно улучшить ваши возможности графического дизайна при работе с текстом.
Это руководство достаточно просто для начинающих пользователей Inkscape, и оно будет следовать пошаговому процессу, чтобы помочь вам полностью понять обсуждаемые концепции. Без лишних слов, давайте приступим!
У меня холст Inkscape настроен так, чтобы он выглядел как монтажная область Adobe Illustrator, о чем вы можете узнать в этом руководстве.
Я начну этот процесс с того, что возьму свой инструмент «Текст» на панели инструментов (красная стрелка на изображении выше) в левой части пользовательского интерфейса Inkscape (вы также можете нажать F8 на клавиатуре, чтобы получить доступ к этому инструменту).
Затем я щелкну в любом месте холста Inkscape, чтобы начать строку текста (красная стрелка на фотографии выше). Затем я наберу свою первую строку текста (всего у нас будет две строки текста — одна линия идет по верхней части круга, а другая — по нижней части круга).Для моей первой строки текста я просто выбрал «Легко переносить текст».
Затем я нажимаю где-нибудь в другом месте на своем холсте с активированным инструментом текста, чтобы начать новую строку текста, и набираю вторую строку текста. В этом примере я выбрал «Вокруг круга» в качестве второй строчки.
Теперь, когда у нас созданы обе строки текста, я выберу шрифт, который хочу использовать.
Для этого я начну с нажатия на инструмент «Выделение» на панели инструментов (который вы также можете активировать с помощью сочетания клавиш F1 — обозначен красной стрелкой на фотографии выше), а затем щелкну и перетащу указатель мыши по обоим элементам. строки текста.Это выберет обе строки текста.
Затем я перейду к диалогу «Текст и шрифт» с помощью значка панели команд (красная стрелка на изображении выше) в правой части пользовательского интерфейса Inkscape. При нажатии на этот значок откроется диалоговое окно «Текст и шрифты» (зеленая стрелка).
После открытия этот диалог позволяет мне редактировать несколько строк текста одновременно. Итак, я буду прокручивать шрифты (обведены зеленым на изображении выше), пока не найду тот, который мне нравится (вы можете щелкнуть шрифт, чтобы сгенерировать предварительный просмотр того, как ваш текст выглядит в этом шрифте).В этом случае я выбрал шрифт под названием «Wicked Grit», который я загрузил и установил как сторонний шрифт (другими словами, этот шрифт не входит в Inkscape по умолчанию). Вы можете узнать, как установить шрифты в Inkscape, из моей справочной статьи по этой теме.
Получив нужный шрифт, я могу нажать кнопку «Применить» (красная стрелка), чтобы применить новый шрифт к моим строкам текста (синяя стрелка).
Теперь, когда у меня есть новый шрифт, я решил, что хочу, чтобы текст был немного больше.Чтобы изменить размер шрифта, я могу просто щелкнуть раскрывающийся список «Размер шрифта» (красная стрелка на фотографии выше) и выбрать новый размер. В этом случае я выбрал 48 для моего нового размера шрифта (синяя стрелка). Затем я могу снова нажать кнопку «Применить», чтобы применить этот новый размер шрифта к моим строкам текста.
Когда мой текст готов к работе, мне теперь нужно нарисовать круг, который я могу обернуть вокруг текста. Для этого я нажимаю на инструмент «Эллипс» на панели инструментов (вы также можете использовать горячую клавишу F5 — красная стрелка на фотографии выше).
Затем я нажимаю и перетаскиваю указатель мыши по холсту, удерживая клавишу Ctrl при перетаскивании, чтобы нарисовать идеальный круг. Когда круг достиг нужного мне размера, я могу отпустить мышь, чтобы применить рисунок круга к моему холсту. Если вы хотите, чтобы круг был определенного размера, вы всегда можете вручную ввести значения «Rx» и «Ry» (обведены зеленым на фотографии выше) на основе любых значений, которые вы хотите использовать (по умолчанию единицы измерения будут в пикселях).
Затем я нажимаю на значок диалога «Выровнять и распределить» на панели команд (красная стрелка).Этот диалог позволяет мне выровнять круг на холсте.
Я хочу выровнять круг по центру холста, поэтому в раскрывающемся списке «Относительно:» я выбираю «Страница» (зеленая стрелка на фотографии выше).
Затем я нажимаю опцию «Центрировать по вертикальной оси» (красная стрелка на фото выше), а затем «Центрировать по горизонтальной оси» (зеленая стрелка). Это центрирует мой круг на холсте (синяя стрелка).
Теперь у меня есть все элементы на холсте, чтобы начать процесс обертывания текста по кругу.Я начну с добавления верхней строки текста к верхней части круга.
Для этого я нажимаю клавишу F1 на клавиатуре или нажимаю инструмент «Выделение» на панели инструментов (красная стрелка на изображении выше). Затем я нажимаю на первую строку текста, которую мы создали (зеленая стрелка), которая будет верхней строкой текста в круге.
Затем я удерживаю клавишу Shift и нажимаю на кружок. Это позволяет одновременно выбирать верхнюю строку текста и круг (красные стрелки на фото выше).
Теперь я перейду в «Текст»> «Поместить путь». Это поместит мой текст в круг.
Чтобы повернуть текст в правильное положение, мне нужно сначала щелкнуть в любом месте холста, чтобы отменить выделение круга и текста, которые я выделил. Затем я могу просто дважды щелкнуть по кругу, чтобы открыть маркеры преобразования вращения. Затем я нажимаю на один из маркеров преобразования поворота (красная стрелка на фото выше) и перетаскиваю его, пока текст не окажется в нужном мне положении.
Затем я скопирую свой круг из предыдущего шага, пока он все еще выделен, нажав клавиши ctrl + d.
Затем я нажимаю на круг (который выберет верхний круг — или дублированный круг, который мы только что создали) и перетащу маркер масштабного преобразования в любой из углов прямоугольника по кругу (красная стрелка в фото выше), чтобы увеличить круг. Я удерживаю клавиши shift + ctrl, пока нажимаю и перетаскиваю, чтобы круг масштабировался от центра, а также сохранял соотношение сторон 1: 1 (или, другими словами, оставался идеальным кругом при перетаскивании).
Я отпущу мышь, когда круг станет достаточно большим, чтобы покрыть верхнюю строку текста, который мы создали.
Теперь я нажимаю на вторую строку текста, которая будет нижней частью текста, и буду перемещать + щелкать по большему кругу, чтобы теперь у нас были выделены оба объекта (обозначено красными стрелками на фотографии выше ).
Я снова перейду в меню «Текст»> «Поместить путь». Это разместит вторую строку текста за пределами круга.
Проблема в том, что нам нужно, чтобы текст находился внизу круга, но мы не хотим, чтобы он был перевернут (что могло бы произойти, если бы мы просто использовали метод поворота, выполненный для верхней строки текста на предыдущем шаге. ).
Итак, что я сделаю, чтобы исправить это, просто нажмите «Отразить выбранные объекты по вертикали» на панели элементов управления (красная стрелка на изображении выше). Это одновременно поместит ваш текст в нижнюю часть круга и перевернет его, чтобы он не перевернулся (зеленая стрелка). Однако сначала вы не сможете это увидеть, если к вашему кругу добавлена заливка (т. Е. Круг окрашен). В моем случае у меня есть светло-голубая заливка, закрывающая текст.
Чтобы удалить цветную заливку для вашего круга, щелкните произвольную область вашего холста, чтобы отменить выбор ваших объектов, затем щелкните свой круг, чтобы выбрать только круг, и, наконец, щелкните прямоугольник с красным крестиком в вашем цвете. Палитра (красная стрелка на фото выше).Это уберет цветную заливку с вашего круга.
Я также рекомендую вам сдвигать + щелкать по черному цвету (или любому другому цвету — зеленой стрелке на фотографии выше), чтобы ваш круг имел обводку и, таким образом, его было легко найти для последних шагов.
Теперь, когда мы можем видеть наш текст и круг, в котором он находится, я выполню несколько последних шагов, чтобы наш текст занял правильное положение. Во-первых, пока мой круг все еще выделен, я буду использовать клавиши со стрелками на клавиатуре, чтобы опускать круг до тех пор, пока нижняя строка текста не выровняется с меньшим кругом (красная стрелка на фотографии выше).
Затем я захочу взять свой текстовый инструмент, выделить весь мой текст в нижней строке и увеличить интервал между буквами, чтобы они соответствовали (или были более похожи) на интервал в верхней строке текста (я установите мой интервал на 5 — это обозначено красной стрелкой на изображении выше).
Затем я снова нажимаю на больший круг, пока не появятся маркеры преобразования поворота. Я нажимаю и перетаскиваю эти маркеры (красная стрелка на фото выше), пока моя нижняя строка текста не окажется там, где я хочу.
Теперь, когда наш текст обернут вокруг созданных кругов, мы хотим удалить круги из композиции, поскольку они нам больше не нужны.
Для этого мне сначала нужно «освободить» строки текста от кругов. Я нажимаю на свою первую строку текста с помощью инструмента «Выделение» (F1), а затем перехожу в «Путь»> «От объекта к контуру».
Я повторю это действие для нижней строки текста.
Каждая строка текста теперь отделена от кружков.Итак, я могу просто щелкнуть каждый кружок с помощью инструмента «Выделение» и нажать клавишу Backspace на клавиатуре, чтобы удалить кружки.
У нас остались две строки текста, обернутые вокруг формы круга!
Вот и все. Если вам это нравится, вы можете ознакомиться с другими моими справочными статьями по Inkscape на моем сайте. У меня также есть масса справочных статей по GIMP и видеоуроков по GIMP.
Обтекание текстом круга или другой формы
Вы можете использовать WordArt с текстовым эффектом Transform для частичного изгиба или изгиба текста вокруг формы.Если вы хотите, чтобы текст окружал фигуру, вы также можете сделать это, но это немного сложнее. Вы также можете вставить WordArt несколько раз, чтобы обернуть текст вокруг фигур с прямыми краями.
Совет: Если вам нужно очень точное управление или вы создаете сложную комбинацию фигур и текста, вы захотите использовать стороннюю программу для рисования или графики, чтобы создать дугу текста вокруг вашей формы, а затем скопировать и вставьте его в свой документ Office.
Щелкните Вставить > WordArt и выберите нужный стиль WordArt.
Примечание. Значок WordArt находится в группе Текст и может выглядеть по-разному в зависимости от используемой программы и размера экрана. Найдите один из этих значков:
Выделив текст-заполнитель WordArt, введите свой собственный текст.
Выделите текст WordArt.
Инструменты рисования появится над вкладкой Формат .
На вкладке Средства рисования Формат в группе Стили WordArt щелкните Текстовые эффекты > Преобразовать и выберите нужный вид.
Примечание: В зависимости от размера экрана вы можете видеть только значки для стилей WordArt.
Если вы хотите, чтобы текст полностью окружал вашу фигуру, в разделе Follow Path выберите Circle , а затем щелкните и перетащите любой из маркеров изменения размера, пока ваш WordArt не станет нужной формы.
Совет: Когда у вас есть объект WordArt и фигура, расположенные так, как вы хотите, сгруппируйте их, чтобы вы могли перемещать или копировать их как единую фигуру.
Если вы хотите обернуть текст вокруг фигуры с прямыми краями, например прямоугольника, вставьте объект WordArt для каждого края.В этом примере WordArt вставляется четыре раза, по одному для каждой стороны фигуры.
С помощью инструмента «Повернуть» можно точно контролировать угол наклона текста WordArt относительно фигуры.
См. Также
Добавить фигуры
Вставить WordArt
Как изогнуть текст в круг в Google Slides? Быстрое исправление! — Искусство презентаций
Итак, я недавно работал над презентацией для клиента, и меня попросили изогнуть текст в круг в презентации Google Slides! Сначала мне было сложно, но после небольшого исследования мне удалось сделать это довольно легко! Вот что я узнал.
Добавление текста кривой в круг непосредственно в Google Slides в настоящее время невозможно с существующими встроенными функциями. Однако вы можете добавить кривой текст в Google Slides с помощью PowerPoint или других онлайн-инструментов, выполнив всего несколько простых шагов.
Хотя добавление кривого текста — это здорово, но если вы хотите делать потрясающие презентации, я бы порекомендовал использовать один из этих дизайнов презентаций. Самое приятное — это ТОЛЬКО 16,5 долларов в месяц, но вы можете загрузить и использовать столько шаблонов, сколько захотите! Я лично время от времени использую его, и это делает мою задачу по созданию красивых презентаций действительно быстрой и простой!
В оставшейся части статьи я помогу вам понять, как можно пошагово добавлять кривый текст в Google Презентации.Итак, давайте узнаем об этом больше!
Добавить кривый текст в Google Slides с помощью PowerPoint
Итак, первый метод довольно прост. При этом используются мощные функции Microsoft PowerPoint, чтобы сначала создать изогнутый текст, а затем передать его в Google Slides.
Как изогнуть текст в PowerPoint? (Пошаговое руководство)
К счастью, вPowerPoint есть эта потрясающая встроенная функция, которая позволяет нам изгибать текст (наряду с некоторыми другими вещами).
Вот как мы можем изогнуть текст в PowerPoint —
Шаг 1. Добавьте текст, который вы хотите изогнуть
Откройте пустой файл PowerPoint. Добавьте текстовое поле, сначала щелкнув вкладку « Вставить », а затем кнопку « Текстовое поле ». Затем перетащите и создайте текстовое поле.
Когда у вас есть текстовое поле на слайде, введите текст, который вы хотите изогнуть в круг, как показано на изображении выше.
Шаг 2. Преобразование текста в круг
После того, как вы добавили желаемый текст, щелкните текстовое поле, а затем выберите « Shape Format » (или «Format» в более старых версиях PowerPoint).Убедитесь, что вы выделили текст.
Затем перейдите к опции « Text Effects » (маленькая буква «A» показана точкой 2 на изображении выше). Щелкните стрелку и откройте раскрывающийся список.
Затем выберите « Transform » и в разделе « Follow Path » выберите « Circle », как показано на изображении выше.
Шаг 3. Сделайте текстовое поле КВАДРАТНЫМ в форме
Когда вы преобразовываете текст в круг, вы заметите, что текст на самом деле не похож на круг!
Это потому, что нам нужно изменить размер текстового поля.Для этого на вкладке формата фигуры увеличьте высоту текстового поля, чтобы она соответствовала ширине . Вы также можете уменьшить ширину, чтобы она соответствовала высоте, но это только уменьшит ваше текстовое поле.
После того, как вы установили одинаковую высоту и ширину, убедитесь, что вы заблокировали соотношение сторон, установив флажок рядом с полем размеров, как показано на изображении выше.
Шаг 4. Увеличьте размер шрифта
Несмотря на выполнение шага 3, описанного выше, вы можете заметить, что ваш текст все еще не имеет круглую форму.Итак, теперь нам нужно настроить размер шрифтов. Это также идеальное время для изменения шрифта в соответствии с вашими предпочтениями.
Чтобы увеличить размер шрифта, перейдите на вкладку « Home », а затем увеличьте « Font Size », как показано на изображении выше.
Для образца текста, который я использовал, размер шрифта 60 мне показался идеальным (как показано на следующем изображении в шаге 5).
Шаг 5. Поверните текстовое поле на 90 градусов
Как видно на изображении, я выбрал размер шрифта 60.
Но вот проблема — я хочу, чтобы предложение начиналось справа вверху, а не с левой стороны. Для этого просто поверните текстовое поле на 90 градусов, нажав кнопку поворота на текстовом поле и переместив его вправо на 90 градусов.
Шаг 6. Скопируйте текстовое поле
Теперь, когда у вас есть желаемый текст, изогнутый в круглую форму, пора переместить его в Google Slides.
Для этого сначала нам нужно скопировать текстовое поле. Щелкните правой кнопкой мыши текстовое поле и выберите копию или скопируйте его напрямую, нажав Ctrl + C (или Cmd + C на Mac).
Шаг 7. Вставьте изогнутое текстовое поле в Google Slides
Последний шаг — просто вставить его в нужное место в презентации Google Slides!
Вуаля! Теперь вы успешно смогли изогнуть текст в Google Slides!
Недостатки этого метода
Хотя вы можете уверенно и успешно добавить кривый текст в Google Slides с помощью PowerPoint, как мы описали выше, у этого метода есть несколько недостатков.Это следующие —
1. Для этого метода вам потребуется Microsoft PowerPoint
Одним из недостатков является то, что вам НЕОБХОДИМО иметь PowerPoint для выполнения шагов, описанных выше. Однако факт в том, что сегодня большинство людей используют Google Slides просто потому, что не хотят платить за Microsoft PowerPoint!
Могут быть другие причины для выбора работы с Google Slides или отсутствия копии Microsoft PowerPoint.
Таким образом, этот метод может не работать для вас, если вы предпочитаете работать только с Google Slides, а не с PowerPoint.
2. Не забудьте также сохранить файл PowerPoint.
Возможно, вы заметили, что после того, как вы вставили текстовое поле, содержащее изогнутый текст из PowerPoint в Google Slides, текстовое поле теперь преобразуется в изображение. Это означает, что теперь вы не можете редактировать текст в Google Slides !
Таким образом, еще одним недостатком этого метода является то, что вам также необходимо сохранять файл PowerPoint, пока вам нужна презентация Google Slides, для которой вы только что создали изогнутый текст.
Добавить кривый текст в Google Slides с помощью онлайн-инструментов
Если у вас нет Microsoft PowerPoint или вы предпочитаете не использовать PowerPoint из-за недостатков, упомянутых выше, есть несколько доступных онлайн-инструментов, которые предоставляют вам возможность изгибать текст в круг.
Я собираюсь предоставить два лучших инструмента, которые совершенно БЕСПЛАТНЫ в использовании и с которыми наиболее удобно работать —
1. Добавьте кривой текст в Google Slides с помощью MockoFUN
Итак, MockoFUN — отличный инструмент для создания изогнутого текста для ваших слайдов Google.Это, безусловно, лучший онлайн-инструмент, который позволяет создавать изогнутый текст различной формы и разных типов!
У вас есть несколько разновидностей стилей, в которых вы можете фактически изгибать текст, а затем вставлять его в Google Slides!
Несколько способов изогнуть текст с помощью MockFUNУ них даже есть подробное руководство, упомянутое на их сайте (нажмите на эту ссылку — MockoFUN Tutorial on How to Curve Text). В руководстве подробно описаны шаги.
Когда вы закончите создание изогнутого текста желаемым образом и стилем, его легко разместить в Google Slides.Просто щелкните текст правой кнопкой мыши и загрузите его. Он будет загружен как файл png. Затем вы можете скопировать и вставить это изображение прямо в Google Slides.
Одним из недостатков этого сайта является , что, хотя использование MockoFUN БЕСПЛАТНО, вам нужно будет создать учетную запись с ними (которая также бесплатна). Я знаю, что некоторым из вас может быть неудобно сообщать личные данные или даже создавать учетную запись на сайте, который вы, возможно, собираетесь использовать только один раз!
Кроме того, как и в случае с методом PowerPoint, вы не сможете редактировать текст в Google Slides, поскольку он вставляется как изображение.
2. Добавьте кривой текст в Google Slides с помощью TroyGram
Если вы похожи на меня и вам неудобно раскрывать личную информацию при создании учетной записи на веб-сайте, который, возможно, вы никогда больше не будете использовать в будущем (Подсказка — MockoFUN), то TroyGram — идеальный выбор для вас!
У него не так много функций, как у MockoFUN, но он выполняет свою работу! Кроме того, я заметила, что слишком много оборок заставляет меня замедляться. Таким образом, использование TroyGram было быстрым и простым способом создать кривый текст и добавить его в мои слайды Google.
Использование функций слева сначала не интуитивно понятно. Но, потратив несколько минут на то, чтобы возиться с ним, мне удалось все исправить.
TroyGram также поставляется с подробными инструкциями по использованию инструмента для создания изогнутого текста на своем сайте. Однако легко упустить инструкции, особенно если вы спешите! Я вставлю ссылку сюда для вашего удобства — TroyGram Instructions
Последние мысли
Если вы хотите изогнуть текст в круглую форму в Google Slides, прямого метода не существует.Однако есть ряд инструментов, которые могут выполнить эту работу!
Мой любимый метод — использование PowerPoint, поскольку он позволяет нам изменять способ изогнутого текста даже в будущем. Однако, если PowerPoint вам не подходит, я бы порекомендовал использовать MockoFUN, так как это наиболее удобный и простой в использовании среди других доступных инструментов.