Negative Space Logo Design Tutorial in Illustrator CC

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

Key Takeaways

Designs a negative space logo using Illustrator CC

Full Transcript

[Music] hello Gary Simon of designc course.com today we're going to look at negative space logo design and how you can kind of practice to create your own so negative space of course is the area around a shape or design that has no fill to it but you can create interesting ideas in images and illustrations out of this and it's particularly effective when conveying ideas and especially through logo design so I came up with a way to quickly basically gain practice and experience by designing uh a negative space logo so I'm going to use a site called random letter generator.com and I'm going to pick two different random letters and then immediately after the letters picked I'm going to come up with the first noun that I think of that begins with that letter and then I'll take that letter into Adobe Illustrator and try to use that letter to convey through negative space the noun that I chose randomly all right so I encourage you to follow along and maybe do your own um there's no project files for this so you don't have to worry about that I'll be using Adobe Illustrator to do this and as always check out designc course.com if you haven't yet subscribe here on YouTube let's get started all right so Random letter generator.com here I am and to create our first letter I can just uh click this and then I'll come up with the first noun that comes to mind using that letter a uh Apple oh God this is going to be stupid all right so let's go to file new 860 by 600 control one to get us to 100% I'm going to do a capital and lowercase a shift all right so I kind of have immediate idea that could possibly work I think so the goal here again is to use the negative space to come up with both in apple while still maintaining the shape of an A so I think right away I'm going to get rid of this Capital right here that's my wife out there being loud and so I'm just going to duplicate that control C and control F and you can experiment with different fonts to give you different shapes and possibly different ideas all right so let's see here these are some ridiculous fonts why don't have these all right if I use this and just block this out real quick all right and zoom up and try to quickly create an apple here that they usually have this little butt looking thing here hold on let me see keep on going we can fix this up this is obviously a rough draft all right create a stem maybe well I mean I think that's the best I can come up with I'm right on the spot I mean we could take the the negative space from the circle here and just make it into an Apple so that's one way that you could possibly [Music] approach let's try this again though let's try this process another time all right so I'm G to move this down just a tad bit all right so not too bad for you know just being on a spot I'm going to try this again G Garden I'm making this hard on myself let's see here so all right G and G all right so I'm going to keep this font here here contrl C and contrl F and maybe just use try to come up with something else that might work that's already kind of a cool idea I think I'll just leave this here for now and keep going up so you know when you think of a garden you think of plants obious obviously what are doing with this food concept here oh well um garden garden using the negative space's see here I'm just going through these hoping to spark an idea I think I'm just going to end right there let's see let's take this so the idea of a garden let's let's see here to help you come up with ideas you can go to images. gooogle and just type in Garden okay so nothing really helped me there um let's see see it's worth trying to look outside of the letters and what type of shapes are created from that so we have like this little look like a mountain type thing here and so the challenge is of course coming up with something that is relevant using the letter form you know what I came up with another idea with this actually let me think here maybe if I pen tool yeah let's see come up over here come on think think put myself on a spot look ridiculous here no I think that's good right there connect that and of course this is just a rough draft so not not everything's going to be exactly perfect now what I want to do is take a white come on over here now is this necessarily using the negative space I'm not sure yet I mean the the leaf right here in and of itself may not be I'm going to keep on doing this working with this though actually what I can do is take this copy that that move this down get rid of these points real quick okay that way we can see the full Leaf a little bit better and let's see what else can I do you know what can be construed here in the middle h okay so right here I don't know why it reminds me uh possibly of like a a seed this Leaf possibly coming out of it so I'm going to go here and type [Music] in um plant growing or something yeah this is kind of what I was looking at or thinking of around well that's tiny that's a basic idea though let me see if I can possibly illustrate that into this Leaf idea um okay so this is going to have to change a little bit so what I'm going to do is come through here all right and then come through there come back like this I think and come back up here of course this is just a rough draft so you definitely want to play around with making this these lines smooth and then take this over here now I need to look at the ref image a little bit more just to kind of see what these things look like when they're coming out the plant LEF kind of just comes out of the side of this yeah so I think I could still illustrate that idea just kind of going into this blindly uh all right so I'm going to take first let me take this add a Anchor Point right here all right and oops okay and then take the black here and let's kind of just continue on this line or this stem maybe right around there and for now yeah let's go out like that up and around like that does that look like a seed I don't know let me see here let's make this bigger yeah kind of garden all right so one thing I'll do is take this type out Garden here okay I had to pause my family was being loud as always control shift and O uh yeah you know we could enter it just right here um I see some possible improvements that can be made but I think we get the idea I can't help myself though I kind of want to slightly adjust this possibly yeah because usually when it comes to these um seeds take this and delete that actually usually it could it probably look better if I wrap wrapped it around like this but you know what I'm going to leave it like that we get the point I mean so basically a negative space logo it's basically using the space around in in around the form of it could be a letter or not in our case we're using letters um to to create something that is relevant to the actual company or business or idea uh so yeah that is it uh so basically check out designc course.com if you haven't yet and subscribe here on YouTube I'll see you tomorrow [Music]

Original Description

http://goo.gl/BBse40 - Design + Code a Professional Android App from Scratch http://www.designcourse.com/videos/using-negative-space-for-logo-design/61 - Learn how to use negative space for logo designs. Watch as I put myself on the spot by randomly choosing 2 letters and 2 nouns that begin with the letter and then attempt to illustrate the idea of the noun within the actual letters using negative space. Try it, it's good for practice! 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

📰
Stop Ruining Your Daytime Shots: Why AI is Replacing Traditional Vintage Camera Apps
Learn how AI-powered camera apps are replacing traditional vintage camera apps for better daytime shots
Medium · AI
📰
The AI Tool I Built for Myself Ended Up Becoming the Product Clients Asked About the Most
Building a personal AI tool can lead to unexpected business opportunities, as seen in the story of an AI tool built for personal use becoming a product in high demand by clients.
Medium · Programming
📰
Can AI Help Plan Your Next Holiday?
Discover how AI can help plan your next holiday, from destination suggestions to itinerary planning
Medium · AI
📰
Beyond ChatGPT: How I Curated a Toolkit to Build an AI-Powered Workflow (And Why I Built a Tool to…
Learn how to curate a toolkit to build an AI-powered workflow beyond ChatGPT and discover the motivations behind building a custom tool
Medium · AI
Up next
Can Claude Code Build Real n8n Workflows? I Tested It in a $10K Hackathon
Maksims Sics
Watch →