Web Designer Pro Bundle - $500 of Site Templates, Stock Photos, Code, Graphics and more for only $20

Browsing Category

Interface Design

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 Create an Eye Catching Upload Button in Adobe Illustrator

Quick Tip: How to Create an Eye Catching Upload Button in Adobe Illustrator

This tutorial takes you step by step through the process of creating an upload web button. You will learn how to use just a few simple, yet effective, tools and techniques to create this eye-catching design.

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!

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!

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 3D Map Pullout for Information Graphics
videos

Quick Tip: How to Create a 3D Map Pullout for Information Graphics

In this Quick Tip Video, you will learn how to use a clever trick to make a map element appear to zoom out from its background. Popular with information graphics, this effect is perfect for a variety of creative uses. Let’s get started!