Web Design Tutorials: Photoshop, HTML, Flash, PHP

Flash Tutorial – Learn How to Create Horizontal Image Transition Effect

In this tutorial, you will learn how to create a horizontal blind image transition effect effect which will slowly reveal your picture from top to bottom in horizontal stripes. Each strip will also have a color filter applied to it. Tutorial Details Program: Flash CS5 Difficulty: All Estimated Completion Time: 40 Minutes Tutorial Assets The following assets were used during the production of this tutorial. Source...

Flash Tutorial – Tips and Best Practices for Designers: Symbols & Text

For most newbies, the concept of symbols in Flash can be pretty confusing. I’ve known enough designers who – even after working with Flash for years – are pretty clueless about the best way to use symbols in their work. Let’s take a closer look at symbols and text. Welcome to the second part of our Flash Tips and Best Practices series for designers. In the first part we looked at drawing, which is usually...

Flash Tutorial – Creating a Menu via XML

In this tutorial, I’ll cover a basic XML technique, that you can use when building a menu. With XML, it’s very easy and fast to modify the menu labels etc. Intro In this tutorial, I’ll cover a basic XML technique, that you can use when building a menu. With XML, it’s very easy and fast to modify the menu labels etc. Setting up the environment 1. First, let’s create the XML file. Download the XML file...

Flash Tutorial – Advanced XML Menu

In this tutorial I will teach you how to create an advanced XML menu. We will first set up everything ready in Flash, then create the XML file and finally add some ActionScript 3 for the functionality. Hope you enjoy the tut! Note: You need TweenMax to fully complete this tutorial. Setting up the environment 1. Create a new document of size 400×350. 2. First, let’s create a menu item. Draw a rectangle of size...

Flash Tutorial – Creating a Web Portfolio

n this tutorial, I will show you how to create a Flash portfolio just by using one frame and ActionScript 3.0.   Setting up the environment 1. Create a new document of size 400×250 and background black. 2. In the top left corner, create four (4) dynamic text fields of size 90×20. Type some text for them, eg. “Home”, “About”, “Work” and “School”. 3. Convert each text field into a movie clip...

Flash Tutorial – Rotating Menu

In this tutorial, I will teach you how to create a rotating menu. This is a very basic form of the menu. You can edit your Flash movie easily, for example if you want to make the menu items visually more appealing. All the animation is done with ActionScript 3.0 as usual. Setting up the environment 1. Create a new Flash ActionScript 3 file (500×300). 2. Draw a circle on the stage. Make it 25×25. I used white...

Flash Tutorial – Modern Horizontal Flash Menu

In this lesson I will show you how to create a cool animated horizontal menu. We will use ActionScript 3 for the animation, so no timeline animation is involved in this tutorial. We use random colors in the menu to give it an extra spice. Check out the end result! Cool eh? Note: You need TweenMax in order to fully complete this tutorial. 1. Create a new Flash document of size 400×100. 2. First create a rounded...

Flash Tutorial – Animated Gradient Button

Implementation and tweening of gradients in AS3 with help of TweenLite is fairly simple. In this tutorial I will show you how to draw a shape, apply a gradient to it and then animate it using only actionscript (there will be no hand drawing at all). We will first make a simple shape and then apply gradient to it. First don’t forget to download a copy of amazing tweening engine TweenLite. Make a new AS3 document...

Flash Tutorial – Vertical Menu with Actionscript 3 and XML

This tutorial will teach you how to create a vertical menu with the help of XML and ActionScript 3. We will first set up everything ready in the Flash stage, then make the XML file and last, we add the functionality with ActionScript 3. Hope you enjoy the tutorial! Get TweenMax We will use TweenMax for the movement and animation of the whole menu. Therefore, download TweenMax for AS3. TweenMax will save us a lot of...

Flash Tutorial – Infinite Gallery Menu

In this new and interesting Flash and ActionScript 3 tutorial I will teach you how to create an infinite gallery. This will also work perfectly for menus and so on. Let’s get started straight away! Note: You need TweenMax in order to fully complete this tutorial. Getting the images Download six images (100×100) that you want to use in this tutorial. I downloaded the images from FreeDigitalPhotos.net. Creating...

Flah Tutorial – Vertical 3D Carousel

In this tutorial I’ll teach you how you can create an attractive vertical 3D carousel by using XML and ActionScript 3. We first set up everything ready on the Flash stage, then make the XML file and finally add some ActionScript 3. Check out the end result! Get TweenMax We will use TweenMax for the animation of the menu items. Therefore, download TweenMax for AS3. TweenMax will save us a lot of time from...

Flash Tutorial – Shaky Flash Menu with ActionScript 3

This tutorial will teach you how to create a cool looking shaky menu with ActionScript 3. All the animation is done with ActionScript, so no timeline animation is needed. Check out the end result! Get TweenMax We will use TweenMax for the animation of the menu items. Therefore, download TweenMax for AS3. TweenMax will save us a lot of time from coding the animation ourselves! Save the “gs” folder to the same...

« Previous Entries

Powered by WordPress | Designed by Elegant Themes