Tutorials 1 : Getting Start ^_^
Posted by: multimediatutor on: July 31, 2009
:: Bismillahirahmanirrahim ~ In the Name of Allah, The Most Beneficent and The Most Merciful~ ::
A little brief …
The interface in the main workspace of Adobe Flash is different from the Macromedia Flash. Howeveit is still remaining the basic tools such as stage, timeline, important panels and library.
an important term we need to understand is about BITMAP image and VECTOR image ..
both of them have huge diferences…
TRY THIS
1.Google image that have extension .bmp (example cat.bmp)
2.Try open your Adobe Flash program –> File –> Import –> browse the image you had import
3.Once the image place on stage… use zoom tool and zoom in the image .. you will see the pixellate .. 
Next
4. Try to draw shape using rectanggle tool the zoom in and you will see the differences
Flash WORK FLOW
Main Files Types
Basically the main project file was save as .fla file .The flash file can be publish as flash movie file or html file which can be deploy in website.
OUTLINE FOR ADOBE CS4 FLASH TUTORIALS
- Adobe Flash
- Text & Symbol
- Timeline
- Shape&Motion Tween
- Bones & 3D
- Filter
- Bitmap
- Sound & Video
- A.Script
- Interaction
Notes can be download HERE
Tutorial 8 : Shape Tweening
Posted by: multimediatutor on: January 28, 2012
:: Bismillahirahmanirrahim ~ In the Name of Allah, The Most Beneficent and The Most Merciful~ ::
Assalamualaikum and Hello!
=) this tutorial is adopt from: http://www.quantunet.com
How to create a simple text shape tween:
Create the initial text:
- Using the “Text” tool type your text on stage in the first frame of the main timeline
- Center the text using the align panel.
Create keyframes and edit the movie clip properties:
- In the main timeline insert a keyframe at at frame 49.
- Then insert a blank keyframe at frame 24
- Create new text then center it.
- Select the text in frame 24 then in the main menu go to Modify > Break Apart.
- Break apart the text in frame 1 and frame 49.
Create the shape tweens and preview your animation:
- Click between frames 1 and 24 in the main timeline then go to the properties panel and select “Shape” from the“Tween” drop down menu.
- Then click between frames 24 and 49 and select “Shape” again from the properties panel.
- In the main menu go to Control > Play to play your animation.
OKEY ! For the step by step with full illustrated guide:
DOWNLOAD HERE!
Tutorial 7: Motion Guide
Posted by: multimediatutor on: January 28, 2012
:: Bismillahirahmanirrahim ~ In the Name of Allah, The Most Beneficent and The Most Merciful~ ::
Assalamualaikum and Greetings!
MOTION GUIDE!
hmm… sometimes, video tutorials quite intressting..but yeah! it will be take a long time for the video streaming …. OOOPPS! sorry ^^ i had post the CS5 Flash video tutorials .. but you can still follow the tutorials..
OK! let us begin..
The most important to use the motion guide is the guide layer.
1. Create a layer one, create an object and implement the motion tween
2. CLICK at the Motion Guide Icon and draw a path
3. Place the object at the start and the end of the path.
DONE!
OKEY ! this illustrated tutorial may help you =)
DOWNLOAD HERE!
Tutorial 6: Tweening
Posted by: multimediatutor on: January 28, 2012
:: Bismillahirahmanirrahim ~ In the Name of Allah, The Most Beneficent and The Most Merciful~ ::
Assalamualaikum and Hello!
There is some notes from: http://www.adobe.com
Motion tweens are a very common way to create movement with Flash because Flash does most of the work, making things easy for you. Motion tweens can also help minimize file size, particularly over frame-by-frame animation, since you have fewer assets in your documents.
With motion tweening you create the motion tween and then define properties such as position, size, and rotation for an instance or text block at one point in time, and then you change those properties at another point in time. When you do this, Flash automatically creates the gradual change between the first and second point in time. You can also apply a motion tween that follows a motion path.
Have fun with the tutorials =)
Have a try with the tutorials.
DOWNLOAD HERE!
Tutorial 5: Text Essential
Posted by: multimediatutor on: January 28, 2012
:: Bismillahirahmanirrahim ~ In the Name of Allah, The Most Beneficent and The Most Merciful~ ::
Assalamualaikum and Hello!
Today we will go through about TEXT in Flash ^^
In Flash there are three types of text box:
Static
This is the most simple of the text boxes; you can’t change its text on the run.
Dynamic
This text box allows you to change almost anything you could change while editing you flash movie.
Input
The same thing as the dynamic text, but this one accepts user input.
You can change your text to one of these types right after drawing a text box on the stage.
Let’s create a simple movie to demonstrate their differences.
Draw a new Static text box, and write “Name:” on it.
Draw an Input text box next to the previous text. Give an instance name of “iText” and set the “var” to “_root.name”.
“_root.name” is going to be the variable that holds the contents of this text box.
If the user types something on the Input box, the variable “_root.name” will have that same text.
Finally draw a dynamic box with these properties:
Open the actions for the first frame and paste:
This is the result:
note source: www.webzo.org
OKEY ! this is juat a briefing about the main component. The full documented notes can be
DOWNLOAD HERE!
Tutorial 4 : Frame by Frame Animation
Posted by: multimediatutor on: October 24, 2011
:: Bismillahirahmanirrahim ~ In the Name of Allah, The Most Beneficent and The Most Merciful~ ::
Assalamualaikum and Hello!
The Frame by Frame animation, relate with frame and the keyframe..any changes you make in the keyfarme will create an animation through the timeline. Let us have a very simple tutorial using text to create this type of animation
WHOA !
Posted by: multimediatutor on: May 2, 2011
- In: news
- Leave a Comment
:: BIsmillahirahmanirarhim ::
It’s been a long time I am not updating this blog, Insyaallah… I will compile all the related tutorials here, seems I am finishing my master’s studies…
heheh …
new look !
Posted by: multimediatutor on: June 17, 2010
- In: news
- Leave a Comment
::In the Name of Allah, The Most Beneficent and The Most Merciful::
InsyAllah this blog will be more active sooooon !
keep track for the upcoming news ! 
Tutorial 3 : Color Essential
Posted by: multimediatutor on: January 14, 2010
:: Bismillahirahmanirrahim ~ In the Name of Allah, The Most Beneficent and The Most Merciful~ ::
Salam it is being ages this blog not be update.Insyaallah I will try my best to upload all the tutorial here
COLORing TOOLS
The most important tools in coloring is the Paint Bucket Tools..
Pick your color here and you also can customize your color at color mixer panel. Color mixer panel can be reach by access the windows-> color mixer..
use your creativity by creating a SPECIAL effect in color technique. This can be done by using the Gradiant pallet .. and you can customize it at color mixer panel once you choose the Gradiant pallet.
And to color your outline … choose ink bottle tools below and th you can customize the outline can be reach at the properties panel… 
HAVING Problems in COLORING ?
Cannot color la!
if this problem occur …make sure your drawing do not have any gaps and do the following tricks here :
1.Click at the paint bucket tools
2.Go to the option and choose close large gaps
done!
OK! this is the most basic things in coloring, however there is more tricks I will share with you. So be updated with the tutorial ..
the copy of notes Insyaallah I will upload it for you
salams
Animation in Flash !
Posted by: multimediatutor on: August 27, 2009
:: Bismillahirahmanirrahim ~ In the Name of Allah, The Most Beneficent and The Most Merciful~ ::
Ramadhan Kareem!
Okey! when we talk abaout animation. There is several basic thecnique need to be concern and they are:
- Frame By Frame
- Tween and Shape Tween
- Masking
- Motion Guide
You can animate text or even a shape. use your creativity by combine all of the technique to result a cool and awsome montage for your project!
What you need is shift up YOUR CREATIVITY ! ^_^
FLASH MX Environment : Drawing & Coloring tools CLOSE UP
Posted by: multimediatutor on: August 11, 2009
:: Bismillahirahmanirrahim ~ In the Name of Allah, The Most Beneficent and The Most Merciful~ ::
*Source: http://www.adobe.com
INTRODUCTION
The purpose of this exercise is to gain a basic understanding of how to use the drawing tools in Flash MX 2004. Before proceeding, I need to define a few terms. You’ll find it much easier to understand how Flash draws if you are familiar with what Flash draws.
The drawing tools in Flash create something called vector artwork. A vector graphic is best described as a graphic made from straight or curved lines with crisp edges. A benefit to using vectors is that you can scale the illustrations you create without harming the quality of the illustration. For example, say you’re designing a logo for a client, and the client wants to see their logo on a key chain as well as on a billboard. If the logo is done using vector artwork, you can potentially scale the artwork to any size and still not lose the integrity of your original illustration.
In contrast to vector art there is something called bitmap artwork. (the words bitmap and raster are synonymous. Raster is based on a German word meaning to screen. Raster and bitmap images are made up of pixels). A very important difference between bitmap artwork and vector artwork is that bitmap is not resolution-independent. If you were to enlarge a bitmap image with a resolution of 300 dots per inch (dpi), the quality would deteriorate, most likely leaving the image unacceptable.
Below is a picture showing enlargements of a vector image and a bitmap image. Please note the difference between the two. The vector (shown on the left) is much smoother and more precise than the bitmap (shown on the right). The enlarged bitmap image is pixilated.
Figure 1. Vector vs. bitmap artwork
You can use the Flash drawing tools to draw vector artwork in Flash. But first you’ll need to find them.
- Open Flash MX 2004
- Select File > New. The New Document dialog box appears.
- Click Flash Document.
- Click OK.
If you can’t see the Tools panel, look at the menu items along the top of your monitor. Select Window > Tools. The Tools Palette appears.
Figure 2. Opening the Tools panel
In this tutorial, you’ll focus on five of the tools in the Tools panel (see Figure 2) and the Fill and Stroke Color controls. The five tools we’ll cover are as follows:
- The Pen tool
- The Oval tool
- The Rectangle tool
- The Pencil tool
- The Brush tool
I’ll also briefly cover the Free Transform tool. You’ll create a basic illustration using these tools.
Ready to begin? Good! pssst! there also a cool tutorials to be done! heeee ^_^
DOWNLOAD HERE!
multimediatutor
Recent Comments