{"id":1124,"date":"2023-03-02T23:02:36","date_gmt":"2023-03-02T23:02:36","guid":{"rendered":"https:\/\/designwithdale.com\/?p=1124"},"modified":"2023-03-02T23:06:00","modified_gmt":"2023-03-02T23:06:00","slug":"add-gradient-to-editable-text-illustrator","status":"publish","type":"post","link":"https:\/\/designwithdale.com\/add-gradient-to-editable-text-illustrator\/","title":{"rendered":"How to Add a Gradient to Editable Text in Illustrator CC"},"content":{"rendered":"\n<p>Learn how to <strong>add a gradient to editable text in Illustrato<\/strong>r CC, and enjoy all the benefits of being able to apply color effects to your text without needing to expand it.<\/p>\n\n\n\n<p>By keeping your text editable, you can always go back and make changes to the font, size, orientation, and so many options, while the gradient remains intact.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Add Gradient to Editable Text in Illustrator<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_aieditablegtextgradient-1024x576.jpg\" alt=\"How to Add a Gradient to Editable Text in Illustrator CC\" class=\"wp-image-1143\" srcset=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_aieditablegtextgradient-1024x576.jpg 1024w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_aieditablegtextgradient-300x169.jpg 300w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_aieditablegtextgradient-768x432.jpg 768w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_aieditablegtextgradient.jpg 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Video Tutorial<\/h3>\n\n\n\n<p>This is such a simple but really helpful technique. Feel free to watch along with the video tutorial below, where I show you how to add the gradient to the text, then how to edit it.<\/p>\n\n\n\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/VebEMi3PWls\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"><\/iframe>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Step-by-Step Tutorial<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Add Gradient<\/h4>\n\n\n\n<p>You&#8217;ve probably noticed that if you select any editable text with the &#8216;selection tool&#8217;, then go to the &#8216;gradient&#8217; panel and click to apply a gradient, even if the &#8216;fill&#8217; color (lefthand toolbar) shows the gradient, it will not apply to the text directly.<\/p>\n\n\n\n<p>If you&#8217;ve found yourself in this situation more than once, follow this tutorial for a very simple workaround.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"642\" src=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0000_01-1024x642.jpg\" alt=\"\" class=\"wp-image-1125\" srcset=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0000_01-1024x642.jpg 1024w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0000_01-300x188.jpg 300w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0000_01-768x481.jpg 768w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0000_01.jpg 1296w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 1<\/strong> &#8211; Once you have typed out your text on the artboard, select it with &#8216;selection tool&#8217;, and then make sure both the fill and stroke have been removed by using the &#8216;none&#8217; button below the &#8216;fill\/stroke color&#8217; located near the bottom of the lefthand toolbar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"642\" src=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0001_02-1024x642.jpg\" alt=\"\" class=\"wp-image-1126\" srcset=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0001_02-1024x642.jpg 1024w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0001_02-300x188.jpg 300w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0001_02-768x481.jpg 768w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0001_02.jpg 1296w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 2<\/strong> &#8211; With both fill and stroke removed and the text still selected, bring up the &#8216;appearance&#8217; panel by going to &#8216;window &gt; appearance&#8217;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"642\" src=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0002_03-1024x642.jpg\" alt=\"\" class=\"wp-image-1127\" srcset=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0002_03-1024x642.jpg 1024w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0002_03-300x188.jpg 300w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0002_03-768x481.jpg 768w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0002_03.jpg 1296w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 3<\/strong> &#8211; Select &#8216;apply new fill&#8217; at the bottom of the panel.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"642\" src=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0003_04-1024x642.jpg\" alt=\"\" class=\"wp-image-1128\" srcset=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0003_04-1024x642.jpg 1024w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0003_04-300x188.jpg 300w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0003_04-768x481.jpg 768w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0003_04.jpg 1296w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 4<\/strong> &#8211; A fill color layer (set to a default color; in my case, black) will be applied. Select this layer, then go to the &#8216;gradient&#8217; panel in the righthand toolbar. If you can&#8217;t find it go to &#8216;window &gt; gradient&#8217;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"642\" src=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0004_05-1024x642.jpg\" alt=\"\" class=\"wp-image-1129\" srcset=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0004_05-1024x642.jpg 1024w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0004_05-300x188.jpg 300w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0004_05-768x481.jpg 768w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0004_05.jpg 1296w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 5A<\/strong> &#8211; With the text still selected, simply click the &#8216;gradient slider&#8217; to apply a gradient to the text.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"642\" src=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0005_06-1024x642.jpg\" alt=\"\" class=\"wp-image-1130\" srcset=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0005_06-1024x642.jpg 1024w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0005_06-300x188.jpg 300w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0005_06-768x481.jpg 768w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0005_06.jpg 1296w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Once clicked, the gradient will be applied. The beauty this time, however, is that the gradient has been applied to the editable text, meaning you can edit the text in any way you like.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"642\" src=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0006_07-1024x642.jpg\" alt=\"\" class=\"wp-image-1131\" srcset=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0006_07-1024x642.jpg 1024w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0006_07-300x188.jpg 300w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0006_07-768x481.jpg 768w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0006_07.jpg 1296w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 5B<\/strong> &#8211; Put this to the test. Select the &#8216;type tool&#8217; from the lefthand toolbar, then click on the text to go into the edit text mode.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"642\" src=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0007_08-1024x642.jpg\" alt=\"\" class=\"wp-image-1132\" srcset=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0007_08-1024x642.jpg 1024w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0007_08-300x188.jpg 300w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0007_08-768x481.jpg 768w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0007_08.jpg 1296w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 5C<\/strong> &#8211; Delete letters, and you will see the gradient contract.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"642\" src=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0008_09-1024x642.jpg\" alt=\"\" class=\"wp-image-1133\" srcset=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0008_09-1024x642.jpg 1024w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0008_09-300x188.jpg 300w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0008_09-768x481.jpg 768w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0008_09.jpg 1296w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 5D<\/strong> &#8211; Add letters, and you will see the gradient expand.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"642\" src=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0009_10-1024x642.jpg\" alt=\"\" class=\"wp-image-1134\" srcset=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0009_10-1024x642.jpg 1024w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0009_10-300x188.jpg 300w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0009_10-768x481.jpg 768w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0009_10.jpg 1296w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Edit Gradient<\/h4>\n\n\n\n<p><strong>Step 6<\/strong> &#8211; Now that the gradient has been applied, you can use the options in the gradient panel, as you would any other gradient, to make changes. Click and drag the slider in between the two colors in the &#8216;gradient slider&#8217; to drag more of one color, or the other, into the gradient.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"642\" src=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0010_11-1024x642.jpg\" alt=\"\" class=\"wp-image-1135\" srcset=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0010_11-1024x642.jpg 1024w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0010_11-300x188.jpg 300w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0010_11-768x481.jpg 768w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0010_11.jpg 1296w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 7<\/strong> &#8211; Position your cursor below the &#8216;gradient slider&#8217; until a little &#8216;+&#8217; icon appears below the mouse. Click to add additional colors to the gradient, and click and drag down to remove them from the slider, or left or right along the slider to position the color.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"642\" src=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0011_12-1024x642.jpg\" alt=\"\" class=\"wp-image-1136\" srcset=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0011_12-1024x642.jpg 1024w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0011_12-300x188.jpg 300w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0011_12-768x481.jpg 768w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0011_12.jpg 1296w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 8<\/strong> &#8211; Click any circular color on the &#8216;gradient slider&#8217; to bring up the &#8216;swatches&#8217; panel for that particular color, where you can apply a preset color, or use the &#8216;color picker&#8217; to choose a color from the canvas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"642\" src=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0012_13-1024x642.jpg\" alt=\"\" class=\"wp-image-1137\" srcset=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0012_13-1024x642.jpg 1024w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0012_13-300x188.jpg 300w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0012_13-768x481.jpg 768w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0012_13.jpg 1296w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 9<\/strong> &#8211; With the color selection, you can also click the &#8216;fill&#8217; color located in the gradient slider to bring up the &#8216;color picker&#8217; menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"642\" src=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0013_14-1024x642.jpg\" alt=\"\" class=\"wp-image-1138\" srcset=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0013_14-1024x642.jpg 1024w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0013_14-300x188.jpg 300w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0013_14-768x481.jpg 768w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0013_14.jpg 1296w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 10<\/strong> &#8211; Select a color from the canvas using the color picker, or input RGB\/CMYK values to generate a specific color, then click &#8216;ok&#8217; to apply the color.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"642\" src=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0014_15-1024x642.jpg\" alt=\"\" class=\"wp-image-1139\" srcset=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0014_15-1024x642.jpg 1024w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0014_15-300x188.jpg 300w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0014_15-768x481.jpg 768w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0014_15.jpg 1296w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 11<\/strong> &#8211; Adjust your gradient, adding or changing as many colors as you like. You can also adjust the angle of the gradient, and the &#8216;type&#8217; of gradient, all within the &#8216;gradient&#8217; panel.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"642\" src=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0015_16-1024x642.jpg\" alt=\"\" class=\"wp-image-1140\" srcset=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0015_16-1024x642.jpg 1024w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0015_16-300x188.jpg 300w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0015_16-768x481.jpg 768w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0015_16.jpg 1296w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 12<\/strong> &#8211; Once you are happy with your gradient, click the &#8216;type tool&#8217; from the lefthand toolbar and, as before, click on the text to bring up the text cursor. You can now delete and add letters accordingly, and the gradient will apply itself to the letters on the canvas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"642\" src=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0016_17-1024x642.jpg\" alt=\"\" class=\"wp-image-1141\" srcset=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0016_17-1024x642.jpg 1024w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0016_17-300x188.jpg 300w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0016_17-768x481.jpg 768w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0016_17.jpg 1296w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The world really is your oyster with this great little technique. Have fun with it!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"642\" src=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0017_18-1024x642.jpg\" alt=\"\" class=\"wp-image-1142\" srcset=\"https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0017_18-1024x642.jpg 1024w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0017_18-300x188.jpg 300w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0017_18-768x481.jpg 768w, https:\/\/designwithdale.com\/wp-content\/uploads\/2023\/03\/dwd38_0017_18.jpg 1296w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>This super simple technique solves that age-old problem of not being able to change text options to text once it has been expanded.<\/p>\n\n\n\n<p>Using the appearance and gradient panel together, you can apply any type and color of gradient you like, to any editable text that you can add to, delete from, and resize and reorient as much as you like.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to add a gradient to editable text in Illustrator CC, and enjoy all the benefits of being able to apply color effects to your text without needing to expand it. By keeping your text editable, you can always go back and make changes to the font, size, orientation, and so many options, while &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"How to Add a Gradient to Editable Text in Illustrator CC\" class=\"read-more button\" href=\"https:\/\/designwithdale.com\/add-gradient-to-editable-text-illustrator\/#more-1124\">Read more<span class=\"screen-reader-text\">How to Add a Gradient to Editable Text in Illustrator CC<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":1143,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,10],"tags":[],"_links":{"self":[{"href":"https:\/\/designwithdale.com\/wp-json\/wp\/v2\/posts\/1124"}],"collection":[{"href":"https:\/\/designwithdale.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/designwithdale.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/designwithdale.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/designwithdale.com\/wp-json\/wp\/v2\/comments?post=1124"}],"version-history":[{"count":10,"href":"https:\/\/designwithdale.com\/wp-json\/wp\/v2\/posts\/1124\/revisions"}],"predecessor-version":[{"id":1153,"href":"https:\/\/designwithdale.com\/wp-json\/wp\/v2\/posts\/1124\/revisions\/1153"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designwithdale.com\/wp-json\/wp\/v2\/media\/1143"}],"wp:attachment":[{"href":"https:\/\/designwithdale.com\/wp-json\/wp\/v2\/media?parent=1124"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designwithdale.com\/wp-json\/wp\/v2\/categories?post=1124"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/designwithdale.com\/wp-json\/wp\/v2\/tags?post=1124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}