Welcome
Announcements!

Our new forum is located at:
www.pinoydesign.net

or

http://forums.pinoydesign.net

Thank you!

Web 2.0 Vector Starburst

Moderator: =GM=

Web 2.0 Vector Starburst

Postby kakashi288 on Sun Feb 24, 2008 11:01 pm

credits to Matt Herndon

STEP 1:

Let’s get started. Begin with selecting your Circle or Oval tool.
Image

Now on your page; hold down Shift + click and drag to make your circle proportional (Which we want it nice and round J ) or you can click the page once you have selected the circle tool to make a defined radius of your circle.

Image

STEP 2:

Let’s make the edges or ridges around our circle, which will give it the burst. Go to the top menu and select Filter>Distort>Zig Zag…
Image

Adjust your ridges according to the length (Size) and how many ridges or Zig Zags you want around your circle. You may also want to switch between the Smooth and Corner selections, but for this tutorial I suggest the Corner. You can select the preview button to view this as you are adjusting (Which is always helpful to see). When done click “OK”.
Image

Now you should have something like this:
Image

STEP 3:

Time to add some color to this star. Begin by selecting the Gradient palette. Choose two or more colors you want to use. Either drag and drop the colors from the Color palette or click on the little squares of color (like the ones in the image below) on the Gradient palette (A) and adjust them with the sliders in the Color palette (B).
Image

Image

Use the Gradient Blend tool to adjust where you want the gradient to position on your star. Just select the tool and place your cursor on one edge your star with the gradient (Make sure the star is selected), then click and drag in the direction you want. You can repeat this multiple times until correct gradilicousity (I made that up) is achieved.
Image

STEP 4:

Lets add a faint stroke onto our edges. To do this we need to select the Stroke on our Color palette and choose the one of the colors we chose for the gradient.
Image

Open the Stroke palette to adjust the size of the stroke. Here we can make the edge larger or smaller as desired. Make sure to select the outside edge (Last box on the Align Stroke).
Image

OK, we should have a star somewhat like this:
Image

STEP 5:

Now to add the gradient. Select your star. Hit CMD+C or Ctrl+C to Copy the image. Then hit CMD+F or Ctrl+F to paste the image in front. Now take your Knife tool

Image

and click + drag through the copy of the star you just made (Don’t worry if you can’t see between layers – the copy is on the front, so just slice through that bad boy as you see it on your screen). You’ll have something like this:
Image

Now click on your select tool
Image

While holding down the shift key, click on the top sliced part of your star. Now hit Delete (This will keep your top sliced part and get rid of the rest you won’t need).

Now click on the top part of your star. And you should see the top part sliced section. Fill it with White from your Color palette.
Image

Click on the Rectangle tool
Image

Click + drag just over the edges of the white filled sliced area with the rectangle tool. Now you should have a big square over your sliced area. Open Window>Swatches and select the black to white gradient . Adjust it vertically with the Gradient Blend tool . Now with your select tool, select everything. Hold down the Shift button and click the star itself. Which will deselect it, while leaving your gradient box and the top sliced part of your star selected. You should have it looking like this:
Image

Now open Window>Transparency. On the palette you should see a little arrow in the top right hand corner click on it.
Image

Select Make Opacity Mask
Image

You should get:

Image

then add some text and you're done ^_^
kakashi288
Site Admin
Site Admin
 
Posts: 1422
Joined: Sat Sep 29, 2007 12:51 am
Location: makati

Postby milesdsc on Fri May 09, 2008 6:23 am

aun oh may natutunan nnmn ako :D
Image
ImageImageImageImage
ImageImageImageImageImageImage
User avatar
milesdsc
Level 1
Level 1
 
Posts: 31
Joined: Wed Apr 09, 2008 5:50 am

Postby kakashi288 on Sat May 10, 2008 1:05 am

salamat po kuya ^^
kakashi288
Site Admin
Site Admin
 
Posts: 1422
Joined: Sat Sep 29, 2007 12:51 am
Location: makati


Return to ILLUSTRATOR

Who is online

Users browsing this forum: No registered users and 0 guests

cron