Create a Sleek Web Ribbon in Adobe Illustrator

Preview In the following tutorial, you will learn how to create a simple web ribbon in Adobe Illustrator. For starters you will learn how to set up a simple grid and how to create the main shapes using basic tools and vector shape building techniques. Next using subtle linear and radial gradients along with some simple blending techniques, you will learn how to add shading and highlights for your ribbon. Finally using some simple Warp effects, we’ll add a little dynamism for the final ribbon.

Continue reading

Create a Simple Power Button in Adobe Illustrator

Preview In the following tutorial, you will learn how to create a simple power button in Adobe Illustrator. In the beginning you will learn how to set up a simple grid and how to create and center a simple rectangle that will make up your background. Next, using basic vector shape building techniques you will learn how to create the circle and the compound path that will make up your power button. Finally, taking full advantage of the Appearance panel, you will learn how to add color, shading, highlights and depth for your shapes.

Continue reading

How To Create a 3D Text Effect in Adobe Illustrator

Preview In the following tutorial, you will learn how to create a 3D text effect in Adobe Illustrator using only a piece of text. For starters you will learn how to create a dark, textured background and how to easily center it. Moving on, using a simple piece of text, taking full advantage of the Appearance panel and cleverly adjusting some of Illustrator’s basic effects, you will learn how to create this bold, 3D text effect.

Continue reading

Create a Simple Menu Bar and a Sleek Web Ribbon

Preview In the following tutorial, you will learn how to create a simple menu bar and a sleek web ribbon in Adobe Illustrator. For starters you’ll create pixel perfect shapes using the grid and Snap to Grid option. Next taking full advantage of the Appearance panel and using basic vector shape building techniques, you will learn how to add highlights and shading for your menu bar. Finally, using the Zig Zag, the Rounded Corners effects, a complex linear gradient plus some simple Pathfinder options, you will learn how to create the web ribbon.

Continue reading

Create a Simple Calendar Icon

Preview In the following tutorial, you will learn how to create a simple calendar icon in Adobe Illustrator. For starters, you will learn how to setup a simple grid, how to take full advantage of the Appearance panel and how to create a subtle texture. Next, you can learn how to use the basic Pathfinder options, how to easily align your shapes, how to cleverly use the Roughen effect and how to create a simple pattern. Finally, you will learn some basic masking techniques and how to wisely use the Transform effect.

Continue reading

Create a Simple Contact Form

Preview In the following tutorial you will learn how to create a simple contact form in Adobe Illustrator. You’ll start with some basic tips on how to create and tweak a simple pattern. Next, taking full advantage of the Appearance panel, you will learn how to create the main contact form shape, the sleek text fields and the subtle send button. Finally, using the Type Tool, some basic fonts and the Drop Shadow effect, you will add the text.

Continue reading