Membuat Jam Digital

1.Buatlah desing jam yang Anda inginkan,pada aplikasi Macromedia Anda bisa menggunkan Rectangle Tool,tapi pada tutorial kali ini Saya menggunakan design jam yang sudah design pada Aplikasi Photoshop,lalu Saya tinggal memasukkannya pada aplikasi Macromedia.

Design jam yang dibuat pada aplikasi Photoshop

Design yang sudah dimasukkan pada aplikasi Macromedia

2.Masukkan angka jam digital menggunakan Text Tool,dan atur posisi jam sesuai jam digital pada umumnya,yaitu Jam,Menit,dan Detik. Gunakan Text Tool pada masing-masing angka jam.

Membuat angka jam menggunakan Text Tool

Posisi angka jam yang sudah teratur

3.Pastikan perintah pada Type Text diubah menjadi Dynamic Text,lakukan hal yang sama pada semua angka jam. Lalu ganti nama variabel pada kolom Instance Name dan kolom Var sesuai dengan angka  (‘detik’ untuk angka detik, ‘menit’ untuk angka menit,dan ‘jam’ untuk angka jam. *Tanpa pakai tanda ‘’). Lakukan hal yang sama pada angka yang lain.

Perintah Dynamic Text

Mengganti nama variable pada setiap angka jam

3.Langkah selanjutnya adalah mengetik syntax,sebelum mengetik syntax,pastikan kursor kalian aktiv pada Layer Utama yang terdapat jarum jam dan angka jam. Lalu tekan F9 pada keyboard,akan muncul boks pengetikan syntax.

Kursor yang aktik pada layer utama dan boks pengisian syntax

-------------------------------------------------- SYNTAX : --------------------------------------------------

onEnterFrame = function () {

waktu = new Date();

jam = waktu.getHours();

menit = waktu.getMinutes();

detik = waktu.getSeconds();

if (jam<10) { jam = "0"+jam; }

if (menit<10) { menit = "0" +menit; }

Dan Hasilnya

Membuat Animasi Jam Analog

1.Buatlah lingkaran dengan menggunakan Oval Tool,atau ketik tombol O pada keyboard. Mulailah dengan menahan tombol shift dan tarik lingkaran kebawah. Seperti pada gambar dibawah ini.

Tapi disini saya menggunakan design jam yang sudah saya buat terlebih dahulu pada aplikasi Photoshop

Desingn menggunakan Lingkaran pada aplikasi Macromedia Flash 8

Desing menggunakan jam pada aplikasi Photoshop CS4

2.Buatlah angka 1 sampai 12 dengan menggunakan Text Tool,dan atur posisi angka sebagaimana jam pada umumnya.

Membuat angka dengan Text Tool

Posisi angka jam yang sudah teratur

3.Buatlah jarum jam dengan menggunakan Line Tool dengan ketebalan yang sama tapi dengan varian warna yang berbeda. Tapi untuk membuat jarum jam,saya mendesignnya pada aplikasi Photoshop.

Garis yang dibuat langsung pada aplikasi Macromedia Flash 8

Jarum jam yang dibuat dengan aplikasi Photoshop

Jarum jam yang dibuat dengan aplikasi Photoshop 

4.Langkah selanjutnya,klik satu-persatu jarum dan tekanlah F8 pada keyboard,pilih titik paling bawah dan tengah lalu centang pada perintah Movie Clip. Ganti nama Symbol dengan nama yang sesuai dengan jarum (‘detik_mc’ untuk jarum detik, ‘menit_mc’ untuk jarum menit,dan ‘jam_mc’ untuk jarum jam. *Tanpa pakai tanda ‘’). Lakukan hal yang sama pada jarum yang lain.

Perintah untuk me-rename jarum agar tebaca pada penulisan syntax 

5.Klik pada menu Properties bagian bawah,isikan pada kotak Instance name nama yang sudah diketik pada langkah sebelumnya. Sama pada langkah sebelumnya,ganti nama sesuai dengan jarum jam jarum (‘detik_mc’ untuk jarum detik, ‘menit_mc’ untuk jarum menit,dan ‘jam_mc’ untuk jarum jam. *Tanpa pakai tanda ‘’). Lakukan hal yang sama pada jarum yang lain.

Isikan pada kotak Instance name nama yang sudah diketik pada langkah sebelumnya

6.Atur posisi jarum jam pada bagian tengah tengah jam,seperti jam pada umumnya.

Posisi jarum jam yang sudah teratur

 

7.Langkah selanjutnya adalah mengetik syntax,sebelum mengetik syntax,pastikan kursor kaloan aktiv pada Layer Utama yang terdapat jarum jam dan angka jam. Lalu tekan F9 pada keyboard,akan muncul boks pengetikan syntax.

Kursor yang aktik pada layer utama dan boks pengisian syntax

-------------------------------------------------- SYNTAX : --------------------------------------------------

onEnterFrame = function () {

waktu = new Date();

jam = waktu.getHours();

menit = waktu.getMinutes();

detik = waktu.getSeconds();

if (jam<10) { jam ="0"+jam; }

if (menit<10) { menit ="0"+menit; }

if (detik<10) { detik ="0"+detik; }

};

8.Tekan Ctrl+Enter untuk menjalankan program jam.

Animasi jam yang sudah bisa dijalankan

Sekian Dan Terima Kasih

Animasi Masking

Assalamualaikum Teman-teman dan saudara-saudara pengunjung Blog saya

Kali ini saya akan membuat animasi Masking Pada Macromedia Flash 8 Pro

Tapi Sebelum Ke Workspace Macromedia flash 8 Saya akan jelaskan Apa itu Animasi Masking Tersebut..

Animasi masking adalah animasi objek yang menutup objek lain sehingga objek yang ditutupi terlihat transparan. Layer masking ditandai dengan simbol  . cara membuat layer mask adalah mengklik kanan mouse pada layer yang akan di masking lalu pilih menu mask.

Itulah sedikit penjelasan tentang Animasi Masking and come to workspace

1.       Seperti biasa Running dulu Macromedia Flash 8, dan pilih flash Document

2.       Pada Saat workspace terbuka saya mengganti warna background menjadi hitam seperti gambar dibawah

Disini Saya Menuliskan Nama Saya Sebagai Objek yang perlu kita perhatikan Pada animasi 

Disini saya menambahkan Objek huruf dan menggunakan Text Box  

1.       Pada Timeline di layer 1 saya akan memasukan frame pada detik ke 30 dengan cara klik kanan pada detik ke 30 dan klik kanan dan pilih Insert Frame

1.       Next Step Saya akan Menambahkan layer menjadi 2 layer, layer ke 2 fungsinya untuk Masking dan pada layer ke 2 saya akan menambahkan Oval Tools

      Next Disini saya akan menambahkan keyframe pada layer ke2 di frame ke 15 dan 30 lalu pilih Motion Tween (Untuk Motion tween Bisa lihat Prosesnya di artikel tentang Motion tween)

2.       And the next step di layer ke 2 saya memilih Menu Mask Untuk Me masking di layer1

    

   Dan Hasil dari Menu Mask Layer akan menjadi Seperti ini

   

Ok Teman-teman Kalian Bisa Terapkan Dirumah untuk membuat animasi paling simple ini

dan Terima Kasih untuk bisa mengunjungi ke artikel saya

Wassallam

Motion tween Animation

Assalamualaikum Friend...

Kali ini saya akan membuat animasi yang menggunakan Menu Motion Tween Pada Macromedia Flash 8 Pro

Sebelum Kita Masuk Pada Cara pengerjaannya Pasti Kalian Bertanya Apa ituMotion tween?
Apa Itu Motion Tween?
Pada Dasarnya Motion Tween adalah pergerakan suatu objek dari keadaan awal sampai keadaan akhir. Motion tween sering digunakan untuk memberikan animasi berupa merubah posisi benda,merubah ukuran benda,dan merubah visibilitas,kecerahan(brightness),kedalaman warna benda. Merubah posisi benda dapat diartikan bahwa motion tween dapat menggerakkan benda dari titik A ke titik B.

So itu sedikit Penjelasan Tentang Motion Tween Dan Sekarang Mari Saya Praktekan

1.       Yang Pertama Jalankan Aplikasi Macromedia Flash 8 seperti pada artikel-artikel saya sebelumnya

2.       Karena Disini Saya Akan Buat Bulatan seperti Bounce jadi Saya Menggunakan Oval Tool dan akan menjadi seperti gambar dibawah
a  

3.       Setelah Membentuk Seperti Bola Disini Saya akan memainkan framework dan saya mendurasikan 5-110 second
     

                                        

   Sekian Dulu Tutorial animas Dari saya sendiri 

   Wassalam

Animasi Frame To Frame

Assalamualaikum Wr.wb

Kali ini saya akan membuat animasi Frame to frame atau frame by frame atau sejenisnya

Oh iya Sedikit tentang penjelasan Animasi Frame to frame

Frame to frame sendiri yaitu animasi ini akan berjalan sesuai dengan frame yang kita tentukan. 
langsung saja

1.       Buka Macromedia Flash 8 Pro

2.       Pilih Flash Document ( Langkah 1 dan 2 gambarnya bisa lihat di artikel sebelumnya)

3.       Jika sudah masuk pada workspace di macromedia flash 8 maka pilih Rectangle tool

Karena Disini Saya menggunakan bentuk Kotak Sebagai Contoh Animasi Frame To Frame

4.       Setelah Itu Pada Framework tandai setiap detik framenya karena ini animasi frame to frame maka saya menggunakan perdetik untuk menandai frame yang akan saya buat Minimal 1-25

Sekian Dulu Wassallam

Animasi Tulisan Bergerak

Assalamualaikum wr.wb

Kali ini saya membuat animasi Tulisan Bergerak melalui aplikasi Macromedia Flash 8

Yang Pertama Jalankan Aplikasi Macromedia Flash Pro 8

Setelah Running Macromedia Flash 8 Pro Maka Akan Muncul Tampilan Awal dan Pilih “Flash Document”

Dan Akan Muncul Tampilan WorkSpace Macromedia Flash Pro Seperti Gambar Di bawah

Sekarang Kita Akan Membuat Animasi Tulisan Bergerak, Pada Timeline Yang disediakan Di atas

Yang petama Piih Text Tool dan Drag Dimana Saja Sehingga Membentuk Text Box, Disini Saya akan Menuliskan Kata “STMIK ICHSAN GORONTALO” seperti gambar yang ada dibawah

Setelah Selesai Menambahkan Text Pada Timeline Maka saya Akan Menyentuh layer dan Menambahkan Keyframe pada setiap frame seperti pada gambar dibawah

Yang perlu diperhatikan adalah penentuan second dan disini saya mengambil 15 – 80 second pada setiap frame animasi seperti gambar dibawah ini

And The next time jika selesai kita bisa running dan hasilnya akan menjadi seperti ini

Sekian Dan Terima Kasih Wasalllam

Penjelasan Multimedia dan Tool Macromedia flash 8

Assalamualaikum Wr.Wb

.

Apa Itu Multimedia?

Multimedia adalah penggunaan komputer untuk menyajikan dan menggabungkan teks, suara, gambar, animasi, audio dan video dengan alat bantu (tool) dan koneksi (link) sehingga pengguna dapat melakukan navigasi, berinteraksi, berkarya dan berkomunikasi. Multimedia sering digunakan dalam dunia informatika. Selain dari dunia informatika, multimedia juga diadopsi oleh dunia game, dan juga untuk membuat website.

Multimedia dimanfaatkan juga dalam dunia pendidikan dan bisnis. Di dunia pendidikan, multimedia digunakan sebagai media pengajaran, baik dalam kelas maupun secara sendiri-sendiri atau otodidak. Di dunia bisnis, multimedia digunakan sebagai media profil perusahaan, profil produk, bahkan sebagai media kios informasi dan pelatihan dalam sistem e-learning.

Pada awalnya multimedia hanya mencakup media yang menjadi konsumsi indra penglihatan (gambar diam, teks, gambar gerak video, dan gambar gerak rekaan/animasi), dan konsumsi indra pendengaran (suara) dan juga berupa ( berwujud). Dalam perkembangannya multimedia mencakup juga kinetik (gerak) dan bau yang merupakan konsumsi indra penciuman. Multimedia mulai memasukkan unsur kinetik sejak diaplikasikan pada pertunjukan film 3 dimensi yang digabungkan dengan gerakan pada kursi tempat duduk penonton. Kinetik, dan film 3 dimensi membangkitkan sense realistis. 

Adapun Jenis-jenis Multimedia dan contohnya

Perbedaan Multimedia Linier dan Interaktif?

Multimedia linier adalah suatu multimedia yang tidak dilengkapi dengan alat pengontrol apapun yang dapat dioperasikan oleh pengguna. Multimedia ini berjalan sekuensial (berurutan), contohnya: TV dan film.

Multimedia interaktif adalah suatu multimedia yang dilengkapi dengan alat pengontrol yang dapat dioperasikan oleh pengguna, sehingga pengguna dapat memilih apa yang dikehendaki untuk proses selanjutnya. Contoh : multimedia pembelajaran interaktif, aplikasi game, dll.

Mengenai Tool dan Fungsinya Di Macromedia Flash 8

Tool yang terdapat Di Macromedia Flash 8

Mengenai fungsi tool-tool pada macromedia flash 8, kebetulan pas ada dapat tugas tentang artikel ini. ok berikut adalah penjelasan singkat mengenai macromedia, macromedia flash merupakan sebuah software multimedia yang digunakan untuk pembuatan animasi,mendesain wab,membuat game dll. Selain penggunaannya yang tidak terlalu susah, softwareini juga dilengkapi dengan bermacam-macam fasilitas dan tool-yang lengkap, sehingga banyak desainer yang menggunakan software ini untuk mendesain wab,membuat animasi, multi media interaktif, program untuk hp,kartun,presentase dll.

Toollbox adalah kumpulan tool-toll yang sering digunakan untuk melakukan seleksi,menggambar,memberi warna,memodifikasi objek,dan mengatur besar kecil stage. Berikut adalah komponen dalam toollbox beserta fungsinya:

Arrow Tool, 

digunakan untuk memilih objek. Dengan sebuah klik berarti kita memilih objek tersebut, dengan klik ganda berarti kita memilih objek dan seluruh komponen yang dimilikinya.

Subselect Tool,

Digunakan untuk memodifikasi suatu garis yang dibuat dengan Pen Tool.

Free Transform Tool, 

digunakan untuk memodifikasi bentuk dari suatu objek.

Fill Transform Tool, 

Digunakan untuk memodifikasi bentuk dan posisi dari gradient fills.

Line Tool, 

Digunakan untuk membuat garis. Bila kita membuat garis sembari menekan tombol SHIFT, maka akan terbentuk garis yang tepat horizontal,vertical atau miring 45 derajat.

Lasso Tool,

Digunakan untuk memilih suatu area secara tidak teratur. Semua yang termasuk areanya akan terpilih.

Pen Tool, 

Digunakan untuk membuat kurva-kurva atau bentuk bebas.

Text Tool,

Digunakan untuk membuat teks box yang dapat kita isi dengan berbagai tulisan.

Oval Tool,

Digunakan untuk membuat objek elips (oval). untuk membuat lingkaran sempurna, pergunakan tool ini sembari meneka tombol SHIFT.

Rectangle Tool, 

Digunakan untuk membuat bentuk persegi. Bila kita ingin membuat bentuk bujur sangkar secara sempurna, gunakan tool ini sembari menekan tombol SHIFT.

Pencil Tool, 

Digunakan untuk membuat garis. Bila kita membuat garis sembari menekan tombol SHIFT, maka akan terbentuk garis yang tepat horizontal,vertical atau miring 45 derajat.

Brush Tool,

Digunakan untuk menggambar dengan kuas secara bebas, tool ini mempunyai beberapa pilihan untuk mengontrol beberapa efek dari sapuan kuas  kita.

Ink Bottle Tool, 

Digunakan untuk mewarnai suatu garis.

Paint Bucket Tool, 

Digunakan untuk memodifikasi warna dan gradasi warna didalam suatu objek.

Eyedropper Tool,

Digunakan untuk mengambil warna yang berasal dari suatu objek didalam stage sehingga kita bisa menyamakan warna ketika menggambar.

Eraser Tool, 

Digunakan untuk menghapus suatu gambar/objek

Wassalam