Caranya:
1. Klik Size pada Properties
2. Akan Muncul Document Properties
Atur dimensions:
disini saya menggunakan 300 x 200 px
3. Tekan OK
Langkah 3
Langkah 5
Lihat Kotak Timeline
Di situ kita akan bermain... ;P
Baiklah sekarang tekan F5 pada keyboard... hasilnya frame akan bertambah
hal ini untuk mengatur ritme dari animasi
OK tekan sebanyak 5 X
Hasilnya:
lalu Tekan F6 pada keyboard... hasilnya key Frame (untuk animasi) akan muncul
jika sudah tambahkan huruf pada stage
Ulangi Langkah 5 dan 6 (Terus tambahkan huruf sehingga membentuk tulisan FLASH
tutorial Flash
OK!!!
Untuk melihat hasilnya... berdoa dulu ya... Tekan CTRL + Enter
Hasilnya:
4. Klik di frame 1 pada layer: tiang lalu gunakan rectangle tool lagi untuk
membuat tiang penunjuk arah ,
setelah selesai pembuatan tiangnya maka untuk pemberian garis tiang dan arah
gunakanlah line tool setelah itu tekan tombol F8 dan beri nma tiang_mc
lihat gambarnya:
6. langkah terakhir, klik frame 1 di layer matahari ganti warna fill color menjadi
#FFFF00
dan stroke dijadikan none
gunakan rectangle tool
Untuk mebuat perputaran matahari buat 8 kotak panjang lalu urutkan seperti
gambar lalu tekan F8 dan beri nama sun_mc
lihat gambarnya:
7. Klik 2 kali pada objek sun_mc dan akan terlihat seperti gambar ini
10. agar matahari terlihat dibelakang pindahkan layer matahari di paling bawah.
untuk membuat rumputnya gunakan line tool buat seperti gambar
Selamat Mencoba>>>>@_@
1. Buka Program Adobe Flash, Disini Bisa menggunakan Adobe Flash
CS3,CS4,CS5
2. Pada Lembar kerja buatlah gambar terserah tapi disini saya akan mencontohkan
dengan menggambar kotak, pada pengaturan sudut (Rectangle Option) gunakan
angka 15
Gunakan Free Transform Tool (Q) untuk mengatur besar kecilnya kotak yang
anda buat
3. Seperti penjelasan saya di awal, kita tidak bisa merubah fill karena fill hanya
terdiri dari 1 Warna, untuk itu kita harus masuk ke pengaturan color dengan
Window - color (Shift + Alt + F9) nanti akan muncul Color Setting seperti ini
Pilih Linear Gradien atau Radial Gradien, namun disini saya mencontohkan
dengan linear gradien , Anda bisa memilih Flow: Extend Color
Untuk pengaturan Warna yang diinginkan bisa klik kedua panel di bawah yang
ada tanda 2 panah caranya klik kotak tersebut dan pilih warna yang anda inginkan
Contohnya:
Kombinasi hitam dan biru
Gradien di Flash
Selamat Belajar Flash, SEMOGA BERMANFAAT
Langkah pertama, 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, di sana ada menu di lingkari dengan warna merah .. Nah klik sebanyak 2 kali
maka dengan mengeklik 1 kali kita membuat 1 layer klo 2 otomatis 2 layer
Nah selanjutnya, beri nama masing-masing layer seperti yang sudah dicontohkan gambar
dibawah ini. Agar memudahkan proses pembuatannya
Setelah itu klik layer teks dan buat tulisan seperti yang saya contohkan atau sesuka hati
kalian .. Pakek punyaku juga boleh
Setelah itu klik layer bola , dan buat bentuk bola denga warna putih
Pembuatan objeknya sudah selesai kini kita menginjak ke animasinya, buatlah frame
sepanjang 90 -> kemudian klik kanan lalu pilih insert frame
Setelah itu kita buat animasi motion tweening , sebagai objeknya layer bola
Buatlah keyframe , seperti yang saya contohkan >> kemudian klik kanan>>pilih insert
keyframe
Setelah langkah di atas selesai, drag layer bola / drag objek bolanya dengan menekan
tombol v di keyboard >>kemudian klik gambar bolanya
Setelah geser bolanya ( jangan menggeser menggunakan mouse pakai saja tanda
panah kanan di keyboard agar posisinya tidak berubah )
Setelah selesai klik juga frame ke 90 caranya>>klik kanan frame yg sudah kita
buat>>pilih create motion tween
Semua juga sama buat semua layer di rubah menjadi motion tweening
tampilan tersebut akan membuat sebuah link standar yang biasa digunakan tanpa ada
style apapun..
dan berikut kode css yang ditaruh di antara tag <head></head>
#ffffff adalah bilangan hexadecimal untuk warna putih yang digunakan sebagai warna
background..(saya menggunakan warna putih karena di halaman preview
berlatarbelakang warna putih..)
* : cari dan isi gambar yang ingin digunakan untuk gambar awal dan gambar hover..
0 0 : merupakan posisi dari gambar backround 0 pertama adalah untuk posisi x dan 0
kedua adalah untuk posisi y..
no-repeat : merupakan perulangan dari gambar..no-repeat berarti tidak menggunakan
perulangan..jika kalian ingin menggunakan perulangan..gunakan repeat-x untuk
perulangan horizontal..dan repeat-y untuk perulangan vertical..
padding-left : memberikan jarak dari kiri untuk memperlihatkan gambar dari tulisan link
yang ada..(saya menggunakan 20px karena lebar dari gambar adalah 15px..)
jika ingin menggunakan hover di setiap tag atau class atau id..cukup gunakan ":hover"
setelah nama tag atau nama class atau nama id.. (tanpa kutip)
LIVE PREVIEW
Cara Lainnya::
Bagi yang masih kebingungan dengan permainan Tag dan CSS jangan kuatir karena ada
cara alternatif dalam menampilkan rollover image karena di dalam aplikasi dreamweaver
telah disediakan :)
1. Buka aplikasi Dreamweaver
2. Pilih Insert >> Image Objects >> Rollover Image
Penjelasan:
Image name: adalah nama / judul Rollover image anda (isi sesuka anda)
Original image: gambar utama/default Rollover image
Rollover image: gambar kedua (gambar yang akan muncul saat kursor disorot)
Arternate text : adalah penjelasan tentang gambar tersebut mengenai apa (boleh
dikosongi/ boleh diisi sesuka anda)
When Clicked, Go to URL: isi dengan URL link yang anda inginkan, bisa web anda,
paman google, atau web IG yaitu >> http://www.ilmugrafis.com :)
Nah setelah selesai Klik OK, mudah bukan, sekarang coba buka halaman yang anda buat
dengan browser anda (IE, Mozzila, Opera) whatever... yang penting minumnya teh sak
kotaknya... wkwkwk :P
Just pudding