Tutorial Flash Part - 2: Menggambar dan mewarnai di Flash

Dalam tutorial kali ini, akan di bahas tool tool yang berfungsi untuk menggambar dan mewarnai yang akan lebih detail dan mendalam daripada tutorial sebelumnya.



1. Kreasi Selection tool
Selection memiliki banyak fungsi dalam menggambar.

Ada 4 mode selection Tool.
http://cnfmedia.files.wordpress.com/...ction-tool.jpg

tipe selection

Move corner digunakan untuk menggeser/menggerakan sudut sebuah objek
Bend curve digunakan untuk memodifikasi curva/sisi sebuah objek
Move object di gunakan untuk menggeser object
No object merupakan mode ketika selection tool tidak bersinggungan dengan object.

Dengan variasi mode selection tool ini, kita bisa membuat variasi benda

1. Variasi dengan menggunakan move corner

http://cnfmedia.files.wordpress.com/2008/04/coba.gif


2. Variasi dengan menggunakan bend curve
http://cnfmedia.files.wordpress.com/2008/04/coba2.gif


3. Variasi dengan menggunakan seleksi biasa
http://cnfmedia.files.wordpress.com/2008/04/coba3.gif




2. Sub selection Tool

Subselection hanya berfungsi untuk memodifikasi objek yang berupa stroke/line.
Caranya:

Buat sebuah objek, lalu pilih/aktifkan subselection tool,kemudian klik stroke objek tersebut, dan modifikasilah sesuai keinginan.
Subselection tool ini mirip dengan selection tool dengan mode move corner, namun di lengkapi denga bezier dan kemampuan untuk mendelete verteks(titik).

Contoh:

http://cnfmedia.files.wordpress.com/...bselection.jpg

3. Gradasi

Untuk menghasilkan warna gradasi yang sesuai keinginkan, gunakanlah Fill Transform Tool (Gradient Transform Tool) dan color mixel panel.

http://cnfmedia.files.wordpress.com/...olor-mixer.jpg

Panel Color Mixer yang bisa di setting

http://cnfmedia.files.wordpress.com/...fient-fill.jpg
Tampilan Objek dengan warna gradasi yang diedit dengan Gradient FIll (fill transform)





4. Bursh - Menggambar bebas

Menggambar bebas bisa menggunakan pencil ataupun brush
Ada berbagai settingan bentuk dan ukuran brush.

http://cnfmedia.files.wordpress.com/...tipe-brush.jpg





Untuk Latihan. cobalah buat gambar/ilustrasi seperti ini:

http://i296.photobucket.com/albums/m...g?t=1207547038

Caranya:
1. Buat background, warna gradasi linear abu abu, di atur dgn menggunakan gradien fill tranform.
2. Buat lantai, gradasi linear abu abu juga.
3. Buat bola/lingkaran/bulat. dengan radial gradasi. titik gradasi nya di atur ke pinggir kanan atas dgn menggunakan gradien fill transform.
4. buat persegi/segi 3. lalu atur gradasi linear putih ke putih. atur alpha(opacity) 1 titiik gradasi menjadi 0 (transparan), dan 1 titik lagi menjadi 50(stengah transparan).

note: kalo udah coba latihannya, post disini ya hasilnya :p

http://i217.photobucket.com/albums/c...awkakwkwkw.jpg

awkwkwkwkwkwk....

kembali lagi karya cacad gw chan xD~

::hahaha::

thx.. bisa kita lanjut :08:?

Gak ngerti di bagian yg nomor 4...T_T

1. Maksudnya buat persegi /segi 3 itu buat yg dimana? Buat gambar cahaya nya bukan?
2. Trs maksudnya atur gradasi linear putih ke putih itu yg gimana? Perasaan kan ada 4 titik yg bisa digeser, klo emang itu maksudnya?? = =a
3. Trs yg ngatur alpha itu, "1 titik bla bla bla" dan "1 titik lagi bla bla bla",, itu yg mana??
4. Trs buat bayangan bolanya gmn?

Maav banyak pertanyaannya,,masih pemula saiyah...T_T
Tq before...

@ cecep:
Nice. Lu udah bisa ikutin tutorial part3, Nanti tutorial Part3 segera gue bikin dan upload.




@ Bogalakon:

1. Itu persegi / segi 3 untuk cahayanya. itu bisa dari bentuk segi3, bisa juga persegi.

2. Atur gradasi linear putih ke putih itu di atur di Panel color mixer.

http://cnfmedia.files.wordpress.com/...olor-mixer.jpg
Kan itu ada gradasi warna hitam ke putih.
ganti aja di sana putih ke putih. caranya Klik kotak yang warna hitam yang dikiri, lalu ganti dengan warna putih.

3. Atur alpha juga di color mixer. itu ada tulisan alpha. (coba liat gambar yang gue tunjukin di jawaban kedua)

4. Bikin bayangan bola nya dengan membuat lingkaran bewarna lebih gelap saja.
di gepengin sedikit pake tombol transform (shortcut Q - ada di tutorial part1).

Kalau bingung, tanya aja lagi.
Kalau sekiranya mau lebih detail, silahkan add ym gue. anak_dkv.



@ All:
Ayo-ayo.. yang laen coba ikutan pelajari tutorialnya, dan cobain soalnya.
Setelah mempelajari part2 ini, di Part3 akan belajar ttg basic animation and symbol

Oooooo ya ya ya...
Ternyata saya kurang mengerti di dasar2 flash nya...-_-!

http://img367.imageshack.us/img367/3938/tutorialax7.jpg


wkwkwkwk,,walaupun bayangannya rada cacat...--"

Tq papancatur...

Need more tutorial...~_~

Cara bikin backgroundnya gimana? KOk aku coba pake shape malah ancur Y_Y

Quote:

---

Originally Posted by MimiHitam

Cara bikin backgroundnya gimana? KOk aku coba pake shape malah ancur Y_Y

---

Cara bikin background pake kotak biasa, lalu di atur warna gradasinya. lalu untuk landasan bola nya, bikin kotak lagi kemudian di atur kembali gradasinya.
Untuk teknis, semua sudah di jelasin di atas (materi tutorial).
Kalau bisa mengerjakan soal latihan tutorial part2 ini, gue yakin untuk kedepannya nggak bakal terlalu kesulitan dalam mengatur gradasi, karena permainan gradasi di flash bener bener diperlukan. (nilai +)

ntar kalo udah selesai, segera di upload yah. ntar baru bareng bareng lanjut tutorial part3.

Ups double post karena tadi forum down

oh iya, masih mau tanya yang cahaya nih, masih blm bisa2, kali ini coba liat print screennya.. masalahnya dimana y?
http://i31.tinypic.com/tagdqq.jpg

Quote:

---

Originally Posted by Accretianz

oh iya, masih mau tanya yang cahaya nih, masih blm bisa2, kali ini coba liat print screennya.. masalahnya dimana y?
http://i31.tinypic.com/tagdqq.jpg

---

Sepertinya objek cahayanya belum terseleksi dgn baik.
coba di seleksi dulu, lalu set ulang gradient nya di color mixer.
di coba aja dulu. good luck

Duh yang ancur cahayanya.. wakakakakaa

http://img228.imageshack.us/img228/6292/bzzggxz2.jpg

yordan, kalo lightingnya kurang bagus seperti itu sebenanrya bisa diakali dgn cara meletakan objek bola nya di atas cahaya. caranya Cut objek bola lalu paste in place aja (kalau dalam 1 layer). kalau layer nya berbeda, layer bola di taro di paling atas aja.

akhirnya jadi :D

http://img149.imageshack.us/img149/8278/akhirnyafw3.jpg

@ accretianz: wah udah bagus tuh...
cahaya nya udah bagus.
lighting di objek bola nya mungkin perlu di perbaiki sedikit.
Tapi secara overall sudah ok.

http://i264.photobucket.com/albums/i...ei/Flashku.jpg

tapi terlalu jelek kynya