Advertise

Tampilkan postingan dengan label Multimedia. Tampilkan semua postingan
Tampilkan postingan dengan label Multimedia. Tampilkan semua postingan

Mencari video tutorial Gratis di YouTube

Cara mudah untuk mendapatkan video tutorial gratis yang kita inginkan adalah dengan menggunakan atau memasukan kata kunci pada search engine.
Misalnya anda ingin mencari panduan untuk membuat komik dengan menggunakan sofwer GIMP. Maka anda cukup menuliskan pada kotak pencarian Google atau search engine seperti berikut :"gimp making comic tutorial "Maka pilihan yang sesuai akan muncul.

Bentuk tutorial untuk membuat karya kini tidak hanya berformat teks dan gambar, namun juga video. Sehingga memudahkan bagi yang mempelajarinya. sekarangpun banyak buku panduan atau tutorial - tutorial yang disertai dengan video berformat flash atau FLV Player yang beredar di toko-toko buku. tapi dengan adanya internet anda bisa mendapatkan video tutorial dengan gratis tergantung kepada kita untuk bisa menggali harta karun yang terdapat di internet.

Beberapa website juga dibangun untuk menyediakan aneka link yang mengarahkan ke situs yang menyediakan tutorial. anda bisa mengunjungi situs berikut untuk mendapatkan video tutorial dari you tube.

www.tutorialtube.org
www.video-tutes.com
www.graphictip.com

Untuk mencari layanan seperti ini di search engine , anda cukup menambahkan kata kunci "video tutorial" di belakng tema yang hendak dicari.
selamat mencoba...!!! Link untuk postingan ini...

Motion Tween dan Shape Tween

Mengenal lebih dalam mengenai Motion Tween dan Shape Tween, Pada program flash terdapat 2 (dua) jenis animasi yaitu Animasi Motion Tween dan Animasi Shape Tween.

1.Motion Tween
Motion Tween adalah pergerakan suatu objek dari keadaan awal sampai keadaan akhir. sebagai contoh anda ingin menggerakan suatu bola dari kiri ke kanan, dengan adanya motion tween kita bisa menggunakan sedikit objek tanpa harus membuat banyak objek, untuk contoh animasi Tween bisa anda lihat gambar dibawah ini.



2.Shape Tween
Shape Tween adalah perubahan bentuk dari suatu objek ke objek lain. untuk Shape Tween objek yang dianimasikan harus berjenis Shape, untuk ukuran file yang dihasilkan Shape Tween lebih besar dibandingkan motion Tween.

Membuat Teks Muncul Satu per Satu

Pertama buat dokumen baru dengan ukuran 400 x 100 px dengan background color orange dan teks warna hitam. Sebagai contoh saya membuat teks CHUGY GOGOG pada layer 1 seperti gambar dibawah :



Pastikan teks berada ditengah tengah stage.
Setelah itu hapuslah hurup HUGY GOGOG sehingga yang ada hanya hurup C,
lihat gambar dibawah.



Setelah itu insert keyframe pada pada frame no 5 dan tambahkan Hurup H pada teks.
lihat gambar dibawah.



Lakukan hal yang sama untuk Layer 10 .

pada Frame 10 insert Keyframe tambahkan hurup U .
Pada Frame 15 insert Keyframe tambahkan hurup G .
Pada Frame 20 insert Keyframe tambahkan hurup Y .
Pada Frame 25 insert Keyframe tambahkan hurup G .
Pada Frame 30 insert Keyframe tambahkan hurup O .
Pada Frame 35 insert Keyframe tambahkan hurup G .
Pada Frame 40 insert Keyframe tambahkan hurup O .
Pada Frame 45 insert Keyframe tambahkan hurup G .

Maka hasinya akan seperti gambar dibawah ini.


Silahkan anda lihat hasilnya dengan menekan Ctr+Enter, Anda juga bisa merubah warna teks pada tiap frame. Selamat mencoba.

Membuat Bayangan Di Dalam Text

Langkah pertama buatlah dokumen baru berukuran 450px x 100px,
Buatlah empat buah layer seperti gambar dibawah ini.



Di layer 1 buatlah background persegipanjang menggunakan Rectangle Toool dengan ukuran 450 x 100.



Berilah warna gradasi merah hitam seperti gambar dibawah ini.



Buatlah teks CHUGY COLECT di layer 2


Selanjutnya kita akan mengcopy atau menggandakan teks CHUGY COLECT di layer 2 , caranya yaitu klik kanan pada frame 1 - layer 2 dan pilih Copy Frame.


Selanjutnya klik kanan pada frame 1 layer 4 dan pilih Paste Frame.


Selanjutnya buatlah persegi panjang dengan warna hijau ataupun warna lain dilayer no 3. posisikan seperti gambar dibawah ini.


Setelah itu tambahkan frame, dari layer 1 sampai layer 4 ke frame 20 seperti gambar di bawah.


Klik pada frame 20 layer 3, dan geserlah persegi panjang yang telah dibuat ke sebelah kanan melebihi teks, lihat gambar di bawah.


Selanjutnya klik kanan di tengah frame pada layer 3, seperti gambar dibawah dan pilihlah Create Motion Tween.

Dan langkah terakhir , klik kanan pada layer 4 dan pilih Mask.
Mask ini berfungsi untuk menyembunyikan bayangan diluar teks



Gimana cukup mudahkan ? Untuk warna teks ataupun background bisa anda sesuaikan dengan keinginan dan selera anda,Selamat mencoba!

ActionScript NextFrame dan PrevFram

ActionScript NextFrame dan PrevFrame
tutorial kali ini akan membahas bagaimana membuat image atau gambar dan animasi yang di buat dengan flash untuk bisa berpindah secara berurut dan balik secara berurut atau lebih dikenal dengan Next dan Prev. Berdasar artinya nextframe adalah menuju ke frame selanjutnya secara berurut dan prevframe adalah kembali ke frame sebelumnya secara berurut.

Contohnya seperti berikut :

Buatlah 3 buah layer baru .
insert frame pada frame 3 untuk semua layar.
pada layer 1 (pertama) buatlah 2 buah tombol yang nantinya akan diberi script nextframe dan prevframe.

sebagai contoh saya membuat 2 buah tombol berbentuk kotak yang diletakan di kiri dan kanan, untuk tombol yang kiri tombol Prev dan yang kanan tombol Next.

pada layer 2(kedua) buatlah objek gambar atau anda juga bisa mengimfort image yang akan dimasukan di dalam frame 1,2,dan 3

sebagai contoh
di frame no 1 saya membuat lingkaran.
di frame no 2 saya membuat kotak persegi.
di frame no 3 saya membuat Persegi panjang.

sebaiknya insert keyframe terlebih dahulu pada blank frame di frame 1,2 dan 3 supaya lebih cepat memasukan gambar silahkan anda buat gambar tersebut dan masukan pada blank frame 1,2,3

pada layer 3(tiga) masukan script stop seperti ini

stop();

Memasukan script untuk tombol
untuk tombol masukan script berikut ini :
untuk tombol kanan (Next) . caranya yaitu klik tombol Next lalu masukan script dibawah ini pada kotak actions

on(press) {
nextFrame();
}

dan Untuk tombol kiri (Prev) caranya yaitu klik tombol Prev lalu masukan script dibawah ini pada kotak actions

on(press) {
prevFrame();
}

Untuk lebih jelas lihat gambar di bawah ini :


Membuat Tranformasi Teks Animasi

Sebelumya silahkan Flasher Download File Flash latihannya disini
Langkah pertama seperti biasa buka program Flash yang ada di komputer blogger.
  • Butlah Stage dengan ukuran 400x200.
  • Beri backgron dengan warna Abu dengan kode warna #666666.
  • Buatlah 2 (dua) buah layer.
  • Pada layer pertama frame ke 1 buatlah persegi panjang dengan lebar 400px dan tinggi 25px beri warna merah atau warna apa saja sesuai selera anda dan posisikan ditengah stage.

Masih pada layer pertama ::

  • Insert Blank Keyframe pada frame ke 10.
  • Buatlah teks WELCOME dengan ukuran disesuaikan posisikan teks WELCOME tersebut tepat di tenga-tengah stage.
  • Kemudian klik kanan pada Teks WELCOME dan klik Break Apart,dan hasilnya teks tersebut menjadi terpisah.
  • Selnjutnya Flasher klik kembali teks WELCOME untuk menjadikan teks tersebut menjadi shape.
  • Jika sudah klik di tengah-tengah antara frame 1 dan 10, pilih Tween Shape yang berada di kotak Tween.

seperti gambar dibawah ini.



  • Kemudian Insert keyframe pada Frame 25 dan 30 pada layer 1.
  • Setelah itu anda klik kanan di antara frame 25 dan 30 dan anda klik Creat Motion Tween.
  • selanjutnya klik Frame 30 dan anda perbesar teks WELCOME Di frame 30 sehingga teks tersebut pas di ujung kanan dan kiri stage.
  • selanjutnya Klik kembali antara frame 25 dan 30 yang telah diberi Motion Tween,Beri Rotate CW pada Properti di bawah.

Lihat gambar dibawah :



  • Selanjutnya Insert keyframe pada frame 50 dan 55 berikan Motion Tween kembali di antara frane 50 dan 55.
  • Di Frame 55 anda perkecil kembali teks WELCOME tersebut seperti semula.
  • Selanjutnya Insert Frame pada frame 90.

Sekarang kita membuat Animasi selanjutnya yaitu To My Home pada layer 2.
  • Buatlah teks To My Home pada frame 15 layer 2 dengan warna merah. Posisikan teks tersebut ditengah di bawah stage.
  • Selanjutnya Insert keyframe pada Frame 20 dan pindahkan teks To My HomeWELCOME.
  • Kemudian klik kanan ditengah-tengah frame 15 dan 20 dan pilih Insert KeyFrame.
  • Selanjutnya Insert keyframe pada frame 60-61 dan 62.
  • Besarkan teks To My Home pada frame 61.
  • Terakhir Insert keyframe pada frame 90 tersebut ke atas tepat dibawah teks.
Silahkan lihat hasilnya dengan menekan Ctrl+Enter.

Membuat Tombol di Flash

Membuat Tombol di Flash
Untuk sofwer Flash secara defauld sudah memiliki atau menyediakan tombol yang bisa anda gunakan , dan Flasher juga bisa memilih yang menarik menurut flasher. Tetapi jika flasher lebih memilih membuat sendiri desain tombol sendiri dan membuat tombol sesuai dengan selera flasher silahkan saja toh tidak ada batasan atau larangan dalam membuat tombol.

Di blog ini akan membahas cara menggunakan button default dari flash dan button buatan sendiri. pada dasarnya button atau tombol adalah saran atau tempat untuk meletakan syntax atau ActionScript sebagai perintah.

1.Menggunakan Tombol Default

Caranya adalah Klik panel Windows > common libraries > Button maka akan muncul box Lybrary-Butoon yang menyediakan 277 macam tombol.
setelah Flasher memilih tombol yang cocok Draglah tombol tersebut kedalam stage untuk menggunakannya.

2.Menggunakan tombol buatan Sendiri

Caranya Buatlah sebuah tombol dengan menggunakan sofwer grafis seperti Photoshop,Firework ataupun sofwer grafis lainnya. jika sudah membuat tombol, Flasher imfort to library tombol yang telah dibuat,maka tombol tersebut sudah tersimpan di lybrary.

setelah itu draglah gambar tombol tersebut kedalam stage.sekarang tinggal menjadikan gambar tombol tersebut menjadi tombol yang nantinya akan dimasukan ActionScript.

Caranya yaitu ::

Klik kanan gambar tombol tersebut > Convert to symbol > dan pilih tombol.
dan jangan lupa kasih nama tombol tersebut misalkan dengan nama Tombol 1.
Silahkan anda coba.

Menggerakan atau mengontrol Objek Menggunakan Mouse

Menggerakan atau mengontrol Objek Menggunakan Mouse.
Dalam tutorial kali ini kita akan membahas bagaimana cara mengontrol atau menggerakan objek dalam Flash dengan menggunakan mouse. Untuk mengontrol pergerakan objek dalam flash caranya cukup mudah yaitu dengan menggunakan script StarDrag. Gimana kalau kita langsung mencoba mempraktekkannya.

Langkah pertama seperti biasa buat dokumen baru Ctrl+N dan pilih Flash Dokument. Aturlah ukuran sesuai keinginan anda.

Buatah objek yang akan dijadikan untuk dikontrol mouse pada layer pertama dan frame 1(satu) . Sebagai contoh sya membuat objek Kepala, Flasher bisa membuat objek apa saja sesuai selera flasher.
Dalam tutorial ini hanya menggunakan 1(satu) layer dan 1(satu) frame saja. Jika sudah langkah selanjutnya adalah memasukan script untuk mengontrol atau untuk menggerakan objek dengan mouse.

untuk scriptnya seperti dibawah ini ;

onClipEvent (load) {
Mouse.hide() ;
startDrag(this, true) ;
}
Arti script atau syntax diatas adalah :

-Script onClipEvent(load), Mengandung arti kondisi pertama kali flash movie dijalankan.
-Script mouse.hide(); ,Berfungsi untuk menghilangkan pointer mouse ketika flash movie dijalankan.
-Dan Script starDrag(this, true); berfungsi untuk membuat movieClip bergerak mengikuti arah gerakan mouse.

Untuk lebih jelasnya lihat gambar di bawah ini :


Kira-kira Seperti itulah Script yang digunakan untuk menggerakan atau mengontrol objek didalam flash, untuk melihat hasilnya seperti biasa tekan Ctrl+Enter.

cukup simple bukan slamat mencoba....Thank's.!

Mehghilangkan dan Memunculkan Objek menggunakan Script Visible

Tutorial kali ini saya akan membahas bagaimana caranya untuk Mehghilangkan dan Memunculkan Objek menggunakan Script Visible. Sebelumnya saya ucapkan tararengkyu buat para Flasher yang telah membaca tutorial-tutorial di blog ini, Danjuga saya minta maaf bila tutorial-tutorial ini kurang membuat Flasher puas, tapi disini saya berusaha untuk memperbaiki kekurangan-kekurangan pada tutorial-tutorial flash ini. Maklumlah sebagai manusia kita masih punya batasan dan kekurangan.

Ok.Tanpa panjanglebar nanti keburu melar. kita langsung aja membahas tutorial ini yaitu Menghilangkan dan memmunculkan objek menggunakan ActionScript Visible.

Langkah pertama seperti biasa buatlah dokumen baru, ukuran bisa Flasher sesuaikan.
Buat 2 buah layer. pada layer pertama kasih nama objek (untuk objek) dan layer 2 kasih nama tombol (untuk tombol).

sekarang kita akan membuat objek yang nantinya akan kita hilangkan dan munculkan. sebagai contoh saya membuat objek Kepala pada layer 2.
dan buat 2 buah tombol pada layer 1, yaitu tombol Hilang dan Muncul.

lihat gambar dibawah ini :



Untuk objek kepal terlebih dahulu kita kasih nama pada instana name dengan nama kepala
lihat gambar dibawah ini :



sekarang kita akan membuat script pada tomboal.
untuk tombol hilang masukan script seperti berikut :

on (press) {
kepala._visible = 0;
}
atau lihat gambar dibawah :



Untuk tombol muncul masukan script seperti berikut :

on (press) {
kepala._visible = 1;
}
lihat gambar di bawah :



Gimana cukup mudah bukan. untuk melihat hasilnya silahkan tekan Ctrl+Enter. selamat mencoba.

Motion Graphic atau Bumper

Mungkin banyak diantara kita yang bertanya apa sebenarnya arti dari motion grafic. Dari beberapa artikel yang pernah gw baca semuanya tidak ada yang spesifik menjelaskan arti dari motion grafic. tapi dari semua dapat dirangkum apa arti dari motion grafic tersebut. Pengembangan dari seni graphic design yaitu motion design, konteksnya adalah motion graphic sebagai film, video atau computer animation. Termasuk di dalamnya adalah tipografi dan grafis yang bisa dilihat sebagai titles untuk film, pembuka program televisi, bumper dan elemen-elemen grafis yang muncul di layar kaca.

Kemudian web-based animation, channel id berupa logo tiga dimensi yang merupakan identitas sebuah stasiun televisi. Juga bagian-bagian di dalam iklan televisi. Apapun yang muncul sebagai graphic design dalam media elektronik audio visual adalah pekerjaan yang dilakukan oleh motion designer. Secara tidak disadari oleh pemirsa awam, bahwa karya motion design muncul di media elektronik dengan porsi yang cukup besar.

Program umumnya berdurasi 24 menit, dengan slot untuk commercial break 6 menit. Dalam 24 menit program porsi yang dikerjakan oleh seorang motion designer adalah opening program, bumper in/out, closing program, belum termasuk elemen-elemen pendukung seperti titles, graphic data, virtual set, backgroud dan lain sebagainya. Dalam hal ini saya akan mempokuskan pada motion grafic Bumper.

Bumper Biasanya dipakai pada awal dan akhir sebuah acara dengan menampilkan animasi logo televisi. untuk durasi sebuah bumper tidak kurang dan lebih dari 15 detik. Bumper Disebut juga invisible art karena komponen-komponen ini terlihat tapi tidak disadari oleh pemirsa di dalam sebuah program. komponennya diisi oleh motion designer dalam pembuatan titles, logo animation, product animation, visual effects dan lainnya.

Tetapi perkembangan dunia motion design ternyata sangatlah pesat diimbangi dengan pesatnya teknologi yang mendukung baik software maupun hardware nya. Jika banyak menonton televisi atau menonton film maka akan terlihat bahwa tipografi, visual efek di media ini semakin menarik karena terus berkembang.

Secara tehnik saat seseorang menggunakan aplikasi motion graphic design, aplikasinya berorientasi pada obyek. Dan medianya berupa still images dengan format pixel atau vector, data video dan audio.

Di dalam aplikasinya dapat membuat sebuah komposisi yang di dalamnya terdapat timeline, resolusi, hitungan jumlah frame per detik dan ukuran. Saat membuat komposisi, bisa dimasukan satu atau lebih media, yang lalu muncul di dalam composition window dan juga di timeline.

Di dalam tiap media yang bisa disusun masing-masing sebagai layer terdapat properti pengaturan untuk memanipulasi, seperti posisi (x, y dan terkadang z), putaran, ukuran, opacity dan lainnya. Layer-layer dapat digabungkan satu sama lain dalam komposisi. Setiap perubahan atau manipulasi yang dilakukan dapat dibuat keyfame untuk menentukan nilai dari tiap waktu yang ditentukan untuk dimanipulasi. Ini berlaku untuk program komposisi maupun animasi.

Software yang digunakan
Beberapa software yang biasa digunakan dalam pembuatan motion design atau motion graphic dan compositing baik film, video maupun animasi, seperti :

  • Adobe After Effects
  • Autodesk Combustion
  • Autodesk Flint or Flame
  • Apple Motion or Shake
  • Maxon Cinema 4D
  • Softimage XSI
  • Autodesk Maya or 3D Studio Max
  • NewTek Lightwave
  • Blender
  • Electric Image
  • Macromedia Flash /Adob Flash