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 art board 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 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 art boards it becomes obvious to see but this is the one issue however because we can just easily drag it into the trash like 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
0 Comments