The Best Place for Adobe Illustrator Tutorials
Posts tagged rectangle
Create Your Own Leather Texture Using Adobe Illustrator
May 16th
In this tutorial I will show you how to create a leather texture of different colors using Adobe Illustrator. This is a basic tutorial to follow and will take around thirty minutes to complete. You can use this vector texture in your artwork when you need to add a leather texture. Let’s get started. Step 1 Create a new document with File > New (Command + N). Step 2 Use the Rectangle Tool (M) to create a square with the settings shown below. Set the stroke to none, color it with RGB (R=255, B=255, G=255) and position it to center. Step 3 Go to Effect > Texture > Stained Glass…, a window opens and then click OK to apply it. Go to Object > Expand Appearance. Step 4 Go to Object > Live Trace > Make and Expand. Step 5 Right-click and Ungroup the layer. Step 6 Use Magic Wand Tools (Y), select the white colors and delete. Step 7 Color the layer with RGB (R=25, G=25, B=25), position it in the center of artboard, and modify the size to 300 px. Uncheck the constrain proportion. Step 8 Make a copy of the layer (Command + C) and paste in back (Command + B). Color the layer with RGB (R=65, G=65, B=65), and modify its position: transform x=301 and y=299. Step 9 Use the Rectangle Tool (M) to create a square with the following settings: Step 10 Color the …
Read more:
Create Your Own Leather Texture Using Adobe Illustrator
Create a Detailed, Vector Clothespin Illustration
May 1st
In the following tutorial you will learn how to create a detailed clothespin illustration. It all starts with a simple pixel perfect vector shape building techniques. Then we’ll use the appearance panel and Illustrator effects to add dimension to the illustration. You can use these professional techniques to create quality icons, detailed web graphics, and more. 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. 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. All these options will significantly increase your work speed. Step 2 Pick the Rectangle Tool (M) and create a 20 by 230px shape. Fill it with R=0, G=148, B=68, and remove the color from the stroke. Select this green shape and go to Object > Path > Add Anchor Points. Make sure that this shape is still selected, switch to the Direct Selection Tool (A) and focus on the top anchor points. Select the top, left anchor point and move it 100px down, then select the top, middle anchor points and move it 5px to the right. The Snap to Grid should ease your work. Continue with the Direct …
Read this article:
Create a Detailed, Vector Clothespin Illustration
Quick Tip: Create a Simple Audio Player Bar in Adobe Illustrator
Apr 23rd
In this quick tip you will learn how to create a simple audio player bar. This is mostly about the basics of pixel perfect vector shape building techniques. We’ll start with a simple rectangles and the Rounded Corners effect. Next, we’ll use some Offset and Pathfinder techniques to create the highlights. Finally, some masking/blending techniques and the Drop Shadow effect will help us add the final touches. 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 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. All these options will significantly increase your work speed. Step 2 Pick the Rectangle Tool (M) and create a 525 by 30px shape. Fill it with the linear gradient shown below, make sure that there’s no color set for the stroke and go to Effect > …
See the original post:
Quick Tip: Create a Simple Audio Player Bar in Adobe 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 Casino Slot Machine in Illustrator
Apr 4th
In this tutorial we’ll be creating a slot machine in Adobe Illustrator. We’ll build it from simple vector shapes, then color it, use the Appearance panel to add effects, use symbols, and apply the symbol tools. We’ll end up with a nice vector slot machine. Let’s get started! Step 1 Now, before we start drawing, we need some inspiration. Go to your browser and search for slot machine images. See what elements compose the machines. Gather parts from various machines to create your own slot machine design. Be careful to not copy one image, but rather gather inspiration from many reference images, use your imagination, and compose your own unique creation. Step 2 Create a new Adobe Illustrator web document with a 600 x 800 pixel artboart. Give it a name – I called mine “slot_machine”. Now we’ll apply some setup to our Illustrator working environment. Go to the Symbols panel, click on the top-right button to open the drop-down menu and click on “Select All Unused”. Drag all the selected symbols to the trash icon to delete them. Do the same with the Swatches panel. You’re supposed to be left the with 4 swatches: [None], [Registration], White and Black. Double-click on the white swatch, and check “Global”. Do the same for the black swatch. Open the Preferences panel (Command + K), go to “Guides & Grid” and set the following settings: If you can’t see the grid, click Command + ” to show…
Read the original here:
Create a Casino Slot Machine in Illustrator
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
45 Free Office Business Icons Vector Clip Art Download
Mar 28th
Here is a collection of 40+ free office business vector art icons graphics set download, awesome free office icons collection vector illustration graphics to download in Adobe Illustrator EPS and AI Office Business vector art format for your creative web design, graphic design and print projects. We all know how good and … Free Adobe Fireworks Tutorial – Learn How To Create a Website Header : Let's add a rectangle on top of the image. Fill the rectangle with Read …
See the article here:
45 Free Office Business Icons Vector Clip Art Download
Quick Tip: Create a Coat of Arms Logo with a Texture Background
Mar 8th
In this tutorial, you will learn how to create an organic, natural looking confectionary logo by adding a textured background. Major techniques covered in the tutorial include outline, swirls, warp and blend mode. Lets’ begin! Step 1: Create the Outline Before we create the contour of the logo, we will start with simple shapes, such as the shield and the chef’s hat. Follow these three steps: Duplicate the shape (Command + C) and paste the copy on top of the exact same spot as the original image (Command + F). Shrink the copy to be slightly smaller than the first shape. Select both the copy …
Read more here:
Quick Tip: Create a Coat of Arms Logo with a Texture Background
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 …
Quick Tip: How to Create a Glossy Biohazard Icon
Feb 23rd
In this tutorial you will learn a quick, easy and accurate way of creating your own basic biohazard icon. For this tutorial we’ll be focusing mainly on the use of the Ellipse and Rotate Tools. Let’s begin! Step 1 Make a new document of 600px by 600px and make sure you have Smart Guides turned on by going to View > Smart Guides. Selecting the Rectangle Tool (M) change your current fill color from white to black (Shift + X) and set stroke to none (Backslash). Then finding the center of the artboard Alt + Click to bring up the Option Panel and give both Width and Height a value of 600px. Finally Lock Selection into place (Command + 2). Step 2 Open the Gradient Panel (Window > Gradient Panel) and set the gradient Type to radial. Give the left slider a fill of 255, 245, 0 and then Alt + Drag a new copy to Location 75% and change it’s color to 255, 209, 0. Repeat this once more using 255, 161, 0 for the fill and Location 85% then finally for the last slider 227, 84, 0. Now select the Ellipse Tool (L), Alt + Click in the center of the document this time entering 400px for the Width and Height in the Option Panel. Step 3 Copy (Command + C) this circle and Paste In Front…
Excerpt from:
Quick Tip: How to Create a Glossy Biohazard Icon