Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Creating a crosshatch effect with Scribble

From: Illustrator Insider Training: Rethinking the Essentials

Video: Creating a crosshatch effect with Scribble

We already know how powerful it can be to add multiple effects to a single object inside of Illustrator. However, it can even be helpful to add multiple versions of the same effect to a single object inside of Illustrator to achieve some interesting results. For example, check this one out. I wan to add some kind of a nice texture to this text. So I am going to start off by first selecting the text itself, but I will tell you that I really want to have any appearance to the actual characters because I am going to be adding separate fills. So what I am going to do in this case here is I am actually going to set the fill for the characters themselves to be none.

Creating a crosshatch effect with Scribble

We already know how powerful it can be to add multiple effects to a single object inside of Illustrator. However, it can even be helpful to add multiple versions of the same effect to a single object inside of Illustrator to achieve some interesting results. For example, check this one out. I wan to add some kind of a nice texture to this text. So I am going to start off by first selecting the text itself, but I will tell you that I really want to have any appearance to the actual characters because I am going to be adding separate fills. So what I am going to do in this case here is I am actually going to set the fill for the characters themselves to be none.

Now, we can't see anything yet, but let's first go to the Appearance panel here and add a new fill. Now by default, Illustrator gives this is a black fill, but I am going to change it to this purple color right here. Next, I want to use an effect here called Scribble, but before I apply it to this object, I want to apply it to a regular plain object so that in your brain you have a really good understanding of exactly what this effect does. I am going to take just a regular rectangle here and kind of draw this out, and right now it has a fill, but it has no stroke at all. With the object selected, I am going to go to the Effect menu.

I will choose Stylize, and then I will choose Scribble. Now, if I click on the Preview button, we will see what this looks like. It kind of makes it look like I kind of sketched this with like a magic marker, right? However, what's really happening is that Illustrator is taking my fill and is converting it into a one long zigzagging stroke. Now, there are a whole bunch of settings here that are found inside of the Scribble Options dialog box, but perhaps one of the most powerful aspects of this effect are these sliders here called Variation. When you set values in these Variation settings, Illustrator actually creates truly random results, meaning that you will never really get the exact same effect twice.

We will actually apply that to a single object inside of Illustrator to see how it might generate some cool, interesting results. However, before we do that, let me walk you through this dialog box. Now, first we have a setting here called Angle. That's the angle at which Illustrator is kind of draws the zigzagging lines. Now, there's a setting here called Path Overlap, which is currently set to 0 pixels. That means that we have the path of the shape itself, which is the rectangle, and since it's set to 0 pixels, the actual lines itself will not overlap that path. But obviously we see over here that it does overlap the path, and that's because it's currently set now to have a Variation of 5 pixels.

That gives the Scribble command the ability to go up to 5 pixels beyond the stroke, or even inside of it. Now, when it comes to the line itself, the stroke that Illustrator is using, we can determine what the appearance of that stroke is. Right now, it's set to a stroke of 3 pixels, but I can make that thicker, or I can make it much thinner. Notice you have a very thin line. I am actually going to leave it set to about maybe 1.5 pixels for now. And the Curviness controls what the appearance of the edges over here will look like. For example, if I set my Curviness down to 0, with a Variation of 0, I get this perfect zigzag result.

As the line here comes to the top, it goes straight back down again. However, if I use a Curviness setting, then Illustrator kind of loops the stroke as it gets to the top. Finally, there's the Spacing, meaning how much space is there between each zig and each zag as a stroke is drawn? I am actually going to make the spacing pretty loose here, so that you can get a really good idea about what's happening here. Notice that Illustrator took my fill and turned into one long stroke that kind of goes across the entire object. Now that you have a better idea of exactly what Scribble does, let's cancel out of this and delete this object, and start applying the Scribble effect to this text.

I use my Regular Selection tool to select the text, and with this fill targeted right here, I am going to choose to add the Scribble effect. I will scroll down over here to where it says Stylize, and I will choose Scribble. Now, let me move the dialog here to the side a little bit. I really want to get an interesting crosshatch type of an effect. So I am going to leave the Angle set to 30m and I'll leave the Path Overlap set to 0, but I will make the Variation a little bit larger, maybe around 8 pixels. Next, I want the stroke width to be really thin, so I will change it to like a half of the pixel.

I don't want the lines to have any Curviness whatsoever, so I will set it to 0 here. I'll hit the Tab key and make sure my Variation is also set to 0. Finally, I want my spacing to be really tight, so I am going to choose a value of say 1 pixel. That looks pretty nice. And I'll leave it set to a Variation of a half a pixel. So now I will click OK to apply this, and I start to have a really nice, interesting effect. Notice, by the way, that when I move my mouse over it, it kind of lights up and highlights the text itself. This is Illustrator's Smart Guides, or specifically the object highlighting part of Smart Guides, that helps me see the text, because if you remember, we actually set the fill of the text itself to none.

So let's take a look at the fill itself that we just applied. If I click on the twirl-down here, I see that I have a scribble applied to that fill. Let's completely duplicate this fill. I am going to come down to the Appearance panel, click on the Duplicate button, and now I have two fills and each fill has their own scribble applied to it. Now, I am going to modify just one of the scribbles. It doesn't really make a difference which one because they're both identical. But I'll just choose the one on top for example, and I will just click on Scribble to bring up the Scribble Options dialog box for that specific fill. All I am going to do now is just change the Angle to be just a little bit different, and I am going to click OK.

So now if you take a look at what we've done--I am going to zoom it just a little bit here--you can now see that I had this interesting kind of crosshatch effect, because I have taken Scribble, it's the same effect, but I have basically rotated them so they appear in different directions. So here is a great example of why it's valuable, not only for me to use multiple effects, but actually use the same effect on the same object to explore new and interesting creative options.

Show transcript

This video is part of

Image for Illustrator Insider Training: Rethinking the Essentials
 
Expand all | Collapse all
  1. 8m 22s
    1. Welcome
      1m 15s
    2. Exploring the Illustrator Timeline
      5m 12s
    3. Getting the most out of this training
      1m 30s
    4. Using the exercise files
      25s
  2. 16m 27s
    1. Starting off on the right foot
      27s
    2. Knowing the difference between structure and presentation
      4m 38s
    3. Understanding paths and attributes
      4m 56s
    4. Distributing stroke weight along a path
      2m 25s
    5. Bottoms up: Object hierarchy and stacking order
      4m 1s
  3. 51m 9s
    1. The all-important Appearance panel
      37s
    2. Understanding attribute stacking order
      6m 45s
    3. Targeting individual object attributes
      7m 32s
    4. Adding multiple attributes to a single object
      9m 31s
    5. Modifying appearances with Live Effects
      7m 11s
    6. Using multiple strokes to create a border design
      4m 36s
    7. Using multiple strokes to create a map
      5m 52s
    8. Using multiple fills to mix spot colors
      4m 59s
    9. Using multiple fills to create textures
      4m 6s
  4. 46m 2s
    1. Learning to live with appearances
      30s
    2. Basic appearance vs. complex appearance
      4m 27s
    3. Clearing or expanding an appearance
      10m 52s
    4. Controlling the appearance of newly drawn art
      5m 11s
    5. Saving appearances with graphic styles
      6m 54s
    6. Changing artwork by modifying a graphic style
      7m 39s
    7. Uncovering a treasure trove of graphic styles
      5m 1s
    8. Copying appearances with the Eyedropper tool
      5m 28s
  5. 33m 28s
    1. Why do we create groups?
      1m 48s
    2. Applying an effect to a group
      4m 38s
    3. Understanding the difference between targeting and selecting
      4m 44s
    4. Knowing the dangers of ungrouping artwork
      2m 21s
    5. Using Isolation mode to preserve group structure
      6m 59s
    6. Adding a stroke to a group
      6m 13s
    7. Adding a 3D effect to a group
      3m 36s
    8. Extending the concept of groups to type objects
      3m 9s
  6. 46m 34s
    1. Are you a layers person?
      33s
    2. Learning to use the Layers and Objects panel
      9m 27s
    3. Making selections and editing stacking order
      6m 38s
    4. Reading and using the target circles
      8m 43s
    5. Copying artwork and appearances
      5m 37s
    6. Adding effects to layers
      9m 56s
    7. Getting the most out of the Layers panel
      5m 40s
  7. 47m 19s
    1. It's more than just a drop shadow?
      48s
    2. Adding basic texture with Mezzotint
      7m 50s
    3. Generating custom textures with Texturizer
      12m 22s
    4. Adding a stroke to an image with Outline Object
      5m 54s
    5. Aligning text precisely with Outline Object
      6m 31s
    6. Adding callout numbers with Convert to Shape
      4m 36s
    7. Enhancing performance with Rasterize
      2m 30s
    8. Avoiding pitfalls when using effects
      6m 48s
  8. 31m 59s
    1. Asking yourself the "what if?" question
      33s
    2. Outlining artwork with Offset Path and Pathfinder Add
      5m 36s
    3. Adding captions with Convert to Shape and Transform
      7m 1s
    4. Creating a crosshatch effect with Scribble
      5m 44s
    5. Creating buttons with Round Corners and Transform
      13m 5s
  9. 25m 21s
    1. Working with other people's files
      36s
    2. Setting up a workspace that makes sense
      9m 43s
    3. Learning to "read" an Illustrator file
      5m 48s
    4. Controlling pixel resolution
      9m 14s
  10. 1m 2s
    1. Next steps
      1m 2s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Illustrator Insider Training: Rethinking the Essentials.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.