Adobe Illustrator — отличная программа для графического дизайна, которую можно использовать, когда вы хотите создавать редактируемую векторную графику. Векторную графику^{(vector graphic)} можно масштабировать без потери деталей, поэтому вы можете сделать иллюстрацию, включая типографику, которая будет выглядеть на рекламном щите так же хорошо, как и на визитной карточке.

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

Как отразить текст^{(Flip Type)} на контуре^(Path) в Illustrator

Независимо от того, используете ли вы Adobe Illustrator CC или более раннюю версию Illustrator , путь представляет собой одну (или несколько!) прямых или изогнутых линий. Путь может быть открытым или закрытым, в зависимости от того, соединены ли конечные точки вместе.

Мы начнем с простого дизайна круга. Мы создадим круговой путь, а затем воспользуемся инструментом «Текст», чтобы ввести текст вдоль этого пути. Наконец, мы перевернем часть текста, чтобы он отображался правой стороной вверх вдоль нижней части круга.

1. Выберите инструмент  Эллипс .^(Ellipse)

1. Удерживая клавишу Shift , нарисуйте круг на холсте. Удерживая клавишу Shift , эллипс, который вы создадите, превратится в идеальный круг. Любой цвет обводки или заливки исчезнет, ​​как только вы добавите текст.

1. Во всплывающем меню инструмента «Текст» выберите инструмент «Текст ^{(Type Tool)}по контуру»^{(Type on a Path Tool)} . 

1. В меню « Окно^{(Window )} » выберите «Текст Type > Paragraph > Center , чтобы центрировать текст, который вы собираетесь ввести. Ярлык Windows для панели « Абзац » — ^(Paragraph)Ctrl + Alt + T . Пользователи Mac могут использовать Option + Command + T . 

1. При выбранном инструменте «Текст по пути^{(Type on a Path)} » щелкните верхнюю часть круга, созданного на шаге 2. Illustrator добавит текст lorem ipsum параллельно базовой линии круга.

1. Выберите шрифт и размер символов^(Character) на вкладке «Символ» на панели « Тип^(Type) » или отобразите панель символов, выбрав « Окно^(Windows) » > « Тип^(Type) » > « Символ^(Character) » .

1. Введите нужный^(Enter) текст в верхней части круга. 

1. Рядом с текстом вы увидите три маркера (также называемые скобками выравнивания): один слева, один посередине и один справа. Используйте эти маркеры, чтобы вращать текст по кругу, пока он не окажется именно там, где вы хотите.

1. Далее мы скопируем то, что у нас есть, и продублируем его. С помощью инструмента «Частичное выделение^{(Direct Selection)} » на панели инструментов выберите круг, а затем выберите « Правка^(Edit) » > « Копировать^(Copy) » или используйте сочетание клавиш Ctrl + C.

1. Затем вставьте то, что мы скопировали, перед тем, что уже находится на артборде. Сделайте это, выбрав Правка^(Edit) > Вставить на передний план^{(Paste in Front)} . В зависимости от того, какой шрифт вы использовали, вы можете заметить, что текст выглядит немного темнее, так как теперь на пути к тексту расположены две его копии. Более простой способ убедиться, что у вас есть две копии текста, — посмотреть на панель « Слои ». ^(Layers)Вы должны увидеть две записи для вашего текста. Если вы хотите, вы можете переименовать один, чтобы указать, что это копия впереди.

1. На панели « Слои^(Layers) » отключите видимость нижнего слоя. 

1. Выберите инструмент^{(Type Tool)} «Текст», выделите текст на контуре и введите новый текст — текст, который вы переместите в нижнюю часть контура круга.

1. Теперь самое интересное. Откройте диалоговое окно « Параметры^{(Path Options)} контура», выбрав « Текст^{(Type )} » > « Тип на пути»^{(Type on a Path)} > « Тип на пути»^{(Type on a Path Options)} . Для текстового эффекта выберите Rainbow и в раскрывающемся списке Align to Path выберите Ascender . Кроме того, установите флажок « Перевернуть^(Flip) » и нажмите кнопку « ОК^(OK) » . (Отметьте поле Предварительный просмотр^(Preview) , чтобы получить расширенный вид.)

Примечание.^(Note:) Для параметров « Выровнять^(Align) по пути^(Path) » при выборе « Базовая^(Baseline) линия» текст будет размещен прямо на пути. Ascender помещает текст снаружи круга. Descender найдет текст внутри круга. Наконец, Center поместит текст прямо в центр контура.

1. Щелкните^(Click) в любом месте за пределами текста, чтобы отменить его выделение, и снова используйте маркеры, чтобы отрегулировать интервал и переместить текст по пути к нижней части круга.

1. Затем снова включите видимость верхнего слоя текста.

Вот как вы добавляете и переворачиваете текст на пути в Adobe Illustrator . 

Вставьте символ в свой дизайн

Простой способ добавить один или два дополнительных элемента в дизайн в Adobe Illustrator — это вставить что-нибудь с панели « Символы ». ^(Symbols)Следуйте инструкциям ниже, чтобы добавить символ^(symbol) в свой дизайн. 

1. Просмотрите^(View) панель « Символы^(Symbols) », выбрав « Окно^(Window) » > « Символы^(Symbols) » . 

1. Используйте стрелку раскрывающегося списка « Библиотека символов^{(Symbols Library)} », чтобы просмотреть список всех библиотек, установленных на вашем компьютере. Выберите один^{(Select one)} из них, чтобы открыть панель, на которой вы можете использовать стрелки навигации для просмотра каждой библиотеки  символов .^(Symbols)

1. Когда вы найдете символ, который хотите использовать, перетащите его в свой дизайн.
2. Используйте инструмент^{(Selection Tool)} «Выделение» , чтобы изменить размер символа в соответствии с вашим дизайном.

В приложениях Adobe^(Adobe) есть всевозможные скрытые функции, такие как символы^(Symbols) , которыми вы можете воспользоваться только в том случае, если знаете, что они есть. У нас есть учебные пособия о том, как добиться многих эффектов в Adobe Photoshop , например, как добавить границу к изображениям, фигурам и тексту^{(how to add a border to images, shapes, and text)} или использовать маски, чтобы скрыть слои^{(use masks to hide layers)} , или даже как поменять местами лица^{(how to do a face swap)} .

А если вы начинаете использовать Adobe Indesign , вам стоит ознакомиться с нашими учебными пособиями о том, как связать текстовые поля^{(how to link text boxes)} или разместить текст вокруг изображения^{(flow text around an image)} .

How to Flip Text on a Path in Illustrator

Adobe Illustrator is a great graphic design program to use when you want to create editable vector graphics. A vector graphic can be scaled up without losing any detail, so you can make an illustration, including typography, that will look as good on a billboard as a business card.

Imagine creating a round badge or logo, and you want to type text around a circular path. You might want the text at the bottom of the circle to flip to the opposite side of the path, so it’s easily legible. In this Illustrator tutorial, we’ll teach you how to flip text on a path in Illustrator, so the text isn’t upside down.

How to Flip Type on a Path in Illustrator

Whether using Adobe Illustrator CC or an earlier version of Illustrator, a path is simply one (or more!) straight or curved lines. A path can be open or closed, depending on whether the endpoints are joined together.

We’ll start with a simple circle design. We’ll create a circular path, and then we’ll use the type tool to type text along that path. Finally, we’ll flip some of the text, so it appears right side up along the bottom of the circle.

1. Select the Ellipse tool. 

1. Hold down the Shift key and draw a circle on the canvas. Holding the Shift key will force the ellipse you create into a perfect circle. Any stroke or fill color will disappear once you add text.

1. In the Type Tool flyout menu, choose the Type on a Path Tool. 

1. In the Window menu, select Type > Paragraph > Center to center the text you’re about to type. The Windows shortcut for the Paragraph panel is Ctrl + Alt + T. Mac users can use Option + Command + T. 

1. With the Type on a Path tool still selected, click the top of the circle you created in step 2. Illustrator will add lorem ipsum text parallel to the baseline path of the circle.

1. Select the font and character size in the Character tab on the Type panel or display the character panel by selecting Windows > Type > Character.

1. Enter the text you want at the top of the circle. 

1. You’ll see three handles (also called alignment brackets) near the text: one to the left, one in the middle, and one on the right. Use these handles to rotate the text around the circle until it’s right where you want it.

1. Next, we’ll copy what we have so far and duplicate it. Using the Direct Selection tool on the toolbar, select the circle and then choose Edit > Copy or use the keyboard shortcut Ctrl + C.

1. Next, paste what we copied in front of what’s already on the artboard. Do that by selecting Edit > Paste in Front. Depending on what font you used, you might notice that the text looks slightly darker since there are now two stacked copies of it on the text path. An easier way to confirm that you have two copies of the text is to look in the Layers panel. You should see two entries for your text. If you want, you can rename one to indicate it’s the copy in front.

1. In the Layers panel, turn off the visibility of the bottom layer. 

1. Select the Type Tool, select the text on the path, and type the new text—the text you’ll move to the bottom of the circle path.

1. Now comes the fun part. Open the Path Options dialog box by selecting Type > Type on a Path > Type on a Path Options. For the text effect, choose Rainbow, and in the Align to Path dropdown, select Ascender. Also, check the Flip box, and select the OK button. (Check the Preview box to get an advanced look.)

Note: For the Align to Path options, choosing Baseline will put the text right on the path. Ascender puts the text on the outside of the circle. Descender will locate the text on the inside of the circle. Lastly, Center will place the text right at the center of the path.

1. Click anywhere outside the text to deselect it, and, once again, use the handles to adjust the spacing and move the text along the path to the bottom of the circle.

1. Next, turn the visibility of the top layer of text back on.

That’s how you add and flip text on a path in Adobe Illustrator. 

Insert a Symbol in Your Design

An easy way to add an extra element or two to a design in Adobe Illustrator is to insert something from the Symbols panel. Follow the steps below to add a symbol to your design. 

1. View the Symbols panel by selecting Window > Symbols. 

1. Use the Symbols Library dropdown arrow to view a list of all the libraries installed on your computer. Select one of them to launch a panel where you can use navigation arrows to page through each Symbols library. 

1. When you find a symbol you want to use, drag and drop it into your design.
2. Use the Selection Tool to resize the symbol to fit your design.

Adobe apps have all kinds of hidden features like Symbols that you can only take advantage of if you know they’re there. We’ve got tutorials on how to achieve many effects in Adobe Photoshop, like how to add a border to images, shapes, and text or use masks to hide layers, or even how to do a face swap.

And if you’re beginning to use Adobe Indesign, you’ll want to check out our tutorials on how to link text boxes or flow text around an image.

Related posts

• Как отправить Anonymous Text Message, который не может вам Be Traced Back

• Как открыть Really Large Text and CSV Files

• Как Format Text в Discord: Font, Bold, Italicize, Strikethrough и многое другое

• Как искать текст внутри нескольких файлов PDF одновременно

• Как скрыть текстовые сообщения на iPhone (отключить предварительный просмотр)

• Как исправить ошибку Steam "Очередная транзакция"

• Как Insert Emoji в Word, Google Docs and Outlook

• Как искать слово или текст на веб-странице в любом веб-браузере

• 4 способа конвертировать видео YouTube в текст или расшифровку

• Что такое Discord Streamer Mode and How, чтобы установить его

• Как найти Memories на Facebook

• Как сделать Spotify Louder and Sound Better

• Как Fix Disney Plus Error Code 83

• Как Download Twitch Videos

• Как проверить Your Hard Drive для ошибок

• Как использовать преобразование текста в речь на TikTok

• Как сделать любой Wired Printer Wireless в 6 пунктах Different

• Как использовать инструмент Adobe Illustrator Shape Builder

• Как Search Facebook Friends от Location, Job или School

• Как изменить язык на Netflix