today I have a very very cool audio spectrum vector tutorial for you to
design for yourself in Adobe Illustrator also I'm going to review and show you
guys a very cool resource called portfolio box they're sponsoring today's
video and at the end of tutorial I'm going to show you guys how to use it so
you can make a very cool pool earlier for yourself in a matter of minutes
what is that people welcome back to Utah graphics the home of graphic design
content right here on YouTube today's video is based around a
suggestion by a subscriber on how to design audio spectrum vector in Adobe
Illustrator and like I said at the very end of the video I'm going to review and
show you guys quickly how to use portfolio blogs so if you guys want to
have control over your in portfolio online and you want to do in a quick and
easy manner portfolio box might be your answer
portfolio box it's offering my subscribers and my viewers 10% off
LinkedIn description below so check it out and use portfolio box and make your
own super couple earlier today the first thing we need to do in Illustrator for
our audio spectrum vector design is to make a circle with the ellipse tool you
can press L on your keyboard to locate it or you can go to the tool bar make a
black circle by holding down shift and another gradient at the stroke you can
take your time modifying your gradient in the gradient window but try and get a
nice blend between a various vibrant and bright colors
I've spit at this part of the tutorial as I did spend quite a long time
choosing the gradient for my audio spectrum vector
so increase the stroke weights and then if need be make the circle smaller so
you can see what you're doing on the canvas
the trick here is to increase the stroke until the black midsection disappears
so once you've done that open the gradient window and choose this option
here which will set the stroke around the circle like so pretty cool huh
a quick tip it's gonna help you guys in this tutorial if you turn on the scale
stroke options in Illustrator so when you change the size of the circle the
stroke over size in unison move this circle up to one side because we're
going to use that later make another circle but this time use a light gray
color press command will control our to open up your rulers and bringing guides
intersect directly through the middle of your circle vertically and horizontally
it's very important that these lines are perfectly aligned with the circle so
zoom in and take your time to set them up correctly if you can't see you guides
right click on the artboard and make them visible
so once you set up the guides select the circle and lock it in place who doesn't
move around you like to use a black stroke with no fill and press P on your
keyboard to access the pen tool draw a small line like I'm doing here and hold
down shift to make sure it's perfectly vertical you can then press Shift + W at
the same time to access the width or and carefully adjust the line so slightly
thicker the top
take your time to create a nice contrast between the top and the bottom but make
sure it's not too different
once you're happy select the line and press R on your keyboard access the
right a tool you need to track the blue icon all the way down to the midsection
of the circle on your guide intersection it needs to be placed perfectly so once
it is placed click once then hold down the alt/option key and click again
in the new window type in 1.8 and then preview and make sure the new line will
not touch the original line and then click copy you then it's all down
command or ctrl + D to repeat the process all the way around the circle
you can right-click the canvas and hide the guides because we don't need them
anymore this part can be tedious but it is essential press a to access the
direct selection tool and then click and drag the anchor point of one of the
lines to change the length you must make sure that it follows the original path
so you need to go ahead and do this for every single line on your vector design
and make sure that everything is aligned all the way around the circle I'm gonna
go ahead and skip this part of the video because it's gonna take too long for you
to see so I'll see you again soon
so you design should look something like mine here you can click and drag to
select all of the small lines and then change the stroke weights you wanna have
a nice gap between each of the lines to make sure they're not touching then you
need to drag the lines off to one side and outline the stroke
open up the pathfinder window and unite them all together as one shape
we're close to the finishing line for today's vector design with the line
selected created compound path then resize the circle and bring the lines
over the top in a way that you think is going to look good for your design
so when you ready select both the lines and the circle and they right click and
create clipping mask
next unlock everything and then we're going to want to create a black shape
and send it to the back of the design
look this shape in place because he will act as a backdrop for your audio
spectrum design
you
on the circle flick the fill over to a stroke and then add the same gradient as
we did before
you can use the option in the gradient window to generate the gradient all the
way around the circle
Oh Stewart our design that have that quick look at the tutorial on the
portfolio box at event video so stay tuned for that if you're interested in
making a cool portfolio for your work with the line section of design selected
go up to effect stylize and outer glow
I'm gonna use a pinky purple color for mine but you can experiment different
colors you can then click preview to see the outcome and then click OK to
generate
and they have it you already spoke from design you can now add the outer glow'
to other aspects of your design like I've done here on my logo and the inner
circle so next a brief look at portfolio bugs so like I said you can check in the
description below for a link to get 10% off a fully fledged account with
portfolio bugs I made a quick portfolio in around an hour and a half to show you
guys how it works and how easy it is the user interface is very easy to follow
and it took me a few minutes to get used to but there are guides I'm gonna show
you later that do help you create page by page where selecting the page you
want to make and then click create each page type has different layout options
and if you upgrade to pro status you can unlock multiple options so once you've
created the page you can starred in content in a very easy manner
you have control over things such as the pixel size and you simply locate your
image in an uploader then clicks insert image
this is going into my logo section of my portfolio in the bottom corner of the
screen you can see a learn button that I found very useful he will show you what
you need to do in a very logical order he will present red icons for you to
follow and click which helps a whole lot
so here's my final portfolio design which I did a rush for the purposes of
this video but as you can see I have social media icons in the bottom left I
probably should edit those to make them more visible but it's super easy to link
your social media by the way you've accessed your pages at the top menu and
one of the coolest pages you can add is the Instagram page which all you need to
do is log into Instagram via their page and it's going to automatically add all
of your Instagram posts that you've ever made
then there's my about page which has an email link and there's so many ways to
customize your portfolio it's a very easy and clean way to make your
portfolio website so yeah check out the link in description for 10% off and get
exposure on your designs with portfolio box also quickly
oti magazine asked me to do an interview with them and you can check now in the
description below because it's a link to the interview
Sturridge today's tutorial on how to design an audio spectrum vector in adobe
illustrator let me in the comment section below what
you thought of this video and also leave a like if you did enjoy it share my
content on social media if you do find it useful and remember to subscribe to
cetera graphics weekly graphic design content just like today's video have a
great day everyone and until next time there's only future today peace
you