Penggunaan Action Script pada Movieclip

Pada tutorial Adobe Flash kali ini, saya akan mencoba membagikan bagimana cara penggunaan Action Script pada Movieclip. Semoga bisa menjadi referensi teman-teman blogger, mahasiswa, mahasiswi yang sedang belajar tentang desain grafis....

Berikut cara penulisan action pada movieclip:
1. Buatlah  sebuah  obyek  lingkaran  dengan  menggunakan oval tool. Perhatikan bahwa sebuah obyek dalam flash memiliki 2 bagian yaitu stoke (garis tepi) dan fill (isi).

2. Seleksi  obyek  lingkaran  tersebut  kemudian  convert  menjadi  symbol  dengan menekan tombol F8 (pilih menu insert>convert to symbol). Pilih movieclip pada option behaviour dan ketikan bola pada name.

 

3. Klik movieclip  bola, kemudian tekan F9 pada keyboard atau klik menu windows>action apabila panel action belum terbuka dan pastikan mode penulisan adalah mode expert jika menggunakan flash MX atau Flash 8). Kemudian ketikan script sebagai berikut: 

4. Jalankan movie dengan menekan tombol Ctrl+Enter. Maka bola akan bergerak ke kanan sampai hilang dari layar. Tekan tombol Ctrl+W untuk kembali ke stage

Kumpulan Sound Button

Kali ini saya akan berbagi kumpulan sound untuk button untuk digunakan membuat karya khususnya pada adobe flash atau pembuatan aplikasi lainnya yang berhubungan dengan button suara..semoga bermanfaat..jangan lupa terus kunjungi www.ilmudesaingrafis.blogspot.com dan jangan lupa kritik dan sarannya ...
DOWNLOAD KUMPULAN SOUND

Logo Windows XP

Kali ini saya akan share cara membuat logo windows xp, mungkin ini jauh dari sempurna. Tapi setidaknya saya sudah bersaha pengen share sebagian tools yang ada di corel draw untuk membuat logo windows xp..mudah-mudahan bisa bermanfaat, Ok langsung saja ke TKP >>

1. Pilih Rectangle Tool, buatlah sebuah kotak kemudian miringkan dengan cara klik tengah pada kotak drag dan geser ke atas


2. Pilih Shape Tool, klik kanan pada objek kotak >> Convert To Curves


3. Klik pada sisi tengah atas pada objek >> Lihat pada Property bar >> pilih Convert to Curves >> Kemudian klik geser keatas


4. Lakukan pada sisi bagian bawah seperti pada bagian atas. Kemudian duplikat objek >> geser objek duplikat ke bawah.


5. Grup kedua objek kemudian duplikat kedua objek yang sudah di Grup >> Pilih kedua objek yang telah diduplikat >> pilih Arange >>Transformation >> Rotate ( sehingga muncul jendela Transformation ), setelah muncul jendela Transformation , isikan Angle 180 derajat >> Apply


6. Warnai Objek seperti gambar dibawah ini :


7. Langkah terakhir yaitu memberi efek sinar >> Klik pada objek merah >>pilih Fountain Fill >> isikan pengaturan sebagai berikut :


8. Lakukan langkah ke 7 pada objek yang lain, sehingga akan tampak seperti berikut :



DOWNLOAD CARA MEMBUAT LOGO WINDOWS XP

Password : www.ilmudesain.web.id

Membuat Logo YouTube

Kali ini ada tutorial corel draw sederhana membuat Logo YouTube pengen share saja semoga apa yang ada di Ilmu Desain Grafis ini bisa bermanfaat bagi diri saya pribadi dan temen2 semua yang membutuhkan..Langsung aja ke TKP >>>
1. Buka Corel Draw >> File New ( ukuran bisa disesuaikan )
2. Pilih Text Tool >> Pilih Jenis Font “Franklin Ghotic Demi” >> Tuliskan “You” ( size disesuaikan saja selera masing-masing )


3. Pilih Rectangle Tool >> Buatlah persegi panjang >> Pada Property Bar atur radius menjadi 10 mm.


4. Klik kanan pada objek kotak >> Convert to Curve ( Ctrl + Q ) >> Pilih Shape Tool >> Klik pada bagian sisi atas objek kotak >> Convert To Curve >> tarik sisi objek


5. Pada sisi kanan dan kiri juga lakukan seperti pada langkah ke 4 kemudian berilah warna Merah pada objek kotak


6. Pilih Text Tool >> Pilih Jenis Font “Franklin Ghotic Demi” >> Tuliskan “Tube” warnai dengan warna Putih ( Size disesuaikan dengan teks You ) >> Ukuran kotaknya disesuaikan, kira2 seperti gambar dibawah


DOWNLOAD Membuat Logo YouTube
Password : www.ilmudesain.web.id

Membuat Efek Foto Canvas

Tutorial buat foto canvas, mumpung ada foto kenangan dari Pesta Blogger 2010 bersama temen2 blogger, saya berama temen Sugeng Muharir sampingnya saya ga kenal...waduh ko jadi cerita..dah langsung aja tutorialnya.....

1. Buat ukuran gambar misalnya 400 x 300 pixels ( hanya contoh ) >> kemudian buka gambar dengan File >> Open ( Sesuaikan ukuran gambar dengan background )


2. Duplikat gambar ( Ctrl + J ) >> Filter >>Stylize >> Diffuse>> Lighten Only


3. Pilih New Fill or adjustment layer >> Hue/sturation >> aturlah Saturation : -50


4. Pilih New Fill or adjustment layer >> Brightness/Contrast , aturlah : -10 dan 10


5. Create New Layer >> warnai dengan warna hitam >> Filter >> Noise >> Add Noise, aturlah Amount : 155% dan Distribution : Gaussian >> OK >> ubah opacity dan fill layer menjadi 50%.


6. Duplikat Layer2 >> pada Layer2 Copy >> Filter >> Blur >> Motion Blur >> aturlah Angle : 90, Distance : 30. Kemudian pada Layer2 >>Filter >> Blur >> Motion Blur >> aturlah Angle : 0, Distance : 30.


7. Gabungkan semua layer ( Ctrl + E ) kecuali Layer background


8. Free Transform ( Ctrl + T ) pada Layer2 copy ( Kecilkan ukuran dari ukuran background


9. Seleksi layer2 copy pada bagian atas >> tekan Ctrl + X ( CUT ) >> Creat New Layer >> Ctrl + V ( Paste objek yang tadi di potong ).


10. Aturlah potongan ( Layer 1 ) agar membentuk list dari kotak atas , cara nya dengan menekan Ctrl + T >> klik kanan >> Skew


11. Ulangi langkah ke 10, tapi pada bagian kanan gambar, dan skew keatas.


12. Selesai deh....Selamat mencoba ya!!!!


DOWNLOAD ARTIKEL LENGKAP DIATAS
Password PDF : www.ilmudesain.web.id

Memperbaiki Resolusi Rendah

Waktu saya mau beres-beres file yang berantakan, saya menemukan foto yang cukup lama, foto itu diambil dengan kamera hand phone, mencoba perbaiki dengan Adobe Photoshop hasilnya lumayan untuk itu saya akan sedikit berbagi pengalaman itu caranya:

1. Buka foto yang mau di edit di Adobe Photoshop



2. Tekan Ctrl + J ( untuk menduplikat layer ) >> di layer hasil duplikat Pilih filter >> noise > Reduce noise ( perintah ini hanya ada pada CS2 keatas )


3. Duplikat kembali layer yang sudah di edit >> Pilih Filter >> Blur >> Gausian Blur


4. Kemudian ganti mode layer Soft Light


5. Perbandingan



DOWNLOAD
Password : www.ilmudesain.web.id

Membuat Simple Button

1. Buat file baru di Photoshop : File > New atau tekan tombol Ctrl+N , setting konfigurasinya seperti gambar dibawah ini


2. Aktifkan Rounded Rectangel tool : tekan tombol U, lalu set radiusnya menjadi 3 px


3. Setting Grids melalui : edit > preferences > Guides, Grids, & Slices


4 .Set nilainya seperti gambar di bawah


5 .Aktifkan Grid dengan menekan Ctrl + ‘ atau dengan mengikuti gambar di bawah


6 .Area kerja anda akan terlihat seperti gambar dibawah


7. Zoom In Area Kerja anda dengan menekan Ctrl & + atau mouse scroll sambil menekan tombol Alt. Kebocoran Pixel dapat kita ketahui dengan adanya garis abu-abu pada tepi shape berwarna hitam. garis tersebut dapat kita hilangkan dengan menggeser tepi shape sesuai dengan Grid pada area kerja menggunakan transform tool ( Ctrl + t )

8. Setelah dirapikan, hasilnya akan terligat seperti gambar dibawah


9. Double Clik Layer, Aktifkan Gradient Overlay lalu setting layer style seperti gambar dibawah


10. Aktifkan Gradient Stroke lalu setting layer style seperti gambar dibawah


11. Aktifkan Inner Shadow lalu setting layer style seperti gambar dibawah


12. Hasil Sementara akan terlihat seperti gambar dibawah


13. Buat Layer baru berupa teks ( dengan menekan tombol T pada keyboard ) lalu beri tulisan seperti yang anda inginkan


14. Pilih line tool pada Toolbar buat garis didepan teks download. Kemudian Double Click pada layer ( line tool ), aktifkan Inner Shadow, lalu setting layer style eperti gambar di bawah


15.Aktifkan Drop Shadow, lalu setting layer style eperti gambar di bawah


16. Kemudian buat garis lagi dengan line tool beri warna #ef0000, tempatkan disamping garis yang pertama warna hitam.
Hasil Sementara akan terlihat seperti gambar di bawah ini


17. Aktifkan Polygon Tool, set sides=nya menjadi 3


18. Buat segitiga berwarna #500000 dengan ujung runcing mengarah ke kanan


19.Double Click Layer, aktifkan Inner Shadow dan set layer style-nya seperti gambar di bawah


20.Aktifkan Drop Shadow dan set layer style-nya seperti gambar di bawah

http://www.blogger.com/img/blank.gif
21.Maka hasilnya akan terlihat seperti gambar berikut :




Password : www.ilmudesain.web.id