membuat animasi flash bagian 2

Setelah sebelumnya kita membuat animasi motion tween sekarang kita akan membuat sebuah efek perubahan yang keren,namun saya sarankan anda membaca terlebih dahulu artikel membuat animasi flash bagian 1 agar anda bisa mengerti tutorial berikut ini

Langsung ke TKP…

1.Buka adobe flash anda

2.dengan menggunakan “Text Tool” anda buat sebuah huruf “A” dan atur kebesaran huruf sehingga menjadi seperti berikut

3.jika sudah,anda klik huruf tadi dengan “Selection Tool” dan tekan Ctrl + B

4.klik kanan pada frame satu dan pilih “Create Motion Tween”

5.klik kanan frame 15 dan pilih “Insert Blank Keyframe”

6.huruf a yang tadi kita buat akan hilang,lalu buatlah kembali sebuah huruf “B” dan atur sehingga seperti berikut

7.kembali klik huruf b tersebut dengan “Selection Tool” lalu tekan Ctrl + B

8.setelah itu klik kanan frame 30 dan pilih “Insert Blank Keyframe”

6.huruf b yang tadi kita buat akan hilang kembali ,lalu buatlah kembali sebuah huruf “C” dan atur sehingga seperti berikut

7.kembali klik huruf c tersebut dengan “Selection Tool” lalu tekan Ctrl + B

8.langkah berikutnya adalah anda drop seluruh frame dengan cara klik kanan pada frame satu lalu pilih “Select All Frames”

9.dengan keadaan masih terseleksi,anda ganti property Tween menjadi “SHAPE”

10.run aplikasi dengan Ctrl + enter

lihat hasilnya,keren bukan

Read full post »

membuat animasi flash bagian 1

Dalam animasi flash ada beberapa macam jenis,yaiut sebagai berikut :

1.Animasi Tween : Motion digunakan untuk membuat animasi bergerak yang memiliki tujuan   pada suatu titik hitam

2.Animasi Tween : Shape  digunakan untuk membuat animasi perubahan bentuk

Berikut juga beberapa penjelasan tenytang flash atau lebih tepatnya tentang animasi dalam frame

1.Garis putus-putus menunjukan akhir dari sebuah animasi

2.Frame yang berisi titik atau kolom dalam frame yang berisi sebuah titik hitam adalah frame yang sudah terisi sebuah objek

3.sebuah huruf “a” pada frame menunjukan sebuah keyframe yang telah diberi perintah Action Script.

Apa itu action script ?

Action script adalah sebuah perintah atau remot untuk membuat animasi lebih hidup atau atraktif

Setelah kita membahas tentang beberapa hal flash sekarang kita mencoba untuk membuat sebuah dasar dari flash.

1.Buka aplikasi kesayangan adobe flash cs3 anda

2.setelah masuk anda coba buat sebuah objek bulat menggunakan oval tool ( O )

3.gambarkan sebuah oval di stage seperti berikut

4.anda bisa lihat sebelum diberi objek pada flash,frame awal tidak ada bulat hitam,tapi setelah kita gambar objek hitam pada frame ke-1 lalu muncul sebuah bulat hitam,itu berarti objek sudah masuk ke frame dan sudah siap untuk digerakan

5.klik kanan pada frame satu dan pilih “Create Motion Tween”

6.setalah itu anda klik kanan pada frame 15 dan pilih “Insert Keyframe”

7.lalu geser objek oval yang tadi sudah kita buat kearah sebelah kanan atau manapun sesuai keinginan anda

8.jalankan animasi dengan Ctrl + Enter dan lihat hasilnya

bagaimana ?
itu adalah salah satu animasi Tween motion,tunggu ulasan tentang tutorial animasi lainnya.

Read full post »

memberi efek pada teks di adobe flash cs3

Halo sahabat blogger ,kali ini saya akan memberikan tutorial “efek dalam text di adobe flash cs3.
ok tanpa basa –basi lagi langsung ke TKP….

1.Buka adobe flash kesayangan anda
2.Silahkan atur property stage yang anda inginkan atau anda bias membiarkan-nya secara default

3.Pilih TextTool atau dengan menekan tombol T

4.Tekan dan drag di bagian kertas/stage ,dan tuliskan seperti berikut atau apa saja yang anda inginkan

5.Lihat gambar berikut 

1.Merupakan type dari text itu sendiri,yaitu bias static text,dynamic text,input box

2.Ukuran dari teks

3.Warna dari teks

4.Font dari teks

5.Jarak spasi

6.Ok setelah bahan sudah terbuat,sekarang giliran untuk merias teks tersebut

Membuat efek glow

1.Klik teks dengan selection tool

2.Klik kanan pada daerah teks lalu pilih “Convert to Symbol…”
3.Atur seperti berikut

4.Klik Ok,nah bagaimana apakah berbeda dari sebelumnya ?.
fungsi yang baru kita lakukan adalah untuk mengubah teks menjadi sebuah symbol tepatnya menjadi sebuah “Movie clip”.
ketika dirubah menjadi sebuah symbol,objek tersebut tidak bisa di rubah kembali atau di edit karena sudah menjadi satu kesatuan yang utuh.

5.setelah di rubah menjadi movie clip anda klik “Filters” pada kolom dibawah

6.Klik “Add filter” yang bergambar lambing “ + “,lalu pilih “Glow”,bagaimana terlihat berbeda bukan ?
anda pun juga bias mencampurkan efek-efek yang ada ,misalkan Glow dengan Bevel.
maka setelah di campur dan di atur akan menghasilkan|

Read full post »

Belajar adobe flash cs3 part 3

Sekarang adalah postingan berikutnya dari adobe flash,sekarang saya akan memperkenalkan cara pembuatan berbagai objek dalam adobe flash.Ini harus anda pahami dan pelajari dengan baik,karena jika tidak akan susah untuk melanjutkan ke tingkat berikutnya.Ok langsung ke TKP..

1. Menggambar Segitiga

• Buka adobe flash cs 3 anda
• Pilih polystar pada tool seperti gambar dibawah

• Pada panel propertis anda klik "Option"

• Atur propertinya seperti pada gambar ini

• Klik "Ok",lalu anda lakukan Klik dan Drag pada stage

         sehingga menghasilkan seperti gambar dibawah ini

2. Membuat bintang

• Lakukan seperti latihan di atas,namun setelah di option atur propertinya seperti berikut

• Klik dan Drag maka akan menghasilkan sebuah bintang

3. Membuat bunga

• Klik tool line (bisa dengan menekan tombol N)
• atur ketebalan dengan cara mengubah nilai stroke height menjadi 8,dan warna menjadi seperti berikut

• buat garis vertikal namun aga sediti miring ke kanan,jangan terlalu panjang
• Jika sudah klik "Selection tool" (atau dengan menekan tombol V)
  klik dan tekan di daerah tengah lalu angkat sedikit keatas menjadi gambar berikut

• Setelah itu kita akan membuat daunnya,caranya dengan menggunakan "Oval tool " (bisa dugunakan juga dengan menekan O)
  atur propertinya dan buat objek seperti berikut

• Untuk memiringkan objek anda bisa menggunakan "Free Transform" ( bisa menggunakan tombol Q ).
  Setelah memilih tool,anda klik objek yang akan di putar lalu putar sesuai keinginan anda.
  desain lah objek yang tadi sehingga seperti gambar berikut

Demikian postingan saya hari ini,Jangan lupa komentar



*morten jonathan

Read full post »

Belajar adobe flash cs3 part 1

Menurut WIKIPEDIA

• Pengeretian Adobe  Flash 

       Adobe Flash merupakan sebuah program yang didesain khusus oleh Adobe dan program aplikasi standar authoring tool professional yang digunakan untuk membuat animasi dan bitmap yang sangat menarik untuk keperluan pembangunan situs web yang interaktif dan dinamis. Flash didesain dengan kemampuan untuk membuat animasi 2 dimensi yang handal dan ringan sehingga flash banyak digunakan untuk membangun dan memberikan efek animasi pada website, CD Interaktif dan yang lainnya. Selain itu aplikasi ini juga dapat digunakan untuk membuat animasi logo, movie, game, pembuatan navigasi pada situs web, tombol animasi, banner, menu interaktif, interaktif form isian, e-card, screen saver dan pembuatan aplikasi-aplikasi web lainnya. Dalam Flash, terdapat teknik-teknik membuat animasi, fasilitas action script, filter, custom easing dan dapat memasukkan video lengkap dengan fasilitas playback FLV. 

• Keunggulan Adobe Flash

         Keunggulan yang dimiliki oleh Flash ini adalah ia mampu diberikan sedikit code pemograman baik yang berjalan sendiri untuk mengatur animasi yang ada didalamnya atau digunakan untuk berkomunikasi dengan program lain seperti HTML, PHP, dan Database dengan pendekatan XML, dapat dikolaborasikan dengan web, karena mempunyai keunggulan antara lain kecil dalam ukuran file outputnya

sekian info yang dapat di berikan dari WIKIPEDIA.ORG

• Kelemahan Adobe flash ( menurut newbie pc tahun 2013 ini )

 Flash memang memiliki kemudahan dalam pembuatannya,namun untuk tahun 2013 ini,flash dianggap tidak efektif untuk animasi di sebuah website,flash sendiri memang membutuhkan "daya" yang lumayan besar.
untuk itu para developer di dunia telah menciptakan HTML 5 dimana ini akan menjadi sebuah wajah baru dalam sebuah tampilan website yang membutuhkan animasi.

html 5 sampai sekarang di desain melalui scripting dan mungkin ada yg scr desain.keunggulan html 5 adalah daya yang dibutuhkan jauh lebih kecil daripada flash.

• Kesimpulan 

    Jadi bagaimana ,masih tertarik dengan flash ?
saya harap ini tidak menjadi pemutus semangat anda dalam belajar flash,karena flash tidak ti tujukan hanya untuk website tapi juga bisa untuk sebuah game,animasi dll.
saya sendiri jarang menggunakan flash sebagai "Tokoh Utama" sebuah website.
untuk itu saya lebih menyukai flash untuk membuat sebuah animasi dan game..
ok sekian dari saya jgn lupa komentar anda

Special thank's WIKIPEDIA.ORG

* Morten jonathan

Read full post »

Belajar adobe flash cs3 part 2

     setelah postingan sebelumnya tentang pengenalan adobe flash,sekarang saya akan memberikan informasi tentang workspace dari adobe flash cs 3.

Disini saya akan menjelaskan mungkin hanya beberapa dari gambar diatas.

• Frame
  Adalah hal yang aneh jika flash tidak ada yang namanya frame sebab selain melalui                             pengkodingan,frame juga menjadi pengatur setiap animasi dan pembuatan animasi nya sendiri. Fungsi utama frame adalah untuk mengatur pembuatan animasi dari layer yang ditentukan

• Layer
   Mungkin anda sudah tidak asing lagi dengan namanya layer,Ya layer adalah sebuah nama untuk          setiap objek yang akan di buat menjadi sebuah gerakan atau lain sebagainya. misalkan layer A yang memiliki gambar sebuah kubus

• Panel tools
  Dilihat dari namanya sudah pasti ini adalah peralatan kita dalam pembuatan sebuah animasi,didalamnya ada seperti line tool,oval tool,eraser dsb..
• Stage
  Adalah daerah kerja untuk mendesain sebuah objek
• Daftar panel
  Adalah untuk memformat sebuah objek

Tadi itu adalah nama dari bagian-bagian dalam tampilan adobe flash(workspace adobe flash).Sekarang adalah giliran untuk berkenalan dengan tool-tool yang ada dalam adobe flash cs 3

• Selection                 : untuk menyeleksi objek
• Sub selection          : untuk menyeleksi dan mengedit objek
• Line                         : membuat garis lurus
• pen                          : untuk membuat garis melengkung dan lurus
• Oval                        : untuk membuat sebuah oval
• Recrangle               : membuat objek kotak
• Polystar                   : untuk membuat sebuah polygon dan bintang
• Rectang primitive   : untuk membuat objek kotak dimana setiap sudut bisa di perhalus
• Oval primitive         : untuk objek lingkaran
• Pencil                       : menggambar dengan coretan pensil
• Brush                       : menggambar dengan polesan kuas
• Free transform        : untuk mengatur ukuran dan arah objek bebas
• Fill transform           : untuk merubah dan memodifikasi warna gradasi
• Paint bucket            : untuk memberi warna pada bidang yang tertutup
• Eraser                      : untuk menghapus objek
• Stroke color             : untuk mewarnai sebuah garis objek
• Fill color                   : untuk mewarnai bidang objek
• Black and white       : untuk merubah warna dasar menjadi hitam putih
• Swap color               : untuk membalikan antara warna stroke dan fill
  
  
  bagaimana sudah cukup paham ?
  anda bisa menunggu postingan tentang adobe flash berikutnya
  
  
  
  
  * morten jonathan

Read full post »

Pengenalan grails

Grails adalah sebuah framework aplikasi web yang menggunakan bahasa  Groovy ( turunan dari java 

).Sebelumnya grails merupakan singkatan dari Goovy on rails namun dirubah menjadi Ruby on rails.

 Grails ini masih tergolong baru.karena baru diluncurkan pada 2008,jadi tidak heran jika tidak terlalu banyak yang mengenal grails.

namun untuk kedepan nya mungkin grails akan menjadi framework yang digemari oleh para developer khususnya yang berkecimpung dalam dunia aplikasi web.

Groovy

• adalah bahasa "lincah" dan dinamis untuk Java Virtual Machine
• dibangun berdasarkan kekuatan Java tetapi fitur tambahan kekuatan terinspirasi oleh bahasa seperti Python, Ruby dan Smalltalk
• meningkatkan produktivitas pengembang dengan mengurangi kode scaffolding saat mengembangkan web, GUI, aplikasi database atau konsol
• mengkompilasi langsung ke Java bytecode sehingga Anda dapat menggunakannya di mana saja Anda dapat menggunakan Java
  
  
  tunggu kilasan berikutnya tentang grails....
  
  
  
  *morten jonathan

Read full post »