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.
(Continue)
In this quick tip you will learn how to create a simple set of map pins. It all starts with a simple circle, some pixel perfect vector shape building techniques and the Rounded Corners effect. Next, using the Pathfinder options along with a bunch of simple effects we’ll create the extra paths. Finally, we’ll use some basic masking and blending techniques. Let’s begin!
(Continue)
In the following tutorial you will learn how to create a simple sliders set. First, we’ll use the Rectangle Tool and the Rounded Corners effects to create the base shapes. Next, using some Offset and Pathfinder options we’ll create the highlight shapes. Finally, for the colors we’ll use several linear and radial gradients, some simple effects along with basic blending techniques.
(Continue)
In this Quick Tip you will learn how to make an iOS style mobile navigation bar complete with icons. This easy to follow tutorial is great for a beginner to intermediate skill level. let’s get started!
(Continue)
In the following tutorial you will learn how to create your own web buttons set. First, using the Rectangle Tool along with some Pathfinder and Offset options plus a Rounded Corners effect you will create the three starting shapes. Next, a linear gradient plus some Film Grain and Drop Shadow effects will complete the overall button. Finally, some text and a new Drop Shadow effect will help you finish the work. Let’s get started!
(Continue)
Just because you missed that awesome conference, doesn’t mean that you can’t still watch the lectures! This weekend we’re sharing a great talk from MFA Interaction Design. In this talk, Jason Santa Maria, discusses web design and interesting ways it can be shaped and inspired by print design.
(Continue)
Follow this quick tip and you will learn how to draw a folder starting from a single path with the help of the 3D Extrude&Bevel effect. You will play with multiple appearances, effects and shadows and you will use the Halftone Pattern effect to create a different texture for the folder icon. Let’s begin!
(Continue)
In this Quick Tip, you will learn how to create a scalable web button with the Appearance Panel and Adobe Illustrator’s 9 Slice Scaling. This technique is especially useful for web designers that need to use the same style button with various lengths of text. Let’s get started!
(Continue)
A few times a each month we revisit some of our reader’s favorite posts from throughout the history of Vectortuts+. This tutorial by Jonathan was first published on November 4th 2008.
This tutorial is perfect for the beginning to intermediate Adobe Illustrator artist. We’ll cover how to layout a website and prepare it for use on the web. Also, we’ll use the recently released Website Elements Freebie to mock up the design as well.
(Continue)
In the following steps I will show you how to create a simple vector badge. For the overall badge you will only need a simple circle. Using multiple fills and strokes along with some built-in patterns and basic effects you will reach the final product. The final badge is easily editable so it won’t be difficult for you to use the colors that you like.
(Continue)
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Vectortuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
Follow Vectortuts+ and Tuts+ on Twitter