In this tutorial we will learn how to create a glass bar in illustrator.
Sunday, April 12, 2009
Create A Glass Bar In Illustrator
Posted: Nabodin at 11:44 AM 1 Comments
Categories: Illustrator, Video Tutorials, Web Graphic
Tuesday, April 7, 2009
How To Recreate The Animal Planet Logo In Adobe Illustrator
Five Famous Logos Deconstructed, designer/artist Lauren Matsumoto demonstrates cool features and techniques in Adobe Illustrator CS3 by recreating five well-known contemporary logos. Here, she explores Illustrator's pathfinder palette, and how you can use it to create the Animal Planet logo.
Posted: Nabodin at 11:22 AM 1 Comments
Categories: How to, Illustrator, Video Tutorials, Web Graphic
Sunday, April 5, 2009
Create A Youtube Subscribe Button In Illustrator
Posted: Nabodin at 11:15 AM 2 Comments
Categories: Illustrator, Video Tutorials, Web Graphic
Saturday, April 4, 2009
Create A YouTube Upload Button In Illustrator
Posted: Nabodin at 11:12 AM 0 Comments
Categories: Illustrator, Video Tutorials, Web Graphic
Tuesday, March 31, 2009
Creating A Web 2.0 - Style Profile Picture Or Customer Help Icon
In this tutorial we will learn how to use more advanced masking and selection techniques to quickly create containers, layer styles, and effects. You will create a profile picture that stands off the page and has a very visually appealing effect.
Posted: Nabodin at 10:57 AM 2 Comments
Categories: Graphic Design, Photoshop, Video Tutorials, Web 2.0, Web Graphic
Monday, March 30, 2009
Creating Layout For Twitter Page
In this tutorial I will show you how to create a basic layout for your twitter background image. I will explain how to optimize the space so that your design and information are seen by the majority of your followers without obstruction. I will demonstrate gradient techniques and basic masking techniques.
Posted: Nabodin at 10:55 AM 4 Comments
Categories: Graphic Design, Photoshop, Video Tutorials, Web Graphic
Friday, March 27, 2009
Creating Forum Membergroup Rank Images
Posted: Nabodin at 10:25 AM 6 Comments
Categories: Graphic Design, Photoshop, Web Graphic
Monday, May 28, 2007
Making Menu Bar for Your Web Graphic
Now what were going to make here is a really nice sleek web 2.0 menu bar.
Step 1
First create a new document size, 500 by 300. So go to layer/create new layer. Call it menu. Now grab the rectangle tool and draw out a rectangle. That will be our base for the rectangle. Then go to layer/rasterize layer.
Step 2
Go to layer/layer style/blending options. Then click on color. Make it the color C1BF00. Then click on stroke. Make the stroke, E3E3E3.
Step 3
Go to layer/duplicate layer. Then cut off most of the shape leaving a 5 pixel rectangle at the top.
Step 4
All you have to do is go to blending options, and remove the stroke and the color. Then give it the gradient with the colors C1BF00 and 000000.
Step 5
Then do the same thing on the bottom but just reverse the gradient. So now this is what you should have so far.
Step 6
No create a new layer again. Call it menuetop. Then make a rectangle over the one we already have and make sure its the color White or FFFFFF. Then just cut it in half but selecting half of it and pressing backspace. Then go to blending options and make the opacity to 25.
Step 7
Now its time to add the text. Make sure the color is FFFFFF So just write out the text across on top of the lighter rectangle. Then open up a new document. No matter the size. Then drag the text in. Then go to image/rotate canvas/ flip 180. Then flip canvas horizontally. Now drag the text back. Then align the two texts together.
Step 8
Grab the text under. You will go to blending options and give the gradient with these two colors. BBBA00 and FFFFFF. Then go to blending options and give it an opacity of 40.
Step 9
we will make the tiny bars that separate each link. So on top of all the layers create a new layer call it separate. Then make a two pixel selection and color it in black. Then give it a gradient with these two colors, B2B000 and CAC840.
Step 10
Duplicate out the separate bar to separate every link. This is what I have so far.
Step 11
So now we will make a selection over one of the links. Then we will color it in white.
Step 12
No just make the opacity to 25 by going to blending options. Then your done. You have made your web 2.0 nice and sleek menu. Good luck but this is what I got.
Thank the data and the picture from PSTuts.com
Posted: Nabodin at 1:17 PM 0 Comments
Categories: Effect and Filter, Graphic Design, Photoshop, Web Graphic
Thursday, May 24, 2007
Making Folder Icon
1. We'll begin this tutorial, by creating a new canvas at a size of 370 x 230 then select the "Rectangular Marquee Tool" and draw the below shape as illustrated. Then create a new layer and fill with 0066ff. Name this layer "Back Flap"
Then change color to Black. To do this, "Ctrl" click the duplicated layer to create a selection around it. Then go to the main menu and select "Edit" then "Fill". Choose Black and click OK then deselect the selection.
Drag this layer so it is beneath the "Front Flap" layer in the Layers Palette. Name this layer "Shadow" in the Layers Palette.Now "Ctrl" click the "Front Flap" layer to create a selection around it then go to the main menu and choose "Select" then "Modify" and lastly "Contract". Contract by 2 and click OK.
Next, be certain that the "Gloss" layer is selected in the Layers Palette, then go to "Select" then "Inverse" then "Edit" and finally "Cut".Posted: Nabodin at 1:23 PM 0 Comments
Categories: Effect and Filter, Graphic Design, Photoshop, Web Graphic