The Best Place for Adobe Illustrator Tutorials
Posts tagged shape
Learn How to Create a Garbage Bin Illustration in Illustrator
Apr 25th
In the following tutorial you will learn how to create a garbage bin illustration. Use a complete Illustrator CS5 workflow, vector shape building techniques, gradient and opacity shading, as well as various vector effects. Let’s get started. Step 1 Hit Command + N to create a new document. Enter 700 in the width box and 600 in the height box, then click on the Advanced button. Select RGB, Screen (72ppi) and make sure that the “Align New Objects to Pixel Grid” box is unchecked before your click OK. Now, turn on the Grid (View > Grid) and the Snap to Grid (View > Snap to Grid). Next, you’ll need a grid every 5px. Go to Edit > Preferences > Guides & Grid, enter 5 in the Gridline every box and 1 in the Subdivisions box. You can also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Do not forget to set the unit of measurement to pixels from Edit …
Follow this link:
Learn How to Create a Garbage Bin Illustration in Illustrator
Create a Mobile Phone Music Player Interface
Apr 16th
In the following tutorial you will learn how to create a mobile phone music player interface. We’ll build the interface using pixel perfect alignment, quality vector shape building techniques, as well as gradient and lighting control. Step 1 Hit Command + N to create a new document. Enter 640 in the width box and 960 in the height box, then click on the Advanced button. Select RGB, Screen (72ppi), and make sure that the Align New Objects to Pixel Grid box is unchecked before you click OK. Now, turn on the Grid (View > Grid) and the Snap to Grid (View > Snap to Grid). Next, you’ll need a grid every 5px. Go to Edit > Preferences > Guides & Grid, enter 5 in the Gridline every box and 1 in the Subdivisions box. You can also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Do not forget to set the unit of measurement to pixels from Edit > Preferences > Unit > General. All …
See the original post here:
Create a Mobile Phone Music Player Interface
Create a Plastic ID Badge in Illustrator
Apr 10th
In the following tutorial you will learn how to create a plastic ID badge in Adobe Illustrator CS5. We’ll use pixel perfect vector build methods, multiple highlights, and effects to create the plastic and lanyard texture, then add your own image to the badge. Step 1 Hit Command + N to create a new document. Enter 600 in the width and height boxes, then click on the Advanced button. Select RGB, Screen (72ppi) and make sure that the Align New Objects to Pixel Grid box is unchecked before your click OK. Step 2 Let’s start with the background. Pick the Rectangle Tool (M) and create a shape the size of your artboard. Fill it with R=39, G=167, B=222. Remove the color from the stroke. Make sure that this blue rectangle is selected, focus on the Appearance panel and add a second fill using the Add New Fill button. It’s the little white square located at the bottom of the Appearance panel. Select this new fill and use the radial gradient shown below. The yellow zero from the gradient image stands for opacity percentage. Add a third fill for this rectangle, select it from the Appearance panel and make it black. Lower its Opacity to 5%, change the blending mode to Multiply and go to Effect > Artistic > Film Grain. Enter the data shown below and click OK. Move to the Layers panel and lock this shape to make sure that you won’t select or move it accidentally. Step 3 Now turn on the Grid (View > Grid) and the Snap to…
More here:
Create a Plastic ID Badge in Illustrator
Quick Tip: How to Create a Simple Set of Switch Buttons
Apr 4th
In the following tutorial you will learn how to create a simple set of switch buttons. First, we’ll use the Rectangle Tool along with the Rounded Corners and the Drop Shadow effects to create the shapes behind the button. For the button we’ll use a mesh, some Pathfinder options and two simple strokes. Step 1 Create a 600 by 300px, RGB document. First, enable the Grid (View > Show Grid) and the Snap to Grid (View > Snap to Grid). Next, you’ll need a grid every 1px. Go to Edit > Preferences > Guides > Grid, enter 1 in the Gridline every box and 1 in the Subdivisions box. You can also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Do not forget to replace the unit of measurement to pixels from Edit > Preferences > Unit > General. Al these options will significantly increase your work speed. Step 2 Pick the Rectangle Tool (M) and create a 60 by 30px shape. Fill it with the linear gradient shown below and add a 1pt stroke. Set its color at R=88 G=89 B=91 and align it to outside. Step 3 Reselect the rectangle created in the previous step and focus on the Appearance panel (Window > Appearance). Add a second stroke for your shape using the Add New Stroke button. It’s the little, black square icon from the bottom …
Read the original here:
Quick Tip: How to Create a Simple Set of Switch Buttons
How to Turn Glasses into a Great Geek Icon
Mar 30th
In this tutorial, we’ll show you how to make a cool, or should we say geeky, glasses icon. You should be versed in Adobe Illustrator’s tools to complete this tutorial. You’ll learn how to take creative license and create an illustration that uses a photo reference, but differs a bit in the final design. Dec of 2008 Step 1 Start by taking a photo of some glasses. Make sure to take it at a high enough resolution so it won’t be pixelated when viewed at larger sizes while you’re working. The end result is much more cartoonish and geeky. If your glasses are not exactly as you would like the illustration to appear you will need to improvise while you are making the illustration. After all, the photograph is just a reference anyway. We will be deviating from the actual photo in the final icon. Step 2 Place the photo on its own layer and lock the layer. Using the Pen Tool (P) and draw around the edge of the glasses frames. Give the stroke a thick weight. We will convert the stroke to a shape in a later step. This will save us the hassle of drawing two different rectangles to make the frame of the glasses. Step 3 Trace the arm of the glasses next. Give this stroke a Round Cap by clicking on the option highlighted below. Step 4 When you are finished tracing both arms…
Originally posted here:
How to Turn Glasses into a Great Geek Icon
Create a Stylish Switch Button in Illustrator
Mar 15th
In the following tutorial you will learn how to create a simple switch button in Adobe Illustrator. We’ll build the witch button using pixel perfect alignment, quality vector shape building techniques, and then color the work with Film Grain effect, Opacity Masks, and highlights. Step 1 Hit Command + N to create a new document. Enter 600 in the width and height boxes, then click on the Advanced button. Select RGB, Screen (72ppi) and make sure that the Align New Objects to Pixel Grid box is unchecked before your click OK. Now, turn on the Grid (View > Grid) and the Snap to Grid (View > Snap to Grid). Next, you’ll need a grid every 2.5px. Go to Edit > Preferences > Guides & Grid, enter 2.5 in the Gridline every box, and 1 in the Subdivisions box. You can also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Do not forget to set the unit of measurement to pixels from Edit > Preferences > Unit > General. All these …
See the rest here:
Create a Stylish Switch Button in Illustrator
Create a Beautiful Lily Pad Using Adobe Illustrator
Mar 13th
In this tutorial we will learn how to create a beautiful lily pad in Adobe Illustrator. We will use basic drawing tools: like the Rectangle Tool, Ellipse Tool, and Pen Tool for drawing. For coloring we will use the Gradient Mesh and Blend extensively. So let’s begin! Step 1 Create a new RGB document with a width of 1000px and height 550px. Using the Rectangle Tool (M) to create a rectangle that covers the entire artboard. Fill it with a shade of blue #63C8E4. Select the rectangle and go to Object > Create Gradient Mesh. In the resulting dialogue box enter the values as shown and click OK. Step 2 Now we’ll create a water effect by coloring nodes of the mesh in different shades of blue. I have numbered the rows for ease of explaining. Use the Direct Selection Tool (A) to select all the nodes in the first and second row and color them in a deep blue. I have used #071F2B. Step 3 Select all the nodes in the third row and fill them with #093F58, which is a lighter blue than before. For some color variation in the water fill a greenish blue (#0E6B7D) in the fourth and fifth row. Step 4 Fill #1E9CCF, #219FD0 and #50C0E0 in the sixth, seventh and eighth row respectively. To add a whitish tinge at the top, fill the ninth row with a light blue #94D8EE. This is how our background should look at this stage. While this effect can also be achieved using the Gradient Tool (G), we have used a gradient mesh so we can make color changes to nodes later on to create shadows and lighter tones in the water. Now …
Read the original:
Create a Beautiful Lily Pad Using Adobe Illustrator
Create a Simple Clipboard Icon in Illustrator
Mar 7th
In the following tutorial you will learn how to create a simple clipboard icon. Use a complete Illustrator CS5 workflow, vector shape building techniques, and vector effects to design this icon. Let’s get started. Step 1 Hit Command + N to create a new document. Enter 600 in the width and height boxes, then click on the Advanced button. Select RGB, Screen (72ppi) and make sure that the Align New Objects to Pixel Grid box is unchecked before you click OK. Now, turn on the Grid (View > Grid) and the Snap to Grid (View > Snap to Grid). Next, you’ll need a grid every 5px. Go to Edit > Preferences > Guides > Grid, enter 5 in the Gridline every box and 1 in the Subdivisions box. You can also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Do not forget to replace the unit of measurement to Pixels from …
Create a Simple Clipboard Icon in Illustrator | Vectortuts+
Mar 7th
In the following tutorial you will learn how to create a simple clipboard icon. Use a complete Illustrator CS5 workflow, vector shape building techniques, and. … Select it from the Appearance panel, set its color at R=35 G=31 B=32, lower the Opacity to 5%, change the blending mode to Multiply and go to Effect > Sketch > Graphic Pen. Enter the data shown below and …. In the following images you can find two different sets of properties that you can use for this shape.
Read more:
Create a Simple Clipboard Icon in Illustrator | Vectortuts+
Quick Tip: Create a Modern Volume Bar with Adobe Illustrator
Feb 20th
In the following steps you will learn how to create a simple volume bar. It’s a pretty simple tutorial that will introduce you to the basic tools, effect and techniques used in Adobe Illustrator. You will start with a simple rectangle and circle then using multiple fills, strokes and several simple effects along with some nice blending and masking techniques you will create your own volume bar. Step 1 Create a 600 by 800px, RGB document. First, enable the Grid (View > Show Grid) and the Snap to Grid (View > Snap to Grid). Next, you’ll need a grid every 5px. Go to Edit > Preferences > Guides > Grid, enter 5 in the Gridline every box and 1 in the Subdivisions box. You can also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Do not forget to replace the unit of measurement to pixels from Edit > Preferences > Unit > General. Al these options will significantly increase your work speed. Step 2 Pick the Rectangle Tool (M) and create a 20 by 410px shape. Fill it with the linear gradient shown below and remove the color from the stroke. Step 3 Reselect the shape created in the previous step and add a first stroke. Set its color at R=88 G=88 B=88, make it 2pt wide and …
See the article here:
Quick Tip: Create a Modern Volume Bar with Adobe Illustrator