{"id":85348,"date":"2022-04-07T18:00:00","date_gmt":"2022-04-07T22:00:00","guid":{"rendered":"https:\/\/www.online-tech-tips.com\/?p=85348"},"modified":"2024-05-31T01:00:52","modified_gmt":"2024-05-31T05:00:52","slug":"how-to-flip-text-on-a-path-in-illustrator","status":"publish","type":"post","link":"https:\/\/www.online-tech-tips.com\/how-to-flip-text-on-a-path-in-illustrator\/","title":{"rendered":"How to Flip Text on a Path in Illustrator"},"content":{"rendered":"
\n
\"How<\/a><\/figure><\/div>\n\n\n

Adobe Illustrator is a great graphic design program to use when you want to create editable vector graphics. A vector graphic<\/a> 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.<\/p>\n\n\n\n

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\u2019s easily legible. In this Illustrator tutorial, we\u2019ll teach you how to flip text on a path in Illustrator, so the text isn\u2019t upside down.<\/p>\n\n\n\n

How to Flip Type on a Path in Illustrator<\/h2>\n\n\n\n

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.<\/p>\n\n\n\n

We\u2019ll start with a simple circle design. We\u2019ll create a circular path, and then we\u2019ll use the type tool to type text along that path. Finally, we\u2019ll flip some of the text, so it appears right side up along the bottom of the circle.<\/p>\n\n\n\n

    \n
  1. Select the Ellipse<\/strong> tool. <\/li>\n<\/ol>\n\n\n
    \n
    \"How<\/a><\/figure><\/div>\n\n\n
      \n
    1. Hold down the Shift<\/strong> 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.<\/li>\n<\/ol>\n\n\n
      \n
      \"How<\/a><\/figure><\/div>\n\n\n
        \n
      1. In the Type Tool<\/strong> flyout menu, choose the Type on a Path Tool<\/strong>. <\/li>\n<\/ol>\n\n\n
        \n
        \"How<\/a><\/figure><\/div>\n\n\n
          \n
        1. In the Window <\/strong>menu, select Type > Paragraph > Center <\/strong>to center the text you\u2019re about to type. The Windows shortcut for the Paragraph panel is Ctrl <\/strong>+ Alt <\/strong>+ T<\/strong>. Mac users can use Option<\/strong> + Command<\/strong> + T<\/strong>. <\/li>\n<\/ol>\n\n\n
          \n
          \"How<\/a><\/figure><\/div>\n\n\n
            \n
          1. With the Type on a Path<\/strong> tool still selected, click the top of the circle you created in step 2. Illustrator will add lorem ipsum<\/a> text parallel to the baseline path of the circle.<\/li>\n<\/ol>\n\n\n
            \n
            \"How<\/a><\/figure><\/div>\n\n\n
              \n
            1. Select the font and character size in the Character<\/strong> tab on the Type<\/strong> panel or display the character panel by selecting Windows<\/strong> > Type<\/strong> > Character<\/strong>.<\/li>\n<\/ol>\n\n\n
              \n
              \"How<\/a><\/figure><\/div>\n\n\n
                \n
              1. Enter the text you want at the top of the circle. <\/li>\n<\/ol>\n\n\n
                \n
                \"How<\/a><\/figure><\/div>\n\n\n
                  \n
                1. You\u2019ll 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\u2019s right where you want it.<\/li>\n<\/ol>\n\n\n
                  \n
                  \"How<\/a><\/figure><\/div>\n\n\n
                    \n
                  1. Next, we\u2019ll copy what we have so far and duplicate it. Using the Direct Selection<\/strong> tool on the toolbar, select the circle and then choose Edit<\/strong> > Copy<\/strong> or use the keyboard shortcut Ctrl<\/strong> + C<\/strong>.<\/li>\n<\/ol>\n\n\n
                    \n
                    \"How<\/a><\/figure><\/div>\n\n\n
                      \n
                    1. Next, paste what we copied in front of what\u2019s already on the artboard. Do that by selecting Edit<\/strong> > Paste in Front<\/strong>. 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<\/strong> panel. You should see two entries for your text. If you want, you can rename one to indicate it\u2019s the copy in front.<\/li>\n<\/ol>\n\n\n
                      \n
                      \"How<\/a><\/figure><\/div>\n\n\n
                        \n
                      1. In the Layers<\/strong> panel, turn off the visibility of the bottom layer. <\/li>\n<\/ol>\n\n\n
                        \n
                        \"How<\/a><\/figure><\/div>\n\n\n
                          \n
                        1. Select the Type Tool<\/strong>, select the text on the path, and type the new text\u2014the text you\u2019ll move to the bottom of the circle path.<\/li>\n<\/ol>\n\n\n
                          \n
                          \"How<\/a><\/figure><\/div>\n\n\n
                            \n
                          1. Now comes the fun part. Open the Path Options<\/strong> dialog box by selecting Type <\/strong>> Type on a Path<\/strong> > Type on a Path Options<\/strong>. For the text effect, choose Rainbow<\/strong>, and in the Align to Path<\/strong> dropdown, select Ascender<\/strong>. Also, check the Flip<\/strong> box, and select the OK<\/strong> button. (Check the Preview<\/strong> box to get an advanced look.)<\/li>\n<\/ol>\n\n\n
                            \n
                            \"How<\/a><\/figure><\/div>\n\n\n

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

                              \n
                            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.<\/li>\n<\/ol>\n\n\n
                              \n
                              \"How<\/a><\/figure><\/div>\n\n\n
                                \n
                              1. Next, turn the visibility of the top layer of text back on.<\/li>\n<\/ol>\n\n\n
                                \n
                                \"How<\/a><\/figure><\/div>\n\n\n

                                That\u2019s how you add and flip text on a path in Adobe Illustrator. <\/p>\n\n\n

                                \n
                                \"How<\/a><\/figure><\/div>\n\n\n

                                Insert a Symbol in Your Design<\/h2>\n\n\n\n

                                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<\/a> to your design. <\/p>\n\n\n\n

                                  \n
                                1. View the Symbols panel by selecting Window<\/strong> > Symbols<\/strong>. <\/strong><\/li>\n<\/ol>\n\n\n
                                  \n
                                  \"Insert<\/a><\/figure><\/div>\n\n\n
                                    \n
                                  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. <\/li>\n<\/ol>\n\n\n
                                    \n
                                    \"Insert<\/a><\/figure><\/div>\n\n\n
                                      \n
                                    1. When you find a symbol you want to use, drag and drop it into your design.<\/li>\n\n\n\n
                                    2. Use the Selection Tool<\/strong> to resize the symbol to fit your design.<\/li>\n<\/ol>\n\n\n
                                      \n
                                      \"Insert<\/a><\/figure><\/div>\n\n\n

                                      Adobe apps have all kinds of hidden features like Symbols that you can only take advantage of if you know they\u2019re there. We\u2019ve got tutorials on how to achieve many effects in Adobe Photoshop, like how to use masks to hide layers<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

                                      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 […]<\/p>\n","protected":false},"author":82,"featured_media":85349,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"ub_ctt_via":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[5322],"tags":[5390,5395],"class_list":{"0":"post-85348","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-remote-work","8":"tag-adobe","9":"tag-illustrator"},"acf":[],"aioseo_notices":[],"featured_image_src":"https:\/\/www.online-tech-tips.com\/wp-content\/uploads\/2022\/04\/image-8.png","author_info":{"display_name":"Maggie Marystone","author_link":"https:\/\/www.online-tech-tips.com\/author\/mmarystone\/"},"aioseo_head":"\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t