ilmugrafis.com
rss Berlangganan RSS 2.0 via Email:
android apk youtube channel twitter facebook
Google Powered Search
 
ilmu grafis » MACROMEDIA DAN ADOBE FLASH

Membuat Animasi Sederhana dengan Permainan Keyframe

Publish: 25 Juni 2008 | Author & Copyright: Johan | Status: FREE tutorial

Flash merupakan Software pembuat animasi yang hebat, kali ini saya akan mencoba membuat tutorial yang sederhana yaitu membuat animasi sederhana dengan Permainan keyframe. Ini berawal dari keisengan saya mengutak atik software Flash ini, ya namanya juga baru belajar jadi maaf bila ada yang kurang jelas disini, hehehe...

Ok, mari kita coba mulai saja...

Langkah 1
Buka Program Flash MX kamu

Lalu pilih new... Flash Document

Langkah 2
Menentukan besarnya STAGE (coba pelajari dulu layout Flash agar lebih paham)
Tutorial Flash Animasi
Caranya:
1. Klik Size pada Properties
2. Akan Muncul Document Properties
Atur dimensions:
disini saya menggunakan 300 x 200 px
3. Tekan OK

Langkah 3
Tutorial Flash Animasi
1. Tekan R pada keyboad lalu gambar kotak di Stage
2. Lakukan pewarnaan dengan menekan V pada keyboard dan klik kotak lalu pilih Fill yang ada tanda nomor 2 di gambar
3. Pilih warna disini saya menggunakan warna biru dongker dengan nilai hexadecimal #000066

Langkah 4
Tekan T pada keyboard untuk menggunakan Text Tool lalu ketik terserah namun disini saya mengeti huruf "F"
Tutorial Flash Animasi

Langkah 5
Lihat Kotak Timeline
Di situ kita akan bermain... ;P
Baiklah sekarang tekan F5 pada keyboard... hasilnya frame akan bertambah
hal ini untuk mengatur ritme dari animasi

OK tekan sebanyak 5 X
Hasilnya:
Tutorial Flash Animasi


lalu Tekan F6 pada keyboard... hasilnya key Frame (untuk animasi) akan muncul
jika sudah tambahkan huruf pada stage
Tutorial Flash Animasi

Ulangi Langkah 5 dan 6 (Terus tambahkan huruf sehingga membentuk tulisan FLASH
Tutorial Flash Animasi
tutorial Flash
OK!!!

Untuk melihat hasilnya... berdoa dulu ya... Tekan CTRL + Enter
Hasilnya:
Tutorial Flash Animasi
Flash animasi,,, Siapa takut!!!
Source File: Download Source File - *.FLA. OK sampai ketemu di belajar Flash Selanjutnya...

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

* Klik Link, copy (ctrl + c) dan paste (ctrl + v)

Pertanyaan, Kritik, dan Saran silahkan hubungi Penulis (Author) :

author
<> Info dan Kontak Penulis
Johan Felisitas
Tentang Penulis : Lahir di Surabaya 1986, Menyukai Desain Grafis sejak SMA, hobby Sepakbola, Bersepeda dan Wisata Kuliner
Motto : Mensyukuri nikmatNya adalah sumber kebahagiaan

Penulis dapat dihubungi via:
Twitter: @johanfelisitas
Google+ : johan felisitas
Facebook : facebook.com/tomuramaster
Email : johan.felisitas[at]gmail[dot]com
Blog : http://nexusgo.blogspot.com , http://www.ilmugrafis.org


REKOMENDASI RESMI ILMUGRAFIS
Metode Belajar Cepat dan Mudah dengan Video Tutorial
+ Desain Cepat dengan Tools Desain Grafis
video tutorial
Adobe Flash CS4

CD Video Tutorial Flash CS4 membahas meliputi cara menggambar artwork dalam Flash, membuat animasi dengan motion tween CS4, Webs, dll
video tutorial
Flash CS4 Programmer

Video Tutorial Flash membahas Pemrograman dan Animasi berbasis Action Script yang bisa anda pelajari dengan mudah di Flash CS4
video tutorial
After Effect CS3

CD Video Tutorial cara penggunaan Adobe After Effect CS3 untuk membuat efek dan animasi profesional pada Movie
aep
After Effect Project

Kumpulan template dan project dari After Effect untuk video animasi anda
produk IG Store
Ms. Excel 2007 Finance

CD Video Tutorial Microsoft Excel dalam menyelesaikan berbagai tugas Keuangan diurai dalam CD ini mulai Dasar hingga mahir Excel 2007
video tutorial photoshop
Photoshop Complete Edition

Koleksi Lengkap Video Tutorial Photoshop dan mulai dari Efek Foto Professional hingga manipulasi foto terungkap semua disini


IlmuGrafis Didukung Oleh:
IG STORE
www.ilmugrafis.net

Aturan dan Kebijakan di IG
  • Semua Konten di ilmuGRAFIS bertujuan sebagai media pendidikan dan pembelajaran, oleh karena itu dimohon tidak menyalahgunakan informasi dan pengetahuan yang diperoleh untuk hal - hal yang merugikan diri sendiri maupun orang lain
  • Kami melakukan segala upaya untuk memastikan bahwa informasi di ilmuGRAFIS tersaji seakurat dan sebaik mungkin. Anda bisa melaporkan jika ada konten ataupun informasi yang tidak berkenan di tab kontak kami
  • Jika anda ingin memposting ulang atau mengcopy konten baik itu Tutorial maupun Artikel maka silahkan membaca terlebih dahulu Terms Of Use (Syarat Penggunaan)

PHOTOSHOP
Photoshop Dasar
Photoshop Teks Effect
Photoshop Photo Efek
Photoshop Alternatif
Photoshop Plugins

CORELDRAW
CorelDRAW Dasar
CorelDRAW Logo
CorelDRAW Bebas
CorelDRAW Extra Tools

PHOTOGRAPHY
Lightroom

VECTORIZE
Adobe Illustrator

ANIMATION
Flash
Swishmax

MODELING
3dsMAX
AutoCAD
Cinema 4D
Maya

VIDEO EDITING
Adobe Premiere
After Effect
Pinnacle

WEB DEVELOPER
Dreamweaver
jQuery
Fireworks

PUBLISHING
Freehand
InDesign
Ms. Paint
Ms. Visio

FREEWARE
Gimp
Inkscape

CREATIVE-ZONE
Gallery
Papercraft
Liga Grafis
Hall Of Fame

TOOLS
Fonts

EXTRA
News
Artikel
Hiburan
Info Lowongan Kerja
Jasa Desain Grafis

Friend.s
yesimadesigner.com
ilmuWebsite.com
ilmuPhotoshop.com
efekPhotoshop.com
photoshopID.com

AdPixel
BG Store
belanja-games Online
Pusat belanja DVD Games PC lengkap murah dan terpercaya

DreamArch House
Aditya, ST
Sekolah Animasi dan Modeling dan Comunity CGI No.1 di Medan

Sekolah Multimedia
mmsmkn4sby.com
Sekolah Jurusan Multimedia dan Desain Grafis ya di SMKN 4 Surabaya aja

Jasa Desain Interior
selarasdesain.com
Kami membantu anda menciptakan tempat tinggal dan usaha yang nyaman

Link to ilmuGrafis
banner ilmugrafis indonesia

kode html di atas bebas dan boleh dipasang di blog/website anda

Thanks To
+ Supercounters.com

Peta Situs Term of Use web edukasi - ilmugrafis.com Indonesia
© 2013 ilmugrafis. All Rights Reserved
contact us  disclaimer  privacy policy  Google DMCA