Web Design Tutorials: Photoshop, HTML, Flash, PHP

Creating Flash Menu

Though website design is a prerogative of professionals, still there is a lot that anyone could do only if he knew how to. Making a menu for a flash website is one of these things. To make one you need to have a tool and to know the procedure. Your tool is Photoshop (mine is CS3 version), and the procedure is described in every detail in the tutorial below. I tried to make it simple, so that even it is your first...

Flash Tutorial – 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. Video Tutorial is also available. Source:...

Flash Tutorial – Beautiful 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. Step 1 Create a new file with Action Script 2.0 and go to Modify – Document (CTRL+J) and do the settings below: Import to scene (CTRL+R) the two main images bar.png and bar_h.png and put the half bar under the full bar and align...

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

« Previous Entries

Powered by WordPress | Designed by Elegant Themes