Download-Membuat Animasi Flasmo-Portfolio

Salamat datang februari dan selamat tinggal januari. Awali bulan ini dengan mengucap syukur, berkat Rahmat dan HidayahNya kita masih diberikan kesehatan dan keselamatan. 

Oke kali ini saya akan membagikan tutorial tentang flashmo yang pernah saya dapatkan di tempat PKN saya dulu. Ditahun 2016 bulan februari ini, saya akan memposting tentang Membuat Animasi Flasmo - Portfolio menggunakan Adobe Flash cs 6.

Animasi flashmo banyak digunakan sebagai media presentasi atau animasi yang digunakan pada website pribadi atau untuk website perusahaan desain dan sebagainya. Flashmo-portfolio menampilkan beberapa hal seperti beranda, profile, projek kerja, alamat, tutorial, yang dibuat menyerupai sebuah website.

Saya tidak akan banyak menceritakan tentang tutorial kali ini karena teman-teman dapat mengunduhnya dengan gratis di www.blogku29.web.id. Tampilan dari flasmo dapat teman-teman lihat seperti pada gambar dibawah ini :

screenshot flashmo-portfolio
screenshot flashmo-portfolio
Ketika kursor mouse mengarah ke kotak merah maka akan menampilkan tulisan Web Design.

Ketika kursor mengarah ke kotak merah
Ketika kursor mengarah ke kotak merah
Untuk bahasa pemrogramannya sendiri menggunakan Actionscript 2.0, dan beberapa penggalan script yang mengacu pada sistem flasmo adalah sebagai berikut :

stop();
import mx.transitions.Tween;
import mx.transitions.easing.*;
flashmo_item._visible = false;
var intervalId:Number;
var i:Number = 1;
var j:Number = 0;
var k:Number = 0;
var page:Number = 1;
var spacing:Number = 10;    // spacing between menu items
var position_y:Number;
var duration:Number = 100;
var total:Number = flashmo_item._totalframes;
var label_list:Array = new Array( "Introduction", "Web Design", "Multimedia", "3D Graphics", "Print Media", "Services", "Testimonials", "About this website", "Contact Information");

function createFlashmoMenu()
{
     var fm = flashmo_item.duplicateMovieClip("fm" + i, i );
    fm.gotoAndStop(i);
    fm.fm_label.text = label_list[i-1];
    fm.fm_label._alpha = 0;
    fm.fm_button._visible = false;
    position_x = flashmo_item._x + j * (flashmo_item._width + spacing);
    position_y = flashmo_item._y + k * (flashmo_item._height + spacing);
    new Tween(fm, "_x", Strong.easeOut, position_x + 600, position_x, 2, true);
    new Tween(fm, "_y", Elastic.easeInOut, position_y + 200, position_y, 2, true);
    fm_tween = new Tween(fm, "_rotation", Strong.easeOut, -360, 0, 2, true);
   
    fm_tween.onMotionFinished = function()
    {
           fm.fm_button._visible = true;
    }
    fm.fm_button.onRollOver = function()
    {
        new Tween(this._parent.fm_label, "_alpha", Strong.easeOut, 0, 100, 1, true);
    }
    fm.fm_button.onRollOut = function()
    {
        new Tween(this._parent.fm_label, "_alpha", Strong.easeOut, this._parent.fm_label._alpha, 0, 1, true);
    }
    fm.fm_button.onRelease = function()
    {
        _root.page = this._parent._currentframe;
        _root.play();
    }
     if(i >= total)
     {
         clearInterval(intervalId);
     }
     j++; if( i % 3 == 0 ) {    j = 0; k++;    } i++;
}
intervalId = setInterval(this, "createFlashmoMenu", duration);

Tampilan flashmo di lembar kerja :

tampilan flashmo di lembar kerja
tampilan flashmo di lembar kerja
File xml juga diperlukan dalam flashmo animasi ini. Berikut file-file yang teman-teman perlukan.

File-file yang diperlukan
File-file yang diperlukan
File-file xml tersebut telah dihubungkan ke file .fla , artinya penulisan script keseluruhannya tidak pada action-frame. Penulisan script pada XML  digunakan untuk memanggil atau sebagai link external yang akan mengimport gambar atau file teks kedalam flash.

Laman-laman yang dapat teman-teman lihat yaitu laman Introduction, Web Design, Multimedia, 3D Graphic, Print Media, Services, Testimonials, About this Website, dan Contact Information.

Salah satu penampakan dari laman Introduction,

Flashmo - Intorduction
Flashmo - Intorduction

Animasi Flasmo-portfolio bisa teman-teman dapatkan disini.

~ Semoga Bermanfaat. :)

Flash Tutorial || Animasi || Ilmu Flash || Adobe animate

Download-Membuat Animasi Flasmo-Portfolio Download-Membuat Animasi Flasmo-Portfolio Reviewed by Ardy S on January 31, 2016 Rating: 5

No comments:

Powered by Blogger.