Adobe Illustrator är ett fantastiskt grafiskt designprogram att använda när du vill skapa redigerbar vektorgrafik. En vektorgrafik^{(vector graphic)} kan skalas upp utan att förlora några detaljer, så du kan göra en illustration, inklusive typografi, som kommer att se lika bra ut på en skylt som ett visitkort.

Föreställ dig^(Imagine) att du skapar ett runt märke eller logotyp och du vill skriva text runt en cirkulär bana. Du kanske vill att texten längst ned i cirkeln ska vända till motsatt sida av banan, så att den är lätt att läsa. I den här självstudien i Illustrator kommer vi att lära dig hur du vänder text på en bana i Illustrator så att texten inte är upp och ner.

Hur man vänder text^{(Flip Type)} på en bana^(Path) i Illustrator

Oavsett om du använder Adobe Illustrator CC eller en tidigare version av Illustrator , är en bana helt enkelt en (eller flera!) raka eller böjda linjer. En bana kan vara öppen eller stängd, beroende på om ändpunkterna är sammanfogade.

Vi börjar med en enkel cirkeldesign. Vi skapar en cirkulär bana och sedan använder vi skrivverktyget för att skriva text längs den banan. Slutligen vänder vi en del av texten så att den visas med rätt sida upp längs botten av cirkeln.

1. Välj Ellipsverktyget^(Ellipse) . 

1. Håll ned Skift-^(Shift) tangenten och rita en cirkel på duken. Om du håller ned Skift-^(Shift) tangenten tvingas ellipsen du skapar till en perfekt cirkel. Alla streck eller fyllningsfärger försvinner när du lägger till text.

1. I den utfällbara menyn Typverktyg^{(Type Tool)} väljer du verktyget Typ på en bana^{(Type on a Path Tool)} . 

1. I menyn Fönster^{(Window )} väljer du Type > Paragraph > Center Centrera för att centrera texten du ska skriva. Windows - genvägen^(Windows) för Paragraph -panelen är Ctrl + Alt + T . Mac -  användare kan använda Alternativ^(Option) + Kommando^(Command) + T.

1. Med verktyget Skriv på en bana^{(Type on a Path)} fortfarande markerat klickar du på toppen av cirkeln du skapade i steg 2. Illustrator lägger till lorem ipsum- text parallellt med cirkelns baslinjebana.

1. Välj teckensnitt och teckenstorlek på fliken Tecken på ^(Character)typpanelen^(Type) eller visa teckenpanelen genom att välja Windows > Typ^(Type) > Tecken^(Character) .

1. Skriv^(Enter) in texten du vill ha högst upp i cirkeln. 

1. Du kommer att se tre handtag (även kallade justeringsparenteser) nära texten: ett till vänster, ett i mitten och ett till höger. Använd dessa handtag för att rotera texten runt cirkeln tills den är precis där du vill ha den.

1. Därefter kopierar vi det vi har hittills och duplicerar det. Använd direktmarkeringsverktyget^{(Direct Selection)} i verktygsfältet, välj cirkeln och välj sedan Redigera^(Edit) > Kopiera^(Copy) eller använd kortkommandot Ctrl + C .

1. Klistra sedan in det vi kopierade framför det som redan finns på ritytan. Gör det genom att välja Redigera^(Edit) > Klistra in framför^{(Paste in Front)} . Beroende på vilket typsnitt du använde kanske du märker att texten ser något mörkare ut eftersom det nu finns två staplade kopior av den på textbanan. Ett enklare sätt att bekräfta att du har två kopior av texten är att titta i panelen Lager . ^(Layers)Du bör se två poster för din text. Om du vill kan du byta namn på en för att ange att det är kopian framför.

1. Stäng av synligheten för det nedre lagret på panelen  Lager .^(Layers)

1. Välj textverktyget^{(Type Tool)} , markera texten på banan och skriv den nya texten – texten som du flyttar till botten av cirkelbanan.

1. Nu kommer den roliga delen. Öppna dialogrutan Sökvägsalternativ genom att välja Typ ^{(Path Options)}>^{(Type )} Skriv på en sökväg^{(Type on a Path)} > Alternativ^{(Type on a Path Options)} för att skriva på en sökväg . För texteffekten väljer du Regnbåge^(Rainbow) och i rullgardinsmenyn Justera till^{(Align to Path)} sökväg väljer du Ascender^(Ascender) . Markera också rutan Vänd^(Flip) och välj OK - knappen. ( Markera rutan Förhandsgranska^(Preview) för att få ett avancerat utseende.)

Obs:^(Note:) För alternativen Justera^(Align) till sökväg^(Path) , om du väljer Baslinje^(Baseline) placeras texten direkt på banan. Ascender placerar texten på utsidan av cirkeln. Descender kommer att lokalisera texten på insidan av cirkeln. Slutligen kommer Center att placera texten precis i mitten av banan.

1. Klicka^(Click) var som helst utanför texten för att avmarkera den, och använd återigen handtagen för att justera avståndet och flytta texten längs banan till botten av cirkeln.

1. Aktivera sedan synligheten för det översta lagret av text igen.

Det är så du lägger till och vänder text på en bana i Adobe Illustrator . 

Infoga en symbol i din design

Ett enkelt sätt att lägga till ett extra element eller två till en design i Adobe Illustrator är att infoga något från symbolpanelen^(Symbols) . Följ stegen nedan för att lägga till en symbol till din design. 

1. Visa^(View) symbolpanelen genom att  välja Fönster^(Window) > Symboler ^(Symbols).^(Symbols)

1. Använd rullgardinsmenyn Symbols Library^{(Symbols Library)} för att se en lista över alla bibliotek som är installerade på din dator. Välj en^{(Select one)} av dem för att starta en panel där du kan använda navigeringspilarna för att bläddra igenom varje symbolbibliotek^(Symbols) . 

1. När du hittar en symbol du vill använda, dra och släpp den i din design.
2. Använd markeringsverktyget^{(Selection Tool)} för att ändra storlek på symbolen så att den passar din design.

Adobe -appar har alla möjliga dolda funktioner som symboler^(Symbols) som du bara kan dra nytta av om du vet att de finns där. Vi har handledningar om hur man uppnår många effekter i Adobe Photoshop , som hur man lägger till en ram till bilder, former och text^{(how to add a border to images, shapes, and text)} eller använder masker för att dölja lager^{(use masks to hide layers)} , eller till och med hur man gör ett ansiktsbyte^{(how to do a face swap)} .

Och om du börjar använda Adobe Indesign , vill du kolla in våra handledningar om hur du länkar textrutor^{(how to link text boxes)} eller flyter text runt en bild^{(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 editablе 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

• Hur man skickar ett anonymt textmeddelande som inte kan spåras tillbaka till dig

• Hur man öppnar riktigt stora text- och CSV-filer

• Hur man formaterar text i Discord: Teckensnitt, fetstil, kursiv, genomstruken och mer

• Hur man söker efter text i flera PDF-filer samtidigt

• Hur man döljer textmeddelanden på iPhone (Stäng av förhandsvisning)

• Hur man laddar ner Twitch-videor

• 4 sätt att konvertera YouTube-video till text eller transkription

• Kan du ändra ditt Twitch-namn? Ja, men var försiktig

• Hur man laddar ner och installerar Peacock på Firestick

• Hur man hittar födelsedagar på Facebook

• Hur man hittar minnen på Facebook

• Hur man gör en trådbunden skrivare trådlös på 6 olika sätt

• Så här aktiverar eller inaktiverar du Caps Lock på Chromebook

• Hur man blir av med Yahoo Search i Chrome

• Hur man öppnar en fil utan förlängning

• 4 sätt att hitta de bästa internetalternativen (ISP) i ditt område

• Så här delar du skärmen på en Chromebook

• Hur man tar en skärmdump på Steam

• Hur man upptäcker dator- och e-postövervaknings- eller spionprogram

• Hur man delar upp ett klipp i Adobe Premiere Pro