Threaded Mode | Linear Mode

**DnA19** · (This post was last modified: 06-06-2012 09:44 PM by DnA19.)

Assalamu'alaikum...

Salam

ane minta izin untuk buat thread lagi nih... mohon

setelah ane belajar dari thread nya 0mz RUD1 "Latihan Flash"
ane jd punya petunjuk lg buat ngotak-ngatik Macromedia Flash, detektif

setelah berapa lama ane gak buka Program tersebut. hore

Nah pada kesempatan ini, ane akan membahas cara membuat animasi sederhana logo DC menggunakan motion tween.
Langsung saja ya...
Buka program Flash nya dulu...
(di sini Ane pakai flash 8)

Pertama-tama yaitu buat 3 layer. Karna kita di sini hanya menggunakan sedikit layer untuk membuat animasi. Agar proses lebih mudah membuat layer lihat gambar di bawah.

[Image: 6f2ic.png]

Nah selanjutnya, beri nama masing-masing layer dengan cara klik 2X pada setiap layer.
disini ane mengubah nama layer seperti berikut:

[Image: 2928u.png]

ini bertujuan agar memudahkan proses pembuatan animasi nya.

Kemudian ubah warna backgoundnya menjadi hitam, biasanya di awal-awal kita membuka flash bacgroundnya berwarna putih klo belum di rubah setingannya,
dan juga ubah ukuran backgrounnya menjadi 250x90 pixels

[Image: s77dr.png]

Sekarang kita coba memasukkan objek gambar ke dalam media Library Flash yang ada di sebelah kanan monitor kita,
Klik File - Import - Import To Library.

[Image: q7ga4.png]

cari objek gambar yang tersimpan di Hardisk,
disini ane menggunakan objek logo DC,

[Image: 9red4.png]

setelah selesai memilih gambar, Klik open
maka gambar akan nampak pada sebelah kanan monitor kita,
jika belum ada, cobalah untuk menekan ctrl + L.

Selanjutnya pilih Layer logo dc

[Image: 2928u.png]

kemudian drag gambar yang sudah di Import td kedalam bidang kerja kita.

[Image: hfiiq.png]

drag dari 1 ke 2...

Lanjutkan dengan memilih Layer bola,
dan klik Oval Tool (boleh dengan menekan tombol O pada keyboard)

[Image: rasge.png]

lalu buat kan sebuah objek lingkaran persis disamping kiri objek gambar td.

[Image: t227k.png]

LANJUT...

Pembuatan objeknya sudah selesai,
kini kita menginjak ke animasinya,

buatlah frame sepanjang 90 pada masing-masing Layer denagn cara klik kanan lalu pilih insert frame pada frame 90.

[Image: ls9x1.jpg]

Jika sudah semua hasilnya kurang lebih seperti ini:

[Image: p4cqq.png]

Sekarang kita buat animasi motion tweening,
pilih layer bola

[Image: zt22j.png]

Buatlah sebuah keyframe, klik kanan pada frame 90 - pilih insert keyframe

[Image: yh6oe.jpg]

setelah itu geser objek bola ke sebelah kanan objek gambar menggunakan keyboard, ini bertujuan agak objek tidak bergeser ke atas dan kebawah
kurang lebih seperti berikut,

[Image: rdcpd.png]

Lanjut ke langkah berikutnya, kita menuju ke layer bola, lalu klik kanan di dalam frame tersebut, kemudian pilih create motion tween

[Image: 8c8b8.png]

Oke,
Pembuatan animasinya sudah selesai, lega

untuk melihat hasilnya, tekan ctrl + enter
nah disitu sudah terlihat animasi yang kita buat... wawa

Sekarang kita coba membuat animasinya lebih menarik,,,
smangat

pertama-tama atur dahulu layer-layer yang telah kita buat tadi,
pindahkan layer logo dc menjadi di tengah-tengah.

[Image: 4kzcz.png]

kemudian klik kanan pada layer bola,
lalu pilih Mask

[Image: njos7.png]

sekerang coba tekan ctrl + enter lagi. asik

di sini akan terlihat perbedaan animasi nya dengan yang pertama tadi.

kurang lebih hasil akhirnya seperti ini

mungkin sekian dulu dari ane,,,
smoga tutor ini bisa bermanfaat untuk yang masih dalam tahap belajar

seperti ane...
smangat

Kalo gak berguna di Delete aja ya 0mz... pasrah

Terimakasih...

Wassalamu'alaikum....

rhyan20 · 06-06-2012, 09:26 PM

Seharusnya judul nya ganti "Animasi Sederhana Logo DC menggunakan Masking Animation" Om .. Maaf Salah Om ..
belajar

genta · 06-06-2012, 09:35 PM

........

om

**DnA19** · 06-06-2012, 09:42 PM

(06-06-2012 09:26 PM)rhyan20 Wrote: Seharusnya judul nya ganti "Animasi Sederhana Logo DC menggunakan Masking Animation" Om .. Maaf Salah Om ..

apalah arti sebuah judul ngakak

thanks ya 0mz atas koreksinya... belajar

messi10 · 06-06-2012, 09:50 PM

mantep om !!
skalian deh numpang nnya,
ada yg punya keygen ato serial ny flash CS6 gak omz.,

**DnA19** · 06-06-2012, 10:08 PM

(06-06-2012 09:50 PM)messi10 Wrote: mantep om !!
skalian deh numpang nnya,
ada yg punya keygen ato serial ny flash CS6 gak omz.,

udah coba yg ini belum 0mz...
http://cs6keygen.com/adobe-cs6-serial-ke...-keygen-2/

maaf ya kalo salah mohon

RUD1 · 06-07-2012, 12:31 AM

(06-06-2012 09:00 PM)DnA19 Wrote: Assalamu'alaikum...

Salam

ane minta izin untuk buat thread lagi nih...
setelah ane belajar dari thread nya 0mz @[RUD1] "Latihan Flash"
ane jd punya petunjuk lg buat ngotak-ngatik Macromedia Flash,
setelah berapa lama ane gak buka Program tersebut.

Nah pada kesempatan ini, ane akan membahas cara membuat animasi sederhana logo DC menggunakan motion tween.
Langsung saja ya...
Buka program Flash nya dulu...
(di sini Ane pakai flash 8)

Pertama-tama yaitu buat 3 layer. Karna kita di sini hanya menggunakan sedikit layer untuk membuat animasi. Agar proses lebih mudah membuat layer lihat gambar di bawah.

Nah selanjutnya, beri nama masing-masing layer dengan cara klik 2X pada setiap layer.
disini ane mengubah nama layer seperti berikut:

ini bertujuan agar memudahkan proses pembuatan animasi nya.

Kemudian ubah warna backgoundnya menjadi hitam, biasanya di awal-awal kita membuka flash bacgroundnya berwarna putih klo belum di rubah setingannya,
dan juga ubah ukuran backgrounnya menjadi 250x90 pixels

Sekarang kita coba memasukkan objek gambar ke dalam media Library Flash yang ada di sebelah kanan monitor kita,
Klik File - Import - Import To Library.

cari objek gambar yang tersimpan di Hardisk,
disini ane menggunakan objek logo DC,

setelah selesai memilih gambar, Klik open
maka gambar akan nampak pada sebelah kanan monitor kita,
jika belum ada, cobalah untuk menekan ctrl + L.

Selanjutnya pilih Layer logo dc

kemudian drag gambar yang sudah di Import td kedalam bidang kerja kita.

drag dari 1 ke 2...

Lanjutkan dengan memilih Layer bola,
dan klik Oval Tool (boleh dengan menekan tombol O pada keyboard)

lalu buat kan sebuah objek lingkaran persis disamping kiri objek gambar td.

LANJUT...

Pembuatan objeknya sudah selesai,
kini kita menginjak ke animasinya,

buatlah frame sepanjang 90 pada masing-masing Layer denagn cara klik kanan lalu pilih insert frame pada frame 90.

Jika sudah semua hasilnya kurang lebih seperti ini:

Sekarang kita buat animasi motion tweening,
pilih layer bola

Buatlah sebuah keyframe, klik kanan pada frame 90 - pilih insert keyframe

setelah itu geser objek bola ke sebelah kanan objek gambar menggunakan keyboard, ini bertujuan agak objek tidak bergeser ke atas dan kebawah
kurang lebih seperti berikut,

Lanjut ke langkah berikutnya, kita menuju ke layer bola, lalu klik kanan di dalam frame tersebut, kemudian pilih create motion tween

Oke,
Pembuatan animasinya sudah selesai,
untuk melihat hasilnya, tekan ctrl + enter
nah disitu sudah terlihat animasi yang kita buat...

Sekarang kita coba membuat animasinya lebih menarik,,,

pertama-tama atur dahulu layer-layer yang telah kita buat tadi,
pindahkan layer logo dc menjadi di tengah-tengah.

kemudian klik kanan pada layer bola,
lalu pilih Mask

sekerang coba tekan ctrl + enter lagi.
di sini akan terlihat perbedaan animasi nya dengan yang pertama tadi.

kurang lebih hasil akhirnya seperti ini

http://www.4shared.com/document/t9Aj4dlO/DC_Logo.html

mungkin sekian dulu dari ane,,,
smoga tutor ini bisa bermanfaat untuk yang masih dalam tahap seperti ane...

Kalo gak berguna di Delete aja ya 0mz...

Terimakasih...

Wassalamu'alaikum....

Terima Kasih buat 0mz @[RUD1] atas tutorialnya

waaaaaahhhh... mantap

nih om DNA19
Saya sendiri nggak mampu buat tutorial sejelas itu dead

**DnA19** · 06-07-2012, 09:16 AM

(06-07-2012 12:31 AM)RUD1 Wrote: waaaaaahhhh... nih om DNA19
Saya sendiri nggak mampu buat tutorial sejelas itu

orang

selalu merandahkan diri... terharu

d3m3nt012 · 06-07-2012, 11:48 AM

thanks om ... mantap

bagus logonya ..

ijin belajar ok

RUD1 · 06-07-2012, 04:27 PM

(06-07-2012 09:16 AM)DnA19 Wrote:
(06-07-2012 12:31 AM)RUD1 Wrote: waaaaaahhhh... nih om DNA19
Saya sendiri nggak mampu buat tutorial sejelas itu

orang selalu merandahkan diri...

saya emang nggak bisa buat tutorial sejelas itu suram

Possibly Related Threads...
Thread:		Author	Replies:	Views:	Last Post
	[Ask] Flash : Animasi Gambar ke Bentuk Gambar Lain	Shamister	10	145	05-08-2013 06:29 AM Last Post: RUD1
	[Solved] Cara Buat Animasi Video Seperti Ini	ditatompel	16	442	05-07-2013 03:56 PM Last Post: Shamister
	[Tutor] Animasi menggunakan perulangan & percabangan	RUD1	8	166	05-02-2013 07:55 AM Last Post: RUD1
	4.000 Flash Web Design	Matmund Newbie	36	7,417	04-18-2013 11:55 AM Last Post: Sixmart
	Koleksi flash templates \| XML based part-1	wahyu_devilzc0de™	15	4,922	04-18-2013 11:39 AM Last Post: Sixmart
	Double Matrix DC (Flash)	RUD1	9	484	04-18-2013 11:30 AM Last Post: Sixmart
	Animasi nggak jelaz	RUD1	19	959	04-16-2013 10:06 AM Last Post: badwolves1986
	[Tutor] Membuat Animasi Globe dengan Gimp	kadoel	4	196	01-14-2013 01:26 AM Last Post: kadoel
	[Tutor] menggali flash (part 1)	RUD1	8	370	01-10-2013 04:04 PM Last Post: RUD1
	[Solved] bikin animasi di media flash	ery	11	2,855	12-02-2012 02:28 PM Last Post: DC_Julianz