Create Textures for Vector Drawings in Adobe Illustrator | Sahar Heumesser | Skillshare
Drawer
Search

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Create Textures for Vector Drawings in Adobe Illustrator

teacher avatar Sahar Heumesser, ⭐ Graphic Designer ⭐

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Intro Vector Texture

      1:58

    • 2.

      About The Class: Vector Texture

      1:45

    • 3.

      How Textures Interact with Vectors

      2:52

    • 4.

      Different Types of Textures

      1:47

    • 5.

      Make Built in Vector Effects

      8:37

    • 6.

      Apply Vector Effect Textures

      6:48

    • 7.

      Photos as Texture

      3:43

    • 8.

      Create Hand Drawn Textures

      3:57

    • 9.

      Digitize Hand Drawn Textures

      8:23

    • 10.

      Apply Hand Drawn Textures

      2:34

    • 11.

      Raster Textures

      6:38

    • 12.

      Pattern Textures

      7:25

    • 13.

      Outro: Final Thoughts

      1:43

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

310

Students

7

Projects

About This Class

In this skillshare class I will share with you my best tips, tricks and techniques on how to create and apply textures for vector drawings in Adobe illustrator.

 

Texture is a very important design element that can balance your project or change the mood of your artwork but let's be honest, adding texture is not an easy built-in feature of vector drawing software.

As a digital artist, I’ve learned the hard way that vectors do not have to appear flat, and a textured hand-drawn look can be archived in vector drawing as well.

Texture is a significant key to achieving that tactile quality that makes your artwork more approachable. Vector Textures can make the difference between an average piece and a best-seller artwork.

THIS class is created for illustrators, pattern designers, hand lettering artists of all skill levels who want to develop their own illustration style by using customized textures.

What You Will Learn:

  • How Textures interact with Vector Graphics
  • Different types and categories of textures
  • How to create each types of textures from scratch
  • How to apply each form of texture
  • How to edit, organize, and keep track of your texture collection

There will be a couple of bonus videos as well.

To celebrate the launch of the class, I’m going to  GIVEAWAY⁠ one year of skillshare membership! (everyone can participate )

TO ENTER THE GIVEAWAY all you need to do is to:

  1. upload your class project on @skillshare or
  2. post it on Instagram and tag me @saharheumesser

If you don’t have a Skillshare account:

use this link shorturl.at/buDEV to get 30 days MEMBERSHIP of Skillshare for free.

I'm Sahar, a creative dreamer and a graphic designer based in Vienna, Austria.

I’m obsessed with learning; I do love to sharpen my skills and learn new ones as a daily base routine and I'm so passionate to be a part of YOUR creative path by sharing what I've learned along the way.

Links   Instagram | Youtube

About the software (Adobe Photoshop):

Adobe Photoshop is a raster graphics editor software for editing photos, digital drawing and graphic design projects.

Digitizing requires a bit of image editing skills and what can do the job better that the amazing Adobe Photoshop?

When it comes to photo manipulation and editing pixel based images, nothing and I mean NOTHING, can compete with Photoshop.

If you don’t have Photoshop, no problem. You can sign up for a free trial in just a few minutes:

http://www.adobe.com/products/photoshop/free-trial-download.html

About The Software (Adobe Illustrator):

Illustrator on iPad is an intuitive software for beginners and a dream come through for the longtime users of the desktop version.

It has NEVER been this easy to make vector drawings as using the Apple pencil and Adobe Illustrator on the iPad.

The iPad version of Illustrator is basically a modified version of the original software that has been made easier to be used on iPad. At first glance, it may feel very different to longtime users, but it’s meant to be capable enough to let you do just about anything you would normally create in the desktop version, on iPad as well.

If you don’t have Illustrator, no problem. You can sign up for a free trial in just a few minutes:

https://www.adobe.com/products/illustrator/free-trial-download.html

Disclaimer : Music used in this class is Carefree by Kevin MacLeod
Link: incompetech.filmmusic.io/song/3476-carefree
License: creativecommons.org/licenses/by/4.0/

Meet Your Teacher

Teacher Profile Image

Sahar Heumesser

⭐ Graphic Designer ⭐

Teacher

 

Hey, I'm Sahar!

I’m a creative dreamer and a graphic designer based in Vienna, Austria.

I’m obsessed with learning; I do love to sharpen my skills and learn new ones as a daily base routine and I'm so passionate to be a part of YOUR creative path by sharing what I've learned along the way.

Links  |  Instagram | Youtube 

See full profile

Level: All Levels

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Intro Vector Texture: Texture is an absolutely decisive design element that can balance your project or change the mood and style of your artwork. Working with vector graphics is dynamic, flexible, and rewarding. But that nondimensional look is not what we always want to have as a digital artist. I've learned it the hard way that vectors do not have to appear flat. So I'm here to share with you all my techniques, tips and tricks. How to turn a flat vector drawing into a texturized hand drawn looking artwork. Hi, I'm Sahar Homer. I'm a graphic designer and a design teacher based in Vienna, Austria. In today's class, we are going to learn how to create, use texture for vector graphics in Adobe Illustrator. Throughout the class, we are going to learn how to use texture on different part of a vector path, as well as how to add texture as an overlay layer on the whole artwork. We talk about different types and categories of texture, how to create them from the scratch, and various ways to use them. We will be Adobe Illustrator as the vector drawing tool, an Adobe Photoshop for image manipulation and digitizing. But no Pal knowledge of the softwaes is required for this. You will receive an interactive practice file to follow along, as well as all the resources that I'm using to demonstrate the process. Texture is a significant key to achieve that tactile quality that makes your artwork more approachable. I'm super excited to get started, so see you in the class A fits in. 2. About The Class: Vector Texture: Welcome to the class and thank you for joining me here in a skillshare In this course, I will walk you through the full process of making and using textures for vector graphics in Adobe Illustrator. Let's start with what you will learn. We'll begin with understanding how texture interacts with vector graphics. Then we'll learn different types and categories of texture. How to create each type of texture from the scratch, how to apply each form of texture, and how to edit, organize, and keep track of your texture collection. We will also have some bonus video for you to master the topic. I've prepared an interactive practice file so you can easily complete each step. To find your class resources and references, go to the project and resource step here and download the class PDF guide. You can also directly download individual resources over here. Let's talk about your class project. Your assignment for this course is to make three different types of vector texture. Apply those texture on an artwork, and share your project here on a skillshare, we will be using Adobe Illustrator and Adobe Photoshop. But even if you're completely new to Photoshop and Illustrator, you can easily follow along during the class whenever you have a question. Head to the discussion tab here, start a conversation and post your question. I will be more than happy to answer all of your questions As you go through each video, please make sure to download the interactive practice file before you start the class. All right, we are all set. Let's get started. 3. How Textures Interact with Vectors: In this video, we will learn how texture interacts with vector graphic. Let's start with learning some basic vector facts to make sure you're all in the loop. Every object that you draw in a illustrator is called a path. Each path has three elements, Phil, stroke, and anchor point. Phil is the color contained inside the path. Stroke is the outer side of the path. An anchor point is whenever the path changes that direction, a path needs at least two anchor point, otherwise is just a dot. And a path with two anchor point is called line. A path with three or more anchor point can be closed or open when the two end points of a path merges, then we have a close path. Now whether a path is open or close, it can have on only a stroke or both. Applied with selection tool, you could only view and modify feel and stroke to view and modify the third element which is anchor points, we must select object with another selecting tool which is called direct selection tool. Anchor points don't have any business with texture. In this case, we only use the normal selection tool and only talk about field and stroke. Please have in mind, in vector drawing, strokes are not just an outline, there, appearance attribute, like an effect. They are live and editable. You can change their thickness, the color, the style, and so on. Have that in mind for upcoming videos. Now let's quickly compare different drawing tool in Adobe Illustrator. Pen tool creates path by defining the anchor points pencil tool and paint brush tool. Both of them create path by defining the stroke Brush tool creates path by defining the Field shape tool can create path by defining feel or a stroke depends on what was set on before drawing. Now let's see which part of vector drawing can be texturized. We can texturize the field by adding a layer of texture. We can texturize the stroke by applying a vector brush or we can mix both. Also, we could apply texture on a group of path as an overlay texture on the whole artwork. Later on, we will learn all different techniques on how to actually create and apply textures with all the tips and tricks. Now let's learn about different types of texture. I see you in the next video. 4. Different Types of Textures: In this video, we will learn different type of texture for vector graphics. There are six categories of stuff that can be used to texturize your vector drawing. The built in effect of Adobe Illustrator photos as texture hand drawn textures, raster texture, stroke brushes and repeat pattern. Now let's see which is which The built in texture effects are a set of pre made effects that Adobi Illustrator provides. You can find them under the Effect menu over here. Next we have photos as texture photos of textured surfaces can be used as a texture layer on vector drawing. Some of the most popular photos are pictures of textured paper and metallic surfaces. Next we have hand drawn texture. These are non digital texture effects that you can create using any type of medium and then digitize it afterward. Then we have raster textures. These are digital raster images created by raster drawing softwares such as Procreate or Photoshop. This can be a page filled with texture of your favorite brush or a manipulated picture. To be honest, invector drawing stroke brushes and pattern switches are not considered as texture. But since you technically can use these two elements to texturize your vector artwork, I will include them in this class and we'll talk about them now. Let's learn how to make each of these textures. I see you in the next video. 5. Make Built in Vector Effects : In this video, we will learn how to make vector texture using the built in pre made effect of Adobe Illustrator. Please first download the practice file that I shared with you and open the AI file. We will need the transparency panel, appearance panel, and graphic style panel. Each of these panels can be found on their menu windows here on Adb Illustrator. All right, let's get started. Draw some shapes, which here I did for you. Then make sure the stroke is set on and choose a gray field color. You go to the effect menu. There are a number of different building effects and some of them can simulate a texture. If you click on the effect gallery, you see all the effects are categorized in different folder. In each one has a little preview for you. If you know what you need, you can pick it up here or you can open the main gallery and choose from there. With the selection tool activated, select a Shape. And let's start with the sponge effect. I'm going to Menu Effect, Artistic, and I choose a sponge. Now let's close this menu so we can see the texture better. I like to increase the brush size all the way up to ten and bring the definition to, let's say 20 perhaps. Make it a little bit smoother. Five looks good. Play around with the setting until you're happy. You don't have to use the same setting as mine. Then hit. Okay. Now let me quickly show you something. You don't have to do this. I'm adding the same texture to the next one so we can compare the same texture in different blending mode. I'm going to the transparency panel and change the blending mode to multiply. Now as you can see, the background came true. Now to save time, I'm going to select the rest of the shapes, going to transparency panel, and change the blending mode of all of them to multiply. This is a live effect. If you go to appearance panel, you can edit the appearance setting of this effect by clicking on the name of the effect. Now I have a handy tip for you. This is really useful. You can save this effect in your graphic style library. You don't need to go through all of the steps each time that you want to use this exact same effect. To add an effect into your graphic style library, you need to select the shape that has the effect and then drag it into the graphic style panel. Instead of dragging, you could also click on this plus icon here. Both of them does the same. Now I'm going to double click on the name of it and then rename it to Artistic sponge. Because this was from the artistic category and the effect name was a sponge, it's always a good idea to stay organized. Now if I click on another shape, I can go to the graphic style panel and click on this style and the Ola to remove this effect from your shape. You can click on this effect on not the name, but the icon effect here. And then hit the trash bean. Or just simply drag it down and toss it into the bein. Okay, perfect. Now let's make our next effect. Select the shape. This time I want to make a grain effect. I'm going to menu effect. This time I go to texture and I choose grain. You could also go to the main gallery and choose the texture for and grain effect over here. First I'd like to increase the intensity to 50, The contrast also on let's say 70. Then I'd like to change the grain type on stipoled or maybe sprinkled this Berea, that's cool, then it Okay. Now we add this into our graphic style panel. To stay organized, I rename it to texture grain sprinkled. Now I can move on and make the next texture. This time we want to make a graphic pen. Go to menu effect sketch and choose graphic pen. The stroke length can go from one, which is dots, to 15, which is stroke lines. I like to keep it all the way up to 15, so it's tiny strokes, I'm not changing the balance. Or you can also change the stroke direction, but I like to keep it at right diagonal. Then again, I'm going to add this into my graphic, a style panel. Rename it to this time sketch graphic pen. All right, perfect. Now, yet another effect is there to make the halftone effect. Now with selection will activate it, select a shape and be careful that we don't want to make a color halftone but a monochrome halftone effect. This. Pixelate, one is not. For texturizing, this is color halftone effect. To texturize with monochrome dots, you need to use a halftone pattern. We want to go to a sketch and we want to choose a halftone pattern. I always prefer to keep my pattern type as dots, but you do you size. And the contrast really depends on what you like. For now, I'm going to set this both on ten and it. Okay, As always, we add this in our graphic style panel and rename it to Sketch Halftone pattern. Great, Now last but definitely not least, the rough edge effect with selection tool activated, select the shape, and this time we go to menu effect, Distort and transform. And we choose Roughen. This would roughen the edges of the path and give you those nice jaggedy edges. This details goes 0-100 and the higher the number, the more ups and downs you have. For now, I'm going to set this somewhere in the middle and fix the size first. The lower the size the bearer, The result is, in most cases, we want to have something 0-1 but unfortunately it jumps directly to zero, which is nothing. The trick is to click on the box here, Use your keyboard and type in the number. For example, I type 0.50 0.4 maybe perfect. Now change the detail if needed and hit Okay. When you're happy with it, let's add this into our graphic style panel and rename it to DN T for distort and transform rough edges 0.5 and 60. Okay, perfect. Now what if we want to have multiple effects? Graphic style library is a single choice menu. It means when I select a shape, I can choose only one of the style can switch between them. But I cannot have two options from the menu. Every time I click on another effect, it will replace it with the previous one. If I like to have multiple effects, I should combine the effects first before adding them as a style into my library, For example, most of the time when I use sponge, I also use roughen edges. I already have the sponge effect on the shape here. Let's go to the menu effect, Distort and transform and Roughen, we add off edge here and it Ok. Now this one has both effects on it, the sponge and the roughen. Now if I add this again into my library, I can rename it to Artistic Sponge plus rough en edge. Now I'm going to drag this up next to its friend to stay organized. Can choose to have just rough edge, just a sponge or a combination of both on my shape. Awesome. Now that we learned how to make vector texture effect, let's see how to actually use them on an artwork. I see you in the next video. 6. Apply Vector Effect Textures : Now we are going to learn how to use and apply the texture effects on vector drys. We made a couple of texture effects and saved them into our graphical style library. I want to add them on this illustration. Before we start, I don't want to lose this pink apple. I want to add the texture on top of it, Not instead of it, I need to duplicate this path. First selected, go to menu, edit, Copy or use the keyboard shortcut of control on PC or command C on Mac. Then go to menu edit, Paste in front or use shortcut of control on C or command on Mac. Let's try these effects and see which one looks better. I like to use the sponge plus roughen edge that looks. Pay attention that effects our appearance attribute. They are editable and very heavy. We need to vectorize them, but as you see, the image trace panel is off. As the name suggests, this is an image trace, not effect trace. Every time you have an effect, you need to first turn the effect into a flat image to be able to vectorize it with image tracing. First, we need to flatten the appearance by expand this live effect into a flat image. To do that, you go to menu Object, Expand Appearance. Now this is no longer a live effect, this is a flat image. And as you can see, the image trace panel got activated. Now to vectorize, we need to trace this image. Let's set the mode on black and white. Check, ignore color here and make sure this is set on white. So we are ignoring white. I'm setting the threshold on 140. Let's check the preview and see how it looks. 140 is too much. I'm going to type 120 here and then click out to apply the changes. Now I have almost nothing left. I'm going to try 130. Yes, perfect. Now I'm going to slide the path to see what fits better. Just remember, the higher the numbers, the heavier your work is. I want the corners and the noise to be in the middle. This looks great. I want to save this setting next time that I'm tracing this exact effect, I don't have to repeat all of the setting and check which is better. Open the preset burger menu. Save this as a new preset and rename it to sponge 130 hit. Okay, I always like to include the name of the effect on the preset of vectorizing. I know which preset is suitable for which effect. If you don't like my setting, play on until you are happy with it. To finalize this image tracing process, you need to go up here and expand right now. If you check the layer panel, you see we have a group of hundreds of tiny path, but we need to turn them into one single compound path still selected. Go to the path finder panel, open the burger menu and make compound path, and then it expand. Now check what happened. All those tiny pieces of mess turned into one single compound path. Perfect. Okay, at this point, this texture is fixed and we can change the color. I'm going to the switch panel and change this into something that I like now. I would like to make a half ton shadow for this. From layer panel, I find the main apple. You can turn off this texture so you can see it again. We need to duplicate this. I'm going to hit control C on PC or command C on Mac to copy. Then I'm going to say control on PC or command on Mac. To paste this on the back instead of front, check your layer panel and make sure that the selected one is the one that is below on the back. Now let's temporarily change the color of this so we can see better. I'm going to turn the texture back on and lock the texture and the main apple. We don't accidentally move them, now I want to select the shadow. Move it a little bit to the right and a little bit to the down as if the source of the light is on top left side. That looks good. Now I'm going to graphic style library, and this time I choose the half ton pattern. The rest of the steps are like before. I'm going to flatten the appearance by going to menu Object, Expand appearance. Then I'm going to vectorize it by going to the image trace. And set this up in a way that is on the black and white mode, the threshold. I set it on let's say 20, the path noise and corner on 50. We're going to check the ignore white and the preview. Yeah, that looks all right. Now I'm going to save this as a precept and I'm going to expand to finalize it. Now let's go to the Path finder panel burger menu. And make this a compound path. And then expand again. Now change the color. We are done with the apple. The leaf is easier because I just wanted to select it and add a rough en, edge effect without any texture inside of it. All I need to do is flatten the appearance by going to menu object and expand appearance. Now this is finalized, I change the color and we are done. If you'd like to mess around and practice a bit more, you can unlock this background layer from the layer panel and add a new texture of your choice on this as well. We went from this to this before and after. Now this was built in vector effect for texturizing, I see in the next video. 7. Photos as Texture: In this video, we will learn how to use a photo as a texture. We can use any photo of textured surfaces to texturize a vector drawing, but the most popular ones are photos of textured papers and metallic surfaces. I normally take the photos myself, but you can outsource from the stock image platforms such as Adobe stock or on a splash. There are two different methods use a photo as a texture method. One is to use the photo as a background texture overlay by blending it through the whole artwork method two is to use the photo as a regional layer mask on a specific part of a vector graphic. Open the page two layer and let's try the method one texture overlay. For this I would like to use a photo of a textured paper. Step one is go to menu file, place the navigate to the photo of your choice. I'm choosing the paper texture that I also shared in your class resources. Click to paste it and then it embed. This is not a linked image anymore and it's inside the illustrator. Step two is going to layer panel and simply drag the texture photo layer and arrange it in a way that it is located above the artwork. With selection tool activated, move the photo around and position it in a way that is on top of the artwork and covers everything. You could also fix the size if needed. Step three is from the layer panel. Select the photo by clicking here. And then go to transparency panel and change the blending mode of this paper texture into multiply. So if I turn this on and off to give you before and after, you see that it looks as if you draw the whole artwork on an actual textured paper. Okay, great. Now let's try the second method, the original layer mask. For this, I like to use a gold texture on the leave part of this lemon. Step one is go to menu file, Place. Navigate to Photo of your Choice. Then I'm going to click to Place it and hit Embed. So this is not a linked image anymore. Two is going to Layer panel. And simply drag this layer and place it inside the lemon group. For layer mask, everything should be inside one layer. Now let's open the layer inside this layer. We want to drag this in a way that this texture is under the leave. It doesn't have to be directly under it, it can go way below. As long as the order is right, we are good to go. Step three is to select them, both from the layer panel. Select a photo called Shift on your keyboard, and then select the leaves as well. Now with both of them selected, right click, Choose Make Clipping mask. There we go. We mask the gold texture photo inside the path that is in the shape of leaves. By the way, pay attention that in your transparency panel there is a button called Make mask. This is not a clipping mask, this is opacity mask. And it is not what we need here for clipping texture photo. That was how you use a photo to texturize your Vector artwork. I see you in the next video. 8. Create Hand Drawn Textures : In this video, we will learn how to create hand drawn texture for vector graphics. We will make the textures first, then we digitize them afterwards, We'll learn how to use them on vector drawings. Now let's see, what materials do we need to create handmade textures? We need three types of material, paper, pigments, and some tools that can simulate the texture paper. I recommend you using a paper that is flat and white. For pigments, you can use any type of medium that you like, but prefer using black pigments. Whether it is watercolor, guash ink, oil paint, acrylic pastel, pencil, whatever you use better to use it in pure black color. This is because black and white gives you the most contrast and will make the digitizing step much easier. The third type of material is the tools. Something that I brought here is roller paint, sponge paint, brush, sandpaper, toothbrush, bubble wrap, and so on. Now, let's go ahead and get started. First thing first, make sure your paper is fixed on a board so it doesn't move around when you're working on it. I'm going to start with some black inks and roller paint. You can make different movement or use different sizes of roller to make different type of texture with the same tool. Next I'm grabbing a big paint brush to draw some stroke lines. Again, I can use different movements to make different type of texture with the exact same tool. Okay, now let's try this wooden brush and see if this can give us something nice. Next, I'm going to grab a sponge. Those that you used to wash the dishes with, let's grab some acrylic paint and make some texture. You can tap it or drag it or slide it to make a variety of sponge texture. Next, I'm going with the tooth brush and start with drawing some crazy stroke lines while I am eddy, maybe I can also make some splashes. Yes, splashes are always useful. Okay, great for the next texture. I'm going to grab some cryions or pastels and drag to create texture. I'm not using any tools for this because they have a strong texture character of their own. Okay, this really looks good. Now for next texture, I'm going to use some textured material. Let's start with sandpaper. I'm going to put this under my paper and then grab a big black pencil. Drag and draw over it to get the texture. You can use any type of textured material under your paper. Be creative, use daily stuff. You can even place some sugar or salt under the paper. Anything that comes to your mind, give it a try. Maybe it works, and maybe you find out that that was not a good idea. All right, we've made some handmade textures, now let's learn how to digitize them. I see you in the next video. 9. Digitize Hand Drawn Textures : In this video, we will learn how to digitize hand drawn textures. There are three steps for digitizing hand drawn texture scanning enhancement in Photoshop and turning it into a bitmap tiff. Now let's see how to scan a texture like a pro. Place your artwork inside the scanner. Open the scanning sofa and use the following settings. We want to change three things. We want to set the color on black and white. We want to set the file type one, we want to set the resolution on 600 PPI. We only care for these three settings. The rest will be done in Photoshop. Okay, great. Now it's time to take this scan into Photoshop for some enhancement. Let's find our scan right click and say open bit Photoshop. You have these scan files in your project resources, but if you wish to work on your own scan texture, please go ahead and open that. The first thing I'm going to do is to save this as a Photoshop file before doing anything on it. Otherwise, if we make any changes and hit the Safe button, this will overwrite the master scan. Go to menu file and save it as a Photoshop file. All right, let's go. Step one is to click on this lock here to unlock this layer. Step two is to change the image mode on gray scale. You can do that by going to Menu Image Mode and select Gray scale. Step three is redefining the black and white. We want to get rid of grays and just have black and white left. The way I like to do it is to add the adjustment level. Go to the adjustment panel at a level adjustment. If you have the older version of Photoshop, you might be looking like this either way. At a level here in levels we have three sliders, the shadows, the highlight, and the middle one. That is the mid tones. We do not want to touch the middle one at all. This stays at one. We want to move the shadow slider, the black one, and the highlighted slider, the white one, towards the middle one. When you move the black and white slider, the gray one also moves accordingly. But don't worry. As long as you don't move it, we are fine. If you made a mistake and touch the gray slider, you can hit this reset icon here and start over. We want to bring the black and the white slider closer to the gray one. Now select both layers by clicking on one of them, holding control key on your keyboard, and click on the next one. Then right click here and say merge layers. Step four is to clean up and fix the errors. Let's zoom into the problematic part and do some enhancement. I would like to use the healing spot brush, setting it on the content. Ever gently drag or click over the parts that needs to be fixed or healed. This is a smart tool that will recognize the irregularities and correct them according to the pattern of the rest of the image. By the way, this healing spot brush tool is my absolute favorite Photoshop tool. Okay, let's sum out now. I can also grab my eraser tool and delete the extra parts that I don't want it. After that, maybe click on the Crop tool and crop this extra white edges around to have everything nice and neat perfect. Now let's hit okay and go to step five. Step five is to remove the background. And to do that we want to go to Menu Select Load Selection. And set the channel on background gray in case you don't see this background gray in your channels. It means you missed a step of setting your image mode on gray scale. Okay, now let's hit, okay. Now what happens is that everything that is not black is selected. Now let's hit the delete button on the keyboard to remove the paper background. Every time you select something on Photoshop, you need to deselect it, otherwise your next action would be only applied on the selected part. All right, step six is to change the Image mode to Beatmap mode. To do that, we wanted to go to Menu Image mode. And change it from the gray scale to bit map. Now Photoshop will ask you if you want to flatten the layers, you're going to say yes. Then the bitmap setting windows would pop up here. We want to keep the output resolution on 600 PPI. I like to set the method on 50% threshold. This means anything that is more than 50% gray will be turned to black. You can of course, experiment with different methods to get different effects. Now let's hit okay. You would see that suddenly you have some white background here. Don't worry, this is not a white background, it just looks like this. Also, you notice that your layer is locked and you can't do anything else on it. Once you go to bitmap mode, you're locked away from making further changes. We changed the image mode to bitmap for two reasons. The first reason is to reduce the file size by almost half. The second reason is that this would enable us to recolor this texture later on an Adobe Illustrator. Okay, now step seven or the final step to save this bitmap texture as a Tiff file. Let's go to menu Save As, change the file type to Tiff and make sure you include the word bitmap in your name. You don't mix them up later with the scan file. If you're interested in learning more about professional art digitizing, check my Skillshare class digitized artwork with Adobe Photoshop from paper to screen. All right. Now I'm going to quickly go through the next texture to have a review together. Right click on the scan, say Open Photoshop. As soon as it opens, save it as a Photoshop file, unlock the layer. Set the image mode on gray scale. Add a level adjustment to redefine the black and white. And remember, do not touch the middle slider, the ton. Then clean up. Fix the errors or crop if needed. Finally, remove the background by going to select Load Selection and set the channel on background gray. Then hit, okay. Hit the Delete button on your keyboard to remove the background. Don't forget to deselect. Okay, perfect. Now we want to change the image mode from gray scale to bitmap mode. We say yes to flatten the layer. And hit okay. Finally we would save this bitmap file as a file, and don't forget to use the word bitmap on the name. We are done. We digitized our hand drawn texture. Now let's learn how to use them on vector graphics. I see you in the next video. 10. Apply Hand Drawn Textures : Let's learn how to use a bitmap Tiff texture on a vector drawing. Okay, let's open the Illustrator. There are two methods to use a bitmap Tiff as a texture. Texture overlay and regional layer mask. Very similar to how we use photo as a texture. Okay, let's try the texture overlay method. Step one is to go to file, choose the bitmap file, click place, and it embed. This is not a linked file anymore. Step two is to make sure this is on top of the artwork and fix the size if needed. Step three is going to layer panel, Select this bitmap texture file, and then going to transparency panel and changing the blending mode to multiply. Step four is changing the color, okay? Perfect. Now, we tried the original layer mask method. Let's say we want this to be on the banana path. Step one is going to file, choose the bitmap file, and click to place. And then hit Embed Break the Link. Step two is to reposition it for layer mask. Everything should be inside one layer group. Let's drag this bit map inside. And then fix the position and the size if needed. Step three is to change the color. First, play around, choose a color that you like. Let's go to step four, which is making the clipping mask. Now for making the clipping mask, we want to first duplicate this banana path. And then we want to drag one of them under the bit map and the other one on top of it, just like a sandwich path that is under the bitmap texture is going to be used as a background color. And the one that is on top of the texture is going to be used as a mask cutter. We select the top one, the mask path, and then we hold the shift key on the keyboard and select the bitmap texture. And then with both of them selected I write, click and say, make clipping mask perfect. That's how you use a bitmap texture on a vector drawing. I see you in the next video with some more texture lessons. 11. Raster Textures: In this video, we will learn how to make and use a raster texture on a vector graphic. Raster texture is a digital image that was made by a raster drawing software such as Procreate or Adobe Photoshop are two methods to make a raster texture method. One is to manipulate a photo and turn it into a texture using a photo editing software such as Adobe Photoshop. Method two is to feel a page with the texture of your favorite brush. Okay, let's try the first method and manipulate a photo into a texture. You can use any photo of a textured surface. I'm using this desert photo. You have this in your project resource folder. I'm going to write, Click on the photo and say open with Photoshop nine. Photoshop Step one is to click on the lock here to unlock the layer. Step two is going to Menu Image mode and change the image mode to gray scale. Step three is going to adjustment panel. And at a level adjustment first I want to move the highlighted slider, this white one, towards the, the gray one in the middle. This will brighten up the general look of the image. Okay, I will stop at, let's say 180. Then I want to move the shadow slider, this black one towards the middle, one towards the mon. This will boost up the general contrast. Okay, I will stop around 60. And last, I'm going to mess with the mine itself. There is no fixed setting for any of these. Depends on your photo. You should play around until you find the suit spot for that photo. Step four is to remove the white background. To do that, go to Many. Select Load Selection, and set the channel on background gray. And hit okay, all the white area are selected. Go ahead and hit the delete button on your keyboard, and don't forget to deselect it. The shortcut is control the PC and command on Mac. Okay, perfect. Now we have a transparent raster texture. Step five is to change the image mode from the gray scale to beat map. This would right away ask you if you want to flatten the layer, say yes. Then the map setting window will pop up. Set the output resolution on 300 PPI and set the method on 50% threshold, and then it. Okay. The final step is going to file, save, and save this bit map as a file. Don't forget to add the word bitmap in the name. We don't mix this up with the original photo. Okay, great. Now let's take this into Adobe Illustrator and use this on a vector graphic. Let's go to the raster texture layer. Step one is going to file Place, Choose the bitmap, Tif. Click it in, so you would place it and then hit Embed. This is not a linked image anymore. Step two is to fix the size and position if needed. I like to bring this maybe between the raspberry and background, this is only on top of the background. Step three is to change the color. This one is good. If you wish, you can go to the transparency panel and change the blending mode as well. Now let's learn the second method, the raser texture, made out of a procreate or Photoshop brush. I'm going to use procreate. You can do the same thing in Photoshop as you wish. Open the procreate app, Let's make a new file. I'm going with the sides, 1,000 pixel by 1,000 pixel on 300 PPI. Let's open it. The first step is to make sure your color is set on black. Second step is to get your favorite brush. I'm going to charcoal category and grabbing the carbon stick. Then bring up the size a little bit and start feeling your page with this brush. The third step is going to layers and turn off the white background. Very important to do that. The last step is to save this as a PNG with transparent background. Okay, great. Now let's take this into Adobe Illustrator and apply it on a vector graphic. I'm going to place the PNG and fix the size and position. Now since this is not a bitmap tif, we cannot change the color. All we can do is to change the blending mode or opacity. Obviously, this is limiting in most cases. We want to be able to change the color as well. In order to do that, we need to do an extra step before bringing this texture into Adobe Illustrator. After we saved it as a PNG right click on the PNG and say open with Adobe Photoshop. And then inside Photoshop, set the image mode first on gray scale, then back from the gray scale to bit map. We have to do this in this order because you can only go into the bitmap mode when you are already in the gray scale mode. Okay, let's save this bitmap as a file. And don't forget to add the word bitmap in the name. We don't mix up the images now, we can take this in Adobe Illustrator with the color changing ability. Place the bitmap Tif this time, embed the image, and then fix the size and position if needed. Now since this is a bitmap Tif now we can easily change the color. That is how you make a raster texture and ICU in the next video. 12. Pattern Textures: Let's learn how to use pattern as texture. In this video, we are not going to talk about surface pattern design or pattern as an artwork. Make sure to use some very simple motive with not much detail. I prepared this four simple motif here to speed up the process. Let's start with the cross here. The first step is always to select a motive and then going to many object and make. Then right away the pattern option window will pop up. Now we can change the settings here. The first thing that I want to do always is to choose a name. I'm going with checkered 45 for this one, I don't want to change the tile type. I will stay with the grid. The next thing I want to change the tile box size. When I'm happy with how the pattern looks, I'm going to hit Check it out. The pattern that we just made is added to our switch panel. Let's try it, select the shape, and click on the pattern on the Swatch panel, nice and neat. Now let's make the next one. This, I'm going to select a circle here, and then going to Object Pattern Make in the pattern option menu. First thing is to pick a name. As always, I'm going with polka dot this time, make sure the link is locked. And then let's open this up a little bit. Now for this one, I would like to change the tile type to hex by row. Now this looks good for me. Let's hit Done. And try it. Okay, Selecting the shape. Going to the Swatch panel. And click on the pattern that we just made. We have a poc dot. Okay, let's move on to the next pattern, selecting this star here. Going to object, pattern make. Then in the pattern option window, first thing is to pick a name. I'm going with the stars, making sure the link is locked. And open this up a little bit. This time I would like to change the tile type to hex by column. Now this looks good. Let's hit Done. And try it out. I select the shape, click on the pattern swatch, and we have a star pattern. Now let's make one more pattern. This time I am selecting this group of triangles. Here, going to object pattern make always the first thing is to pick a name. Let's call it confetti, or wherever I want the tile type to be greed. Let's zoom in a little bit. It feels like there are some empty gaps here. Let's select a little one here, moved a little bit. Perhaps we can also select this big one here and rotate it. And maybe some adjustment here would do us some good. Now that looks much better. Let's hit Done. And Tried out. Awesome. Now let's see how we can add these pattern textures that we made in our ice cream drawing here and make some adjustments as we go. Let's start with the cone. For this, I like to use the checkered pattern. That looks good. This is cute. Next I'm going to select the blue ice cream scoop and add the pol cut pattern to it. Okay? This is much bigger than I like to resize this pattern, right click on the shape and then go to Transform. And select the scale option in the setting window. The first and most important thing is to uncheck the transform object. Because we just want to change the size of the pattern, not the shape itself. Make sure you're on uniform. And let's lower the size until we are happy. Maybe I think 35% is my sweet spot here. Yes, nice. Okay, next I select a pink ice cream scope and I want to add the star pattern to this one. Okay, Again, this is too big. Let's write, click and say transform scale. Now check this out, since last time I set this on 35% this is already as a default option in my box. But I would say this is now too small. Let's bring it up a little bit. I'm going to stay on 50% This is nice. Now, the last scope is the green one Here. Let's select the shape first. For this, I would like to add the confetti pattern this time. The size looks fine, but I don't like the color, I don't like the direction. I don't mind to rotate the alittle bit. Let's first see how to change the color. To change the color of a pattern motive, we need to change the Swatch itself. Double click on the Swatch to open the pattern option window. Now here I'm going to select the motives and change the colors. I'm going with this dark green here at this point. If I say done, this will overwrite my original Swatch, but I'm going to say, save a copy. This will save this as a new Swatch and keep the previous one as well. Now I'm going to name this Compet Green. You see this is already added to my Swatch panel. Now let's get out of here and try this out Lock. Always select the shape and then select the pattern. This time I'm going to choose the compet green. Okay, great. The color is nice, but I would like to change the direction L it. Let's first right click, go to transform. This time I'm going to choose rotate again. We're going to make sure that the transform object is unchecked and only transform pattern is checked. Then we are going to change the angle until we are happy. Okay, perfect. Now we have a textured ice cream pattern. Textures are really dynamic and easy to work. But before getting excited and making a ton of pattern texture, make sure to check the Adobe Illustrate a library. First you can find some ready made vector texture swatches here on the Swatch panel. Click on this library icon here, and then go to Pattern, Basic graphics and basic graphic texture. It will open up a separate texture swatch panel. Now select the path and choose the texture from this library, and check them out. There are a bunch of really basic and nice one here to start with. Any texture that you choose from this library will show up on your Swatch panel as well, which means by double clicking on that, you can change the color and adjust it as you wish. Feel free to use them, Try them out, and even edit them. You will be able to change the size, color, everything. All that was how to use pattern as texture and see in the next video. 13. Outro: Final Thoughts: Thank you so much for joining this course and finishing it all the way to the end. I will be more than happy to answer any questions that you have about this class. Just head to the discussion tab here. Start the conversation and post your questions. Now to celebrate your new skill, I'm going to give away one year of skill share membership to one of you. Everyone is eligible to participate. To enter the giveaway, all you need to do is to share your class project here on a skillshare, or post your class project on Instagram and tag me at Sahar Hoy Messer. You can do both to double the chance of winning. It would be lovely if you could give me feedback on a skillshare so other students can find my class easier. I would truly appreciate if you take the time and do that before you go. If you like this class and you're interested in learning more graphic design related skills, you can check my other skillshare classes or perhaps follow me here on a Skillshare to get notifications as soon as I launch my next outside the Skillshare, I have a blog and a Youtube channel where I share design tools, gears, tips and tricks, and of course, tutorials. I hope you had fun watching this class and you could sharpen your skills or learn some new ones. Thank you so much for joining this class, and I assume in the next one a faze.