logo ilmugrafis
Home Tutorials Store Blog Fonts Download Gallery
Google Powered Search
+ Silahkan masukkan kata kunci untuk mencari konten website

ilmu grafis » MACROMEDIA DAN ADOBE FLASH

Membuat Jam Dinding

Publish: 3 Agustus 2011 | Author & Copyright: Johan | Status: FREE tutorial

Tik tok tik tok, sambil menunggu waktu berbuka puasa lebih baik kita belajar animasi dan Action Script dengan Flash. Pada Tutorial Flash kali ini kita akan mencoba membuat Jam dinding sederhana. Penasaran cara membuatnya? mari kita belajar bersama di IlmuGrafis

Langkah - langkahnya sbb:
1. Buka Program Flash
Start >> All Program >> Flash , pilih flash dokumen
disini penulis menggunakan Flash MX 2004 namun tutorial ini bisa diterapkan di Adobe Flash versi berapapun termasuk Flash CS5


2. Buat lingkaran Gunakan oval tool (shortcut tombol: O), tips: tekan dan tahan tombol shift pada keyboard agar lingkaran bulat sempurna
image ilmugrafis


3. Ubah warna fill jadi hitam, Gunakan text tool (Short cut tombol : T) dan tulis 1 per 1 nomor jam mulai dari 1 - 12 untuk penomoran angka
gunakan Selection tool untuk meletakkan nomor - nomor tersebut pada bagian jam
image ilmugrafis


4. Dengan Line Tool (N) buatlah 3 buah garis untuk penunjuk arah jam
garis jam (pendek) , garis menit (agak panjang) , garis detik (panjang)
image ilmugrafis
5. Seleksi garis yang paling pendek dengan selection tool (V) dan tekan F8
muncul jendela dan masukkan jam_mc dan pilih movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah lalu tekan ok.
image ilmugrafis
Seleksi movie clip jam_mc di Lembar kerja kemudian tekan Ctrl+F3 untuk memunculkan panel properties. Pada panel properties yang muncul masukkan jam_mc sebagai instance name.
image ilmugrafis

6. Sama seperti di atas
Seleksi garis kedua (agak panjang), kemudian tekan F8. Pada panel yang muncul masukkan menit_mc dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah lalu tekan ok.
Seleksi movie clip menit_mc. Pada panel properties yang muncul masukkan menit_mc sebagai instance name.

7. Sama seperti di atas
Seleksi garis ketiga (paling panjang), kemudian tekan F8. Pada panel yang muncul masukkan detik_mc dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah lalu tekan ok.
Seleksi movie clip detik_mc. Pada panel properties yang muncul masukkan detik_mc sebagai instance name.

8. Satukan dan letakkan garis dengan urutan jam lalu menit kemudian detik dan letakkan di dalam tempat jam
image ilmugrafis

9. Setelah semuanya terpasang, klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :
image ilmugrafis

Masukkan code script berikut ini:


10. Tekan Ctrl+Enter untuk melihat hasilnya.
kira - kira seperti ini:
image ilmugrafis
Animasinya bisa diexport dalam bentuk flash movie dengan cara klik File >> Export movie, beri nama dan pilih format swf
seperti ini:

Tutorial Jam Dinding dengan Action Script
Tutorial ini saya buat sederhana namun bertujuan agar mudah dipraktikkan oleh pemula yang baru belajar flash. Anda dapat mengembangkannya dengan memperbaiki bagian grafisnya sehingga nantinya jam akan terlihat lebih bagus lagi. sampai jumpa di Tutorial menarik lainnya: baca juga Memasukkan Animasi Flash Ke Website. Download File Hasil disini

Terima kasih, Selamat belajar
Semoga Bermanfaat

Share URL Share the URL of this Tutorial in IM, Email or post in forums

* Klik Link, copy (ctrl + c) dan paste (ctrl + v)
android apk IlmuGrafiscom Apk | rss Berlangganan ilmuGrafis.com via Email


author

Info dan Kontak Penulis

Johan Felisitas
Tentang Penulis : Lahir di Surabaya 1986, Menyukai komputer grafis terutama program photoshop dan coreldraw. Saat ini bekerja sebagai designer grafis di salah satu perusahaan swasta di Surabaya.
Motto : Berikan yang terbaik, untuk mendapatkan yang terbaik!

Penulis dapat dihubungi via:
Twitter: @johanfelisitas
Google+ : johan felisitas
Facebook : facebook.com/tomuramaster
Email : johan.felisitas[at]gmail[dot]com



Rekomendasi Resmi dari ilmuGrafis.com
Dapatkan hanya di ILMUGRAFIS STORE
FLA4
Adobe Flash CS4

CD Video Tutorial Flash mengajarkan membuat animasi, presentasi, banner dan web design
FLG
Flash CS4 Programmer

Video Tutorial Flash membahas Pemrograman dan Animasi berbasis Action Script Flash
AECS3
After Effect CS3

CD Video Tutorial After Effect CS3 untuk membuat efek animasi Profesional pada Film Movie / Film
3DS MAX 9 BASIC
3DS MAX 9 Basic Animation

CD Tutorial Basic bagi penggunaan 3DS Max 9 bisa juga untuk 3DS Max 7


ARTsense Dumetschool
Advertisement
PHOTOSHOP
» Photoshop Dasar
» Photoshop Teks Effect
» Photoshop Photo Efek
» Photoshop Alternatif
» Photoshop Plugins
CORELDRAW
» CorelDRAW Dasar
» CorelDRAW Logo
» CorelDRAW Bebas
» CorelDRAW Tools
BLENDER 3D
» Blender Dasar
PHOTOGRAPHY
» Lightroom
VECTORIZE
» Adobe Illustrator
ANIMATION
» Flash
» Swishmax
3D MODELING
» 3dsMAX
» AutoCAD
» Cinema 4D
VIDEO EDITING
» Adobe Premiere
» After Effect
» Pinnacle
WEB DESIGN
» Dreamweaver
» jQuery
PUBLISHING
» InDesign
» Ms. Paint
FREEWARE
» Gimp
» Inkscape
EXTRA
» News
» Artikel
» Liga Grafis
» Hall Of Fame
» Bursa Kerja
» Jasa Grafis
» Donasi
» Buku Tamu
» Kontak
DMCA.com Protection Status
Protected by Copyscape Duplicate Content Software

Banner IlmuGrafis :
banner ilmugrafis indonesia

kode html di atas bebas dan boleh dipasang di blog/website anda
Peta Situs Term of Use web edukasi - ilmugrafis.com Indonesia
© 2008 - 2014 ilmuGrafis.com | RSS | Subscribe | Design and Development by Random Computer
Hak Cipta Dilindungi Undang Undang