How to Design a Tshirt Tutorial - Adobe Illustrator

DesignCourse · Beginner ·🛠️ AI Tools & Apps ·13y ago

Key Takeaways

This video tutorial demonstrates how to design a t-shirt graphic using Adobe Illustrator, covering the basics of creating a vector graphic, including setting up a new document, using the pen tool, and adding colors and shadows.

Full Transcript

[Music] hello this is Gary Simon of Gary simon. net and designcourse decom and today we are going to Design This Heart graphic and first if you're watching this on YouTube and not on the actual tutorial page on my website make sure you check out the link in the description below so you can view the full tutorial because this video right here is only the second part in a four-part series on t-shirt design okay so I'm going to click out of this and we're going to go to file new and set the width at 700 the height by 500 points and hit okay going to hit control one just so I'm at 100% here and to start off we're going to go to view show grid and then View snap to grid now I'm going to take the magnifying glass here and zoom up a couple times and I'm going to take the pen tool and I'm just going to select right here on the center point and then I'm going to go up about three grid points and you may not be able to see this uh depending on the video here and I'm going to drag out around three three points and then somewhere around right here I'm going to drag out a few more and then right around here add another point now we want to mirror this uh so we have to be sure that we are on the same points here on the grid actually one second and then what we want to do is end up right around here and then we will take the direct selection tool and adjust this up one now if we select this we want to change stroke up here I'm going to try six all right so that looks pretty good to me to start off with actually I may want to change it to eight because we want these to be nice and thick I'm going to scale this up holding shift and the ALT key and because I've done that we need to make it even thicker all right that's good good all right so now I'm going to turn off and hide the grid and turn off snap the grid so now what we want to go to do is go to object path outline stroke all right so there's one area real quick I want to clean up so I'm going to zoom up here and just drop that a little bit you may may or may not have to do this okay all right so right here if we click down here I and extend this in our layers we have a group right here and this background right here we want to change to a red okay so now I'm going to zoom up and first we're going to select the black outline here and we're going to change it to a dark uh Brown oops sorry take the direct selection tool and then change it to dark brown now we're going to take the pen tool and we want to take this Thorn probably right around here and end it right around there now if you've never used the pen tool sometimes it it does take a little time to get used to uh and you can do a search on how to effectively use the the pen tool and there's tons of tutorials out there but it is one of the tools that I use most okay so we can adjust it a little bit more if we want all right so now we want what we want to do is add some of the uh Thorns coming out up around this area here so I'm going to zoom up more and you can add these however you want and wherever you want I'm going to make them a little bit jagged and maybe just one more right here all right so now I want to add some highlights to this so I'm going to select just a lighter brown and then take the pen tool well first I want to zoom up just a little bit more and take the pen tool and try to follow the actual Contour of this Thorn now when I do that I'm holding I'm holding the ALT key and then just clicking once because otherwise if we leave that there and we try to go up here you see what it does and then we're just going to end it right around here now I'm going to take the opacity and just turn it off all the way to zero and then come around here and turn it back on and we want to come straight down here now we can adjust it a little bit more uh and make it kind of flow better with the direct selection tool and we can just move these around a little bit okay so we can add a few more I'm going to add one starting right here on the inner side of the thorn now I'm just hitting control Z when I I want to undo something oops click back on there now I'm going to hold alt here on this one and just drag out a little bit because I don't want it to go quite as far as it was okay let's h control one zoom out and I want to add a highlight over here we'll start right around here and end right around here so we're assuming the light source is coming out from from the upper left and this just gives the design some feeling of depth now if you see here how it kind of goes over the other line you take the direct selection tool and just drag this in a little bit all right control one okay so so now the next step is creating kind of a shadow as if this part of the thorn is coming up over on top of the red heart area right there so let's zoom up and we're going to take the uh let's see a dark brown right here and we're going to start right there at the very tip and we're going to drag out right around here following this area and then end up right around there all right then we're going to come up and then end it right here so now we want to drag this layer down further here to right there right in between that initial group that was created and I'm going to hit control h to get rid of the the line View and we're going to change the opacity down here to something oops to something pretty light like that actually I I don't want to use the opacity I just realized so what I'm going to do is change this to 100% And then we're going to experiment with actually getting a solid color without having to adjust the opacity here so let's see here take here and just use a a darker red color going to double click on that and maybe just make it a little bit darker okay that's better all right so let's add two more for the shadows of these specific Thorns right around here and that looks pretty good so we have a couple more to do I want to do one on this inner Edge right there and we'll start right around here and we can just quickly go over here connect them bring this layer down right around there hit control one and and then one more finally underneath this Thorn and we'll just go to right around here and drag that down to right around here actually up put down further here okay control one all right so now the only other step left is to add the blood and I'm going to use this same color zoom up we'll take our pen tool I'll hit controll H so we can view the actual path and we can adjust this a little bit more and then for the puddle of blood at the bottom we'll just create some type of random spatter shape here and then we'll take and hold the ALT key with the move tool and we hit shift to scale up a little bit more hit control one and there we go that is our thorn in the heart idea for the T-shirt and that's all that's involved in creating this Vector graphic here in Adobe Illustrator so go ahead back to the tutorial if you're not on my site and you can continue on with the third and fourth step okay so if any of you have actually followed along go ahead and feel free to share your attempt at making this and also if you decide to go forth and follow the full tutorial and try to attempt to sell your t-shirts and make money out of a t-shirt business uh share that as well all right thanks a [Music] lot

Original Description

http://goo.gl/BBse40 - Design + Code a Professional Android App from Scratch * ** 1-ON-1 DESIGN TRAINING And More! Click below: ** http://goo.gl/S9kVPX Full tshirt design guide: http://www.garysimon.net/how-to-design-a-tshirt - http://www.designcourse.com - - - - - - - - - - - - - - - - - - - - - - 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!
Sign in to unlock AI tutor explanation · ⚡30

Playlist

Uploads from DesignCourse · DesignCourse · 9 of 60

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
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

This video tutorial teaches you how to design a t-shirt graphic using Adobe Illustrator, covering the basics of creating a vector graphic and adding colors and shadows. You will learn how to use the pen tool, set up a new document, and add design elements to create a professional-looking graphic.

Key Takeaways
  1. Set up a new document in Adobe Illustrator
  2. Use the pen tool to create a vector graphic
  3. Add colors and shadows to the design
  4. Use the direct selection tool to adjust design elements
  5. Experiment with different design elements and colors
💡 Using Adobe Illustrator and the pen tool, you can create a professional-looking vector graphic for a t-shirt design, and experimenting with different design elements and colors can help you achieve a unique and eye-catching design.

Related Reads

📰
Apple’s $5,499 Mac Studio Is Here: Meet Its Most Powerful Mac
Apple's new M5 Ultra Mac Studio offers enhanced AI, memory, and GPU power for $5,499, targeting professionals who require high-performance computing
TechRepublic
📰
What If Your “New Applicant” Isn’t Actually New?
Learn to identify and handle duplicate job applicants using AI-powered tools and strategies to optimize your hiring process
Medium · AI
📰
I Tested deepseek-harness — Here's What You Need to Know
Learn about deepseek-harness, an open-source project with industry-leading performance and privacy-focused features, and how to get started with it
Dev.to AI
📰
The Best AI Checker Tools of 2026, Tested on the Same 16 Samples
Discover the top AI checker tools of 2026, tested for accuracy and reliability to help you make informed decisions
Medium · AI
Up next
How to Get Your Brand Cited by ChatGPT, Claude and Gemini
Arvow
Watch →