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 – Advanced Animation of an Image

Here we are taking the stage dimensions as 582×386 and the FPS is 25, as shown in the Figure below. To start with the tutorials download the Scene.Zipfile that will provide you with the necessary files to be used in the tutorial. •        First we will import all the scene images to the library. To do that, choose File > Import from the main menubar and choose the images and import them on...

Flash Tutorial – Create an Apple Inspired Flash Preloader

Step 1: Brief Overview We’re going to create a preloader MovieClip using Flash tools such as the Rectangle Primitive Tool and something very important to get the correct alignment: the Snap To Objects option. The clip will have its movement in the timeline and we’ll build the code in two classes. The first class will take care of the preloader and the other will be the Document Class, where we’ll start the...

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 Tutorials – Creating Contact Module

Do you want to create a Contact Module using popular scripts? In this tutorial, we’ll create a Advanced Contact Module with ActionScript 3.0 – XML and PHP. Don’t worry! You don’t need to know PHP Script. During the tutorial, I’ll explain you coding and designing parts of the creation process. Also, we will use XML to make an easy upgrade. The Module can be improved and used each project. The Steps are very...

Flash Tutorial – Advanced Preloader with Reflection

In this tutorial we will create an advanced blue preloader with beautiful reflection effect and a big easing text. This requires a little knowledge about animations and action scripting. About the Author: Hi. I`m Danny, a freelancer web developer from Romania and I like to write interesting tutorials in Flash and Photoshop. You can visit my website for more great and useful tutorials: Extreme Design Studio. Advanced...

Flash Tutorials – How to create an Advanced Image Gallery

In this tutorial we will learn how to make an Flash Image Gallery using Action Script 2.0 with Smooth Transitions and Description for your images. This will be an Advanced Flash Gallery, but very easy to create it. Source: extremestudio.ro

Flash Tutorial – Loading Multiple Images

This tutorial will show you how to load multiple images with ActionScript 3. We will also add a simple preloader to each image. Click the “Start Loading” button to see the images appear! After this tutorial you’ll be able to create your own cool image galleries with ActionScript 3. Start your Flash and let’s get started! Note: You will need TweenLite to fully complete this tutorial. It is used in the...

Flash Tutorial – Mouse Over Image Animation

This tutorial is all about ActionScript 3.0. I will show you how to load an image, slice it into pieces and then animate the pieces. So start your Flash IDE and let’s get started straight away. Note: You will need TweenLite to complete this tutorial. Don’t worry, TweenLite is very easy to use. It will make ActionScript 3 tweening even more easier! Setting up the environment 1. Download a picture that you want to...

Flash Tutorial – Flash Spray Effect

In this tutorial, I will show you how to create a spray effect in Flash. You can try the movie above to see how it looks. You can change the color, density and size of the spray to see how the effect changes. Let’s get started straight away! Setting up the environment 1. Create a new document of size 400×400. 2. Import an image to the stage. Make sure the image is size 400×300. 3. Position the image on the top...

Flash Tutorial – Magnifying Glass Effect

This tutorial will teach you how to create a magnifying glass effect with ActionScript 3. 1. Create a new document (size should be the same as the image’s size you’ll be using). 2. Import your image to the stage. 3. Convert the image into a movie clip called “backgroundImage”. 4. Give the movie clip an instance name of “backgroundImage”. 5. Duplicate the movie clip (backgroundImage), give the duplicate a...

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...

« Previous Entries

Powered by WordPress | Designed by Elegant Themes