today I have a super cool but super easy vector ribbon banner tutorial in Adobe Illustrator
as well as a quick graphic design workflow tip at the very end
what is up people welcome back to satori graphics the home of graphic design
content right here on YouTube I hope you had a great weekend and are you ready
for some fresh graphic design content this week I have a three-part miniseries
dropping this week here esotery graphics where I'm going to show you guys how to
boost your graphic design career online for free the three-part series will
start with episode number one on Tuesday so watch out for that now let's jump
right into this vector ribbon banner design in Adobe Illustrator as well as
my workflow tip at the very end of the video for this vector ribbon banner
design I'm going to use four colors and if you want to use the exact same colors
as me I'm going to show you the color codes of course the last color is white
so there's no color code needed for that
with a dark blue color take the rectangle tool and cover your canvas in
Adobe Illustrator and then lock in place
once you have your background take the type tool and type out one word
he was supporting I'm using in case you guys want to use it for your design if
you then take the pipette tool you can sample white quickly and also a quick
tip press the caps lock button on your keyboard to get a pinpoint accurate icon
design it they really traitor bring the text over onto your canvas and then use
the option key to duplicate it two more times with all of your tech selected you
can then align the text equally and vertically
with the light red color make a rectangle shape and then use a selection
tool and the shift key to select all of the layers of text and then bring them
to the front again using the alt option key duplicate the two rectangles two
more times to fit into your vector ribbon banner design you can align
everything centrally once you're happy with your layout
I have my Satori graphics logo here I'm going to add it to the bottom as a for
section on the vector ribbon design
again I learn everything after so you keep things nice and neat and perfect
this is where we're going to apply a technique to create the wavy kind of
effect on the ribbon banner so select one a rectangle on one piece of text and
then go up to object envelope to store it and then make with warp
there are many many options here but we're going to be using the flag warp
option on the bottom two options we want to keep the figures as zero so play
around of the top slider into your happy do this for every single part of your
design but make sure the waviness isn't the same throughout because we want some
contrast on the vet ribbon design
now group everything together with command or control G and then take the
darker shade of red and the pen tool we're going to add the behind sections
of the Betty River banner design so once you've drawn in the shape bring
the group section to the front
we can do this on every single section of the design to link the entire event
to ribbon together
I decided power the way through this tutorial but the darker red isn't
actually dark enough
and here is a new color code also I felt the sections of the ribbon were a bit
too close together so I've ungrouped everything and I noticed to apply a bit
more
you can also use a direct selection tool to adjust your designer any stage in
this tutorial so here is the vector ribbon banner so far we must add some
finishing touches to the design so group everything together and then take the
pencil and the darker shade of red draw in a shape like so which would represent
the ribbon curling behind
like before bring the group design to the front and then during the final part
of the ribbon with the lighter shade of red
you can use a direct selection tool to adjust your shape the shortcut being a
on your keyboard
then arrange the layer order so it looks like my design here we're going to add
some shading real quick so use a darker shade of color and then Turing a shape
and arrange the layers like so we want to lower the opacity so they represent
shade in a flat manner
I feel this is a very nice touch and take your time to make sure everything
is in order and you will learn the shadow perfectly at the top of the
ribbon
do the same for the lower section of your design and then you would have
completed today it's very ribbon banner tutorial in Adobe Illustrator next have
a quick workflow tip view that I try to add at the very end of every single
satori graphics video
so today's bonus tip will help you organize your design flow and your
creative process in Adobe Illustrator you should start to use the artboard
tool so you can structure your designs very well you can use the option key to
duplicate your board and its design over and over then you can make adjustments
as you travel along your creative process journey for example when you're
designing a logo you can also change the name of the artboard like so which will
further allow you to organize your graphical design workflow
so I hope you enjoy today tutorial on a veteran banner and if you did drop a
like and a comment on this video I have the miniseries dropping on my channel
this week for three days all about how to boost your graphic design career
online so subscribe for weekly graphic design uploads and until next time
design your future today peace