k

In this tutorial, we'll see how creating this detailed traffic light is just a matter of building up layers of simple shapes, custom gradients, and the Outer Glow effect.

Click Here to Download PDF

Continue - Create a Detailed Vector Traffic Light with Simple Shapes, Gradients, and Glows

In this tutorial, we'll show the advanced Adobe Illustrator artist how to create a realistic looking soccer ball with mesh objects. You'll learn how to create reflections with the Opacity Mask. We'll also make our own swooshes and custom brushes.

Click Here to Download PDF

Continue - Create a Stylized Gradient Mesh Soccer Ball Illustration


In this tutorial, we're going to use Illustrator (and a bit of Photoshop) to create an image that looks roughly hand-drawn on textured paper. We'll be creating a camera illustration in this rough sketchy style.

Click Here to Download PDF

Continue - Create a Sketchy Hand-Drawn Camera Illustration in Illustrator

This tutorial will show you how to make a vector illustration of the Sidekick LX. This tutorial uses mostly the Pen tool, basic shapes, and simple gradients to give this illustration a degree of realism. In this tutorial, you'll learn quick ways to make stylized vector illustrations.

Click Here to Download PDF


Continue - Create a Sidekick LX Styled Vector Illustration

Create A Jeweled Dollar Sign

Posted by Mas Catur On 9:29 PM 0 comments

In this tutorial, I will show you how to create a Jeweled Dollar Sign. This tutorial uses some basic Illustrator features like Gradients, Offset Paths, and Divide. The image might look complicated but when you break it down, it is relatively simple, and easy to apply to other fonts and objects.

Continue - Create A Jeweled Dollar Sign

Create a Detailed Camera with Photo Icon

Posted by Mas Catur On 9:23 PM 0 comments

This tutorial will show the intermediate Adobe Illustrator artist how to make a sleek web 2.0 style icon. You should have a basic understanding of Adobe Illustrator tools before you begin this tutorial, as the tutorial moves at a rapid pace.

Click Here to Download PDF

Continue - Create a Detailed Camera with Photo Icon


We'll be using Adobe Illustrator to create this tutorial. A water ripple effect can easily be achieved using a radial gradient. Besides this, I will be showing you how to create realistic water droplets using the gradient mesh tool.

Click Here to Download PDF

Continue - Create a Cool Water Ripple Effect in Illustrator

Illustrator has offered a range of 3D tools for some time and this tutorial aims to get you started familiarizing yourself with them. We'll be creating a can of beans, built entirely from vectors, using the Symbols palette, the Extrude tool and Illustrator's Image Mapping. Enjoy!

Click Here to Download PDF

Continue - Create a Can of Beans by Mapping Vectors to a 3D Object

This tutorial will show the intermediate Adobe Illustrator artist how to make a dramatic landscape environment. You should have a basic understanding of Adobe Illustrator tools before you begin this tutorial, as the tutorial moves at a rapid pace.


Continue - Craft a Dramatic Vector Landscape Environment

Souping up a Photo

Posted by Mas Catur On 6:37 PM 0 comments

There are times when a regular photo just doesn't cut it and you need your photo to pack a punch. Here is one technique that you may find useful.

Click Here to Download PDF and File Package

Continue - Souping up a Photo

Making a Message Strip in Photoshop

Posted by Mas Catur On 7:21 PM 0 comments

In this tutorial, we're going to make a little message strip in Photoshop that you can place in the top-right corner of a design. These little strips look very trendy and Web2.0-y, particularly in Web designs! It's quite an easy effect to do, and in this tutorial we'll add some shadow and light to make it pop!

Click Here to Download PDF and File Package


Continue - Making a Message Strip in Photoshop

Icey Styles in Photoshop

Posted by Mas Catur On 7:19 PM 0 comments

In this tutorial, we're going to create an icey-cold effect using layer styles and that you can apply to different objects. Then we'll put it on a nice background to give it some kick. You can download the PSD file at the bottom of the tutorial if you'd simply like to copy+paste the layer styles.

Click Here to Download PDF and File Package


Continue - Icey Styles in Photoshop

Hazardous Red Background

Posted by Mas Catur On 7:16 PM 0 comments

This tutorial is about making a textured red background and using Photoshop's Shape Tool to add a design element. You can download the sample PSD file from the link at the bottom of the tutorial.

Click Here to Download PDF and File Package


Continue - Hazardous Red Background


In this tutorial, we are going to create a sort of old-worldy composition featuring a compass and making use of some awesome vector artwork from Arsenal. As always there is a PSD file at the bottom of the tutorial. In this instance, I would highly recommend downloading it as this is quite a complex composition. Be warned this is a LONG tutorial!

Click Here to Download PDf and File Package


Continue - Creating a Stunning Old-World Look in Photoshop


This tutorial is about making a "mac" style background. You can use these in all sorts of situations, including the obvious --your desktop-- as well as part of your designs or for corporate work (Powerpoint presentations, Flash work, etc). Naturally, you wouldn't want to use this exact set of steps, but following them will give you a good idea of the technique. Good luck!

Click Here to Download PDF and File Package


Continue - Creating a Mac-Type Background in Photoshop

Advanced Glow Effects

Posted by Mas Catur On 5:19 PM 0 comments

In this tutorial, we're going to create some really sharp-looking glow effects using a combination of layer styles, the Pen Tool and Color Blending. The end effect is quite stunning and hopefully you'll pick up some tips you didn't know before.

Click Here to Download PDF and File Package


Continue - Advanced Glow Effects


One of the biggest challenge to web designers is finding ways to place a lot of information on a page without losing usability. Tabbed content is a great way to handle this issue and has been widely used on blogs recently. Today we're going to build a simple little tabbed information box in HTML, then make it function using some simple Javascript, and then finally we'll achieve the same thing using the jQuery library.

Click Here to View Demo
Click Here to Download PDF and File Package
Continue - Create a Slick Tabbed Content Area using CSS & jQuery


Animation and visual feedback are great ways to assist a user in navigating and interacting with a website. While traditionally Adobe's Flash was the goto for anything animated, these days with the magic of javascript we can avoid Flash altogether. Today we're going to build a really cool animated navigation menu using just CSS and jQuery.

Click Here to View The Demo
Click Here to Download PDF and File Package
Continue - Create a Cool Animated Navigation with CSS and jQuery

Build a Sleek Portfolio Site from Scratch

Posted by Mas Catur On 4:53 PM 0 comments

There's nothing like building an entire site to show you a good overview of how a CSS layout should work. Over at PSDTUTS we've got a tutorial where you design up a sleek, high end web design. In this tutorial we're going to take that PSD file and build it with some nice clean HTML and CSS.

Click Here to View Demo
Click Here to Download PDF and File Package
Continue - Build a Sleek Portfolio Site from Scratch

There are lots of different ways to communicate with your users these days. RSS feeds, SMS, & sites like Twitter have changed how we speak to our audience. But for my money, you can't beat the personal touch of a good ol' email newsletter.

Of course keeping up a newsletter can take effort, but in this tutorial I'll show you how to use your regular Wordpress website combined with Feedburner to make a simple email newsletter manager.

Click Hete to Download PDF and File Package

Continue - Build a ‘WordBurner’ Email Newsletter Manager using WordPress and FeedBurner


In this tutorial we'll see how we can create a caricature, split it into different layers then arrange the pieces properly as graphic symbols. Finally we'll look at how easily we can smoothly animate the caricature by using motion tweens. This is a lengthy tutorial, so let's get started!

Click Here to Download PDF File and File Package


Let's take a quick look at the effect we're aiming to achieve with this tut:






Continue - Smoothly Animate a Caricature Using Motion Tweens


In this tutorial, we'll recreate the Flip Effect used in the iPhone's UI using Flash CS4 and ActionScript 3.0.

Click Here to Download PDF and File Package

Let's take a look at the final result we will be working towards (click on the 'i' button):





Continue - Create an iPhone-like Flip Effect in Flash Using ActionScript 3.0


In this tutorial we'll create a magnifying glass effect, demonstrating use of the displacementMapFilter. The effect can be achieved in a relatively short space of time and with very little code.

Click Here to Download PDF and File Package






Continue - Create an Impressive Magnifying Effect with ActionScript 3.0


Ever heard a song by T-Pain on the radio and wondered how the robotic vocal effect is achieved? By the end of this tutorial, you will own the autotuning sound that is used on so many pop records right now.

Click Here to Download PDF and File Package
Continue - How to Autotune Your Vocals Like T-Pain, Cher or Daft Punk

Gaining Mastery Over Microphone Preamps

Posted by Mas Catur On 5:00 PM 0 comments

How much do you know about micamps? Should technology guide your choices? Or maybe you’re happy to use whatever is around, but sometimes you’d like to have a more informed approach to recording? This tutorial will help you choose the colour you’re missing from your canvas.

Click Here to Download PDF and File Package
Continue - Gaining Mastery Over Microphone Preamps

Create a Vocal Glitch Sequence

Posted by Mas Catur On 4:58 PM 0 comments

Glitch processing is a popular technique in contemporary electronic music. Although this method can be used on any sound it is often most effective when applied to vocal sounds. In this tutorial, Mo Volans shows you how...



Click Here to Download PDF and File Package
Continue - Create a Vocal Glitch Sequence


In this tutorial, we'll create an animated mask image revealer, which will involve movie clips, masks and ActionScript 3.

Click here to Download PDF and file package



Continue - Create a Slick Image Revealer in Flash Using ActionScript 3

Create a Jazzy XML Driven MP3 Player

Posted by Mas Catur On 9:00 PM 0 comments

ActionScript 3.0 allows Flash Developers and Designers to make all manner of things in Flash with relative ease. This tutorial will teach you how to create your own ActionScript 3.0 MP3 Player with sound spectrum, album art, color changer and song information display.

Click here to download PDF and file package
Click here to view demo
Continue - Create a Jazzy XML Driven MP3 Player


The goal in this tutorial is to built a contact list which loads dynamically from an external XML file. When the user selects a different contact, the data will automatically update to display properly. We'll also be applying some basic stylesheet changes to the results and give the project a more customized touch.

Click here to download PDF and file package
Click here to view demo
Continue - Build an XML Driven Contact List Using Flex 3


Navigation is a crucial part of your website, but often a bore to build and maintain. In this tutorial I'll describe a quick and solid way of using basic ActionScript skills, blended with a bit of your creativity, to construct intuitive & user friendly navigation systems. Okay, time to get our hands dirty, well... sweaty maybe...

Click Here to Download PDF and File Package
Click here to view demo
Continue - Build a Versatile ActionScript 3.0 Menu with Masking


Content updates in Flash can be difficult and time consuming due to the many steps involved. Simply reading content from an XML file means that importing new assets and recompiling the swf is no longer necessary. This tutorial will cover dynamically loading images from an XML file and then deal with inconsistencies in image dimensions using the GreenSock Tween Max animation library.

Click Here to Download PDF and File Package
Click here to view the Demo
Continue - Build a Dynamic Flash and XML Slideshow with Scripted Transitions

Create a Reverse Reverb Effect

Posted by Mas Catur On 10:23 AM 0 comments

When it comes to special effects, reverse reverbs are amongst the most useable processes there are. Although the method for creating these effects is often looked upon as complex, the right technique can lead to a transparent workflow and impressive end results.

 In this tutorial we'll apply a reverse reverb effect to a vocal--a technique you might have heard used at the beginning of Justice's 'DVNO'.

Click Here to Download PDF and File Package
Continue - Create a Reverse Reverb Effect


When it comes to processing a drum bus, parallel compression is a technique that produces great results on just about any DAW available. Of course, the technique required differs from one application to another. Mo Volans takes the Logical route....

Click Here to Download PDF and File Package

Continue - Create a Parallel Compression Bus in Logic Pro 8


For our first Sound Design tutorial, we'll introduce the concept of 'Animating the Inanimate'. We'll make a wind sample 'come alive' by using EQ, convolution, reverb and some simple editing tricks in our DAW/multitracker. We will continue to revisit the theme of 'Animating the Inanimate' over time, giving you a wide variety of tips and tricks for breathing life into your sound effects.

Click Here to Download PDF and File Package
Continue - Animating the Inanimate: Making Wind Come Alive

Subscribe by E-Mail

Enter your email address:

Delivered by FeedBurner

Blog Archive