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