Monday, 5 September 2011

Animation Flash Sample from music video


Friday, 29 July 2011


Tutorial Flash - Cara pudarkan tulisan dengan lancar


untuk paparan HD gunakan pautan ini
<iframe width="1280" height="750" src="http://www.youtube.com/embed/YxgCBiIPW9g?hd=1" frameborder="0" allowfullscreen></iframe>

Cara Pudarkan Tulisan dalam Adobe Flash



Langkah-langkah Mengikuti Jejak

Buka fail baru. Pergi ke File> New. Skrin yang dipanggil Dokumen Baru akan muncul. Pilih Document Flash dan klik pada OK. Pergi ke Modify> Dokumen dan memberikan saiz fail 300px dengan 200px. Ini adalah saiz yang sama seperti gambar Bitmap kita ada.
Pilih gambar Bitmap yang anda ingin Fade in dan Fade dari fail gambar anda dan membawa ke Perpustakaan Flash. Pilih File> Import Perpustakaan dari Bar Menu. Skrin yang dinamakan Import ke Perpustakaan akan dibuka. Pilih nama fail dan klik Open. Ulangi langkah-langkah untuk semua gambar Bitmap. Untuk membuka Perpustakaan, pergi ke Library> Window. Anda boleh melihat gambar dalam panel Perpustakaan.

Seret gambar dari panel Perpustakaan ke Peringkat. Pilih gambar dengan mengklik padanya.
Pergi ke Modify> Convert To Symbol dari Bar Menu. Dialog Kotak yang dinamakan Buat Muzikal akan muncul. Beri nama sebagai pic1_mc. Pilih Movie Clip. Klik OK.
Klik pada Movie Clip anda. Pergi ke Frame 15. Masukkan Keyframe. Klik kanan pada lapisan 1 di tengah-tengah 1 frame untuk bingkai 15. Bingkai akan menjadi hitam. Pilih Create Motion Tween. Anak panah dari frame 1 ke frame 15 akan muncul. Sekali lagi klik di Frame 30. Masukkan Keyframe. Arrow kedua akan muncul secara automatik.
Klik pada Frame 1. Di sini kami akan memberi pudar di kesan. Pilih gambar dengan mengklik padanya. Pergi kepada Properties panel di bawah Peringkat. Pergi ke Warna> Alpha memberi 0%.

Gambar anda telah pudar. Klik pada Frame 30. Di sini kami akan memberi pudar di kesan. Pilih gambar dengan mengklik padanya. Pergi kepada Properties panel di bawah Peringkat. Pergi ke Warna> Alpha memberi 0%.
Ulangi 3 langkah 5 dalam lapisan 2 dari frame 31-45 hingga 60. Untuk membuat lapisan baru, klik pada butang berikut yang di sebelah kanan di bawah lapisan. Ulangi langkah-langkah di atas untuk semua imej dalam lapisan baru dan anda akan mewujudkan satu pudar mudah dan pudar animasi Flash.
Akhbar mengenai Ctrl + Enter untuk melihat Fade & Fade Kesan daripada 4 gambar.

Saturday, 2 July 2011

Flash Fade In and Fade Out Effect


STEPS TO FOLLOW
Open a new file. Go to File >New. A Screen called New Document will appear. Select Flash Document and click on OK. Go to Modify>Document and give a file size of 300px by 200px. This is the same size as the Bitmap pictures we have.
Select the Bitmap pictures that you want to Fade in and Fade out from your picture file and bring it to the Flash Library. Select File>Import to Library from the Menu Bar. A Screen named Import To Library will open. Choose the file name and click on Open. Repeat these steps for all the Bitmap pictures. To open Library, go to Window>Library. You can see the pictures in the Library panel.
Drag the picture from the Library panel to the Stage. Select the picture by clicking on it.
Go to Modify>Convert To Symbol from the Menu Bar. A dialog Box named Create New Symbol will appear. Give the name as pic1_mc. Select Movie Clip. Click on OK.
Click on your Movie Clip. Go to Frame 15. Insert a Keyframe. Right click on layer 1 in the middle of the frames 1 to frames 15. The frames will become black. Select Create Motion Tween. An arrow from frame 1 to frame 15 will appear. Again click on Frame 30. Insert a Keyframe. A second arrow will appear automatically.
Click on Frame 1. Here we will give the fade in effect. Select the picture by clicking on it. Go to Properties in the panel below the Stage. Go to Color>Alpha give 0% to it.

Your picture has faded in. Click on Frame 30. Here we will give the fade in effect. Select the picture by clicking on it. Go to Properties in the panel below the Stage. Go to Color>Alpha give 0% to it.
Repeat the steps 3 to 5 in layer 2 from the frame 31 to 45 to 60. To make a new layer, click on the following button which is on the right side below the layers. Repeat the above steps for all the images in new layers and you will create a simple fade in and fade out Flash animation.

Press on Ctrl+Enter to see the Fade in & Fade out Effect of the 4 pictures.








Flash Animation Tutorial part 2

Kali ini saya mendedahkan lagi asas-asas animasi di mana lukisan demi lukisan saya lukis sehingga menghasilkan ilusi mata.prinsip animasi ini sangat penting untuk "menghidupkan" sesuatu lukisan.Selamat menonton dan Terima Kasih

Tutorial Flash Animasi Siri 1



Di sini saya memberi pendedahan bagaimana cara melukis kartun asas menggunakan persian Adobe Flash CS4.
Selamat menonton Terima Kasih


Friday, 1 July 2011

Photo Slideshow Gallery in Flash

Steps to Follow : Step 1: Create and export your images
  • Each image should have a size of 640 x 480 pixels.
  • Export the images in a numbered sequence. For example, for three files, the names could be photo1.jpg, photo2.jpg, and photo3.jpg. We recommend .jpg format for photographs.

Step 2: Create the photo slideshow file and import the images
  • Open Flash 8.0. Click on File/New. Chose the Templates tab. Select Photo Slideshows. Click on OK. You will see a ready-made Flash photo slideshow created. Press Cntrl+Enter to view the file. Press the auto play button to view the slideshow.
  • To replace the images with your own, select the bottom layer called picture layer and click on the trash can icon to delete it.
  • Create a new layer by clicking the Insert Layer button, and name this new layer My Photos. Make sure that this new layer is the bottom layer.
  • Select the first blank keyframe in the My Photos layer, select File > Import > Import to Stage, and locate your photo sequence. Select the first image in the series, click Add, and click Import. Flash recognizes that your image is part of a series and asks you to import all files in the series. Click Yes to complete the import process. Flash places each image on separate keyframes. You can move the images so they are centered in the stage or you can choose the images on the stage and make the X and Y coordinates 0 so they are centered in the stage.
  • Your images appear in the Library panel and can be replaced later if needed by double clicking on the image in the library window and clicking on the import button to select the new image file.
  • You can safely delete the old images that were included in this document from the library if you wish, they are saved in the photos folder.
  • If you have more than four images, make sure that all the other layers have an equal number of frames. Select the frame and click on F5 to add new frames.
  • Change the captions for the images, by replacing the text in the Captions layer and adding new keyframes with text for the new images. You do not have to worry about the photo number field. The template automatically determines how many images are in your document and indicates which photo you are currently using.
  • Change the title in the Title, Date layer.
Press Ctrl+Enter to view the completed Flash Photo Slidshow. Congratulations! You have successfully created a Flash photo slideshow in a few simple steps using the in-built Flash 8.0 Photo slideshow template.
The Photo Slideshow template also has a built-in autoplay mode that automatically changes the photo after a set delay. The template is set to a default delay time of 4 seconds, but you can change this setting easily.
Steps to adjust the delay:
  • Unlock the _controller layer.
  • Select the controller component.
  • Display the Parameters tab in the Component inspector by selecting Window > Component Inspector. The Parameters tab is selected by default.
  • Select the delay and change this value to a new delay value in seconds.
  • Save and publish your document.

Sparkling Glass Effect in Flash

STEPS TO FOLLOW

Import the Background Image
Open a new file. Go to File >New. Select Flash Document. Click OK.
Go to Modify > Document to give a file size of 180px by 400px. This is the same size as the Bitmap picture we have. Select the Bitmap pictures which you want to put as background and bring it to the Flash Library by clicking on Select File > Import to Library from the Menu Bar. Go to Window > Library, You can see the picture in the Library panel. Drag the picture named Bitmap to the Stage. Select the picture by clicking on it. This will be your first layer, name it background.Now you have to create 7 movie clips. You have to have basic knowledge in FLASH  to do this. As you know movie clips work independently, and you can use them whenever required.

  1. Create a Rotating Star Movie Clip
    Create a new layer. Name it sparkle.

    Go to Insert > New Symbol. The 'Create New symbol' screen will appear. Name this movie clip ' star_mc'. Click OK. You will be directed inside the movie clip. Now select the PolyStar Tool. To select the Polystar tool , first go to the Rectangle tool and select it in the drop down menu as seen below.
    polystar
    Go to the Properties window. Go to Options. A screen called Tool Settings will appear.
    tool settings
    Enter these values and click OK:
    Style: Star
    Number of sides: 4.
    Star Point Size: 0.10.

    Now draw the Star (without a stroke color). Make the star into a movie clip entitled star_mc. Now double click on it. On frame 1 you will see your star. Go to Properties>Tween. Select Motion from the drop down Menu. Name it as star_in_mc. Go to frame 10. Press F6 to insert a new keyframe. Select the star and go to Modify > Transform > Rotate CW. Repeat Modify>Transform>Rotate CW thrice. Your rotating Star movie Clip is ready. You will see it in the Library Window also. This movie clip star_mc will not be there in the sparkle layer but stored in the Library, we will use it later.

  2. Create a movie clip with a small opaque circle that increases in size and becomes almost transparent.
    Draw a circle with Oval Tool, choose the fill color as white and make it 2px by 2px. Select it. Go to Modify>Convert to Symbol from the Menu Bar. A dialog Box named Create New Symbol will appear. Give the name as shade_mc. Select Movie Clip. Click on OK. double click on it. You will be inside the Movie clip and in your first frame you will see the dot. Select it. Go to Modify>Convert to Symbol from the Menu Bar. A dialog Box named Create New Symbol will appear. Give the name as shade_in_mc. Go to Frame5. Press F6 to insert keyframe. Go to Properties>Tween. Select Motion from the drop down Menu. Go to Frame 10. Press F6 to insert keyframe. Now go to Frame 5. Select your movie clip. Increase the size to 14.3px by 14.3px. Go to Frame 1. Select the dot. Go to Properties. Select Color as Alpha in the drop down menu and give 100%. Go to Frame 5. Select the dot. Go to Properties. Select Color as Alpha in the drop down menu and give 10%. Go to Frame 10. Select the dot. Go to Properties. Select Color as Alpha in the drop down menu and give 5%. This movie clip shade_mc will not be there in the sparkle layer but stored in the Library, we will use it later.

  3. Create another movie clip with a star which becomes smaller at a slower rate than our 1st star movie clip.
    Go to Main Scene. Go to Insert > New Symbol. The Create New symbol screen will appear. We will name your first movie clip as star_mc. You will be directed inside the movie clip. Now go to PolyStar Tool. To go to polystar tool , first go to rectangle tool and select it in the drop down menu. Go to Properties window. Go to Options. A screen called Tool Settings will appear. Select Style, in the drop down menu as Star. Select Number of sides 4. Select Star Point Size as 0.10. Click on OK. Give color as white.
    Now draw the Star. Give the size to 23px by 23px. Select the edge and delete them. Choose the star and make it a Movie Clip. Name it star_s_mc. Now double click on it. On frame 1 you will see your star. Go to frame 10. Press F6 to insert a new keyframe. Go to Properties>Tween. Select Motion from the drop down Menu. Go to Frame20. Press F6 to insert keyframe. Go to Properties>Tween. Select Motion from the drop down Menu. Now go to frame 10. Select your movie clip. Go to Properties. Give the size to 9px by 9px. This movie clip star_s_mc will not be there in the sparkle layer but stored in the Library, we will use it later.

  4. Create the sparkle movie clip by combining the movie clips created above and place it where required.
    You have already created 6 movie clips. Now we will create the last main movie clip. Go to Insert>New Symbol. The Create New symbol screen will appear. We will name your main movie clip as sparkle_mc. You will be directed inside the movie clip. Drag in here these 3 movie clips : star_mc, shade_mc , star_s_mc because when they are combined they will give the sparkle effect, and adjust them properly in the middle. Now go to your main scene. Go to layer sparkle. Drag the Main movie Clip sparkle_mc wherever you want the Sparkling Glass Effect to be seen. You can use it on a diamond ring, a golden jewelry or on sparkling text also.

  5. Save your file as sparkle.fla. Press on Ctrl+Enter to see the Sparkling Glass Effect. This will create automatically sparkle.swf file.
Congratulations! Your Sparkling Glass Effect is ready.

Wednesday, 29 June 2011

My Animation Sample Tutorial


First Video Tutorials!

Welcome to our blog

Tutorial Free Resources and all about providing everyone good tutorials, free tutorials, illustrator tutorial, flash tutorials, animation tutorial, computer tutorial, 3ds tutorial, website tutorial, web design tutorial, photoshop tutorial, painting tutorial, free tutorial