Browsing Tag

Interface Design

Quick Tip: How to Create an Abstract Curly Banner

Quick Tip: How to Create an Abstract Curly Banner

Follow this quick tip and learn how to create an abstract curly banner. We will use multiple appearances and many Art brushes along with the Transform effect. Also, if you like curls this is good opportunity to practice drawing so let’s begin!

Quick Tip: Create a Modern Volume Bar with Adobe Illustrator

Quick Tip: Create a Modern Volume Bar with Adobe Illustrator

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.

Create a Block Game Interface in Illustrator

Create a Block Game Interface in Illustrator

In the following tutorial you will learn how to create a block game interface in Adobe Illustrator CS5. Vector game graphics allow for versatile artwork. The workflow presented in this tutorial will teach you how to create game graphics in Illustrator. These techniques can be applied to multiple interface design and game design projects. It’s time to jump in, learn to create these shapes, and give them colorful graphic depth.

Quick Tip: How to Make an iOS Style Mobile Navigation Bar
videos

Quick Tip: How to Make an iOS Style Mobile Navigation Bar

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!

New Book: Rockstar Icon Designer

New Book: Rockstar Icon Designer

What is one graphic element that you see dozens, if not hundreds, of times a day? Each of your favorite websites, applications, and software has at least one, and we’re betting it’s even had a major influence on what tools you decide to use. Any guesses?

If you guessed “icons,” you guessed right!

Quick Tip: How to Make an Ultra Glossy Scalable Web Button with 9-Slice Scaling

Quick Tip: How to Make an Ultra Glossy Scalable Web Button with 9-Slice Scaling

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!

Preview

Use Adobe Illustrator to Create a Clean Website Layout

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.

Quick Tip: Learn How to Create a Clean Style Download Button

Quick Tip: Learn How to Create a Clean Style Download Button

In the following tutorial you will learn how to create a clean download button in Adobe Illustrator. By first using the Rectangle Tool and some simple effects you will create the overall button shape. Next, using some other basic tools and effect along with some nice colors and patterns you will create the arrow shape. Finally, for the text you will use a bold font along with some simple effects.

Create a MIDI Drum Machine in Illustrator

Create a MIDI Drum Machine in Illustrator

In this fun beginner’s tutorial you’ll learn how to get sophisticated results using a few simple elements and effects. The design is based on M-Audio’s discontinued Trigger Finger Drum Pad Control Surface (see inset). Let’s get started!

Quick Tip: How to Create a Simple Register Form Design

Quick Tip: How to Create a Simple Register Form Design

In this Quick Tip tutorial you will learn how to use Illustrator to make a simple web form design. By following a few easy techniques you will have clean and modern register form in no time!