Transcript:
In today’s Adobe Illustrator Tutorial, you’ll learn nine ways to add texture to vector illustration. You will see how to correctly prepare artwork to texturising how to add photo texture and adjust it with blending modes and clipping masks how to add different noise, textures using opacity, mask, linear radial and preform gradient and even how to create unique noise, brush and use it in different ways. This list is not including all the tips and advices that you will learn from this video. By the end of this tutorial, you will understand that you made giant step from amateur to professional use trading and professional workflow. You are watching. TNT tutorials. Let’s move on to follow this tutorial step by step. You can download this vector illustration and follow of pepper texture by the link in the video description. When you will open this document, click here on swatches. You should see this folder and all these colors. If something went wrong, just download swatches by the link in the video description. Also then click here, Click on other library and find path to the loaded swatches. What you can see here is base of our artwork. I used sketch to create all these shapes. You can download this sketch. Also, if you would like to create all this illustration from the very beginning, if you think that your not able to create this illustration by yourself from sketch, you can watch some previous videos. You can watch how to create girl on bicycle, for example, or how to draw rows as you can see. I’ve created different layers for each object in this scene. You should do the same when you will create your own artworks because this will make your life easier and your workflow will be much faster when it will work with each of these objects. I will simply unlock needed object work with it. And all other layers won’t distract me from working. Then I will lock this layer again and unlock needed layer to unlock all layers. You should simply hold left mouse button here and drag mouse like this to lock them. All just do the same when I’m creating artwork. I do not worry about such moments as you can see. I didn’t cut any lines. I didn’t feel anything and you should do. The same, just create lines. Make sure that you’re happy with overall. Look, and then just follow this method. Let’s unlock we layer. Let’s pick all these lines. First of all, lets group them to easily pick them with one. Click later. If you would like to edit them, you can simply double. Click on these lines. They are in isolation mode, so all other layers are disabled, OK for direct selection tool and play with these lines to exit isolation mode. Just double, click somewhere now. Let’s just simply select this base layer now. Press ctrl C ctrl shift. V we just placed copy on top of these layers. Now select this copy. These lines, right, click make clipping mask. So as you can see, we didn’t need to cut anything or to fit any lines. Now if you would like to quickly play with these lines and for direct selection tool, pick needed line and change it like this. I always try to avoid cutting any objects, because after you will cut them, You will have less possibilities to play with your artwork to change something so just apply clipping mask and use direct selection tool to pick needed objects or double click on this clipping mask with selection tool. You can see that we have this group here. In this clipping mask, you can also double click on this group to isolate group and then just simply double click summer to exit isolation mode. As you can see, it’s very handy, and it allows you to have full control on your artwork. Now let’s do the same here unlocked a layer. You can pick this line one by one or you can simply select all these objects. You are not afraid to pick any unnecessary objects because they are all locked. Now hold shift and simply deselect this layer, then press ctrl G to group, and we have power lines group and we have our base layer selected control, C control shift V select these two layers, and sometimes you might right-click and won’t be make repair mask option. In this case, you should go to object clipping mask. Make now you can do the same. A for direct selection tool play with lines, lets. Lock this layer and do the same here. I will unlock all these leaves. Select this one control. C control shift V. Select this object. This line, right, Click, make clipping mask the same here as you can see. It takes only two or three seconds lets. Lock these fires. I made this dark part on the ground. Just to make big visible because we need big to be the same color as background later, we will make it stand out with applying textures. If I will hide this part, We won’t see this big, so lets. Leave it for now! Let’s unlock big control. C control shift V Select these two objects. My clipping mask. Now what we need to do is to apply shape of bird body to head green layer. Unlock these two layers select bird body. Ctrl C lock this layer select head grid layer, ctrl. F now select these two layers. This red layer should be on top of this grid layer, right, click, make clipping mask. Also, when you’re creating artwork, relate it like, so, don’t worry about all elements that are outside of your add board. You should feel absolutely free to play with composition and design. If you don’t want to see this part, just click here on view trim view, and you can work in this mode. Let’s unlock these layers. This method allows you to play with composition any way you want move objects play with them, and you don’t need to cut anything or feed anything. Just forget about it right now. I will show you situation. When we need to cut some objects, we need to cut objects in such cases and to quickly check, which one of these two layers we need because sometimes you would have 10 layers. For example, you can quickly click here now. Unlock this layer as you can see. We have line, but if you are sure with your composition object, expand, click. OK, now this is not line. This is an object and I did the same with all these lines. We need to cut this part. Let’s unlock branch layer, select it ctrl C then. Log branch layer. Select this layer, ctrl. F now let’s bring this layer down. Select these two layers. Shift + M for shape builder and just drag should builder like. So now let’s select only this branch layer and delete it. Let’s lock this layer again and do the same with this layer. Unlock branch, let’s check if this layer is the one that we need. Unlock it. Select Branch Ctrl C lock branch. Select this layer, ctrl. F bring this layer down, select these two layers. Shift + M For shape builder and drag it like so select only this layer and delete it. We can also expand this line we’re expanding lines because later we will apply texture and we will apply it to objects, not to lines block this layer again and on this stage, we can say that our artwork is ready for applying texture, so let’s start with first method. Let’s apply photo texture to the ground. Let’s unlock the ground layer. I will make this ellipse invisible for now. Let’s select this background layer file place and find part to download a photo texture, then just click somewhere here, for example to easily play with scaling. Just zoom out like so as you can see. This image is really large. That means that this image is in high resolution. So my advice for you is to always use texture with high resolutions. Just take your camera and take picture of any texture that you would like to use in your artwork. You can even create your own texture library. Just take a lot of pictures. Then you can crop them and contrast in Photoshop and then use in your artworks, So I will make this one smaller like this. I think that I will also delete this layer to avoid any distraction. Now you can see only needed layers in this layer group with this photo texture, selected properties, opacity and play with blending modes. Let’s apply multiply. For example, you can see how your artwork changes now you can play with opacity, and you really might be happy with these results, because sometimes you really need to create only one blending mode, and you really might be happy with result if you don’t like how multiply mode looks just remember that you can decrease opacity and everything will look just great, also as you can see this multiply mode and photo texture changed color of your background a little bit later. I will show you how to easily restore it right now. You can press control C control F to make a copy and apply another blending modes you can apply screen, for example, play with opacity. Then you can press control. C control F again. Apply hard drive, For example, change opacity. Also, you can try different combinations after you applied all these blending modes, you can make some of them invisible. We turned off screen mode and we increased opacity in hard line mode. You can also change it to any other modes like this, and maybe after experimenting, you would come to some unexpected solution, so just simply take your time and try different combinations for now. I will delete these layers and I will simply leave multiply. You should also try soft light mode. It also works very well, sometimes. In case, if you would like to add some really soft texture, it would work very well, so I will return to multiply and will change opacity to something like this. Now what we need to do Is we need to restore color, just select this layer control. C control shift V with this layer, selected properties, opacity and select color blending mode to show it better to you. I’ll press control C control F With our photo texture. Let’s apply exclusion 100% and if you will turn off this color mode right here, you will see that we have this color, but let’s turn on this rectangle with color blending mode and we restored color from our background layer. I will delete this unnecessary layer and lock this layer. Now let me show you a second way to add photo texture. Let’s unlock this layer and place the same photo texture to this one. In your future artworks, you can use different textures for different objects. So I have placed it here. I’ll make it smaller like so now Select this layer. Ctrl c ctrl shift V. Select these two layers, right, click, make clipping mask. Now you can do absolutely the same. You can play with blending modes, change opacity, duplicate this layer, ctrl C ctrl. F and apply different blending modes as you can see overlay makes everything brighter, so when you’re applying some blending modes, you should just keep in mind how each one of them works, but don’t get too crazy with it. Because in different cases, all these blending modes work a little bit differently. So mostly You should remember your favourites. Try to use them and play with opacity. Let’s make this layer invisible for now. Because now I want to show you third way of adjusting texture with this layer selected. I will increase the PCT so you could see better. Click on window and select transparency, no matter where this window will appear. It might appear even here. Just drag it right here. Then if you see this palette, you’re clicking here and you see these two windows. We need to see only this window, so just click here and drag it. Then just move it here and no matter what you will do up to this. You should leave this window in this place. Right now you will understand why we will use opacity mask and this window allows us to adjust opacity mask very quick and super easy with this layer selected. Let’s click here on make masks, then click here on clip to avoid any confusion. I will tell you right now. That white color makes objects visible and black color. Make objects invisible as you can see. We applied black mask to this object, and if you will click on clip here, we applied white mask and we can see our object and what you should have. This window opens because right now we will click on this field and please take a look At layers panel. All layers are gone because we’re in opacity mask mode. Now whatever you will do, all layers are disabled. You can’t move anything and this is very handy. Don’t be afraid of opacity mask because you can always return to your image by clicking on this icon. If you will deselect this object, you can see that you have no options here and to be able to edit object with opacity mask again, just select needed object. You will see these options so select mask and now comes the most interesting part. Lets press B for brush and as you already know that black color hides and white color reveals with stroke selected. Click here on grayscale because in masking, there is no colors. There’s only grades from white to black. Let’s pick grey color and draw a line like this as you can see when we have gray color, we are decreasing opacity of this object. This line is fully editable because in opacity mask, you have the same layers as unusual objects, so with direct selection tool, for example, you can move this line properties. Let’s change stroke width now. Click on color and play with transparency as you can see if we will apply black color, this texture will be absolutely invisible in this part. How can you use this tip, lets? Delete this line before brush. You can use this tip to make your texture. Look more realistic, for example, or simply more interesting. We’ll just make it faded right here. For example, let’s just draw a line, pick this line and as you can see, it’s really rough and unrealistic, but if you will click here on effect blur. Gaussian blur preview play with values. You can click OK after this if you would like to change blurring properties and here is your apply, The fact just click on it preview and change it again before brush. Let’s do the same here, right. After we applied blurring to this brush, you can draw with brush and this effect will be automatically applied to your new line. If you don’t need it, just click here to delete it. I’ll press ctrl Z to return it. You can play with direct selection tool and this is not all now you can create another line key, for example, select it and change color like this. Just move it like so when white layer is on top, it hides some parts of dark layer, and if you will place dark layer on top of white layer, it will do the same. You can also simply change opacity of these lines like this managed to play with color. You will get better control and you will understand what you’re doing much better. In the same way, you can create more lines. Just don’t get too crazy with it, because sometimes you just need a few lines to make your texture. Look more interesting. Let’s return to usual mode. Let’s click here and let’s make this layer visible. If you want to apply the same mask to this object, just select needed object. Select this mask. Select all objects in this mask, ctrl. C return to usual mode. Select this layer, make mask click here on clip, then select mask mode and press control shift V as you can see, we have the same mask in this layer also. If you don’t need masks anymore, you can click here on release and you can see that all these objects are just a bunch of grey lines. Let’s just delete them and create a new mask. Make your own clip before brush. Let’s fade this mask like this. For example, effect, blur, Gaussian blur and play with it like, so let’s return to usual mode, and as you can see, you can get some really interesting result by playing with blending modes of texture and by playing with opacity mask of these textures, you can create even more layers play with blending modes even more and with opacity masks, but what you should remember is that you don’t want to create too many layers, because sometimes you need just one or few layers to make great results, but in the same time, it’s up to you to experiment and to get some unexpected results. Now it’s time to show your fourth way to apply texture. Let’s select this layer. Ctrl c ctrl shift. V we want this layer to be on top of all these layers. We’ll, just click here on effect. Texture grain, right here in grain type. You have a lot of options. I mostly use soft mode, because if you will zoom in in steepled mode, you can see that it’s really rough. If you will select soft mode, it will look softer. I will set it to 100% and click OK. Now, opacity and play with blending mode again will speak screen, for example and play with opacity like this. What we will do right now is basically the same, but in opacity mask and you will see difference, so let’s just delete this layer. Let’s select this layer. Ctrl c ctrl shift v swatches, lets. Apply this dark color and for now for you to see better. I will make these two layers invisible later. We’ll make them visible again now. What is layer selected? Click here on, make mask. Click here on clip. Let’s enter mask mode. M for rectangle tool, draw huge rectangle, like this select grayscale. Let’s make this layer absolutely invisible. Let’s make it absolutely black for you to understand better. I will open this layer group, so we have huge rectangle here with black color. Let’s deselect it B for brush color. Click here on stroke and let’s apply white color for brush. Now you can drag it like this now. Let’s select this black rectangle effect, texture, grain click. OK, as you can see, you have some kind of texture here. With this puff selected effect, blur, Gaussian blur, click on preview blur it like so now let’s return to usual mode, make these two layers visible and you can see that we have applied texture on top of these textures and how we can play with it. Let’s enter mask mode. Let’s just simply change color of this line to black and let’s change color of this rectangle to white. Let’s return to usual mode properties opacity, and you can change your path City like this if I will move this layer with applied noise. Some are here to white place. You can see what we did. We made smooth transition of this noise from transparent to fully visible. I made these two layers invisible. And now you will see how to easily play with this noise. Let’s enter this mask mode. Select this part effect texture grain. You can play with grain type. I will use soft grain type click. OK, color and let’s change color to something like this. As we applied white color to this rectangle, that means that it’s absolutely transparent. And if you think that you won’t change color to it anymore, you can simply delete it now. We have only strolled with grain effect here. Let’s return to use your mode and make this two words visible. I decrease the peseta. Fear a bit now you can even bring this layer down like this. And if you don’t like that, this layer make this object darker. You can just duplicate This base layer here. Properties click on opacity and change blending mode to screen, for example, or to overlay and play with opacity. After this we can play with opacity of other layers. And if you see that you need to highlight these parts on how to view noise here better with this layer selected, simply click here on make mask clip enter mask mode. B for brush, color, grayscale, big black color and draw a line like this. After this, you can blur it to make after transition the return to usual mode and increase opacity of this layer. As you can see, you can get unlimited amount of variations with all these methods. All you need is just keep in mind that you can always add it in use opacity, mask, blending modes bore effect for your brush and grain texture effect from effect panel. So right now! I will delete these layers. I will leave. Only these two. Now it’s time to show you fifth way on how to add texture to your artwork. We will add texture using opacity, mask and linear gradients. Let’s lock this layer, unlock ring, layer selected control. C ctrl F swatches, lets. Apply this color. Now put here on Mac mask clip. Let’s enter mask mode and for rectangle tool, draw a rectangle, like this gradient linear gradient G for gradient tool and now play with direction. I will apply Direction like this. After you apply direction, effect, texture, brain. You can pick any grain type that you want play with contrast and intensity. I personally like to use soft grain mode, and I recommend you to use It. Also now click. OK, and you can see that. We have some great noise effect here, which you can easily manipulate with this rectangle selected G for gradient tool. And now you can play with these markers then adjust grain as you want. If you would like to change grain properties, you have your grain effect here. Just click on it. Then you’re able to change it any time, so you should not be afraid of playing with all settings and all these models. Let’s apply contrast de type just for fun. Click, okay, and you will get this type of texture, But I will press ctrl-z because I like this one. Let me show you another interesting thing. Let’s apply radial gradient to opacity mask and make some transparency with it. This will be met at number 6 lets. Unlock this layer. Don’t copy anything. Just click here on make mask. Click here on clip. Let’s enter mask mode. Let’s zoom out and for rectangle tool, draw a rectangle like this now. Gradient radial gradient. G for gradient tool. After you will zoom out or zoom in gradient 2 will disappear, so just press G for gradient tool again. Now move it like so as you can see. We don’t need all these parts to be invisible. We need this part to be invisible, so just click here on reverse gradient and now play with gradient tool just as you want effect, texture, grain. I will apply the same soft grain type click. OK, as you can see, we have great texture here and great transparency. It looks really interesting. G for gradient tool. And you can adjust it like this. You or even move it outside of Borneo. If you would like to use the same transparency on this part, and if you would like to use only radial gradients later, I will show you how to do this with preformed radiant, but here a solution on how to do this with radial gradient. Let’s just delete this rectangle. Let’s create one rectangle here and one rectangle here. They both have gradients now, selecting both effect, texture, grain and click. OK now you can play with them. There’s nothing wrong with this matter, But people on gradients will allow you to play with it much better. Also, you might have situation when you will need to move this gradient here, and there will be such rough transition with the same opacity method. By the way you can add texture to these clouds. Just click here on mate mask clip, enter mask mode, create rectangle gradient linear type. G for gradient tool, drag this to light base effect, texture grain. Click okay, and you can play with this texture as we already did. What also you should notice is that? If you don’t want full transparency here, you can select this dark marker color and play with color here. The same you can do with this marker. You can see that we have some really interesting resolve here. Return to usual mode. I will just simply delete these clouds and duplicate This once like. So if you see that, something went wrong like this, there is nothing wrong, lets. Just drill you. All you need to do is zoom in a bit or zoom out. Let’s lock clouds layer to add noise to eyes. For example, you also will need radial gradient. You need to copy this layer swatches. Adjust this color, make mask clip, enter mask mode, create rectangle gradient radial gradient. G for gradient tool, change colors affect the extra grain click. Okay, and you can change this gradient tool, even like this, too proportions better like so, let’s return to usual mode and lock this layer. Now it’s time to show you seventh way. We will apply three from radians to opacity mask. Let’s unlock big layer. Select this layer. Ctrl c ctrl. F swatches, lets. Apply this color, make mask clip. Let’s enter mask mode, create rectangle gradient and let’s apply three-point gradients, first of all. I will delete these points, lets. Select this one color. Grayscale, let’s apply black color for this one. Then click here to add new point and apply white color and what you can see here You can easily play with volume with only two points. If you will add more, you can add some gray color to make some smoother transitions some white point here and you can play with their radius. Now let’s make it look more interesting. Let’s add texture, click, OK, and here is how you can easily adjust and play with grain with free foam gradients, but this is not all because we are using points now. I will show you how to use lines and then how to combine lines and points. This is very useful in handy. If you will decide to make this noise even darker, just click here on this icon. Return to your base object swatches, for example, and adjust any color you want or you can click here on color, which is B, for example and play with this color like this, so lets. Just leave this result. I think you get them an idea. Let’s lock this layer now. Let’s use lines in free from gradients. Let’s unlock branch, select it control. C control F swatches, lets. Apply this color, make mask clip. Let’s enter mask mode, zoom out and for rectangle tool, let’s create rectangle like this now. Gradient freeform gradient and before your selected lines, hold shift, pick all these points and delete them because if you will select lines and if you will try to pick a few points, you won’t be able to do this, so you can always switch between points and lines. Let’s delete these points. Give this one, bring it here. Greyscale, let’s apply black color. Let’s create another point and let’s apply white collar. I will change them like this now. Let’s switch to lines. Click on this point and just create points like so along this line to stop drawing lines. Press escape. Select this point, then draw another line like this now. You can move it to do it more comfortable. Switch to points now you can easily adjust shadows and highlights here affect texture, gray. I will apply the same Good old soft grade type click. OK, and as you can see, you have this stunning result only in a few clicks now to play with this lightening G for gradient tool and move it anywhere. You want to like this? You can even select some points and adjust gray color, for example now. We want to add some shadows here to make this image look more realistic. Let’s switch to normal mode, select this layer. Ctrl c ctrl. F, Let’s bring this layer up, make mask clip, enter mask mode and for rectangle tool, create another rectangle like this gradient print from gradient good points selected. Select these points. Delete them! Now, move this point here, Color grayscale. Let’s pick white color. For this point. Let’s create another point here and apply black color. Also, if you want to quickly make white point here, just click on point with white color and then create another point if you want to quickly create black point, click on black point and then create another point, so let’s create black point here like so, and let’s create white point here, then click on this black point and create another black boys. You now you can move it like so as you can see. When we’re moving it, we have some transitions right here to avoid them. Create another black point and now let’s move this point to easily adjust shadow. You like so effect, the extra grain click, OK? If you don’t want this shadow to be too dark, just select this point. Just some kind of gray color like this. Let’s return to usual mode lock. This layer, let’s work with this one before this. Let’s select all these layers properties, but finder. Unite ctrl c ctrl. F swatches apply this color, make mask clip, enter mask mode, and for rectangle tool, create rectangle gradients, freeform gradient, delete unnecessary points with this point, selected grayscale select black add new point select white. You can already a just noise, texture effect, the extra grain. You let’s just add one point here. You you like so and we can return to usual mode. If you want to make this result to look even better, just select this object again. Enter mask mode. G for gradient tool, You can change color for this point to gray and move it here. – Macke, softer and smoother transitions. You you you all right. I will leave this result and I will return to usual mode. You can do the same would be subject, lets. Lock this layer. Now let me show you methods. Number 8 & 9 where we will use noise, brush so first of all, let’s create noise brush, let’s create a new wear. Let’s rename it to noise brush. Let’s double click on this fill color icon black color now. I will show you method to create brush and what you should know is that you can quickly create brush that nobody used before in any other artworks, so for example. I will create brush like this before pencil. Then I will just create some random figures like this to make it look even more detailed. You can duplicate some parts. Make them even smaller. I will uncheck trim view for now, you you. I will stop on this brush. You can create any brush you want. It can be created, even with rectangles like this, so just experiment with them. You can add ellipses, for example, or any other shapes start -, you can simply click with start -. How many points do you want to have and create brush like? So it’s up to you, so I will select these elements, brushes, new brush, scatter, brush, click. Okay, rename it to noise one. If you’re going to experiment with your brushes, but now let’s leave all these settings as they are click. OK, and if you think that you will need to change your brush, you can just make this layer invisible. I will simply delete it. It really doesn’t matter because our brush is saved and ready to use so now. Let me show you method. Number 8 We will use noise, brush using clipping mask. Let’s use this leaf control. C control F B for brush. You can also use pen tool. Let me show you how to apply it. To pen tool, it’s absolutely the same as with brush tool brushes and select your brush. Now, let’s change color to this, but you can see that nothing happens. So double Click here on noise. One brush select hue shift and click on preview again. Now you can play with size and width spacing. Just play with it like so you can see that our brush looks not very interesting, so let’s try to rotate it. Let’s select random and let’s adjust these values like so, you can even do it like this, you. I will leave this result. I don’t touch skater. Click, okay. Apply two strokes control. C control shift V Select These two layers, right, click, make clipping mask pay for direct selection tool. You can manipulate the stroke. Just as you want, you can also click on properties and change stroke width like this. So this is how you can play with brush and adjust shadows to your artwork. You can create even more lines like this, the same brush, and if you want to place this stroke inside of clipping mask, just drag it like so also, if you want to add more texture directly to clipping mask, you can double click on this clipping mask, draw with a brush, for example, adjust this line, just the same as you did with pen tool and you will draw inside of clipping mask, and you don’t need to adjust your object to clipping mask again, so now I will delete this layer and I will show you Method Number 9 very interesting method method that I really like we will use noise, brush and opacity mask. Let’s select this layer swatches. Apply this color, make mask clip, enter mask mode before brush, let’s draw a line like this. Select this line, color, grayscale and apply black color properties, change, stroke wave and play with stroke like this control C controller. We duplicated this line. You can adjust color like this entrance stroke rib to all 25 points. You you you now you can see that you can get some great custom results with this method. Just play with strokes like this. Let’s duplicate this one here as you can see, you don’t even need to draw new stroke. Each time you can duplicate. You can adjust them like so now. Let’s return to usual mode. I changed color to dark green. Just for you to see better. You can adjust the same green color as you already had returned to mask mode. You you and I think I will stop on this result here as you can see, it looks just great so to adjust shadows to body a lot body layer, select this layer duplicated here, like so swatches. Apply this color, make mask clip select mask mode. Create rectangle gradient fill upon gradient. Do it unnecessary points, Just black color. For this point, create new points and just white color. You can already click on effect. Texture grain, okay. G for gradient lines. You just create line like this escape. Now let’s create line with black dots points mold. You play with them like so until you will get needed result. Let’s add some dark color here. You can combine points and lines. You can use point here and whitepoint here. You you as you can see, it’s very easy and fast to do. If your computer runs slow with noise effect, and you want to adjust all these transitions much faster, click on window appearance. You can see grain effect here. You can turn it off. Then you will be able to change anything. Be for selection tool and make grain effect visible again to make such transition smoother, pick this point and adjust color like so you can also move these points like this now as you know, all the tips that I showed you today, you can easily recreate this artwork and even create your own artworks, which will look very interesting and professional in conclusion. I would say that all methods that you’ve learned from today’s Adobe Illustrator Tutorial need some practice. If you think that you missed something, just return to this video, follow tips and adjust them to download the demonstration. If you learn something new from this tutorial, drop a comment below. Let me know if everything was clear enough for you and what you liked about this video. If you enjoyed this tutorial, support this channel by clicking on subscribe and what’s most important by clicking on the bell icon to get notifications about newest tutorials from TMT, I would also appreciate if you will click thumbs up and we’ll share this video. This was TNT tutorials. See you next videos.