Quick Tip - Playing with Illustrator Pattern Fills

DesignCourse · Advanced ·📰 AI News & Updates ·11y ago
Skills: UI Design90%

Key Takeaways

Demonstrates how to use pattern fills in Adobe Illustrator to add texture and interest to designs

Full Transcript

hello Gary Simon here of designc course.com today we're going to be taking a look at pattern fills as a way to uh just add a little bit extra to our illustrations in shapes and designs in general and so uh specifically the ones we're going to be looking at are going to be good for adding uh sort of illustrative line based and dot-based patterns uh in terms of adding Sha Shadows or highlights so uh just go to file new I for my resolution I for this video 859 by 600 points works well at 100% And then for advanced you want to make sure everything is at uh RGB and raster effect screen 72 and you can align new objects to pixel grid hit okay so if I hit control one we'll get to 100% And so the first example I'll give you I I'm going to go ahead and just use the type tool left click and we're just going to type design so I'm going to move to the move tool or selection tool hold shift left click and just scale that up and I'm going to use a font just called new cycle it's free you can find it uh actually that's not the one I wanted there we go Oswald is the one I wanted so you could find that if you just Google it uh no big deal and so just looking at this I let's say for example we wanted to add some sort of Shadow to this you know there's several different ways you could do that you could uh just take contrl C crlf to duplicate it and then select the bottom one down here and then just use your keyboard down and write arrow keys a few times and make it maybe a lighter color like that very simple not much to it uh another way you could do it uh while keeping the same black color here I what we could do is go to over here me find it under this section on this drop down menu open Swatch library now mine is kind of showing off up on the right hand side uh so what where I'm going to basically is patterns and then it comes out basic graphics and then basic dots and basic graph lines so uh the one I want to choose is lines Graphics lines right there and we can see we have all these different uh swatches these presets here uh so if I just click on one of these we'll see see what it does it just fills in that text path or text field with uh these lines so these are thicker and then these are real thin now in and of itself maybe something right around here would maybe work well uh but they actually work well when you combine multiple so let's say we select this one maybe move it up a little bit closer and H contrl C crlf to duplicate it select the bottom one use your down in right arrow keys just a couple times maybe right around there and then use a thinner one and then now you may want to use your down arrow key and right arrow key to get it to uh because they are transparent over each other so if you if you have them aligned incorrectly it'll look kind of cluttered but right there looks pretty good and just kind of an interesting cool effect uh that you could apply to not just type layers like this so let's say for example uh we have a a shape here we'll use the ellipse tool and I'm going to hold shift and ALT and left click and drag out to create a perfect circle and we'll get rid of the fill this time so we can come over here and swatches click that red slash switch to our stroke and we'll give it a black stroke turn up the stroke size and then change our variable width profile which by default is uniform uh to maybe something like uh let's see maybe this one right here so it's just kind of different and how the stroke is applied so then what we go we'll do we object path and we'll outline the stroke all right so it's no longer a path it's or a stroke rather it's a full path and we contrl C and control F and we could do the same thing take this one right there oops I think I'm selecting the text so let me convert that to an outline take the bottom one contr H and and yeah right there contrl c contrl f and move the bottom one let me real quick running into the same problem actually I'll just uh probably use this becoming oh it's because it's applying a stroke there we go there we go that looks a little bit better and we can see it just gives you a nice sort of taper effect over here over here it doesn't look so good uh so once you have these paths filled in you know you can use let's say for example we only wanted to have this show up on the inside and not the outside we could just take the pen tool I'm going to hit contrl H so we can see the paths and no points I come up right around here come up around take the move tool select that along with our two pattern paths holding shift left clicking we'll move it over select the top path object path and divide objects below and then take the direct selection tool and just select somewhere in the middle and hit delete twice then we can move this over and now we can make this so that it only shows up here on the inside but yeah that's the general basic idea of this uh it's just a very quick way of manipulating paths and adding interesting sort of Graphics so another one you could do if we come down here we go to patterns again we could do dots even so they have a lot of cool dots they kind of look like half tones um so when you apply these let me apply maybe a thick one here and then a a less thick one here contrl c contrl f move it down contrl c contrl f move this down that way we could sort of just taper it off but yeah anyhow you can just really experiment with it and you can make it really interesting just by duplicating the layers and then just adding different variations of these so yeah go ahead and explore all of these uh you know they have the patterns but they have so much others here um hopefully my kid that didn't the microphone didn't pick that up she's screaming anyhow uh but yeah just go ahead and experiment with that and hopefully you learn something new that can really drastically uh alter the appearance and the quality of your designs all right so sorry I haven't been updating lately with a lot of content I've been focused on kind of restructuring how I do designc course.com and actually the whole the whole show and such so I look out for more updates in the future and make sure you subscribe here on YouTube and check out designc course.com all right see you later goodbye [Music]

Original Description

http://goo.gl/BBse40 - Design + Code a Professional Android App from Scratch **Join DesignCourse Premium for 1-on-1 Design Training with Me:** http://goo.gl/yxseJt Here's a quick video that will show you how to use some preset line and dot pattern fills to add some extra umph to your graphic designs and illustrations! Follow us: Facebook: http://www.facebook.com/designcourses Twitter: http://twitter.com/designcoursecom Google+: http://plus.google.com/+DesignCourse Dribbble: http://dribbble.com/designcourse - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS weekly! My site: https://designcourse.com My personal FB account: http://fb.com/logodesigner Coursetro FB: http://fb.com/coursetro Coursetro's Twitter: http://twitter.com/designcoursecom Join my Discord! https://discord.gg/a27CKAF ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Coursetro.com. Come to my discord server or add me on social media and say Hi!
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Playlist

Uploads from DesignCourse · DesignCourse · 0 of 60

← Previous Next →
1 Photoshop Pen Tool Tutorial (Tattoo Design)
Photoshop Pen Tool Tutorial (Tattoo Design)
DesignCourse
2 How to Design the Microsoft Logo in Photoshop
How to Design the Microsoft Logo in Photoshop
DesignCourse
3 Photoshop Gradients Video Tutorial
Photoshop Gradients Video Tutorial
DesignCourse
4 Your Guide to Layer Styles
Your Guide to Layer Styles
DesignCourse
5 Layer Masks in Photoshop
Layer Masks in Photoshop
DesignCourse
6 iOS App Icon Design Tutorial in Illustrator CS6
iOS App Icon Design Tutorial in Illustrator CS6
DesignCourse
7 Illustrator CS6 Logo Design Tutorial - Archfold
Illustrator CS6 Logo Design Tutorial - Archfold
DesignCourse
8 Photoshop CS6 3D Tutorial - Magic Tent Illustration
Photoshop CS6 3D Tutorial - Magic Tent Illustration
DesignCourse
9 How to Design a Tshirt Tutorial - Adobe Illustrator
How to Design a Tshirt Tutorial - Adobe Illustrator
DesignCourse
10 Types of Logos - Lettermark & Monogram Logo Type
Types of Logos - Lettermark & Monogram Logo Type
DesignCourse
11 Banner Design in Photoshop CS6
Banner Design in Photoshop CS6
DesignCourse
12 How to Design a Logo in Illustrator CC
How to Design a Logo in Illustrator CC
DesignCourse
13 Designing a Logo in Photoshop CC
Designing a Logo in Photoshop CC
DesignCourse
14 1. Launch & Market a Web Based Business - Introduction
1. Launch & Market a Web Based Business - Introduction
DesignCourse
15 2. Launch & Market a Web Based Business - Logo Design
2. Launch & Market a Web Based Business - Logo Design
DesignCourse
16 3. Home Page Mockup in PS : Part 1
3. Home Page Mockup in PS : Part 1
DesignCourse
17 4. Home Page Mockup in PS : Part 2
4. Home Page Mockup in PS : Part 2
DesignCourse
18 5. Home Page Mockup in PS : Part 3
5. Home Page Mockup in PS : Part 3
DesignCourse
19 6. Home Page Mockup in PS : Part 4
6. Home Page Mockup in PS : Part 4
DesignCourse
20 7. Home Page HTML & CSS - Part 1
7. Home Page HTML & CSS - Part 1
DesignCourse
21 8. Home Page HTML & CSS - Part 2
8. Home Page HTML & CSS - Part 2
DesignCourse
22 Using Photoshop to Showcase Mobile Projects
Using Photoshop to Showcase Mobile Projects
DesignCourse
23 Flat Icon Design Tutorial in Illustrator CC
Flat Icon Design Tutorial in Illustrator CC
DesignCourse
24 Illustrator CC Logo Design Tutorial - A Logo That "Pops"!
Illustrator CC Logo Design Tutorial - A Logo That "Pops"!
DesignCourse
25 Logo Design Follow Along 1: Emblem Logo Design
Logo Design Follow Along 1: Emblem Logo Design
DesignCourse
26 Showcasing Logos in 3D with Blender
Showcasing Logos in 3D with Blender
DesignCourse
27 How to Design an Effective Lettermark Logo
How to Design an Effective Lettermark Logo
DesignCourse
28 Squeeze Page Design Tutorial in Photoshop (Part 1)
Squeeze Page Design Tutorial in Photoshop (Part 1)
DesignCourse
29 Squeeze Page Design Tutorial in Photoshop (Part 2)
Squeeze Page Design Tutorial in Photoshop (Part 2)
DesignCourse
30 Mobile GUI Element Design in Adobe Photoshop CC (Part 1)
Mobile GUI Element Design in Adobe Photoshop CC (Part 1)
DesignCourse
31 Mobile GUI Element Design in Adobe Photoshop CC (Part 2)
Mobile GUI Element Design in Adobe Photoshop CC (Part 2)
DesignCourse
32 Flat Mobile App Design in Photoshop CC - Weather App
Flat Mobile App Design in Photoshop CC - Weather App
DesignCourse
33 Create Reflective 3D Text in Blender (Beginner)
Create Reflective 3D Text in Blender (Beginner)
DesignCourse
34 Animating a Logo with Adobe After Effects CC (Beginner)
Animating a Logo with Adobe After Effects CC (Beginner)
DesignCourse
35 Design a Game Website Mockup in Photoshop CC (Part 1)
Design a Game Website Mockup in Photoshop CC (Part 1)
DesignCourse
36 Design a Game Website Mockup in Photoshop CC (Part 2)
Design a Game Website Mockup in Photoshop CC (Part 2)
DesignCourse
37 Photo Manipulation Tutorial in Photoshop CC (Beginner)
Photo Manipulation Tutorial in Photoshop CC (Beginner)
DesignCourse
38 Advertising Illustration Tutorial in Photoshop CC
Advertising Illustration Tutorial in Photoshop CC
DesignCourse
39 Perspective Warp Tool Tutorial in Photoshop CC
Perspective Warp Tool Tutorial in Photoshop CC
DesignCourse
40 Free Giveaway Contest.  (WiseBanner Banner Maker).
Free Giveaway Contest. (WiseBanner Banner Maker).
DesignCourse
41 Design an Animated Loading/Download Icon (GIF)
Design an Animated Loading/Download Icon (GIF)
DesignCourse
42 Contest Winners (WiseBanner)
Contest Winners (WiseBanner)
DesignCourse
43 Model & Animate a 3D Push Button in Blender (Beginner)
Model & Animate a 3D Push Button in Blender (Beginner)
DesignCourse
44 Mega Tutorial - iPhone Breathalyzer - Project Introduction
Mega Tutorial - iPhone Breathalyzer - Project Introduction
DesignCourse
45 Part 1 - iPhone Breathalyzer - Blender
Part 1 - iPhone Breathalyzer - Blender
DesignCourse
46 Part 2 - iPhone Breathalyzer - Rendering & GUI Design
Part 2 - iPhone Breathalyzer - Rendering & GUI Design
DesignCourse
47 Part 3 - iPhone Breathalyzer - UI Animation in After Effects
Part 3 - iPhone Breathalyzer - UI Animation in After Effects
DesignCourse
48 Part 4 - iPhone Breathalyzer - Website Design in Photoshop CC
Part 4 - iPhone Breathalyzer - Website Design in Photoshop CC
DesignCourse
49 Part 5 - iPhone Breathalyzer - HTML Part 1
Part 5 - iPhone Breathalyzer - HTML Part 1
DesignCourse
50 Part 6 - iPhone Breathalyzer - HTML/CSS Part 2
Part 6 - iPhone Breathalyzer - HTML/CSS Part 2
DesignCourse
51 Part 7 - iPhone Breathalyzer - HTML/CSS Part 3
Part 7 - iPhone Breathalyzer - HTML/CSS Part 3
DesignCourse
52 Part 7 - iPhone Breathalyzer - Finishing Touches
Part 7 - iPhone Breathalyzer - Finishing Touches
DesignCourse
53 Square Space Logo Maker - C'mon People.
Square Space Logo Maker - C'mon People.
DesignCourse
54 Design a Bloody Knife in Photoshop CC
Design a Bloody Knife in Photoshop CC
DesignCourse
55 Typographic Poster Design Tutorial in Illustrator (Part 1)
Typographic Poster Design Tutorial in Illustrator (Part 1)
DesignCourse
56 Typographic Poster Design Tutorial in Illustrator (Part 2)
Typographic Poster Design Tutorial in Illustrator (Part 2)
DesignCourse
57 Modern Business Card Design in Illustrator CC (Part 1)
Modern Business Card Design in Illustrator CC (Part 1)
DesignCourse
58 Modern Business Card Design in Illustrator CC (Part 2)
Modern Business Card Design in Illustrator CC (Part 2)
DesignCourse
59 Parallax Tutorial using Parallax.JS
Parallax Tutorial using Parallax.JS
DesignCourse
60 Interview: Andrew Price of BlenderGuru.com
Interview: Andrew Price of BlenderGuru.com
DesignCourse

Related Reads

📰
Google Is Winning the AI Race and Losing Its Business Model at the Same Time
Google is leading in AI development but its business model is under threat due to changes in search behavior and advertising revenue, learn how AI is disrupting traditional business models
Medium · AI
📰
China Just Overtook America on the Only Metric That Predicts Who Builds the Future
China surpasses the US in a key metric that forecasts future technological advancements, highlighting a shift in global innovation leadership
Medium · AI
📰
AI Will Not Save You from Thinking: Why Polymathy Is Becoming the Real Career Advantage
Learn why polymathy is crucial in an AI-driven career and how to develop it to stay ahead
Medium · AI
📰
The Apple Intelligence Compromise: Why China is Forcing Apple to Use Local AI Models
Apple must use local AI models in China, highlighting geopolitical tensions in tech
Medium · AI
Up next
How to Connect Claude to Any App: MCPs & Connectors Full Guide (2026)
Maksims Sics
Watch →