How to Make a Bright Sun Vector Logo in Illustrator

How to Make a Bright Sun Vector Logo in Illustrator

Posted by on Wednesday 04 Apr 2012

Summer is fast approaching and what better way to impart a little bit of summer fun than with your very own sun icon. This tutorial hits the spot if you’re designing promotional flyer prints or catalog prints for the fast-approaching summer season, or if you want your website design or logos to join in a little bit on the summer wave.

Without further ado, I have created a step by step process to teach you how to make a bright sun vector logo in Adobe Illustrator. All you have to do is to follow the steps below and see how you can tweak this steps to get your own styled bright sun vector. Let’s get started.


With a new document open, create a yellow circle using the ellipse tool (shortcut L). Make sure you press the SHIFT key as you do this so that you are sure that the circle is well proportioned and symmetrical. Note that we created this circle with no shape strokes.


Next, duplicate this yellow circle. Make this duplicate a bit larger by using the selection tool. Then, sent it to the back by right clicking it and then selecting Arrange -> Send to Back. Afterwards, change its colour to a tinge of yellow orange like so.


With the larger yellow-orange circle selected, add a yellow stroke (same colour as the smaller circle) with a uniform style and 12pixel thickness.


That should give us the basic sun disk. Now let us create the sun rays. Somewhere in your art board, draw a yellow rectangle and a circle (of another a colour it does not matter) just like you see below.

  STEP 5

Next, on the pathfinder panel (if you do not see it check Windows -> Pathfinder if it is checked), look for the “Minus Front” option and click on it.


You should now get something like this:


Duplicate this by pressing CTRL+C and CTRL+V while the shape is selected. Then, right click on the duplicate shape and click on Transform -> Reflect… Choose the option to reflect vertical 90 degrees. You should then have the other half of our sun ray.


Now just position them together and click on “Unite” in the pathfinder panel. Then use the selection tool to stretch this sunray to your specifications.


Then, position your sun ray on top of our sun and click on the Rotation tool. Click on the centre of the sun disk circle to make that the pivot point.


Press the ALT key while left clicking on the Sun ray and then move your mouse to the left. A duplicate of our shape should appear. Rotate it approximately 30 degrees to the left.


Next, press CTRL+D ten(10) times. You should complete all the sun rays symmetrically around the sun disk.


Afterward, select all the new sun rays we have and group them by right clicking on them and selecting group. Right click again and select Arrange -> send to back. Change its colour to something other than yellow (depending on your theme). Then rotate it a bit using the rotate tool. You should get something like this.


Great! Now you have a pretty decent Sun Vector. You may want to experiment with other types of colours and even Colour gradients to make your sun vector more exciting.


Finally, just add some semi-transparent white circles to complete the bright styled sun vector. Just draw white circles and ellipses, rotate them slightly, and adjust their transparency (Window -> Transparency) to around 30-40%.



 So now you know how to create a bright and glossy Sun vector.

Hope you enjoy the tutorial! Swing by PrintPlace Tutorials to find more of this.

Did you enjoy this tutorial? Share it, like it, favorite it!
FavoriteLoadingAdd to favorites
0 0 votes, average: 0.00 out of 1
You need to be a registered member to rate this post.
Loading ... Loading ...

Write a Comment

Gravatars are small images that can show your personality. You can get your gravatar for free today!

You must be logged in to post a comment.