Rabu, 04 Desember 2013

Cara membuat file Gambar animasi berformat .GIF dengan Macromedia Flash

Cara membuat File Gambar animasi berformat .GIF dengan Macromedia Flash - Salah satu format file untuk animasi gambar bergerak adalah GIF atau Graphics Interchange Format. Ada beberapa pertimbangan mengapa animasi gambar bergerak berformat .GIF dipilih untuk sebuah file gambar animasi bergerak, diantaranya adalah animasi dapat langsung berjalan tanpa Player, cukup dengan broser internet atau dari explorer yang ada disetiap komputer dan gadget gambar animasinya langsung jalan dan hampir semua OS dapat menjalankan file jenis ini, sehingga Gambar animasi berformat.GIF sangat simple dan saat ini File .GIF sangat populer dan banyak pihak menggunakannya untuk berbagai keperluan diberbagai media.

Membuat File Gambar animasi berformat.GIF dengan Macromedia Flash pada dasarnya adalah mengekspor file animasi menjadi file berformat .GIF. 
Pada Macromedia Flash mengekspor file terdiri dari beberapa pilihan format antara lain .SWF (Flash), .HTML (Html), .GIF (GIF Image), JPG (JPEG Image), .PNG (PNG Image), .EXE (Windows Projector), .MOV (QuickTime) dan lainnya.
Khusus file berformat .GIF ada 2 pilihan yaitu:
1. .GIF Image, objek akan diekspor berupa gambar statis, mengekspor file .GIF Image outputnya akan berpatokan pada layer yang diinginkan. Salah satu kelebihan pada format .GIF Image ini background gambar dapat dibuat transparan.
2. .GIF animasi, objek akan diekspor berupa animasi gambar bergerak.
Pada tutorial kali ini yang akan dijelaskan adalah cara membuat file Gambar animasi berformat.GIF.
OK sekarang mari kita praktekkan cara membuat file Gambar animasi berformat.GIF dengan Macromedia Flash dan untuk perbandingan saya tetap mengekspor ke berbagai format yang disediakan oleh Macromedia Flash untuk sama-sama kita lihat hasilnya:
Pada tutorial ini nama filenya adalah LATIHAN MENGEKSPOR FILE GIF, berikut langkahnya:
1.  Pilih menu FILE di menu utama pilih EXPORT dan KLIK menu EXPORT MOVIE.
2. Beri nama file "LATIHAN MENGEKSPOR FILE GIF" kemudian tekan SAVE
3. Menu Ekspor .GIF ukuran/dimensi gambar dapat disesuaikan jika ingin sesuai ukuran aslinya KLIK menu "Macth Screen" atau seuaikan dengan merubah angka yang ada pada kolom Width/Height atau pada resolution. Colors dibuat standart, menu Smooth untuk menghaluskan gambarnya, jika ingin dibuat transparan centang saja menu Transparent, dan tekan OK jika sudah, dan selesailah latihan kita membuat file berformat .GIF.

Berikut adalah output latihan membuat file Gambar animasi berformat.GIF dengan Macromedia Flash. 3 output dari 1 (satu) file "LATIHAN MENGEKSPOR FILE GIF":

1. Format GIF LATIHAN MENGEKSPOR FILE GIF
2. Format JPEG LATIHAN MENGEKSPOR FILE GIF
3. Format PNG LATIHAN MENGEKSPOR FILE GIF
Sampai disini jelas ya, mudah-mudah latihan membuat file Gambar animasi berformat.GIF dengan Macromedia Flash bisa menambah referensi teman-teman semua untuk membuat animasi gambar bergerak GIF sendiri...
Jika ada pertanyaan, kritik atau saran silahkan hubungi di kolom komentar dibawah ini, terimakasih
Salam Animasi
Diposting oleh di 1 komentar:

Membuat animasi gif with Adobe Flash

Penggabungan animasi dari berbagai format sangatlah membantu kita dalam memperkaya animasi yang kita buat. Namun tentu saja tidak semua animasi dapat digabungkan ke dalam satu aplikasi karena tidak semua format animasi itu dapat terintegrasi dengan baik.
Bagi pengguna flash, kita dapat dengan mudah menggabungkan animasi dengan format gif ke dalam flash animasi kita. Cukup hanya dengan men-drag and drop file animasi gif ke library flash, maka secara otomatis flash akan meng-convert-nya menjadi Symbol dengan type Movie Clip.
Berikut tutorial lengkapnya:
  1. Pastikan kita telah menyiapkan file photo kita sebagai background, dan juga file gif animation.
  2. Siapkan lembar kerja flash anda.
  3. Edit ukuran lembar kerja anda sesuai dengan keinginan anda. Misal 240×320 pixel.
    4. Document Properties
    Document Properties
    Dimension
    Dimension
  4. Insert foto anda ke dalam flash yang nantinya akan digunakan sebagai background animasi. Cukup dengan cara drag and drop file photo anda ke area lembar kerja flash anda
    5. Insert file to flash
    Insert file to flash
    Area lembar kerja
    Area lembar kerja
  5. Resize ukuran foto anda menggunakan Free Transform Tool hingga sesuai dengan besarnya area lembar kerja anda.
  6. Kunci layer yang beiris foto kita (layer 1)
    7. kunci layer
    Kunci Layer
    Layer terkunci
    Layer terkunci
  7. Buat layer baru (layer 2)
    8. create new layer
    create new layer
    new layer (layer 2)
    new layer (layer 2)
  8. Drag and drop file animasi gif kita ke Library Flash
    9. drop to library
    drop to library
    Library
    Library
  9. Pindahkan animasi gif kupu-kupu dengan type symbol Movie Clip pada jendela Library ke lembar kerja, letakkan di sisi luar kanan area lembar kerja.
    10. Library
    Library
    Luar lembar kerja
    Luar lembar kerja
  10. Pada layer 2, Klik frame 1.
  11. Ubah properties tween menjadi Motion
  12. Pada layer 2, klik kanan frame 25, Insert keyframe
  13. Lalu Pindahkan objek kupu-kupu pada layer 2 frame 25 ke sisi kiri luar dari area lembar kerja.
    14. Sisi kiri
    Sisi kiri
  14. Pada layer 1, klik kanan frame 25, Insert frame.
    15. layer & frame
    layer & frame
  15. Test animasi anda dengan cara klik Control – Test Movie.
  16. Anda dapat mendambahkan kembali animasi kupu-kupu dengan jalur terbang yang berbeda dengan cara membuat layer baru lalu memposisikan symbol kupu-kupu sesuai dengan keinginan anda.
Selamat mencoba,
hasil jadinya .....
Diposting oleh di Tidak ada komentar:

[TBC] Tutorial dasar cara membuat animasi gif

1.Langkah Pertamax



- Buat (layer) lingkaran warna merah, kuning & hijau. dan atur posisinya dengan garis bantu. sehingga menjadi seperti contoh gambar diatas.

2.Langkah keduax



Duplikat lingkaran2 warna tersebut 1 per 1, dan yang duplikasinya beri efek 'outerglow' sesuai warnanya 7 usahakan warnanya lebih cerah dibandingkan warna lingkaran yg pertamanya. sehingga menjadi seperti contoh gambar diatas.

3.Langkah ketigax



- Jika sudah seperti contoh langkah keduax, klik File > Edit in Imageready atau klik shift+ctrl+M secara bersamaan

4.Langkah kesempaxx



- Jika sudah masuk ke program imageready, maka klik Window > Animation

5.Langkah Klimaxx



- Maka akan muncul jendela animation kan? nah disitu adalah 'mesin penggerak' bagi gif kita.
- Buat 'New Frame' dengan cara klik 'tool duplicates current frame ' yang ada di jendela animasi tersebut (iconya bentuk kotak disamping tong sampah) , dan buat secukupnya seperti gambar diatas.

6.Langkah Keenamxx



- gabungkan / merge layer2 buletan2 yang tidak ada efek 'outer glow'nya dengan background, sehingga menyatu seperti contoh gambar diatas.
- klik frame pertama yang di animasi lalu visiblekan layer buletan warna merah (yang ada efek outerglownya). Backgroundnya dibiarkan saja terlihat!. selain itu sembunyikan layer2 lainnya.
- Klik lagi diframe animasi kedua & sembunyikan layer buletan warna merah & visiblekan yg layer buletan warna kuning aja.
- Lalu klik lagi frame animasi ketiga dan visiblekan yg warna hijau aja, layer yang lainnya dibiarkan tersembunyi.
- klo udah, buang sisa frame yg gak tepakai (ada 3 frame kalo mengikuti gambar diatas)

7.Langkah Ketujuxx



- Setelah langkah keenamxx selesai, lalu pilih ketiga framenya dengan cara shift + klik kiri mouse sekali / tahan ctrl dan pilih ketiga frame lalu klik opsi delay & pilih 0,2 second (sesuai kebutuhan) seperti yg ditunjukan panah merah
- Jika semua frame delay'nya menjadi 0,2 lalu klik icon play yg ada di jendela animasi tersebut, (panah warna hijau)

Maka hasilnya akan seperti ini...



Jika udah puas & pas dengan hasilnya, kemudian "Save Optimized As..."



Gimana? gampang kan? :D
sory agak berantakan, hehe...
Sebenernya masih banyak cara membuat jenis animasi2 gif, cuma gw juga masih pemula, jadi yg mudah2 aja ya.hehe...

Buat yang kurang jelas & pengen nanya2 silahkeun PM gw ya, kali aja ada yang bisa gw bantu.:p

Oke sekian dulu artikel gajetot ini. Bye. Cup-cup waw-waw..


Diposting oleh di Tidak ada komentar:

cara membuat animasi stick di macromedia flash 8

Home » » cara membuat animasi stick di macromedia flash 8

cara membuat animasi stick di macromedia flash 8

kali saya akan membagi pengalaman gw tentang membuat animasi sederhana dgn macromedia flash 8 bisa di download di google. 


tanpa basa basi lagi langsung aja gw bahas langkah2nya...
1.membuat animasi sederhana.
1.1buka macromedia flash 8.
1.2pilih flash documen.
1.3buat gambar contoh stick man.
1.4membuat stick man ke 2, sebelum membuat stick man ke 2 tekan tombol F6 terlebih dahulu.
1.5setelah F6, pilih onion skin lalu hapus gambar stick man yg di buat lalu buat lagi berdasarkan banyangan stick man pertama.1.6 dan seterusnya agan pake cara gw ini untuk membuat gambar sampai selesai.
lalu untuk melihat hasilnya tekan CRTL+ENTER
2.untuk menyimpanfile yg telah anda buat ke format avi atau semacamnya tinggal klik file>export>export to libary atau tekan CRTL+ALT+SHIFT+S, ganti save as type ke format window avi [*.avi] lalu save
3.langkah ini saya akan memberi tahu kan cara memasukan foto dari komputer anda.
3.1buka macromedia flash 8
3.2 klik file import>import form to libary, dan selesai.
4 memasukan lagu. cara ini sama dgn memasukan foto hanya aja tidak sembarangan format music bisa di import.
Diposting oleh di Tidak ada komentar:

MEMBUAT ANIMASI DENGAN MASKING DAN PATH

A. Animasi Masking

• Ketikkan teks Pustekkom pada stage pada jendela paling bawah atur Font: Arial, size: 48, Color: Biru. Atur agar letaknya di tengah stage.

• Klik di frame 40 pada timeline, klik kanan mouse pilih Insert Frame.
• Insert layer pada jendela Timeline, beri nama lingkaran.

• Buat sebuah lingkaran pada stage, ukuran lebih besar dari tinggi teks, warna bebas.
• Klik mouse di frame 1 pada Timeline.
• Pilih Modify > Convert to Symbol.
• Beri nama lingkaran masking, pilih Graphic, pilih OK.
• Dengan menggunakan Selection tool atur gambar lingkaran kesamping kiri teks.
• Klik di frame 40 pada layer lingkaran, klik kanan mouse pilih Insert keyframe.
• Dengan menggunakan Selection tool atur gambar lingkaran kesamping kanan teks.
• Blok dari frame 1 hingga 40 pada layer lingkaran, klik kanan mouse pilih Create Motion Tween.

• Pilih kotak kecil pada layer lingkaran, Klik kanan mouse pilih Mask.
• Jalankan animasi.
B. Animasi Gerak dengan Mengikuti alur (Guideline)
Untuk membuat animasi sebuah objek yang dapat bergerak mengikuti sebuah alur atau guide, langkah-langkahnya sebagai berikut.
• Ubah nama layer 1 menjadi Bumi
• Buat sebuah lingkaran yang cukup besar di tengah-tengah stage. (Apabila mempunyai gambar globe/bumi dapat digunakan dengan cara Import)

• Tambahkan layer baru pada Timeline, dengan cara mengklik mouse pada ikon Insert layer beri nama Bulan.
• Buat lingkaran yang lebih kecil dari lingkaran bumi.

• Klik kanan mouse pada lingkaran bulan pilih Convert to Symbol, beri nama Bulan pilih Graphic, pilih OK
• Pilih ikon Add Motion Guide pada jendela Timeline
• Buat sebuah lingkaran kosong (tanpa Fill) dan atur posisinya seperti di bawah ini.
• Dengan bantuan Eraser Tool hapus sebagian lingkaran tadi hingga terputus.

• Klik kanan mouse di frame 60 pilih Insert Keyframe (untuk ketiga layer)
• Pilih frame 1 pada layer Bulan, dengan menggunakan Selection tool atur lingkaran bulan hingga titik tengahnya pada posisi awal lingkaran guide bulan.
• Pilih frame 60 pada layer Bulan, dengan menggunakan Selection tool atur lingkaran bulan hingga titik tengahnya pada posisi akhir lingkaran guide bulan.

• Blok frame 1 hingga 60 pada layer bulan, klik kanan mouse pilih Create Motion Tween.
Jalankan animasi.
• Untuk menghilangkan garis guideline, klik ikon mata pada layer Guideline bulan.
Jalankan animasi.
Diposting oleh di Tidak ada komentar:

MEMBUAT ANIMASI TEKS BERUBAH-UBAH WARNANYA

A. Menggunakan Teks
Untuk menambahkan teks ke dalam stage pilih Text Tool pada toolbar kemudian klik pada stage. Sebuah kotak kosong akan muncul. Untuk mengubah jenis, ukuran serta warna font, gunakan jendela Properties di bagian bawah layar.

B. Animasi Teks berubah-ubah Warna
Untuk sebuah judul program terkadang perlu dibuat menarik dengan cara membuat teks pada judul tersebut bergerak atau berubah-ubah warnanya.
Dengan Flash 8 membuat animasi tersebut bukanlah hal yang sulit.
• Pertama buat file baru, melalui jendela Properties ubah warna background menjadi hitam.
• Pilih Text Tool
• Pada jendela Properties paling bawah, atur : Static Text, Arial, 40 warna Kuning, Anti-alias for animation
• Klik mouse pada stage, ketikkan JUDUL (judul program).
• Atur posisi agar di tengah layar kerja.
• Pilih Modify > Break Apart atau tekan CTRL + B

• Pilih Modify > Convert to Symbol
• Pada jendela Convert to Symbol, beri nama judul, pilih Graphic, pilih OK
• Klik di frame 15 pada Timeline, Klik kanan mouse Insert Keyframe.
• Klik di frame 30 pada Timeline, Klik kanan mouse Insert Keyframe.
• Klik di frame 15 pada Timeline
• Klik mouse pada teks JUDUL
• Pada jendela Properties, pilih Color > Tint, atur warna ke Jingga (atau yang lain), kepekatan 100%.
• Blok frame 1 hingga 30, Klik kanan mouse pada timeline Pilih Create Motion Tween.
• Jalankan animasi.
Diposting oleh di Tidak ada komentar:

cara membuat animasi di macromedia flash 8

A. Animasi Gerak dengan Pergeseran Tempat
Untuk membuat animasi sebuah objek yang dapat bergerak/ bergeser dari suatu tempat ke tempat lain (ke samping , ke atas, ke bawah dan sebagainya) langkah-langkahnya sebagai berikut:
1. Setelah membuat file baru, pilih Oval tool pada toolbar (atau tool yang lain sesuai bentuk objek yang akan dibuat).
2. Buat sebuah lingkaran pada layar kerja.
3. Pilih Selection tool, kemudian double-klik pada lingkaran untuk mengaktifkan lingkaran.
4. Pilih Modify > Convert to symbol
5. masukan nama gambar yang kamu buat tadi

6. Pilih OK
7. Klik mouse di frame 30 pada Timeline, kemudian pilih Insert > Timeline > Keyframe atau Klik kanan mouse pilih Insert Keyframe.
8. Klik mouse pada lingkaran, kemudian geser lingkaran ke sembarang tempat
9. Blok pada Timeline dari frame 1 hingga frame 30.
10. Pilih jendela Properties, pada pilihan Tween pilih Motion.
Atau
Klik kanan mouse pada Timeline pilih Create Motion tween
Sekarang coba jalankan animasinya dengan cara pilih Control > Play atau tekan Enter pada keyboard
Catatan :
Anda dapat merubah gerakan awal dan akhir dengan cara:
Klik mouse pada frame 1 (untuk awal gerakan) kemudian ubah letak lingkaran pada layar, dan klik mouse pada frame 30 (untuk akhir gerakan) kemudian ubah letak lingkaran.
Untuk mempercepat gerakan animasi geser keyframe akhir ke kiri (<30) dan untuk memperlambat geser ke kanan (>30).

B. Animasi Gerak dengan Pembesaran atau Pengecilan Bentuk
Untuk membuat animasi gerak dengan pembesaran atau pengecilan bentuk, lakukan langkah yang sama dengan pembuatan animasi pergeseran tempat hingga langkah ke 10.
• Kemudian klik frame 30 pada Timeline.
• Pilih Free Transform Tool , arahkan kursor ke salah satu titik sudut yang muncul di gambar lingkaran. Sambil menekan tombol Shift pada keyboard, Klik mouse pada titik tersebut dan geser ke arah luar hingga lingkaran membesar. Kemudian lepaskan mouse.
Jalankan animasi dengan menekan tombol Enter.
Catatan:
Untuk membuat objek mengecil, saat menggeser sebuah titik pada lingkaran arahkan ke dalam hingga lingkaran mengecil.


C. Animasi Gerak dengan berputar
Untuk membuat animasi gerak dengan berputar, lakukan langkah yang sama dengan pembuatan animasi pergeseran tempat hingga langkah ke 10.
• Pilih Selection tool, kemudian double-klik pada lingkaran atau klik kanan mouse pada lingkaran, pilih Edit in Place.
• Pilih Paint Bucket Tool
• Pilih Window > Color Mixer

• Pada jendela Color Mixer pilih Radial pada pilihan Type
• Kemudian arahkan kursor ke lingkaran (jangan ditengah-tengah) dan klik mouse.
Catatan:
Langkah di atas bertujuan agar saat lingkaran diputar terlihat gerakkannya.
• Tutup jendela lingkaran dan kembali ke jendela Scene 1 dengan cara klik pada tab Scene 1.
• Kemudian klik frame 30 pada Timeline.
• Pilih Modify > Transform > Rotate and Scale
• Pada jendela Scale and Rotate isi kolom Rotate dengan 180 (angka ini menunjukkan berapa derajat objek akan berputar)
• Pilih OK
Jalankan animasi
Catatan:
Untuk membuat animasi yang dapat bergerak berputar sambil membesar atau mengecil, Anda dapat mengisikan nilai Scale dan Rotate secara bersamaan pada jendela Scale and Rotate.

D. Animasi Perubahan Bentuk
• Buat sebuah file baru.
• Dengan menggunakan Oval Tool buatlah sebuah bentuk oval.
• Klik di frame 40 pada timeline, klik kanan mouse pilih Insert Blank Keyframe.
• Di posisi frame ke-40, buatlah sebuah persegi.
• Klik mouse pada bagian tengah timeline, pilih jendela Properties, pada opsi Tween pilih Shape.
• Jalankan animasi.
Untuk memperoleh animasi yang gerakannya lebih teratur, dapat digunakan Shape Hints. Sebagai contoh dapat dipraktekkan pada animasi yang baru saja kita buat.
• Klik mouse pada frame pertama.
• Pilih Modify > Shape > Add Shape Hint, akan muncul bulatan kecil berwarna merah.

• Ulangi sebanyak tiga kali kemudian drag masing- masing titik a, b, c, d sesuai gambar.
• Klik mouse pada frame terakhir.
• Pindahkan masing-masing titik a, b, c dan d, sesuai gambar. Titik akan berubah menjadi hijau.
• Klik kembali mouse pada frame pertama. Dapat dilihat bahwa titik berubah menjadi kuning, artinya, Shape Hint telah berhasil.
• Jalankan animasi.
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)