Membuat Link Berwarna Pelangi di Blog
Ingin membuat link pada blog anda berkedip dan berwarna pelangi ketika tersentuh pointer? Caranya sangat mudah
Sumber : http://amatullah83.blogspot.com/
Membuat Animasi Berputar (Kipas Angin) di Flash
Hai kawan semua, sudah lama kita tak jumpa dalam kategori Tutorial Flash, kali ini kita akan belajar bagaimana cara membuat animasi berputar pada Flash, Hal ini bisa diterapkan pada semua program Flash mulai dari macromedia Flash (versi lama) sampai Adobe Flash (versi baru).
Melihat dunia yang semakin panas, kerusuhan di mana-mana, musim yang tidak menentu, dll (wah ini tutorial apa berita gan?? wkwkwk... intermezo aja) maka di rumah saya selalu memakai kipas angin untuk mendinginkan suasana. Maklum klo pakai AC listriknya kagak kuat, duitpun tak cukup jd pakai AC yang lain alias (AC) Angin Cendela.
Tutorial kali ini tak lepas dari Kipas angin, bagaimana kita membuat kipas angin atau animasi berputar di Flash? ikuti langkah berikut ini :)
1. Siapkan Kipas angin, Lihat arah berputarnya, jangan lama-lama nanti pusing, wkwkwk....
2. Nyalakan komputer dan buka program Flash, Disini saya memakai Adobe Flash CS 4
3. Buat Object 2 buah segitiga + 1 Buah object lingkaran di Lembar kerja flash
Caranya:
Untuk membuat Segitiga gunakan PolyStar Tool pada toolbar , Untuk Pengaturan gunakan Style: Polygon, Number Of Side: 3
Untuk membuat Lingkaran gunakan Oval Tool dan tekan dan tahan tombol shift agar lingkaran bulat sempurna
Petunjuk Gambar IG
4. Atur gambar sehingga membentuk Sebuah baling baling kipas dan seleksi semuanya lalu tekan CTRL + G (Group) untuk menggabungkan 3 object tersebut menjadi 1 kesatuan
Petunjuk Gambar IG
5. Sekarang waktunya membuat Frame pada Layer 1 klik Frame 50 dan pilih insert Frame
Petunjuk Gambar IG
6. Masih di Frame 50, klik kanan lagi dan sekarang pilih Create Classic Tween
7. Pada Properties, atur Tweening , pilih Rotate: CW (Searah jarum jam)
Petunjuk Gambar IG
Setelah selesai, tekan F6 di frame 50 untuk memunculkan keyframe
Selesai
Sumber : http://www.ilmugrafis.com/
Membuat Logo AC MILAN di Corel Draw
Tutorial Coreldraw kali ini akan mengajak kita untuk belajar membuat logo yang tak asing bagi para pecinta sepak bola yaitu Logo AC Milan.
Yeah,, tentunya untuk start kita harus membuka aplikasinya terlebih dahulu (yang penulis pakai CorelDRAW 12).
Langkah - Langkahnya:
1. Aktifkan Ellipse Tool (F7)
kemudian buat objek elips dan beri warna merah. kemudian buat objek elips lagi tapi ukurannya lebih kecil dengan warna putih dan letakan ditengah elips merah.
Tips : agar tepat berada di tengah-tengah, pilih saja kedua objek (elips merah dan putih) kemudian tekan huruf P pada keyboard.
2. Masih dengan ellips tool, buat objek lingkaran sambil menekan ctrl agar objek benar-benar bulat. Kemudian kita belah menjadi dua dengan Knife Tool
dengan cara klik di Garis atas dan bawah lingkaran. Setelah menjadi dua bagian, beri warna merah untuk sebelah kiri dan putih untuk kanan.
3. Aktifkan Graph paper tool (D)
atur dengan columns=6 dan rows=1 
pastikan snap to object sudah di centang (View-Snap To Object).
Buatlah diatas setengah lingkaran merah seperti ini.
4. Drag dari P1 ke P2 dengan Pick Tool
kemudian pilih Intersect
pada tool bar kemudian delete Graph paper-nya.
5. Pilih setengah lingkaran merah kemudian ungroup (Ctrl+U) atau pada menu Arrange-Ungroup dan beri warna hitam pada bagian a, b dan c.
6. Dengan Rectangle Tool (F6)
kita buat dua objek persegi panjang seperti gambar di bawah dan letakan di atas objek setengah lingkaran putih.
Pilih kedua persegi panjang tersebut, caranya pilih P1 kemudian tekan dan tahan Shift pada keyboard dan pilih P2.
Kemudian di Weld
Pilih setengah lingkaran putih dan objek yang kita Weld tadi,
kemudian pilih Intersect
dan beri warna merah. Delete hasil weld-nya.
7. Selanjutnya kita buat lingkaran yang sedikit lebih besar dari lingakaran pertama,
kemudian gunakan fasilitas Fit Text To Path yang berada pada Menu Text, kita tuliskan "ACM" dengan jenis font Verdana kalo ukurannya disesuaikan saja.
Kemudian gunakan Pick Tool untuk memilih Text Orientation-nya menjadi
Selanjutnya pisahkan objek lingkaran dan tulisan ACM (Arrange-Break Text Apart) dan hapus lingkarannya.
8. Untuk membuat tulisan "1899" sama seperti membuat "ACM" hanya Path-nya bukan lingkaran tapi garis lengkung.
Caranya : aktifkan Pen Tool
klik di kanan dan kiri (untuk mengakhiri tekan ESC),
dengan Shape Tool (F10)
klik satu kali pada garis kemudian pilih Convert Line To Curve
Pada garis tengah klik dan drag ke bawah, jika sudah lengkung gunakan Fit Text To Path pada Menu Text dan ketikan "1899" (font=Arial, ukuran=disesuaikan sendiri)
kemudian Arrange-Break Text Apart dan hapus path lengkungnya. Hingga hasilnya kurang lebih seperti ini...
Selamat mencoba dan ber-Eksperimen semoga bermanfaat.. ;-)
Sumber : http://www.ilmugrafis.com/coreldraw_logo.php?page=membuat-logo-acmilan
Logo Sony Ericsson - code:Ervyn di Corel Draw
Kalau selama ini kita hanya punya Handphonenya atau cuma liat LOGOnya, mari kita buat sendiri LOGO Sony Ericsson dengan tangan kita sendiri dengan menggunakan Corel / Coreldraw bisa 11, 12, X3, X4
1. Seperti biasa buka corel > Ctrl+N
2. Buat satu lingkaran dan jangan lupa selalu tekan juga Ctrl + Shift agar lingkaran yg kita buat presisi dengan otomatis.
3. Setelah itu buat lagi satu lingkaran kecil dan letakan seperti pada gambar dibawah ini dan seleksi lalu Combine Ctrl + L
4. Kita buat lagi beberapa lingkaran karena unsur dari logo ini hampir keseluruhan adalah lingkaran. Buat lingkaran yg sama persis dengan lingkaran kedua tadi(copy)
5. Setelah itu kita ke langkah berikutnya. Buatlah 1 lingkaran kecil dan bentuk menjadi elips seperti dibawah ini
Lalu putar dan rekatkan seperti gambar dibawah ini
Kemudian gunakan Beizer Tool untuk membuat object seperti dibawah ini
Gunakan Shape Tool, seleksi semua Node dari object tersebut dan klik Convert Line To Curve
Setelah itu kita ubah object tadi sampai menjadi object pada gambar berikut
Lalu satukan object nomor 1 dan nomor 2 dengan menggunakan Weld
Setelah itu klik pada object 1 atau 2 tadi > tekan Shift dan klik object 3, lalu Trim(sebelah kanan Weld)Dan terbentuklah object baru seperti dibawah ini
Lalu gabungkan/satukan dengan object pertama yg kita buat. Tadi dan jadilah ujud dibawah ini
Beri warna 90% black lalu gunakan Interactive Fill Tool
Kemudian Hilangkan Outlinenya.
6. Bagian pertama selesai, lanjut gan.....
Kita buat lagi Lingkaran kecil dan besar(maaf mungkin saya tidak menyertakan ukuran dikarenakan untuk menghindari hal-hal yg tidak di inginkan..Hehehe...)Kira-kira seperti gambar dibawah ini
Object yang sudah jadi tadi hanya untuk acuan ukuran saja, jika sudah merasa pas dimohon dengan sangat untuk memisahkan object pertama dengan lingkaran-lingkaran baru tadi.
7. Beri warna hijau pada lingkaran kecil dan hijau juga pada lingkaran besar(pisahkan keduanya) kita mulai membuat object ke dua(lingkaran besar) seleksi lingkaran besar dan lalu klik Interactive Fill Tool pada Fill Type yang semula Preset ubahlah menjadi Conical dan buatlah sampai menjadi seperti gambar dibawah ini
Jika sudah, Copy object diatas tadi menjadi dua, object copy dari object tadi beri warna hitam pilih Interactive Transparency Tool dan ubah Transparency Type menjadi Radial lalu edit transparency dengan tool dibawah ini yang dikotak merah
Setelah itu akan muncul jendela sperti dibawah ini
Jangan lupa pilih Custom, lalu tambahkan Node pada kotak merah diatas dengan cara meng-klik dua kali, tambahkan 2 node satu beri warna putih satu hitam lalu klik OK.
Arange sendiri sampai menjadi seperti gambar di atas, saleksi kedua object kedua ini lalu tekan C dan E pada keyboard dan jadilah rupa dibawah ini.
Object kedua selesai, masuk pada object berikutnya.
8. Seleksi ingkaran kecil tadi, pilih Interactive Fill Tool dan ubah Fill Type menjadi Radial lagi lalu Edit Fill pilih Custom dan tambahkan dua node
Node 1 beri warna hitam, Node 2 = Hitam, Node 3 = Hijau dam Node 4 = Putih, lalu klik OK.
Setelah itu mari kita utak-atik sampai menjadi seperti gambar dibawah ini
Dan object ketiga pun telah selesai.
9. Berikutnya kita gabungkan ketiga object tersebut menjadi seperti gambar dibawah
10. Tearkhir kita gunakan lagi Bezier Tool dan buat object seperti pada gambar dibawah ini(kebanyakan pakai kata “Seperti gambar dibawah ini ya?? Biar deh, gak tau lg musti pake kalimat apa... Hee...)
Wah terlihat tidak ya? Lalu gunakan Shape Tool lagi dan langkahnya seperti pada awal tadi
sampai menjadi gambar ini
Hasilnya adalah yang berwarna kuning diatas, berilah warna hijau object hasil Trim tadi lalu pilih Interactive Fill Tool lagi dan ubah sampai menjadi seperti pada gambar dibawah ini (lagi???)
Tambah kan 3 lingkaran kecil yg berjajar seperti gambar dibawah ini
Group-kan semua object karena sudah selesai logo tadi, tinggal bagaimana kreasi kita, mau ditambah apa juga terserah kita, ini imajinasi kita bukan mereka(hehe...)
Hasil dari Tutorial diatas
Sony Ericsson Logo - code ervyn
Selamat mencoba, semoga berhasil gan.....
tangqiu......
- Dalam keadaan loggin,
- Masuk pada menu template,
- Klik Edit HTML,
- Cari kode <head>,
<script language='javascript' src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/LinkPelangi.js'/>.
- Terakhir simpan template.
Sumber : http://amatullah83.blogspot.com/
Membuat Animasi Berputar (Kipas Angin) di Flash
Hai kawan semua, sudah lama kita tak jumpa dalam kategori Tutorial Flash, kali ini kita akan belajar bagaimana cara membuat animasi berputar pada Flash, Hal ini bisa diterapkan pada semua program Flash mulai dari macromedia Flash (versi lama) sampai Adobe Flash (versi baru).
Melihat dunia yang semakin panas, kerusuhan di mana-mana, musim yang tidak menentu, dll (wah ini tutorial apa berita gan?? wkwkwk... intermezo aja) maka di rumah saya selalu memakai kipas angin untuk mendinginkan suasana. Maklum klo pakai AC listriknya kagak kuat, duitpun tak cukup jd pakai AC yang lain alias (AC) Angin Cendela.
Tutorial kali ini tak lepas dari Kipas angin, bagaimana kita membuat kipas angin atau animasi berputar di Flash? ikuti langkah berikut ini :)
1. Siapkan Kipas angin, Lihat arah berputarnya, jangan lama-lama nanti pusing, wkwkwk....
2. Nyalakan komputer dan buka program Flash, Disini saya memakai Adobe Flash CS 4
3. Buat Object 2 buah segitiga + 1 Buah object lingkaran di Lembar kerja flash
Caranya:
Untuk membuat Segitiga gunakan PolyStar Tool pada toolbar , Untuk Pengaturan gunakan Style: Polygon, Number Of Side: 3
Untuk membuat Lingkaran gunakan Oval Tool dan tekan dan tahan tombol shift agar lingkaran bulat sempurna
4. Atur gambar sehingga membentuk Sebuah baling baling kipas dan seleksi semuanya lalu tekan CTRL + G (Group) untuk menggabungkan 3 object tersebut menjadi 1 kesatuan
Petunjuk Gambar IG
5. Sekarang waktunya membuat Frame pada Layer 1 klik Frame 50 dan pilih insert Frame
Petunjuk Gambar IG
6. Masih di Frame 50, klik kanan lagi dan sekarang pilih Create Classic Tween
7. Pada Properties, atur Tweening , pilih Rotate: CW (Searah jarum jam)
Petunjuk Gambar IG
Setelah selesai, tekan F6 di frame 50 untuk memunculkan keyframe
Selesai
Sumber : http://www.ilmugrafis.com/
Membuat Logo AC MILAN di Corel Draw
Tutorial Coreldraw kali ini akan mengajak kita untuk belajar membuat logo yang tak asing bagi para pecinta sepak bola yaitu Logo AC Milan.
Yeah,, tentunya untuk start kita harus membuka aplikasinya terlebih dahulu (yang penulis pakai CorelDRAW 12).
Langkah - Langkahnya:
1. Aktifkan Ellipse Tool (F7)
kemudian buat objek elips dan beri warna merah. kemudian buat objek elips lagi tapi ukurannya lebih kecil dengan warna putih dan letakan ditengah elips merah.Tips : agar tepat berada di tengah-tengah, pilih saja kedua objek (elips merah dan putih) kemudian tekan huruf P pada keyboard.
2. Masih dengan ellips tool, buat objek lingkaran sambil menekan ctrl agar objek benar-benar bulat. Kemudian kita belah menjadi dua dengan Knife Tool
dengan cara klik di Garis atas dan bawah lingkaran. Setelah menjadi dua bagian, beri warna merah untuk sebelah kiri dan putih untuk kanan.3. Aktifkan Graph paper tool (D)
atur dengan columns=6 dan rows=1 pastikan snap to object sudah di centang (View-Snap To Object). Buatlah diatas setengah lingkaran merah seperti ini.
4. Drag dari P1 ke P2 dengan Pick Tool
kemudian pilih Intersect
pada tool bar kemudian delete Graph paper-nya.
5. Pilih setengah lingkaran merah kemudian ungroup (Ctrl+U) atau pada menu Arrange-Ungroup dan beri warna hitam pada bagian a, b dan c.
6. Dengan Rectangle Tool (F6)
kita buat dua objek persegi panjang seperti gambar di bawah dan letakan di atas objek setengah lingkaran putih. Pilih kedua persegi panjang tersebut, caranya pilih P1 kemudian tekan dan tahan Shift pada keyboard dan pilih P2.
Kemudian di Weld
Pilih setengah lingkaran putih dan objek yang kita Weld tadi,
kemudian pilih Intersect
dan beri warna merah. Delete hasil weld-nya.7. Selanjutnya kita buat lingkaran yang sedikit lebih besar dari lingakaran pertama,
kemudian gunakan fasilitas Fit Text To Path yang berada pada Menu Text, kita tuliskan "ACM" dengan jenis font Verdana kalo ukurannya disesuaikan saja.
Kemudian gunakan Pick Tool untuk memilih Text Orientation-nya menjadi
Selanjutnya pisahkan objek lingkaran dan tulisan ACM (Arrange-Break Text Apart) dan hapus lingkarannya.
8. Untuk membuat tulisan "1899" sama seperti membuat "ACM" hanya Path-nya bukan lingkaran tapi garis lengkung.
Caranya : aktifkan Pen Tool
klik di kanan dan kiri (untuk mengakhiri tekan ESC), dengan Shape Tool (F10)
klik satu kali pada garis kemudian pilih Convert Line To CurvePada garis tengah klik dan drag ke bawah, jika sudah lengkung gunakan Fit Text To Path pada Menu Text dan ketikan "1899" (font=Arial, ukuran=disesuaikan sendiri)
kemudian Arrange-Break Text Apart dan hapus path lengkungnya. Hingga hasilnya kurang lebih seperti ini...
Selamat mencoba dan ber-Eksperimen semoga bermanfaat.. ;-)
Sumber : http://www.ilmugrafis.com/coreldraw_logo.php?page=membuat-logo-acmilan
Logo Sony Ericsson - code:Ervyn di Corel Draw
Kalau selama ini kita hanya punya Handphonenya atau cuma liat LOGOnya, mari kita buat sendiri LOGO Sony Ericsson dengan tangan kita sendiri dengan menggunakan Corel / Coreldraw bisa 11, 12, X3, X4
1. Seperti biasa buka corel > Ctrl+N
2. Buat satu lingkaran dan jangan lupa selalu tekan juga Ctrl + Shift agar lingkaran yg kita buat presisi dengan otomatis.
3. Setelah itu buat lagi satu lingkaran kecil dan letakan seperti pada gambar dibawah ini dan seleksi lalu Combine Ctrl + L
4. Kita buat lagi beberapa lingkaran karena unsur dari logo ini hampir keseluruhan adalah lingkaran. Buat lingkaran yg sama persis dengan lingkaran kedua tadi(copy)
5. Setelah itu kita ke langkah berikutnya. Buatlah 1 lingkaran kecil dan bentuk menjadi elips seperti dibawah ini
Lalu putar dan rekatkan seperti gambar dibawah ini
Kemudian gunakan Beizer Tool untuk membuat object seperti dibawah ini
Gunakan Shape Tool, seleksi semua Node dari object tersebut dan klik Convert Line To Curve
Setelah itu kita ubah object tadi sampai menjadi object pada gambar berikut
Lalu satukan object nomor 1 dan nomor 2 dengan menggunakan Weld
Setelah itu klik pada object 1 atau 2 tadi > tekan Shift dan klik object 3, lalu Trim(sebelah kanan Weld)Dan terbentuklah object baru seperti dibawah ini
Lalu gabungkan/satukan dengan object pertama yg kita buat. Tadi dan jadilah ujud dibawah ini
Beri warna 90% black lalu gunakan Interactive Fill Tool
Kemudian Hilangkan Outlinenya.
6. Bagian pertama selesai, lanjut gan.....
Kita buat lagi Lingkaran kecil dan besar(maaf mungkin saya tidak menyertakan ukuran dikarenakan untuk menghindari hal-hal yg tidak di inginkan..Hehehe...)Kira-kira seperti gambar dibawah ini
Object yang sudah jadi tadi hanya untuk acuan ukuran saja, jika sudah merasa pas dimohon dengan sangat untuk memisahkan object pertama dengan lingkaran-lingkaran baru tadi.
7. Beri warna hijau pada lingkaran kecil dan hijau juga pada lingkaran besar(pisahkan keduanya) kita mulai membuat object ke dua(lingkaran besar) seleksi lingkaran besar dan lalu klik Interactive Fill Tool pada Fill Type yang semula Preset ubahlah menjadi Conical dan buatlah sampai menjadi seperti gambar dibawah ini
Jika sudah, Copy object diatas tadi menjadi dua, object copy dari object tadi beri warna hitam pilih Interactive Transparency Tool dan ubah Transparency Type menjadi Radial lalu edit transparency dengan tool dibawah ini yang dikotak merah
Setelah itu akan muncul jendela sperti dibawah ini
Jangan lupa pilih Custom, lalu tambahkan Node pada kotak merah diatas dengan cara meng-klik dua kali, tambahkan 2 node satu beri warna putih satu hitam lalu klik OK.
Arange sendiri sampai menjadi seperti gambar di atas, saleksi kedua object kedua ini lalu tekan C dan E pada keyboard dan jadilah rupa dibawah ini.
Object kedua selesai, masuk pada object berikutnya.
8. Seleksi ingkaran kecil tadi, pilih Interactive Fill Tool dan ubah Fill Type menjadi Radial lagi lalu Edit Fill pilih Custom dan tambahkan dua node
Node 1 beri warna hitam, Node 2 = Hitam, Node 3 = Hijau dam Node 4 = Putih, lalu klik OK.
Setelah itu mari kita utak-atik sampai menjadi seperti gambar dibawah ini
Dan object ketiga pun telah selesai.
9. Berikutnya kita gabungkan ketiga object tersebut menjadi seperti gambar dibawah
10. Tearkhir kita gunakan lagi Bezier Tool dan buat object seperti pada gambar dibawah ini(kebanyakan pakai kata “Seperti gambar dibawah ini ya?? Biar deh, gak tau lg musti pake kalimat apa... Hee...)
Wah terlihat tidak ya? Lalu gunakan Shape Tool lagi dan langkahnya seperti pada awal tadi
sampai menjadi gambar ini
Hasilnya adalah yang berwarna kuning diatas, berilah warna hijau object hasil Trim tadi lalu pilih Interactive Fill Tool lagi dan ubah sampai menjadi seperti pada gambar dibawah ini (lagi???)
Tambah kan 3 lingkaran kecil yg berjajar seperti gambar dibawah ini
Group-kan semua object karena sudah selesai logo tadi, tinggal bagaimana kreasi kita, mau ditambah apa juga terserah kita, ini imajinasi kita bukan mereka(hehe...)
Hasil dari Tutorial diatas
Sony Ericsson Logo - code ervyn
Selamat mencoba, semoga berhasil gan.....
tangqiu......
