today I'm gonna show you guys how to create this really cool geometric
pattern using a adobe illustrator I'm not only gonna show you how to make it
but I'm gonna show you how to crop it and also how to mock it up onto a design
using Photoshop so stay tuned and follow along as you make this really cool
geometric pattern using a adobe illustrator yo what is that people
welcome back to the story graphics there with graphic design content right here
on YouTube this waste new more time today and let's jump into the video on
how to design this geometric shape using a adobe illustrator make a new document
and a bit straighter for your geometric pattern design and if you're unhappy
with the dimensions or the size of your artboard on the screen you can always
take the eyeball tool here and adjust your canvas if you want to you can show
the grid like so however it's not essential for today's tutorial we're
going to be using the rotate tool a lot today but first let's make sure we have
a stroke only in the color palettes you can actually talk about win the stroke
and the fill easily with shift X on your keyboard press P for the pen tool and
then click once to make an anchor points you then need to hold down the shift key
to make sure you two are perfectly straight line upwards press V to select
off of the pen tool path with the line selected press R for the rotate tool and
then move the blue target icon all the way up to the top anchor point you then
need to click once over the icon and then hold down the alt option key and
click again in the new window type in 120 degrees and then you can preview the
operation if you want to click copy instead of okay and then press command
or control D to repeat the process one more time
a quick reminder for you in today's geometric pattern tutorial and that is
to turn on the smart guide settings because this is gonna help keep your
geometric design aligned and equal throughout hold down the alt option key
and duplicate this line here you then need to move it up to the left
anchor points the smart guides will let you know when it's perfectly in line
press C on your keyboard to access the scissors tool where you can always
locate them in the tool window you simply need to click once along the line
somewhere to cut into two sections this is not a precise measurement but cutting
somewhere similar to mine then delete the top section of this line
press are again for the potato and drag the icon down to this Anchor Point here
like before click once and then with alt/option key held down click again
this time you want to rotate this line but 240 degrees take a copy hold down
shift and select these two lines here
then press command or control J to unite them together
with the new selection press R for the rotate tool and drag the icon to the
very center of the design we want to rotate this section by 120 degrees and
then repeat the process one more time with command or control D
we actually almost finished making the actual geometric shape in today's Adobe
Illustrator tutorial next use the alt option key to duplicate this section and
place the duplicate like so then take the pen tool and draw in a new section
perfectly as I'm doing here and then delete the section we duplicated just
now the line we just drew needs to be rotated with the rotate tool and yeah
you've probably guessed that needs to be rotated by 120 degrees and also repeated
one more time with the command or ctrl D
so there is a basic geometric shape for a pattern today you can go ahead and
hide the grid I'm not even sure why I left it open to be honest you can hold
down shift and select the outlines of the shape and then increase their stroke
weight you want these lines to be thicker than the central lines of the
geometric pattern once happy select everything and then press command or
control G to group everything together having the smart guides turned on is
really gonna help with this next step using the adoption key click and drag to
duplicate the shape perfectly over to the right and down a touch
with the shape still selected press command or control D to repeat the
process over and over again for your geometric pattern design it's always a
good idea to have an original shape off to the side somewhere to revert back to
now select everything and then group it together as well then duplicate the
section up and to the right perfectly aligned
if you forget to keep this election selected command or control D is not
going to work so you need to duplicate the section
again and then press command or control D now I'm going to show you how to crop
this entire section on the canvas so make sure that the geometric pattern
design does cover the entire board and then I'll learn the stroke there are
various different ways to do this and this is just one method I'm going to
show you now with your pattern selected go up to object and create compound bath
you would then need to lock the geometric pattern and press M for the
rectangle tool cover the entire canvas with a rectangle like so making sure
it's perfectly along the edges flick the fill over to a stroke and then unlock
all of the layers select the rectangle and the pattern I right click the
selection you were there need to create a clipping mask and there you have it
the geometric pattern is cropped perfectly onto the canvas finally I'm
gonna show you how to mock up the design onto a book cover the link for the
mock-up is in the description below and we're going to be moving over to
photoshop for this part of the tutorial so like I said there is a link in
description below for this mock-up here it's totally free for you to download
but once you have downloaded it go ahead and open up a Photoshop I'm going to use
the original pattern in this traitor lab which was made and you're going to want
to change the color from black to white copy the geometric pattern with a
command or ctrl C and then head over to the mock-up here Photoshop open the
layers window and then locate the layer which says put your design here that
will click that layer and then you can begin to arrange your design removing
layers that you didn't want to use and editing other layers such as text press
command or control V to paste your pattern and then arrange on a canvas
I'm going to use my custom font satori sans with this pie and you can download
this phone to be a digital download section on my website link below once
happy go to file and save as and by default it's a the document to temporary
files to go ahead and save it and then head back to the mock-up and there you
have it your geometric pattern is mocked up on to the book cover like so so there
is today's video on how to design this geometric pattern using Adobe
Illustrator let me know what you guys saw today's video
down in the comment section below and of course if you did enjoy it
give a thumbs up and a comment if you constantly find my content us at our
graphics useful maybe share my videos on social media so the people can see it
too I hope you guys really dig in my content at the moment I'm in trying to
improve the video quality i'ma tutorials every single video and every single
upload I've got some really cool things planned for the future in this channel
to stay tuned Satori graphics and subscribe for weekly graphic design
content until next time does any future today please