today I have an illustrator tutorial where we're going to be designing this funky
3d shape it's a little more advanced and a beginner level tutorial and it's quite
long to strap yourself in and let's dive into this illustrator funky 3d tutorial
you
what is our people welcome back to Satori graphics the home of graphic
design content right here on YouTube a quick disclaimer I do not earn this
design because I drew inspiration from Instagram
I'm simply showing you guys how to generate such a 3d design in today's
Illustrator tutorial the first thing we need to do is to generate a letter for
our funky 3d shape choose something quite blocky and square the phone I'm
using is called future socialism if you want to download it from the internet
with the letter selected create the outlines like so this will turn the font
letter into an actual vector shape for some reason this one has an anomaly here
but that's easily tied it up with the direct selection tool by manipulating
the anchor points
we now need to destroy the letter perspective by going up to the store and
transform and then Freda store play around with the four anchor points until
the letter looks like mine and this is going to really help the 3d shape effect
in today's tutorial position the letter on your canvas and then lock it in place
so it doesn't move around
select the stroke and then using the pen tool draw a line exactly along the
left-hand side of the letter shape
lock the line in place because we're going to need a little later and then
draw a line from the top-right corner that would dictate the direction of the
stretched part of the 3d shape change the color of the stroke on the line to
something visible over the top of the letter and then using the option key
duplicated several times on each corner carefully placing exactly on the point
of the corner
you
unlock everything and then systematically lock down the blue lines
and the letter leaving only the line that we just drew along the left-hand
side not locked
position around this distance from the letter and then take the pencil you can
hover the pencil over one end of the line and then continue the path and
carefully draw around to complete the shape
flick the stroke over to a color fill on the shape and then take the direct
selection tool tidy up any imperfections
you can take your time here to make sure that everything is nice and flush
between the new shape and the letter because it needs to be perfect
we then simply hold down the alt/option key and duplicate this shape like so
Tran position is shape as best as you can and then unlock everything
delete all of the blue lions apart from the bottom one so we can see what we're
doing from here keep using the option key to duplicate a 3d part of the design
and then use the direct selection tool to tidy up things perfectly your list
rates of funky 3d shape should look like mine here you now need to locate a
swatch libraries if you follow me and then open up the cool color swatches
we can now select each individual section of the 3d shape and then click a
color in the swatch library the idea is to put colors side-by-side that match
our run in a visually pleasing order
so as you can see here my 3d shape goes from very light purple through kind of
blue hues up to light green which looks pretty funky with nothing selected in
Illustrator take white in the color palette and then using the pen tool add
a shape along the side like so this is going to act as a highlight so lower the
opacity of the white shape to act like a highlight which looks pretty neat
a quick tip if you turn on the snap to point function in Illustrator you will
find a lot of this tutorial to be easy Akira we can then log everything so it
doesn't move around through the tutorial
again using the pen tool we can add a very light shadow on either side of the
highlight
add a gradient to the shape and then add a black on both sides of the gradient
with one side being set to zero opacity you can then also lower the overall
paititi to ensure the shadow blends in well
do the same on the other side of the highlight with the same method as we
previews for the shadow
once you've done that and lock everything in place we're a little bit
over halfway now folks
there are two ways to make the next shape in this tutorial the first way is
to take the pipette tool and select the first color on your design making sure
you don't select the shadow or the highlights
the rounded rectangle tool can be used if you flick the artboard and then type
in measurements a little mine
this is where you're going to need to tap into the artistic flair that you
have using white and the pen to draw in lines along the shape that's going to
act as lighting and highlights
you can use the Gaussian blur effect to soften the line and then even lower the
opacity if you need to
also use the ellipse tool to make a white circles and then add a Gaussian
blur to them also keep adding circles and lines using this technique a method
to build up your 3d realistic shape
as you can see I've also added a dark line to indicate shadow of the bottom
duplicate a cylinder shape in case you want to use a later and then select all
of the effects in the initial shape and then hit command or control G to group
them together my position the 3d cylinder shape in place and you can
duplicate this shape over and over for the rest of your design
take a dark color as a stroke and then use the pen tool to make a line that's
going to add like a shadow this method can be used to me to cinders or shapes
as well I think it's the best way bump up the stroke weights and then open up
the stroke window because we want to round off the ends of the stroke and
then add a Gaussian blur
in the transparency window change the blood moon to something like overlay or
hard light this will help it blend a lot better into the 3d shape and also a
lonely paititi if need be
if you select the group together shapes bring it to the front so the shadows
behind it adding to the 3d effect you can then add anchor points to the shadow
stroke and then say the direct selection tool to bend the shadow a with the
corner 3d shape
go ahead and duplicate the cinder shapes ungroup them and change the color of the
main shape to match the 3d shape is behind so as you can see here I've used
the pipette tool to select the purple color you can add a background your 3d
shape in today's illustrator tutorial so you put up the greedy window and
generate a gradient similar to mine then take the rectangle tool make a shape
sending it to the very back afterwards
you can change the direction of the gradient and make sure it's a linear not
radial gradient as you can see here this is looking pretty funky I carry on
taking your time to make the cylinder shapes paying close attention to the
lighting and the shadow effects with the Gaussian blurs and the opacity changes
so here's my final design one cool funky 3d shape in today's industry a tutorial
brought to you by stair graphics again I didn't take credit for this design I saw
a similar design Instagram and I wanted to use as inspiration for you guys in
this tutorial let me know what you thought of today's video in the comment
section and remember to like and share my content if you do find it useful
subscribe for for weekly graphic design uploads to be Hampton already and until
next time design your future today Pierce