what is up people welcome back to Satori graphics the home of graphic
design content right here on YouTube today I've got a really awesome tutorial
for you guys to follow along with and recreate yourself in Adobe Illustrator
I'm going to show you some lighting techniques as well as use of gradients
and also brushes to recreate the Adobe logo in this cool manner that you're
seeing on screen now there's actually going to be two different variations on
today's logo design so follow along and recreate the debut logo in my style
today with satori graphics
so today we're going to tweak the Adobe logo and I'm gonna show you two
different variations of the logo using my lighting techniques in Adobe
Illustrator you can find the Debu logo on Google and then open up an
illustrator so we can actually draw around the basic shape of the symbol
itself press P for the pen tool and then use a stroke without a fill and
carefully draw around the Adobe icon my version of the debris logo is going to
be made up of three shapes essentially so follow how I draw around the logo and
recreate it for yourself
so as you can see there are three shapes that make up your debut logo we need to
make a new document and then for the lighting effects we're going to set the
color mate of RGB which is something I very rarely ever do it the ability
however the lighting effects and the blends will look a lot better if this
document is set to RGB drag your design over to a new document and then place it
on the canvas we can increase the stroke weights and the color of the lines don't
matter at this stage
if you have anomalies like I do here at the top of the a open up the stroke
window and use the same settings I'm using here this should remove your
anomalies now I'm going to add more lines within the Adobe logo to give it
more detail and make it more interesting we add the lighting effects later in the
tutorial I'm going to speed up this section of the video because all you
need to do is simply draw new lines in the same way that I'm doing or you can
get creative and go off on your own tangent on this part of the design it's
just a matter of building up your logo with a greater sense of detail so you
can overlay lighting effects later
you can also take a direct selection tool by pressing a on your keyboard and
move the anchor points to adjust your logo so the logo is nearly ready to have
the gradient and the lighting effects added remember I'm showing you two
different styles with today to debut logo design select everything and then
go up to object and outline stroke this will turn all of your vector paths into
vector shapes to make sure the lighting effects that we add later really really
pop under visible we should add a dark background so choose a dark color in the
color palette and then press M for the rectangle tool
draw a rectangle around your canvas and then send it to the very back and then
lock it down in place so it doesn't move around I also like to make a sample of
the same color off to the side in case I need to use the same color the
background later as the background is going to be luck
now select your Adobe logo and go ahead and United together in the Pathfinder
window so it's now one vector shape for the first style of the logo variation
we're going to add a gradient overlay here for my design I'm going to use a
vibrant color from dark purple to bright pink you can of course use whatever you
feel works best for your logo design
we're now going to make a vital part of this tutorial and that's a lighting
effect brush so grab the pen tool and draw a perfectly straight line by
holding down shift on your keyboard
apply the stroke style here and increase this trick wait a little bit
so once you've done that apply the outer glow you can experiment different colors
so maybe a bright pink glow or a white glow it's entirely up to you
so as you can see here Milan has a nice outer glow to it this would look
terrible if the document is set to CMYK
now open up the brushes window from the top drop-down menu or you can press f5
on your keyboard with the line still selected create a new brush in the top
right corner of the window and then choose art brush as you can see the
outer glow line is now a brush which is pretty awesome
you can delete the line and then use the alt option key to duplicate the Adobe
logo flick the fill label to a stroke then simply apply the outer glow' brush
in the brush window like so
and there is the first variation of the debut logo and this does look pretty
neat
for the second variation we can take the pen tool and draw a lines across the
debut logo and then apply the brush that we just made now I didn't have much time
today to finish this up myself but I want to show you all this
technique so you can do it for yourself and go ahead and make some cool designs
if you do make a cool design go ahead and upload it on Twitter and tag me in
your post because I'd love to check it out remember the direct selection tool
is there if you want to go ahead and manipulate and move the anchor points
around which will reposition the areas of the lighting effect
so here the two designs that I ended up with in today's video brought to you by
Satori graphics
solaris today's graphic design tutorial in adobe illustrator brought to you by
Satori graphics let me know why guys so after this video down in the comment
section below and of course if you do find content useful and enjoyable drop a
like and also subscribe to satura catholics for weekly graph design
content which the two stars that I showed you in today's video of the Adobe
logo did you prefer the idea in these kinda tutorials is that you take the
techniques shown in the video to go back into your own work and make your own
cool designs so if you're not totally clear on the technique shown today go
back and watch the video again just to make sure that you're crystal clear on
all the techniques I showed you in today's local scientist area so until
next time design your future today peace