Membuat Logo Flash yang Menarik^^,.

Tingkatkan kreasimu dengan membuat logo animasi dari flash.
Tutorial ini menampilkan sebuah lemon jatuh ke dalam suatu karakter dan menjalankan animasi nya

Untuk  memulainya silahkan buka vector logo design dalam Adobe Illustrator.


Export vector logo file diatas menjadi sebuah Macromedia SWF file dan select Preserve Editability checkbox.


Buka Macromedia Flash dan ciptakan new document dengan dimensi yang telah anda tentukan sebelumnya, dan pastikan Frame Rate menjadi 24fps untuk sebuah smooth animation.

File > Import > Import to Stage dan pilih logo SWF file anda. Ini akan menempatkan logo dalam format vector dalam Flash artboard


Select semua objects yang membuat bentuk lemon shape dan group ken mereka dengan menekan (Ctrl/CMD + G), lalu "Cut" lemon dan "Paste" pada layer baru. Ingat untuk memberi nama pada layer2 anda untuk referensi kedepannya.


Pilih frame 50 pada kedua layer dan Masukkan sebuah Keyframe (Click Kanan > Insert Keyframe), ini akan memberikan beberapa space pada timeline untuk bekerja.


Dalam frame pertama, Copy gambar lemon lalu drag gambar tsb kedalam stage secara vertical. Masukkan sebuah Keyframe pada frame 5 dan Edit > Paste In Place, lemon nya, hapus lemon yang di atas pada frame ini.


Klik kanan antara kedua Keyframes ini dan select Create Motion Tween. Anda akan melihat warna biru dan symbol panah antara frames tersebut.


Masukkan sebuah Keyframe pada frame 7, lalu kembali pada frame 5 pindahkan lemon kebawah secara pelan-pelan dengan Free Transform Tool, tahan ALT untuk merubah satu sudut.
Ciptakan sebuah Motion Tween antara frames 5 dan 7.


Ciptakan layer baru dibawah layer lemon dan berinama Shadow. dalam layer ini gambar sebuah oval dengan gradient abu-abu ke putih dari tengan. Pakai Gradient Transform Tool untuk me-ngedit bentuk dari gradient untuk memberikan perspective.


Masukkan sebuah Keyframe pada frame 5 pada layer ini dan skala perkecil bayangandan berikan kesan bahwa lemon sangat jauh. Ciptakan sebuah Motion Tween antara frame2 ini.


Untuk memulai getaran pada lemon, Masukkan sebuah Keyframe pada frame 53 dan 56. Rubah ukuran lemon menjadi lebih besar sec. perlahan2 pada frame 53. Ciptakan sebuah Motion Tween antara frames 50-56.


Copy frames ini dan Paste pada frame 65 untuk getaran perulangan.




Untuk menciptakan getaran lebih cepat masukkan sebuah Keyframe pada 75, lalu Copy frame 68 dan Paste pada frame 77.


Copy frames antara 75-77 dan paste pada frames 79, 82, 85 dan 91 untuk mengulangi getaran pelan dan cepat.




Ciptakan sebuah getaran yang lebih cepat dengan meng-Copy frame 77 dan mem-Paste nya pada frame 94, Copy frame 77 dan Paste pada 95, lalu Copy frames 94-95. Paste frame ini pada 96, 98, 100, 102, 104, 106, 108 dan 110.


Untuk mengakhirinya buatlah lemon pop dan menghilang masukkan sebuah Keyframe pada 112 dan perbesar lemon. Pada panel properties rubah warna ke Alpha dan set pada 50%.


Masukkan sebuah Blank Keyframe (Click Kanan > Insert Blank Keyframe) pada frame 114.
Pindahkan layer2 Shadow dan Logo kedalam layer yang sekarang ini pada timeline dengan inserting frames (F5) pada frame 150.


Jika kamu ingin memainkan animation ini tekan (Enter) kamu akan melihat bagaimana semua Motion Tweens memerikan lemon sebuah animasi, bagaimanapun juga hal yang sama harus terjadi pada bayangan untuk mengikuti pergerakan bentuk dari lemon.
Pada layer Shadow masukkan Keyframes untuk menyamakan layer Lemon diatas dan merubah bayangan menjadi lebih besar secara tepat pada frame 53. Ciptakan Motion Tweens antara 50-55.


Copy frames 50-55 dan paste pada frame 65.
Ulangi proses ini sama seperti yang anda lakukan pada lemon, sampai bayangan memiliki getaran pergerakan yang sama dengan lemon.masukkan sebuah Blank Keyframe pada frame 113




Satu langkah terakhir adalah untuk membuat warna putih mendahului bayangan pada logo text. Mudah dengan men-drag layer Text menjadi diatas layer Shadow.




Tekan Ctrl + Enter untuk mem-publish animation menjadi SWF.


Sumber dari situs Ilmu Website dalam kategori flash dengan judul Membuat Logo Animasi

Teknik Shaping Glossy Environment

Ya.... selamat pagi menjelang siang, selamat siang menjelang sore, selamat sore menjelang malam.... ZzzZzZzzzz.... :D Banyaknya komentar yang masuk membuat penulis merasa tertantang untuk mencoba kembali membawakan satu buah tutorial coreldraw dengan teknik shaping yang sedikit berbeda dari tutorial sebelumnya. Dalam tutorial kali ini penulis mencoba beberapa teknik pewarnaan untuk  menghasilkan sebuah box yang terlihat seperti gelas dalam sebuah ruangan yang menyerupai kaca. Mohon maaf jika terdengar berlebihan. Padahal hasil akhirnya tidak seperti itu... :D. Dan tentunya penulis menyadari teknik yang akan penulis bawakan masih memiliki banyak sekali kekurangan. Sangat membutuhkan campur tangan anda dalam proses penyempurnaan, sehingga objek yang dibuat nantinya benar-benar terlihat seperti glossy box dalam glossy environment. Apapun istilahnya yang jelas intro tutorial kali ini di cukupkan saja. Penulis akan coba langsung ke inti pembahasan.

Seperti biasa siapkan terlebih dahulu sebuah lembar kerja yang kosong.

Untuk memudahkan proses pekerjaan, samakan konfigurasi lembar kerja, silahkan ubah nilai Units, dari inches menjadi pixels.


Dengan rectangle tools,
atau anda bisa menekan tombol F6 di keyboard untuk membuat objek persegi panjang dengan ukuran width 774px dan height-nya 281 px


Kemudian dengan shape tools  lekukan di ujung-ujung persegi tersebut dengan mengklik dan drag kotak hitam kecil.


sehingga hasil menjadi seperti ini :


Selanjutnya, dengan Interactive Fill Tools  atau dengan menekan tombol G di keyboard, berikan pewarnaan gradien kepada objek yang tadi. Menjadi seperti ini ...


Ganti warna defaultnya, dalam keadaan objek terpilih lakukan double klik pada fill color yang terletak di kanan bawah aplikasi coreldraw.


Kemudian akan muncul sebuah windows baru, Fountain Fill :


kemudian ganti color blend-nya dari Two Color menjadi Custom


Ganti warna hitamnya menjadi warna biru, caranya klik kotak putih kecil di bagian kiri window fountain fill, sampai warnanya berubah menjadi kotak hitam kecil kemudian klik button Others. Setelah itu akan muncul windows kecil baru, yaitu Select Color.


ganti Nilai model dari RGB menjadi CMYK, kemudian isi nilai :

C dengan 61
M dengan 61
Y dengan 0
K dengan 37



kemudian klik button Ok.

Isi Fountain color secara otomatis berubah.


Lakukan ulang untuk warna yang satunya lagi, klik kotak putih di kanan fountain fill, kemudian sampai warna kotak kecil tersebut menjadi putih, kemudian klik Others. Akan muncul satu windows select color, ganti CMYK dengan RGB, kemudian isi :

R dengan 191
G dengan 255
B dengan 255



kemudian klik Ok. Fountain color pun menjadi berubah :


Langkah selanjutnya adalah double klik di antara 2 warna tadi.
Double klik di bagian yang telah penulis beri tanda seperti gambar di bawah ...


sehingga hasilnya ada 1 segitiga kecil berwarna hitam di bagian yang di klik tadi


Klik kembali segitiga kecil tersebut, kemudian klik button others ganti warnanya isi :
C dengan 65
M dengan 43
Y dengan 0
K dengan 27



selesai, klik ok. Kemudian klik ok kembali untuk keluar dari windows Fountain Fill.

Hasilnya ...



...

Dengan Rectangle Tools ( F6) buat kembali satu objek persegi di atas persegi yang tadi ...


Kemudian convert to curves, bisa dengan menekan ctrl + Q di keyboard, atau klik kanan objek yang baru di buat kemudian convert to curves. Kemudian engan shape tools ( F10) lekuk-lekukan objek tersebut, hingga menjadi seperti ini :


Kemudian, pilih kembali kedua objek tersebut, pertama klik terlebih dahulu objek yang baru di lekukan tersebut, setelah itu pilih objek yang telah di beri warna.
Dalam keadaan kedua objek terpilih, kemudian klik icon intersect ada di toolbar atas.


Delete objek yang di lekukan tadi, sisakan objek hasil intersect. Hasilnya seperti ini :


Beri warna putih objek hasil intersect tersebut, kemudian dengan Interactive Transparency tool, beri efek transparan objek tersebut sehingga menjadi seperti ini ...


Selanjutnya dengan Pick Tool

, buat objek yang baru saja di beri efek transpan tersebut tidak terlalu menempel di ujung-ujung objek dibawahnya, buat menjadi seperti ini ...


Buat duplikat dengan cara copy paste objek yang telah di beri transparansi tersebut, kemudian beri warna hitam,


kemudian lakukan mirror pada objek yang di beri warna hitam transparansi tersebut


letakkan di atas objek yang di beri warna gradien biru.


Pilih objek yang memiliki transparasi hitam tersebut, kemudian klik menu Bitmaps | Convert to Bitmap,



isi Resolution dengan 600 dpi. Nilai 600 dpi di berikan agar pemberian efek kepada bitmap menjadi sangat halus.  Klik ok.

Masih dalam objek tersebut terpilih, masuk kembali menu Bitmap | Blur | Gaussian Blur, isi radiusnya dengan 2.2 pixels

...
Mohon maaf, artikel di percepat .. :D
Buat 2 buah objek baru, sehingga objek keseluruhan akan seperti ini ...


Buat satu buah persegi di atas, objek button cari ...


Convert to curves ( ctrl + Q ) Lekukan objek baru tersebut, hingga menjadi seperti ini


Pilih objek yang sudah di lekukan tersebut kemudian pilih objek yang di bawahnya, lakukan intersect kepada kedua objek tersebut, dengan mengklik icon intersect di toolbar atas.

Beri warna putih ...


kemudian beri transparansi ... dan dengan pick tool kecilkan objek tersebut ... hasilnya seperti ini ...


kemudian duplikasi objek yang tadi, kemudian lakukan mirror, dan ubah transparansinya, buat menjadi seperti ini ...


Seleksi semua objek kemudian lakukan group dengan menekan ctrl + G di keyboard, atau klik kanan Group.


Duplikasi objek yang di group tersebut, kemudian lakukan mirroring hingga hasilnya seperti ini ..

Pilih objek yang di bawahnya ... kemudian masuk menu Bitmaps | Convert to Bitmap


Kemudian masuk kembali menu Bitmap | Blur | Gaussian Blur, beri nilai 4.0 untuk Resolution-nya


Lakukan transpansi untuk objek yang baru saja di beri efek blur, sehingga hasilnya menjadi seperti ini :


Buat kembali sebuah objek baru, atau dapat mengambil dari objek persegi yang sebelumnya ukurannya adalah :
width : 774 px
height : 281 px,

buat menjadi seperti ini ...


Pilih persegi berwarna hitam tersebut, kemudian klik menu Bitmaps | Convert to Bitmap ... Klik ok. Masih dalam keadaan objek hitam terpilih, masuk kembali menu Bitmap | Blur | Gaussian Blur beri nilai 45 px untuk resolutionnya, hasilnya menjadi seperti ini :


Letakkan di bawah objek search box, caranya pilih objek hitam tersebut, kemudian tekan shift + page down, atau bisa juga klik kanan | order | to back of layer, menjadi seperti ini ...


Ya benar ! Si objek tersebut di jadikan sebagai bayang bagi objek box di atasnya. Berikan transparansi hingga hasilnya menjadi seperti ini ..


Buat satu objek persegi sebagai backgroundnya ... dengan ukuran sebagai berikut :
Width : 1865 px
Height : 1038 px

Berikan warna abu ( 40 % black ) Letakkan di belakang search box
Seperti ini ...


Dengan interactive fill tool lakukan gradasi pada objek yang akan di jadikan background tersebut ...


Buat kembali satu buah objek sebagai alas dari search box ... beri warna putih letakkan di belakang dari box ...


Kemudian lakukan transparansi kepada objek putih tersebut ...


Buat kembali satu objek persegi berwarna putih, dan letakkan di belakang search box.


Lakukan transparansi objek persegi putih tersebut ...


Buat satu buah objek lingkaran  dengan ukuran 522 x 522 px. Letakkan di atas objek search box.


Pilih lingkaran tersebut kemudian masuk menu Bitmaps | Convert to bitmap, klik Ok. Kemudian Masuk kembali menu Bitmap | Blur | Gaussian Blur, isi radiusnya dengan 200 pixels


Letakkan di bawah objek search box, lakukan pembesaran. Kemudian berikan transparansi hingga hasil akhir menjadi seperti ini ..


Lakukan duplikasi objek yang menjadi kilapan search box dengan cara copy paste, hasilnya seperti ini ...


Kemudian klik objek duplikat tersebut, kemudian masuk menu bitmaps | convert to bitmap, masih dalam keadaan terpilih masuk menu Bitmap | Blur | Gaussian Blur, isi radiusnya dengan 78 pixels, dan letakkan di atas search box...


Hasil akhirnya ...


Fiuhh... akhirnya selesai juga tutorial Coreldraw kali ini.... selamat mencoba. Jika ada yang di tanyakan, kirim saja pertanyaannya ke email penulis ...
alkemail@gmail.com

File corelnya dapat di download di sini ....

Selamat ... :D

Greetz : b_scorpio, abuzahra, peterpanz, kandar, phii_, syahrilrohman, ivan, dr.emi, safril, najwa, Lapak-online Team!


Sumber dari situs Ilmu Website dalam kategori coreldraw dengan judul Teknik Shaping Glossy Environment