so what is the offset path function in
Illustrator and how can it be
effectively used for logo designing find
out in today's video as we enter the
offset path function so welcome back to
Satori graphics everybody now there are
two key offset path functions in
illustrator and today we're going to be
looking at just one of them but I'm
going to show you how it works and then
some tips or some tricks for applying
about function to your logo designing to
demonstrate the offset path function I'm
going to make a circle using the ellipse
tool which is L on your keyboard and I'm
going to duplicate the circle by holding
down the alt/option key and then it's
clicking and dragging and we can create
the illusion that these circles are
overlapping simply by using the offset
path function and so first I'm going to
outline the stroke of the circles to
vector shapes
then in the same a drop-down menu you
will find the offset path a function
which you can see right here do you make
sure to check the preview box so you can
see your actions in real time and as you
can see I'm adding an extra shape around
the existing shape of my design
and we can change the style of the
offset path but for this design it
doesn't really matter because it's
totally round we can look at this in
later videos if you do want to see that
but also we can control the amount of
offset here and pressing up and down on
the arrow keys on your keyboard will
increase or decrease that amounts now if
you hold down shift it will increase
this by increments of 10 and if you hold
down the command or the control key it's
going to do so in decimals now after
adding the offset path you can change
the color of it by clicking the color
pallet or using the eyedropper tool so
now the circles look like they're
overlapping however this isn't the end
of the story because if we drag the
design off to the side of the artboard
we can see the white outlines which is
an ideal for a Lego design so what we
can do is to select the design and then
choose the shape builder tool now you
will notice that when you hold down in
the alt/option key you have a minus icon
above the cursor and this is going to
allow you to remove the white areas of
your design
now once this has been completed you
have a design worthy of sending to a
client simply because those white
outlines are no longer visible next
however I'm going to show you how to
design the simple logo in the thumbnail
and offer yet more tips and tricks while
using the offset path function so just a
heads up of course this logo design is
not related to a brief and it's not
incredibly well thought out it's just a
simple demonstration of the power of the
offset path function in Illustrator but
as we did earlier create a circle but
this time you only want to use a single
circle increase the stroke weights and
then press C for the scissors tool
you're going to want to click the bottom
anchor points and then also the left
hand side anchor point and you will
notice that you are left with a 3/4 of
the circle highlighted which you can
then delete now press P for the pen tool
and then click the bottom anchor points
and hold down shift to move the cursor
upwards shift is going to ensure that
you are following a completely straight
path now the smart guides are telling me
when I'm in line with the left Anchor
Point so I'm then going to move the
pencil over still holding down shift so
we now have this shape right here but go
ahead and press M for the rectangle tool
and create a perfect square by holding
our shift
and drag your design to a corner of the
square and increase the design size so
it meets the edges of the square and
like so send it to the back of all
design assets but just to make sure that
the design is perfectly within the
square you can press command or control
Y to enter into outline mode and as you
can see mine is a little bit off so I'm
going to adjust that really really
quickly pressing command or control Y
again will bring you right back out of
outline mode so now it's time to use the
offset path function one more time and
of course the measurements you use are
up to you and on your design that you're
working on though when you're happy with
the amount of offset we can actually
change the offset path to whites so we
can visualize the design more
efficiently and then select everything
and as we did before if you use the
shape of the other tool to remove the
areas that you did want to use if you do
make a mistake while editing this design
just press command or control Z so
you're going to be left with a neat
design and the beauty of the offset path
is that the curvature of the design here
perfectly reflects the curvature of the
shape in the bottom left however things
are not as clean as they could be
because if we go into the layers panel
you will notice something that's not
quite right there was a layer hidden
here below the black design shapes
taking the design off of the artboards
it becomes obvious to see but this is
the on issue however because we can just
easily drag it into the trash like so
so in today's video we have explored one
version of the offset path function and
how it can be applied to Lego designs if
you'd like to see other uses of this
illustrator tool and maybe the other
version to do let me know with a comment
down in the comment section below like I
said I am going to be bringing a
constant graphic design content on a
regular basis here at Satori graphics so
do subscribe to my channel if you
haven't done already and if you have
done make sure to hit that Bell icon to
stay updated to all of my uploads as I
post them on YouTube until next time
guys design your future today peace
