Merancang Blinkie untuk Animasi Flash CS3

• Mungkin 4, 2024

Pemilik Desain J3 meminta saya untuk membuat blinkie iklan untuk situs web scrapbooking digitalnya. Dia ingin mempertahankan keanggunan klasik dari merek perusahaan dan memberi saya satu set grafis yang sudah dia gunakan untuk logonya. Ini terdiri dari cameo, renda, latar belakang grunge, busur, bunga kering dan dua kepik. Grafik ini awalnya dibuat pada 300 dpi dan sangat besar. Jadi pekerjaan pertama saya adalah mengurangi masing-masing gambar menjadi 72 dpi dan ukuran yang cukup kecil untuk digunakan dalam blinkie 150 x 50 piksel. Dari tes ini, saya dapat menentukan elemen mana yang dapat digunakan pada ukuran sekecil itu tanpa kehilangan terlalu banyak detailnya.

Saya terkejut bahwa sebagian besar elemen bekerja dengan baik pada pengurangan ukuran seperti itu, kecuali untuk cameo dan bunga kering. Ketika diperkecil hingga ketinggian 50 piksel, sebagian besar detail hilang dari elemen-elemen ini. Tetapi cameo adalah bagian penting dari logo, saya memutuskan untuk menggunakan hanya setengah dari cameo. Dengan melakukan ini, saya tidak perlu mengurangi gambar menjadi ukuran sekecil itu dan menyimpan sebagian besar detail cameo.

Saya mulai membangun desain dengan elemen latar belakang statis. Elemen-elemen ini tidak akan menjadi bagian dari animasi. Saya memilih salah satu dari empat latar belakang grunge yang termasuk dalam sampel grafik sebagai lapisan latar belakang keseluruhan. Selanjutnya saya menambahkan renda dan cameo. Untuk menghemat ruang di bagian atas blinkie untuk animasi teks, saya meletakkan renda di sudut di sudut kiri bawah. Akhirnya, saya menambahkan salah satu dari dua kepik itu. Tapi kepik itu hanya menunggu untuk dianimasikan.

Dasar animasi akan terdiri dari beberapa animasi teks. Tapi kepik itu terus menatapku, jadi aku memutuskan untuk menambahkan animasi kedua yang dibintangi kepik itu. Satu kepik akan terlihat selama animasi teks dan kemudian kepik kedua akan muncul dari bawah cameo. Akhirnya, mereka merangkak bersama. Untuk melakukan ini, saya perlu memecah lapisan latar belakang menjadi beberapa lapisan. Lapisan latar belakang pertama adalah grafik grunge. Yang kedua adalah renda dan cameo. Tentu saja, saya membutuhkan PNG dari kedua ladybugs, renda dan cameo untuk menjaga transparansi dalam Flash.

Jadi, saya sekarang memiliki empat lapisan untuk blinkie saya, selain lapisan animasi teks, yang akan saya tambahkan nanti.

Kebanyakan blinkies di situs scrapbooking adalah 150 x 50 piksel. Ini tidak memberi Anda banyak ruang untuk animasi teks yang rumit. Saya memutuskan untuk menggunakan Efek Timeline bawaan untuk menghidupkan teks. Bagian pertama dari animasi adalah nama perancang. Ada lima desainer untuk situs web ini, termasuk saya. Karena nama bisnis saya adalah yang terpanjang, saya memutuskan untuk membuat animasi asli menggunakan nama saya. Maka, akan mudah untuk mengganti nama perancang untuk empat blinkies lainnya. Sekarang setelah desain dibangun, kami siap untuk membangun animasi kami.

Desain J3

Hak Cipta 2018 Adobe Systems Incorporated. Seluruh hak cipta. Tangkapan layar produk Adobe dicetak ulang dengan izin dari Adobe Systems Incorporated. Adobe, Photoshop, Album Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Kembang Api, Berkontribusi, Memikat, Flash Catalyst dan Flash Paper adalah [a] merek dagang terdaftar [s] atau merek dagang [s] dari Adobe Systems Incorporated di Amerika Serikat dan / atau negara lain.