How to FULLY EDITABLE Text Effects Create in Adobe Illustrator
in this video we're going to create a lovely multi-layered text effect that's fully editable all in adobe illustrator right here so i'm now in illustrator with my new document and if you'd like to follow along you can download this file in the video description so you can see i have my swatches here these are global swatches so if i change these swatches at any point they update throughout the entire document very handy next i've got the gradient panel pinned here as well and underneath the appearance panel and if you don't see any of these you can go to window select all of them here and then dock them on the right hand side now with the type tool i'm going to click in the center and type a word i'm going to type electric and then with the selection tool i'm going to click and drag the corner to scale this up and remember to hold shift otherwise it will skew out of shape next let's align the text centrally and also align this centrally on the artboard so that's a good start but now i need a font and i'm going to get one from this video sponsor envato elements and here we are so as you can see there's a hundred and four thousand what what whoo that's a lot of assets for just this week and this includes stock video music sound effects graphics photos fonts add-ons like brushes templates 3d graphics and so much more so i'm going to navigate over to the fonts tab and there's loads here to choose from i can also filter these on the left hand side and because i know the font i'm going to use i can go up to the search bar at the top and type hergie what an unusual name i can now click this get a nice big preview and see a few graphics demonstrating how it can be used and when i'm happy click the download button assign this to a project and then click add and download and this is just one of millions of assets that come with unlimited downloads a commercial license all for just 16.50 a month with an annual subscription and there's a link below if you'd like to find out more so i've already installed my hergi font so now i can go and select this from the drop down and there we go looking good i'm just going to scale this up a little bit more and now we can start the fun stuff so let's go to the appearance panel and from the icons in the bottom left corner i'm going to click the middle one which enables me to add a fill color from the drop down i can select my pink color and if we come out of that we can see that pink has been applied to the text now before we go any further i do need to set up some gradient swatches so let's grab the rectangle tool click and hold shift to draw a square open up the gradient panel click on the slider to add the default gradient and then clicking those swatches at either end add white to one end and then the pink to another
and if you've done this correctly you should now have a box with your white to pink gradient applied as the fill color now i'm going to duplicate this by holding alt or option and dragging and if you hold shift as well you can keep it in line now with this second shape selected again i'm going to apply two different colors to the gradient and looking at the swatches i have available this is going to be like a medium purple going to a dark purple as you can see i'm being very indecisive here come on damn we haven't got all day okay good finally now for the next step we need to create these gradients as swatches but make sure you don't drag them into the swatches panel because it will make them as a pattern instead click the new icon and then you can give the gradient a name and it will add this into the swatches panel as a gradient swatch let's just do this with the other one and the beauty of this setup is if i want to change the color of the gradient i just have to update the global swatches so now that's all set up let's delete that first box and then i'm going to use the other one as a background now you can see it's not snapping to the corner if it's not go to view down to smart guides and turn those on now this will snap to the edges of your artboard so you can resize this nice and easy now of course it's on top of everything that's no good so let's go to object arrange and center back and now i can go object lock andselection just so i don't move it by mistake okay now let's select the text and go back to the appearance panel and add another new fill and i'm going to select the color as white now the layer stack in the appearance panel is important so you can see the white is underneath the pink so of course we can't see it if we click the effects icon we can add a transform effect and if i use the sliders here for the move property you can see i can adjust the position of the white fill specifically you can also use negative values as well so i'm going to go with -2 for both of these and you can see it creates a nice little highlight let's add another fill and from the drop down select the slightly darker pink and then drag this underneath the white again let's go to the effects icon but this time go to path and select offset path and if you followed my other videos you'll be familiar with this one and here i'm offsetting this with a positive value to create a border around the text okay let's add another new fill and drag this to the bottom and on that bottom fill let's set the color to purple you can see we're gradually getting darker with the colors and again i'm going to go to distort and transform and add a transform effect now i'm going to offset this by let's try eight for both and see how that looks i think i might just make that a bit bigger
we'll go for 12 and 12. and there we go that's offset down and to the right and i can actually duplicate this fill by clicking the plus icon at the bottom of the panel and i can select an even darker purple but if i twizzle this down you can see i've already got that transform effect applied so i just have to open the effect up and edit those values next let's go to the effects icon again go down to stylize and select drop shadow i'm going to bring the opacity down to somewhere around 50 just so it's not as pronounced and increase the blur so the shadow is nice and soft and if i hide and show this effect you can see it just lifts the text off the background okay next i'm going to go back to that very first pink fill and change that to the white to pink gradient then with that selected i can go to the gradient panel and adjust the properties of the gradient so here you can see me adjusting the angle i can also make the pink swatch more dominant by clicking on that swatch and dragging it along the gradient slider and as you can see the paint now occupies more space and this is reflected in the design and the great thing about setting up text this way is that we maintain maximum flexibility being able to change the text itself the font the font properties and all of the effects we added in the appearance panel and as i mentioned all of the swatches are global swatches so even if i want to edit something in a gradient i double-click the swatch check preview and i can change those colors and every instance of that color is updated throughout the entire document so in this example nothing too radical i'm just changing that white to a very light pink next i'm going to select the text again and open up the appearance panel select the very light pink fill and then duplicate this and i'm going to change the fill color to one of the darker purples now if i click on the transform effect i can change this and i'm going to change the negative 2 to a positive 2. and i can also see how this effect looks with a few different colors and something else we can do for each fill is click on opacity and we can change the blending mode so i'm going to set this to soft light and you can see it's a bit more subtle i'm also going to try this with the very light pink and just see how it looks oh no i think we'll leave that set at normal but i can still bring the opacity down just a pinch from that panel or you could just edit the swatch color it's entirely up to you okay let's close that panel down and get a good look at the final design beautiful and there we go that wraps up the video so if you enjoyed this one you can subscribe for more ring the bell for notifications take care and i'll see you next time
for full video
thx for #Dansky
free stuff, adobe, tutorial, photoshop, illustrator, photoshopadobe, illustratoradobe, xdadobe, dimensionadobe, premiere,
#Adobe #Illustrator #Tutorial
0 Comments