today an illustrator vector tutorial but we're going to create a sleek futuristic
vector design also at a variant in today's video I've got an interesting
announcement to make so stay tuned for that too the very first thing that we
need to do for a futuristic neon vector design is to have a document and today
we're going to be working in an RGB format which is perfect for web and
screen based graphics we want to use RGB because the blur effects render a lot
better on RGB document now we want a background color for the vector design
and it needs to be quite dark so choose a fairly dark color in the color palette
and then make a shape up to one side we're going to want to sample the shape
later
now press M for the rectangle tool and then draw a shape that covers the entire
artboards you can now press command or control 2 to lock down the background in
place so we're going to set up the color effects for our entire design by
selecting a stroke color in the color palettes and then creating a stroke
circle you need to press L for the ellipse tool and also use a shortcut of
a holding down shift whilst clicking and dragging
to add the actual neon effect coming to the appearance panel and with your
circle selected click the stroke option in the appearance panel and then you're
going to need to come into the effects options down below we're going to add an
outer glow to the stroke giving off the kind of neon effects that we want for
today's design you're going to want to add a similar or the same color for your
stroke in the outer glow and use a blend mode of normal then you can experiment
with a blur and your pasty values whilst having the preview box checked it's
going to help today if you have the smart guys activated and you can
activate them a pressing command will control you and your keyboard then press
M for the rectangle tool hold down shift and the alt/option key at the very same
time and then create a square perfectly in the center of the circle like so then
release the keys on your keyboard and stretch the square downwards to make a
rectangle go ahead and add an outer glow effect to this rectangle in the prints
panel as we did previously for the circle began to add two guides for the
remainder of today's tutorial to keep everything perfectly neat and aligned to
drag down a vertical and a horizontal guide onto your design to make sure
everything is central hold down shift and then click the circle and in each of
the two guides at the same time and then you can align everything of that
selection like so so the next part of today's neon vector tutorial can be a
bit fiddly but it is essential click the rectangle and then press R for the
rotate tool click and drag the icon down to the very center of your design and
then click once all down the alt/option key and then click again
now there are other ways to create the next part of today's design using the
stretched panel but I'm going to use a rotate tool for the remainder of today's
video we're going to use math to create duplications so type in 360 divided by a
number and for my design I landed on 65 objects and then once you ready click
copy and then without pressing anything else press command or control D
repeatedly until you nearly fill up the full circle shapes haven't actually
thought of a faster way to do the next stage in today's tutorial but it's not
too time-consuming anyway so you're going to need to select each rectangle
and then manually lower the opacity so the design becomes more vibrant as it
goes around the circle so let's keep going and now finish the rest of today's
futuristic neon vector design because there are some very specific steps that
you need to take so go ahead and open up the appearance panel and then clear the
appearance this means that we'll make a new shape these specific settings I'm
not going to be applied that I shave all down the alt/option key and then click
and drag to duplicate the black circle and bring it into the center of your
design hold down the option key and shift at the same time and then resize
the circle as I'm doing here
so we want to stroke only and we're going to add a Gaussian blur to the
circle giving a kind of slight shadow effect over the rectangle shapes that we
just made so this part of the design is optional but I feel it's a really nice
addition to the overall neon effects of today's video select the outermost
circle and then press command or control C to copy it and then press command or
control F to face a duplication right over the top
so again holding down shift and the alt/option key scale the circle
downwards you can do that once more to add more detail and intricate elements
to your futuristic design and detail is pretty essential today but it does help
the abreu effect
next carefully select one rectangle and then he'll have to select same and then
choose shape
you will now have selected all of the rectangles and you can press command or
control G to group them together copy this group the command will control C
and then paste a duplicate of the command ctrl F and again scale this down
summer on your design thus adding more interest and detail once more you can
play around the up ATT and if you want you can lay two duplicates over each
other to increase the vibrancy on that specific part of your design so next
we're going to add one of my favorite details and sections of today's design
press P for the pen tool and then hold down shift to make a vertically straight
line you can press V for the selection tool to select off of the line and then
press R for the rotate tool we're going to copy this shape around and as we did
before drag the rotate tool down to the center of the design click once hold
down the alt/option key and then click again type in 1 degree and then hit copy
and then again use the command or control D shortcuts so you're gonna have
360 lines around the circle as we did with the rectangles click one of them
and then select same but this time use stroke weight press command or control G
to group this section together this is gonna make your life a lot easier as a
designer in today's video for in selecting and moving objects
so we have one last part of today's video and uh nice to press L for ellipse
tour and then hold down both shift and alt option key at the same time and add
a circle exactly in this position here
using the rotate tool once more we're going to create some copies and this
time we're going to divide 60 into 360
however only use the command or control D process for 90 degrees of a circle
hold down shift and carefully select all of the new circles we need to use a
rotate tool for one last time today and we're going to rotate this section by
315 degrees so that everything is aligned and neat and perfect for your
better design copy and duplicate a circle and then scale it down to the
same circumference as the small circles that we just made and if you've been
following along and you should already know the keyboard shortcuts by now and
kudos to you if you have been following along religiously now bring down a guide
just below the smaller circles and then press C for the scissors tool and click
twice on the larger circle that we just made press V and then select the
uppermost parts and remove it finally I'm going to add a round cap to the
circle which I personally feel looks a lot better for the futuristic better
design today you can basically copy certain aspects of your design and then
we scale them up or down as I've done here the design looks awesome after
being saved but in my look a bit sketchy after being rendered by my video editing
software
so I have a quick announcement to make before the end of today's video now many
subscribers have suggested that I take your designs and I critique them and
also review them in a video and it's just something I'm more than happy to do
but only if you guys want to see such content on my channel so maybe normally
on a Friday I will give a video on the business photographic design and in the
second half of the video I will actually quit here you can review your guys's
work I can even do things like make mock up briefs for you to work with and then
the following week I will critique the work so yeah let me know that something
that you're interested in seeing on this channel here it's Auto graphics also
make sure to subscribe and keep it dated to all of my uploads and also have a
great weekend and until next time design your future today
peace