Transcripts
1. Welcome: Welcome to the class. I'm
excited to have you here. And I hope that this is just enough information that
you feel like you can dive in and make something
really cool, have all the tools at
your disposal without getting too overwhelmed
by a class that might be, you know, five or 10 hours long. 6.5 hours later. So, it's going to be
fast and furious. It's gonna be very basic, sprinkled in with a little
bit of advanced tips and tricks that I use to
make my work flow fast. But don't let the
speed scare you. Wo. Starting out, when
I first started, I was incredibly slow. I didn't know what I was
doing. I couldn't draw. I couldn't make anything.
So I've been there before. I believe you can do this, and I'm excited to
have you in the class. Here's a quick screenshot of where I ended up when going
through this process. You can see I made this
fictitious unicorn brand thing. Pretty random, no backstory, whatsoever. Just make
it something fun. So I'm hoping that by
the end of this course, you'll have something fun to share with the class as well. Now, if you get lost along
the way or have questions, don't forget you can post
in the discussions below. There's also some resources attached that you can
download and check out. And my hope with this course is that it gets
you up and running really fast with a few tips and tricks that will help
you make something fun that actually looks kind of cool
without really having to know hardly anything about
Adobe Illustrator yet. So I do have some more advanced
courses if you want to learn a lot more nuance, in Adobe Illustrator and more theory behind what makes a good logo,
things like that. But the purpose of
this course is just to have you kind of kick the tires and see if
you even like it, and see if you can
make something fun, how to open something up, make something real quick, and then export it to
share with the world. So that's the hope. That's the goal,
and I can't wait to have you dive in
and follow along. And then once you're all done, don't forget to share
with the class. So make sure you
do the exercises, make something, export it,
and then post it below. I can't wait. Thanks so much
for joining this class, and let's go ahead and dive in. M
2. Let's Get Started!: All right, to get
started with this, what we're going to do
is go to dafont.com. That's df nt.com. Here it is. And on the home page, you'll see we have all
of these categories. So there are a lot of
fonts to choose from. Specifically for today, we're going under the
Dingbats section, and you can see we've got a
lot of different categories. I'm going to come down here
to various and scroll down. We have all kinds of things. And we're gonna go to fairy
tales and click download. Now, you can follow along or you can pick your own,
whatever you want to do, One thing to realize
is each one of these characters, instead
of being a letter, like AB, CD, whatever, these are all images
instead of that. So when we type this into A W Illustrator or
in any software, these shapes are going to show
up instead of the letter. So let's go ahead
and get this Font installed. I just downloaded it. I went to my download stack. I'll click on it to unzip it. And you can see I have this
fairy tales dot TTF file. It might be at OTF file. It just depends on what
kind of a font it is. Doesn't really matter on a MAC. I can just double
click, and it's going to open up my font book, which manages all my fonts. And I've already installed this, so I don't need to replace it, but it would show the
little install button, and I would click on it. If you're on a PC, it's
a similar process. And what we're going to do is jump into Adobe Illustrator. So now that we've got
our font downloaded, at least for me, if
you're following along. We're ready to go. If you
want to spend more time clicking through all of these and seeing what you can find. There's all kinds of stuff, even logos for different brands. If I click on this
logos, category, we could download
social media icons, different brands, all kinds
of stuff, all kinds of stuff. So just check this out
when you get a minute. Maybe you want to make
something for Batman. I don't know, download the font, and get ready to go by installing
that on your computer, and we'll dive into
the next lesson.
4. Add a Shape Then Create Outlines: All right, you've got
your font installed, you've got your new file setup. Let's go ahead and bring some
artwork into the Canvas. To do that, I'm going to hit
the letter T on my keyboard, which is the same as clicking
over here on the Type tool. Now, real quick before
I get too far ahead, I want to make
sure you and I are looking at roughly
the same thing. So in Illustrator, over
here on the very top right, there's this little
switch work space icon. And if I click on that, There's a few different layouts depending on what you're
doing in illustrator. So maybe you're doing
some automation or maybe you're used to looking at how illustrator
was back in the day, the classic mode, or maybe you're trying to
do some painting, and it'll change all of the different windows and tools to reflect what
you're working on. So for this tutorial, we're going to jump
into essentials, And then I'm going to
click on that again and go to reset essentials. In that way, you
and I are looking at the same thing
as we get going. Okay, let's start
bringing in our shapes. What I'm going to do with
that type tool again, I'm going to click
once on my Canvas, and you can see that it
puts in some Luram Ipsum, which is Greek filler text
until we get started here. So I'm going to come
over here and click in the character and search for the font that I just installed, which was fairytale,
something or other. Let's see. Fairy Tales. Tails. There it is. Alright, and it changes all of those
letters to be the shapes. So what I can do is click
on the Move Tool over here, and I can grab this handle
and start to scale it. If I go down shift, it'll
keep it from skewing. And you can see I have all
of these different shapes, but maybe this isn't
the shape I wanted. So what I'm going to do.
Get that type tool again. Double click into my text. Let's go ahead and triple click, so it highlights everything. And then I'm going to come
up here to type in the menu, and I'm going to
come down to glyphs. So glyphs are the
individual characters of the font of each thing. So I I scale this window
a little bit larger, and then down here
on the bottom right, I can click on this little
mountain shape to zoom in. You can get a better idea of what glyphs are
available in this font. So because I triple click into this text before
I opened this window, it's still selected,
and I can come through here and I can pick
any of these images I want. I'll go ahead and
double click on this little unicorn here. I double click. Let's try
that again. There we go. I'll close this glyphs window, and now it changed this. And this is still
technically a font. So if I use my move tool
and I click on this and I shift and drag to
make that larger, It I can't access any of the individual handles to
change anything on this. So this is still a font. So what we're going to do, the
magic and all of this, this entire course revolves
around this one little, I guess you call it
trick, whatever. I'm going to hold
down the option key, click and drag, to make a copy, and I'm going to come up here to type and then I'm going to
come down to Create Outlines. The shortcut for
this on a MAC is Shift Command Zero or
Shift command O rather. So Shift command O,
create outlines. And now we have a true shape, a vector shape inside
of Illustrator instead of just a font
that's been typed out. If I come back over
here and I click on my direct selection tool
in the tool bar over here, the same as hitting the letter A on my keyboard for the shortcut. Now I can come in and I can grab individual points
on this character, and I can move things around and create a custom design
based off of another shape. Alright, so now you see
where we're going with this. Go ahead and take a minute
to bring in your own icon, your own shape from a
font that you selected to continue creating
your super quick logo.
5. Customize Shapes And Add Some Text: Alright, welcome
back. In this lesson, we're going to look
at how to customize our shape a little bit further, add some texts, and then eventually export
this quick logo. So what we're going to do is, I'm just going to zoom in here. I'm using the space
bar, and then command, at the same time, shortcut to turn this into a Zoom tool
by clicking and dragging. I could also hit the
letter Z to switch to my Zoom tool over
here in the tool bar and click and drag to o in out. But I found it's
just faster if I hit the letter V to jump
over to my tool. Spacebar, command, Zoom in and out or just
space bar to move around. And that's how I quickly
navigate on my Canvas here. Alright, so what we're
going to do. I just want to customize this a little bit and make it a
little more unique. So maybe I want to delete some
of these shapes down here. So I had to letter A to get
my direct selection tool. I'm going to click once here, hit delete once, and then
hit delete one more time. And I'm just going to go
through delete, delete, click on a point, just to kind
of knock out these shapes. Maybe I want to change
the tail a little bit, do the same thing,
make it a solid shape. Maybe the same thing up here on the main. I don't know.
Maybe you like it. I'm just trying to make it
a little bit different than the original image
that I brought in. Just kind of make it a
little bit custom instead of just copying and pasting
from somebody else. Now I'm going to
hit the letter Q, which changes to my Lasso tool. And you can see in this
little sample here, how you can use
the Lasso to drag around different
path segments or points and objects to select
specific things at a time. So let's use that to select
this little horn here. So I'm just clicking
and dragging around the horn with
the Lasso tool. Now I'm going to hit command
C to copy that shape. Command V or control V if
you're on a PC, to paste it. And then I hit the V key real quick to change back
to my move tool. And I apologize if I'm flying
through these shortcuts, but if you're familiar
with my tutorials, I like to work as
fast as possible. So I found over the years
that just about everything inside of any of the software you're using
has a keyboard shortcut. Take the time to
learn the shortcuts. I'll help you
become really fast. Now I'm going to hit the letter
R to get my rotate tool. I'm going to click down here, so that's my point
that it rotates from. Hit the letter E to
get my scale tool. I'm going to scale this
down a little bit, hold down shift so
it doesn't skew it. I'm going to get
my move tool, hold down option to drag a copy. Let her R to rotate, rotate the sky, let her E to
scale it, hold down shift. We're just continue
on doing this, rotating it, scaling it. Just kind of making something
random. Something fun. There we go. Just kind
of move these around. Alright, so we went from being a unicorn font to
almost like a dinosaur. Honestly, I don't know
what's going on here. This kind of looks weird now
because we deleted the hair. And so maybe I bring
the shape back over, or maybe I just delete this
little weird hump now. I'm going to click on it
with the selection tool. And there's a lot of ways
to go about this process. I'm going to hit the letter
P to get the Pen tool. And if you hover over a current
point with the Pen tool, you'll see it gets a
little minus sign, and I can click on these
anchor points and I can delete extra anchor points
to keep the path solid and closed without
messing things up. And then I can also, if you
go underneath the Pen tool, click and hold, come down
to Anchor Point Tool. I can modify these
anchor points and drag and drop them wherever I want
to create custom shapes. Hit the letter P to come
back to the pen tool. And a shortcut to get that convert point is the option key or
the ult key on a PC. So I've got the
pen tool selected, I could hover over this handle, hold down the option key,
and now I can drag it. So I can quickly change
back and forth between deleting paths and
modifying the shape. So this is where it's
really cool to start with the shape here and what we learned and then kind
of create something custom. All right. So the next
thing we want to do, if I were to move this around, you'll see that things
don't stick together. So there's a few ways
to handle this as well. I'm going to select all of this hold down Option
and drag a copy down. And don't forget that when
you're working with artwork, it's all digital, so you make as many copies as
you want. All right. Now, one thing that I just
remembered before I get too far down the road is I
haven't even saved this yet. So if I were to have had my computer crash, I would
have just lost everything. So don't forget We got to save. We'll go to file, save. And let's just call
this Unicorn logo, or maybe you want to call it my Quick logo, whatever
you're working on. Okay? We're going to
go to our desktop, and I'm going to
make a new folder. Let's call this my Quick logo. We'll create a new folder. And we'll go ahead and just
save it right in there. We'll click Save. We'll click. Okay. All right. So now if our computer crashes
or anything happens, we at least have a backup. Okay, so continuing on, I'm going to merge
these shapes together. So what we're going to do, there's a couple
of ways to do it. I'm just going to drag
another copy over. I can go to or I can hit command G on my keyboard
to quickly group it. It's the same as going
to object down to group. And what that does
is it takes all of these pieces and it
groups them together. So now if I click
away and come back, everything kind of
sticks together. But you can see if we zoom in, all of these are
still separate items. And if I double click
into this group, I can still select each
one of these individually, which might be handy if
you want to keep it a little more editable to change
your mind in the future. Or when it's time
to package this up, let's say you're all
done creating the shapes and you want to merge
into one piece. Another way to work
is to highlight this. I'm going to hit Shift M on my keyboard to get the
Shape Builder tool. If I hover over this, you can
see the sample here of how the Shape builder works by clicking and
dragging over pieces, it will merge them
together as one. So I can click over here
and I can click and drag, and now it merges all
of this together. If I hit the option key or the alt key on a PC while I click and drag, it'll
actually subtract. So if I click in here,
it'll actually delete that, or I can click and drag back over the top of them
to merge them again. So a lot of ways
to work here if I want to merge these
together as one shape. And now I have a
little unicorn icon that I could use with my logo. So in the next video,
we're going to add some more text to this, and then we'll continue on
making our super quick logo.
6. Customize Further And Create Iterations: All right. As I make logos, I tend to make a
mess on my campus. I have all kinds
of stuff going on. In this case, this
is pretty minor. But sometimes I want to
clean it up as I go, and I like to use artboards
and Illustrator to do that. So to get your artboard tool, guessed it, another shortcut, shift and the letter
O on your keyboard, which is the same as clicking on this little icon in the toolbar. And your artboard tool basically creates and adjusts R
boards on the Canvas. So all of these artboards
can be exported separately. Maybe envision this as being
like two pieces of paper. What I'm going to do
is did that fast. I'm going to click
on the title here, but before I do I'm
going to hold on the option key or
the alt key on a PC. And then click and drag,
and it drags a copy over of my artboard with
all of the art on it. To get it to copy all of
the things as you go over. Over here in our little
artboards properties here, we have this landscape or portrait or all of these
little shortcuts here. But down below it, we have
Move Artwork with Artboard. If I turn that off, And
then I try and drag a copy, put an option and drag. It drags the artboard,
but not the artwork. Okay? So, if you
didn't see that, just a reminder on
the very top right, we are using the
essentials layout, and if I hit reset essentials or if you hit reset essentials, you should be seeing
about the same thing. Now, this is contextual,
depending on what you click on. All of these options down the
side are going to change. So because I had
my artboard tool selected, when I
click over here, that's how I was able to change
how the artboards behave, whether it moves
the artwork or not. Okay. So with that being said, I'm going to go
through and delete these extra ones that I don't need by using the Move tool, clicking and dragging
and then hitting delete. And now I've got
just the one icon that I want to work with, okay? So we're just kind of
keeping things clean as we go and giving ourselves options in case I
mess something up, and I want to go back
to maybe this stage where we still had some of
these other pieces, okay? Alright. So now we
need to add some text, and I don't know what
to call this things. We're just going to make it up. We're going to call
it We're gonna do all CAPs Unicorn brand. I don't know. And we are still
in the Fairy Tales font. So all of our letters that we typed out are
actually shapes. So let's go ahead and fix that. With our text selected, I've just got the selection
tool clicked on it. Over here, I can
change the character. So I'm going to
search for something. I have a font
called Din on here. This is actually a font
shift to buy, but I like it. So I'm going to
throw this on here. I'm going to highlight all of these by
clicking and dragging. Hold on Option. Click and Drag, Hold on shift, to
make it straight. There we go. All right. I'm going to change
this to another font. Let's go for I don't
know, Hal Vatica maybe. We'll scale this down.
Then let's do another one. Let's make one called, and actually, these are
getting pretty big. I'm going to highlight all
of them. Hit the letter E to get my scale tool, click the corner,
start to scale it, and then hold down shift
so they don't get skewed. And then let's drag
over another copy. Let's change this
font to something else like I don't know, Montserrat is a super popular
font. We'll click on that. Maybe we'll make this guy
instead of being bold, we'll make it light. Maybe we'll take the space out. That's cool. Maybe
we'll scale it down. That gives me an idea
for something else. Let's move this guy over here. And now you can see how I'm flying through
things and I'm using my keyboards for all
kinds of shortcuts there. The letter V to
change my move tool, the option key to drag. Clones. Let's click on this and change the paragraph
to be right aligned. We can drag this
over, so it kind of flows around the tail a b. So this is how I
work through and try and create quick iterations. Just to kind of see what works and kind of see
where my brain goes. So in the next
video, I'm going to go ahead and refine this
a little bit further. If you're following along,
which I hope you are, go ahead and play
with your logo, your quick logo, see what
you can come up with. And then we're going to learn
how to push this further, add some color, and
then export these.
7. Add Some Color: Okay, so now that
we've got an icon, and we have some text below it. This is basically a logo. And a reminder, this is
obviously a super fast course. This is not at all in depth
of my logo design process. My intent is to help you get up and running
quickly so you can kind of experiment with it and explore and create
something on your own. If you'd like more in depth
training through the courses, I have some other
courses that go much further in depth
that are hours long. If you'd like to learn those,
there should be a link below or check out my profile,
and you'll be able to see. Okay, so I usually work in black and white, if
you've noticed here, we haven't added any
color yet because I like to make sure
that the shape of what I'm designing makes sense. Before I add colors
that might fool my brain into liking one
version over another. By working in black and white, you can see a logo in
the shape for what it truly is to see
if it makes sense, and then add some color. So if you want to add
some color to this, what we're going to
do is just select it, and you can select
the whole thing. Come over here and double click on your little color swatch, fill and stroke icon here in the tool bar
on the far left. You can see that if we
double click on it, we get this color picker
picker, color picker window. And we can drag
and drop in here, just drag to kind of
pick what color we want, or we can scroll down here
and get different tones. Huge tone, saturation,
all that fun stuff. If you have a Hex code, you could paste it in here. You can modify it by cyan Magenta yellow and black
or red green blue values. So there's a lot of ways
to fill your color, which is beyond the
scope of this tutorial, but one trick I will show you, if you have an image of
something else you want to copy, you can bring that
image into illustrator. So let me show you
how I would do that. I'm going to jump
over into Safari, and let's just
find a quick image of a sunset or something. I don't know. Hey, sunset
in Cals Belt 920 to night. Let's look for an
image. All kinds of cool sunset images. The
lots of ways to work. I could right click on
this and copy the image. Let's see why I'm There you go. Copy image. Come back into here, right click and paste. And now I've got
an image in here. Or you can take a screenshot. This is a little more advanced, but if you can't right
click and copy on a MC, you can get command, shift, and the number four, and then start to click and drag
anywhere on your screen. And before I let go,
this is the trick. I'm still holding on
to the mouse button. I'm going to hold
down the control key, and now it copies
whatever was inside of that screenshot
onto my clipboard, and I can paste that image
that screenshot anywhere, whether it's in Microsoft Word or Illustrator or Photoshop. I can paste whatever that was. So if you find a website where you can't
download the image, you can just take a screenshot. Okay? So now I've got
some color samples. The other thing you
could do is jump over into color adobe.com. There's lots of color
tools on the Internet. I'm going to go x out of there. Lots of ways to work, but let's, Oh, this is really
cool, and I like this. I could just take a quick
screenshot of this. Hold down control,
copy to my clipboard, paste it in here, Zoom down. Now what I can do if I want to recolor my logo real quick, I can make a couple of copies. I use my eye dropper tool, the letter I, and I could
sample any one of these colors. So now it's loaded that color. You see if I click
on this, you'll notice over here on the side, my fill color is changing. Okay. So I'm going to
get a color here, and then I'm going to
hold on the option key, and it turns from
being a sampler to being a color paster. So now my eye dropper
tool changes. I'm holding down the option key, our option key in
my Mac key on a PC, and I'll paste by clicking, and now it changes that color. Now, for the font, if
I go to paste a color, let's just sample
maybe this color here, hold on O option and click.
It changes the whole thing. So what we want to
do before we get too much further
is click on this, come up to type,
create outlines. And now, just like we did with this unicorn image,
this is all a shape. So if I wanted to,
I could grab this any one of these things with
the direct selection tool, and I could modify my logo
to make it even more custom. Okay? So I typically like
to do that with my logos. And again, in the other
courses that I've made, you'll see exactly my
process and how I do that. But for this, we're
just trying to apply some color real quickly, hit the letter I to get my eye dropper tool, click on here, or I can just select a piece of this by hitting
my direct selection tool. Clicking and dragging to highlight the part that I
want to change color of, come back to my
eye dropper tool, and then I can sample
color from anywhere. So maybe I want that
to be this dark color here, or maybe the light color. I'm kind of making this
up as I go clearly. We'll select the word brand, at the letter I,
and we'll change this color to something else. Okay. And before I get too hung up on what
the color is going to be, let's go ahead and
move this over here. Don't forget to save.
Oh, my goodness. Command S. Control S on a PC. Save as you go. We'll make
a couple more copies. Now, here's another tip. I'm
going to highlight this. Hold on an option,
click and drag, hold down shift, to
make it straight, and then let go of everything. I'll hit command
D a couple times, and it'll duplicate the
last transition you just made or Control D on a PC. Alright. So I've got some
different options that I can start
playing around with. So I can come in here and start sampling colors
from my images, and pasting individual
colors on things, or I can highlight a
whole bunch at a time. Change my color that way. So just go through and colorize your logo until you get something that
you're happy with. Something that is a
adds a nice contrast. Wow, that guy.
That's kind of cool. I would stick to one
to three colors. Keep it pretty simple. Make sure there's good
contrast. All right. Now, in the next video,
we're going to go ahead and jump through
the process of getting this ready
to export. And
8. Export Your Logo: Alright, in this
video, we're going to learn how to export
your artwork. So I'm sure you know this from working with
other programs. Most of the time, there's a lot of ways to
do the same thing. So I'm going to show you a couple of different
ways that I've found that have been helpful
for me to export my artwork. The first one we're going
to get right into it. So I'm going to come
up here into Window, and we're going to come
down to asset Export, and it's going to open up
this asset export window. You can also get there if we had a different
workspace open, for example, if I
wasn't on essentials, I had essentials classic. I'll go ahead and reset my
workspace just to make sure. You can see right here
this little square with the arrow
pointing out the side. This is also the
asset export window. So I could click
on that. I could also just click on this
tab and tear it off, and now I've got to
open just like before. There's a lot of ways
to get to this window. But once you get
this window open, what we're going to do is drag in the assets
we want to export. So we can either
drag it in this way, and if I do that,
you'll notice it split things up into
two different assets. So when I export this file, if I wanted to create, let's just say a JPEG of this
at full quality. Size wise. Scale, we'll just
leave it at one x, which means it's a
one to one scale. I click Export. Let's go
to our quick logo file. Let's make a new folder, and let's call this Exports. I'll choose that folder. And now it successfully exported that. Let's
go check it out. Let's go to our desktop, my Quick logo, exports JPEG. So not only did it name it
asset one and asset two, but it split it up into
two different assets. That's not what
we're looking for. What we want to do
is have these B one. So I'm going to do it with
both of these selected, and if you do select
them, you just click on it. Shift,
click on the other one. Click on the Trash Can to
delete it and try again. So this time, I'm going to
highlight both of these. I'm going to go to Object
Group or that shortcut again, Command G. Now
that it's grouped, when I drag this in
there, it comes together as one asset to export, okay? I can rename this
whatever I want. Let's just call
it unicorn brand. And I'll click on it.
I'll click Export. It'll export a JPEg in that folder. Let's
go see what it did. Alright. So we still
have these other two from the previous export. But then we've got
a new file called Unicorn brand dot JPEG with
my Unicorn brand in there. And you can see
it's really tiny. It's only 40 kilobytes. This will be tough to use
in most applications. So what can we do to fix that? Well, we could click on the
little scale button and make this four times as big
and export it real quick. We'll replace the
other one and just see how much bigger it is. This one's a little bit larger. It's about four times as
large as you'd expect. Looks a little bit better, but we can do even
better than that. The other thing we can do,
the other way we can get this into this Export window
is select your artwork. We're going to right
click, and we're going to come down to
collect for Export. And this is where
instead of grouping it, we could have just
selected all of this as a single asset or
as multiple assets. So it'll split them up
however you want to do this. We'll click a single asset, and now it put it in the
asset export window as well. So there's a lot of
ways to work here. We could do the same thing
by selecting all of these. Let's just see what this
does, if I right click, collect for export
as multiple assets. It's going to bring them all
in as multiple pieces, okay? They're so selected,
I'm going to hit the trash can because I don't
want to do that right now. Alright, so that's one way to get your work out of the box. Another thing you could
do when we export J pegs, you'll notice it has
a white box around everything because a JPEG file doesn't support transparency. So if I were to bring
this into a design, let's just say I
bring this back into my canvas by dragging
and dropping. It brings it in, but it brings the white box with it,
which is not what we want. If we were to move
this guy up here, You can see we want it to be transparent when
we go to use this. So the best file type for that transparency
is going to be. Let's jump back over into
our asset here. Click on it. Change the format from a JPEG. We could do an SVG, which stands for
scalable vector graphic. We could do a PDF or PNG. So depending on how you want to export this for your people, if you want to be flattened, but still have transparency, use a PNG file. We can also add a scale. So I'll click on
that, and we can change the format to a SVG. We can add another scale and
change the format to a PDF. And now we have all
these different options. Let's go ahead and click Export. I'm going to make a new
folder called Exports two, you can see the
difference of what this does from the beginning. So we'll click choose. It exported everything. Let's go back and look at it. So were Exports two folder, not only did it create
all of these files, but it neatly put them
into separate subfolders, which is really
handy for handing this off and keeping
everything organized. Now, you'll notice it named
at assets four PDF because I forgot to rename this
thing before we exported it. So depending on your workflow
and how you do this, if you're organized up front, when you're all done with
this, it'll make it really easy to do everything in one shot and save
you a ton of time. So with a PDF, I can drag and
drop this into Illustrator, and you can see it
brought everything in. What happens if I do this? Perfect. Okay. Do
this. All right. So when I brought in the PDF, you'll notice when I
go to click on it, it has these you don't see
the anchor points right away. So I got the direct
selection tool and I clicked on the corner, and I deleted this transparent, like container that it
brings in as a PDF, and I do that again
for this one. And now when I click on it, you can see a PDF retains the
vector editability on this. PDF is a good file to use
to share with people. Plus Adobe Acrobat is a free program that anybody
can use to view your file. If you wanted to share your
artwork with somebody else, exporting is a PDF is a
pretty great way to go. Same thing with a
PNG, which stands for a portable network graphic. A PNG supports transparency. You'll notice we don't
have the white box around it. Which is great. I could drag this
asset right into Illustrator or word or
anywhere I want to use this, and this PNG comes in nicely. It looks really crisp and good. The only downside is with a PNG, even if I go to delete
these anchor points, I'm actually deleting
the whole thing because a PNG is not editable
vector, okay? Let's jump back
into our SVG file. SVG is also an editable file. And if I bring that
in right away, you'll notice it has all
of the outline showing. I don't have to delete the extra box like
I did in the PDF. I can jump right in and start editing all the shapes if I
wanted to or changing colors, doing whatever I want
to this artwork. So that's why it's nice to have multiple file types
as you export. One other thing we
could do is we can export the entire artboard. So if I go to file down
to export, Export As. I can choose to use boards, and I can choose a range. So right now we have two or
three R boards on my Canvas. Let me cancel this.
I've got two R boards. Arboard one and R board two. If I go to file, down to export, Export As, we'll use artboards. I can change my file
types here from a PNG to a JPEG,
all kinds of stuff. Let's just choose
JPEG. New folder. Export three, just to
see what this does. Give it a name that makes sense, and we'll click Export. And now I've got a
few more options. So we can use a
different color model. This is something we
didn't get into too much, but general rule of thumb and RGB would be red,
green and blue. It's for screens. Your screens display light as
red, green or blue. If you're going to print
this, you want CMYK, which printers use Ink, they use cyan, magenta,
yellow, and black. So I would choose CMYK, if I wanted to print
this on a printer. We'll keep the resolution pretty high at 300, if we're
going to print it. Make sure we've got
a high quality file, and we'll click Okay. Let's jump over into our finder, go to Export three to
see what it gave us, and it gave us both of
the canvases, okay? So you see how this would
be helpful if we wanted to export the entire
canvas we are working with or if we want to do just
a piece of art at a time. Alright, that was a
lot of information. Hopefully you're not
too overwhelmed. Don't forget it's a video. You can play, pause,
rewind, fast forward, play back slow, play back
fast, whatever you need to do. In the next video, I'm going
to show you one more piece, pushing this just a
little bit further on how I would present a logo to a client. And what the b of the.
9. Push Your Exports Further: Alright, in this lesson,
we're going to learn how to push our exports just
a little bit further, especially for those of
you who might want to share your logo and present it, whether it's in your
portfolio or to a client, or post it in this class down below
in the project section. I'd love to see what you guys
made in this quick course. What we're going to do
is we're going to make another board,
another canvas here. I'm gonna hit Shift O
to get my artboard. I'm going to drag
a copy over here, but hold on the option key. I'm gonna click over here. Did I get two artboards? I
did. Okay. No, we didn't. Alright. Squirrel.
Click on the Move Tool. To deselect this. I'm gonna
zoom in a little bit by using that shortcut space command and then clicking and dragging. I'm going to delete all of this extra stuff because
it's in the other artboard. And I think I'm
going to work with let's just drag these
guys down out of the way. I'm gonna hit the letter M
to get my rectangle tool. I'm going to click one
time so it opens up my rectangle dialog
box so I can type in the exact dimensions
I want because this is 11 " wide by 8.5 " tall. If I want to cut this half, it'd be 5.5 " wide
by 8.5 " tall. We'll click okay. And
now I have a rectangle that'll divide this
canvas exactly in half. I'll get my move tool, and you should see these options to
align things across the top. If you don't see that, go
to window down to a line, and it'll open up the actual align Window toolbox
for you here. Okay? And now I'm going to
click Align to the Art Board, which is what this
white Canvases. I can select that here. Or up here in your Options
bar across the top, I can click on this
little drop down and make sure I'm aligning
to the artboard. Now when I go to
select these icons, I can make sure I'm aligning exactly where I want them to go. So I want this to align to the
right and vertical center. Okay? I'm going to
close this window. And now what I can
do is I can make a few different
versions of this logo. Let's drag a copy up, it the eye dropper tool, select the dark color over here. So now I have it in
black and white. Maybe scale it up a little bit. And I'm going to
align this center. I'm going to drag
a shape over here. And then I'm going to
swap it to a stroke. Shift click on my little logo, and then let go
of everything and click one more
time on the shape. So you see it gets a thicker
stroke around the outside. That's telling these
two pieces that I've selected that I
want this big shape to be what I'm aligning to. So now I can use this
alignment to align to the top, the bottom, wherever
I want to go, but I want to be centered
horizontally and vertically. Now I can delete the shape. I don't need it anymore. I'm
going to hold on option, click and drag a copy
over to this side. G my eye dropper tool
and just click on the Canvas to
change it to white. And it was behind the shape. With it still
selected, I command shift and the right bracket key, which is right next
to the letter P to bring it all the
way to the front. The other way you can do
that is going to object down to arrange bring to front. Shift command on the bracket.
There's your shortcut. Okay. Now this is in
front of that shape. I'm going to get my move tool. Shift click on my rectangle. And then without
touching anything, I'm going to click one more time to tell it that
this is the shape I want to align to or go
center and vertically center. Now I've got one sample of what this could look
like in black and white. I'm going to hit Shift O
to get my artboard tool. I'm going to hold down option, drag another copy over. This time, I'm going to do a
few different things here. I'm going to change the
color of this background. And then command C
to copy this shape. Command F to paste
it right in front. That's the same
as going to edit. Paste in front. It becomes
in front of the other shape. I'm going to scale this over. There we go. Change the
color to something else. Command shift left bracket
or object arrange, send it back, so
it's now behind. I've got two different
shapes, basically. Maybe I'll click on this guy. Double click here. Bring the color down
just a little bit. Let's change this to be
white. There's another look. Shift O. Drag this down. Let's do another color
variation based on this guy. Maybe we drag this guy up, make a couple of copies, play with some of the
coloring a little bit. The letter Q, to
get lasso selection around here. Change
the color of that. We can go through and
we can make a lot of different iterations
very quickly. Let's delete this. Maybe
we'll bring this one over. Scale them up. Command shift right bracket, bring
it to the front. Shift click, my rectangle,
click one more time. Line it up. Well, now
we can't see this. So let's get the Lasso tool
and select this piece here. Maybe we make this white. Or maybe we make it
more of a cream color. Let's jump over here and
just see what happens. So we can go through and we can quickly create all of these
different iterations. I'm going to group
these guys together, Command G. Shift
click the rectangle, click one more time, and
then line them up perfectly. All right. I'll do the
same thing to this. Group it. Align it. All right. So now we've got some options to play with here. Okay? So let's go ahead
and shift O to get my artboard tool or click on the little
artboard icon here. And you can see we have
these different artboards, and I can see the 03 in front of it telling me
which artboard number it is. We've got the third R
board, the fourth R board, and the fifth R board, and I can rename these up here
and the Options bar. So because this R board is selected with the Artboard tool, the artboard name pops in
up here and I can click on that and I can change
this to black and white. And I'm going to come back
over here to essentials and reset essentials in case you're still in network flow
just to see what happens. Shift O to get my artboard
tool. I'll click over here. And you'll notice
with the essentials, I don't have the option to
change the title up here. So what I need to do is come over here to the
properties window, and I can change the
artboard name here. So we'll call this one
Purple or Lavender, AR, ER. Oh, no, spelling. I'm an artist. Not
a writer. My bad. Okay. Next, we'll come
down to this guy, and we'll just call this. We'll just call this one Option. Three. Just showing you you
can do whatever you want. It doesn't matter what you name these things at all. All right. So now that we have our names, we want to export boards
three, four, and five. We don't want to
export one and two. To do that, we're going to
come over here to file, come down to export, export as, and we'll
do Exports four, again, to show you what
each different setting, how it changes
what happens here. We'll go and export some J pegs, we'll use the R boards, and this time we're going to use the range of R boards
three through four. I could also do 34, so I'd only do Rboard
three and Rboard four, or in this case, it could be three f. So it'd skip Rboard number
four, but what are we doing? We had 34 and five. So 35 is what we want.
All of those. Okay? We can name this,
whatever we want. Whatever we name this main file, it's going to add
it to the file, and then at the
end of this, it's going to add the artboard name. So I'm going to put a dash
at the end of this here. So it's going to
be my Quick logo, and then whatever the
artboard name is. We'll click Export. We'll change our settings here to
whatever we want. Since I'm using it for screen, I'm going to change it to RGB, so it looks best on
a computer screen. We'll leave it high. Down here, we're going to
embed the color profile, which will help it
look true to color, no matter if you're using a mobile device or PC
or MC, or whatever. It should keep the colors
relatively close to the same. We'll click. And it's going to quickly export those
three canvases here. Let's jump down here and
look what it named it. We've got I guess I didn't need to use the dash here ca
it added an underscore. So anyway, my quick logo, black and white,
Lavender, and 04. I'm not sure why the name
didn't stick on that last one, but if I hit Space
bar to quick preview, you can see we have a quick export of our
different samples.
10. Class Project and Next Steps: I hope you enjoyed this quick
course. It was very quick. I realized halfway through
that I was talking really fast and going
through all kinds of stuff. So if you're a total beginner, I hope I didn't overwhelm you. Don't forget, go rewind
it, watch it again. Please ask questions below if you got stuck with anything. And also check out some
of my other more in depth logo design courses
where I'll get you up and running with
my actual workflow, starting from scratch, sketching things out in my sketchbook, and going all the way through
the logo design process. I've got other
courses where I've actually worked
directly with clients, getting their feedback, and
how I handle that as well. So be sure to check those out. But hopefully, you learn something in this
course that you can get up and running fast and create something
that you're proud of, something that's fun,
and more importantly that you want to share
with us in the class. So take a minute, export whatever you made. Even if it's garbage
doesn't really matter. Just going through the process of getting something
in the computer, doing some stuff, and
exporting it to share with us. I'd love to see
what you're working on and I'd love
to keep in touch. So ask questions
if you need them. And otherwise, I'll see you
in the next class. Thanks. H