Buat GIF Animasi di Fireworks

01 dari 20

Turki GIF Animasi di Kembang Api

Teks dan gambar © Sandra Trainor

Dalam tutorial ini, saya akan menggunakan Fireworks CS6 untuk membuat GIF animasi kalkun dengan bulu ekor yang berubah warna. Saya akan mulai dengan membuat ilustrasi dan menduplikasinya. Saya akan membuat perubahan menjadi satu, mengonversinya menjadi simbol, membuat keadaan kedua, dan melihat pratinjau animasi. Saya kemudian akan mengubah waktu durasi kedua negara, menyimpan file sebagai GIF Animasi, dan melihatnya di browser saya.

Meskipun Fireworks CS6 digunakan dalam tutorial ini, Anda harus dapat mengikuti menggunakan versi Fireworks terbaru atau bahkan Photoshop.

Catatan Editor:

Adobe tidak lagi menawarkan Fireworks CC sebagai bagian dari Creative Cloud. Jika Anda mencari Kembang Api, itu dapat ditemukan di bagian Temukan Aplikasi Tambahan di Cloud Kreatif. Ketika Adobe mengumumkan bahwa tidak akan lagi mendukung atau memperbarui aplikasi, Anda dapat mengasumsikan bahwa hanya masalah waktu sebelum aplikasi menghilang. Contoh umum dari hal ini adalah pengumuman baru-baru ini mengenai Direktur, Shockwave, dan Kontribusi.

Diperbarui oleh Tom Green

02 dari 20

Buat Dokumen Baru

Teks dan gambar © Sandra Trainor

Saya akan membuat dokumen baru dengan memilih File> New. Saya akan membuat lebar dan tinggi 400 x 400 piksel, dan resolusi 72 piksel per inci. Saya akan memilih putih untuk warna kanvas, dan klik OK.

Selanjutnya, saya akan memilih File> Save, beri nama file turkey dengan ekstensi png , pilih di mana saya ingin menyimpannya, dan klik Save.

03 dari 20

Menggambar lingkaran

Teks dan gambar © Sandra Trainor

Pada panel Tools saya akan mengklik pada kotak warna Stroke dan memilih hitam, kemudian pada kotak warna Fill dan memilih swatch berwarna coklat atau ketik bidang nilai angka Hex, # 8C4600.

Pada panel Properties saya akan membuat lebar stroke 2 piksel. Saya kemudian akan memilih alat Ellipse di panel Tools, yang dapat ditemukan dengan mengklik panah kecil di sebelah alat Rectangle atau alat bentuk terlihat lainnya. Sambil menahan tombol shift, saya akan klik dan seret untuk membuat lingkaran besar. Menggunakan shift memastikan lingkaran akan bulat sempurna.

04 dari 20

Gambar Lingkaran Lain

Teks dan gambar © Sandra Trainor

Sekali lagi, saya akan menahan tombol shift saat saya menggambar lingkaran lain, hanya saya ingin lingkaran ini menjadi lebih kecil daripada yang terakhir.

Dengan alat Pointer, saya akan mengklik dan menarik lingkaran kecil ke tempatnya. Saya ingin itu tumpang tindih bagian atas lingkaran besar, seperti yang ditunjukkan.

05 dari 20

Gambarlah Rectangle Rounded

Teks dan gambar © Sandra Trainor

Dengan alat Rounded Rectangle, saya akan menggambar persegi panjang. Dengan alat Pointer, saya akan memindahkannya ke tempatnya. Saya ingin menjadi pusat dan sedikit tumpang tindih dengan bagian bawah lingkaran kecil.

06 dari 20

Gabungkan Jalur

Teks dan gambar © Sandra Trainor

Saya akan menahan tombol shift saat saya klik pada lingkaran kecil kemudian persegi panjang bulat. Ini akan memilih kedua bentuk. Saya kemudian akan memilih Modify, Combine Paths> Union.

07 dari 20

Ganti warna

Teks dan gambar © Sandra Trainor

Di panel Tools, saya akan mengklik kotak Fill dan memilih carikan krim, atau ketik # FFCC99 di bidang nilai Hex, lalu tekan kembali.

08 dari 20

Jadikan Mata

Teks dan gambar © Sandra Trainor

Saya bisa menggambar dua lingkaran kecil untuk membuat mata, tetapi saya akan menggunakan alat Jenis untuk ini. Saya akan mengklik alat Type di panel Tools, lalu di kanvas. Di inspektur Properti, saya akan memilih Arial Reguler untuk font, membuat ukuran 72, dan mengubah warna menjadi hitam. Saya akan menahan tombol Alt atau Opsi saat saya menekan tombol yang menahan angka 8, yang akan membuat sebuah peluru. Saya akan menekan tombol spasi sebelum membuat peluru lagi.

09 dari 20

Buat paruh

Teks dan gambar © Sandra Trainor

Di panel Tools, saya akan klik pada alat bentuk Polygon. Pada panel Properties, saya akan memilih swatch oranye untuk mengisi atau ketik # FF9933 di bidang nilai Hex. Juga di panel Properties, saya akan membuat stroke hitam dengan lebar 1.

Selanjutnya, saya akan memilih Window> Auto Shape Properties. Saya akan mengklik bentuk poligon, menunjukkan bahwa saya ingin kedua titik dan sisi menjadi 3 dan radius 180 derajat. Untuk membuat segitiga lebih kecil, saya akan mengetik 20 di bidang nilai Outer Radius. Jumlah untuk ini tergantung pada seberapa besar segitiga itu untuk memulai. Saya kemudian akan menekan kembali.

Dengan alat Pointer, saya akan klik pada segitiga dan seret ke tempat yang saya pikir harus duduk untuk paruh.

10 dari 20

Jadikan Snood

Teks dan gambar © Sandra Trainor

Benda merah yang tergantung dari paruh kalkun disebut Snood. Untuk membuatnya, saya akan menggunakan alat Pen.

Setelah memilih alat Pen di panel Tools, saya akan mengklik pada kotak Isi dan memilih swatch merah, atau ketik # FF0000 di bidang nilai Hex, lalu tekan kembali.

Dengan alat Pen, saya akan mengklik untuk membuat titik-titik yang membentuk jalur, dan kadang-kadang klik dan seret untuk membuat jalur bulat. Ketika titik terakhir terhubung dengan yang pertama, saya akan membentuk bentuk yang terlihat seperti daging kalkun.

11 dari 20

Buat Kaki

Teks dan gambar © Sandra Trainor

Saya bisa mengatur warna Fill ke Orange yang sama dengan paruh dengan mengklik kotak Fill kemudian pada paruh. Dengan tool Pen dipilih, saya akan membuat warna stroke menjadi hitam dan mengatur lebar stroke ke 2 di panel Properties.

Selanjutnya, saya akan menggunakan alat Pen untuk membuat titik-titik yang membentuk bentuk yang menyerupai kaki kalkun. Dengan bentuk yang dipilih, saya akan memilih Edit> Duplicate. Saya kemudian akan memilih Modify> Transform> Flip Horizontal. Dengan alat Pointer, saya akan memposisikan kaki di mana mereka terlihat terbaik.

12 dari 20

Kurangi Ukuran

Teks dan gambar © Sandra Trainor

Saya akan memilih Pilih> Pilih Semua. Saya kemudian akan klik pada alat Scale di panel Tools. Kotak pembatas akan muncul dengan gagang yang dapat dipindah ke dalam atau ke luar. Saya akan klik pada pegangan sudut dan memindahkannya ke dalam, membuat keseluruhan lebih kecil, lalu tekan kembali.

Dengan semua bentuk saya masih dipilih, saya akan menggunakan alat Pointer untuk memindahkan kalkun ke tempatnya. Saya ingin itu berpusat rendah pada kanvas.

13 dari 20

Buat bulu-bulu ekor

Teks dan gambar © Sandra Trainor

Dengan alat Ellipse, saya akan klik dan seret untuk membentuk oval panjang. Saya kemudian akan memilih Edit> Duplicate. Saya akan menduplikasi oval lagi dan lagi, sampai saya memiliki total lima oval.

14 dari 20

Ubah Warna

Teks dan gambar © Sandra Trainor

Dengan salah satu oval yang dipilih, saya akan mengklik pada kotak Fill dan memilih warna yang berbeda. Saya akan melakukan ini dengan tiga oval lagi, memilih warna yang berbeda untuk masing-masing.

15 dari 20

Pindahkan Oase

Teks dan gambar © Sandra Trainor

Dengan alat Pointer, saya akan mengklik dan menarik lebih dari lima oval untuk memilih semuanya. Saya kemudian akan memilih Modify> Arrange> Send to Back. Ini akan menyebabkan bulu ekor jatuh di belakang kalkun ketika saya memindahkannya ke tempatnya.

Saya akan mengklik menjauh dari oval untuk membatalkan pilihan, lalu mengklik satu oval pada satu waktu dan menyeretnya secara terpisah ke tempat mereka akan duduk berdampingan dan sebagian berada di belakang kalkun.

Menggunakan Panduan Cerdas dapat membantu mengatur posisi oval yang berlawanan satu sama lain secara merata. Jika Anda tidak melihat panduan cerdas di tempat kerja, pilih Tampilan> Panduan Cerdas> Tampilkan Panduan Cerdas.

16 dari 20

Putar Oval

Teks dan gambar © Sandra Trainor

Saya ingin memutar oval dan memposisikan ulang. Untuk melakukannya, saya akan memilih satu dan memilih, Modify> Transform> Free Transform. Saya kemudian akan mengklik dan menyeret kursor saya tepat di luar kotak berlari agar sedikit memutar oval. Dengan alat Pointer, saya akan menempatkan oval ke tempat yang menurut saya terlihat terbaik.

Saya akan merotasi oval yang tersisa dengan cara yang sama, dan menempatkannya pada tempatnya; mendistribusikannya secara merata.

17 dari 20

Simpan dan Simpan As

Teks dan gambar © Sandra Trainor

Melihat gambar saya, saya melihat bahwa kalkun terlalu rendah di kanvas, jadi saya akan memilih Pilih> Pilih Semua, kemudian gunakan alat Pointer untuk menempatkan kalkun di tengah kanvas. Ketika saya senang dengan tampilannya, saya akan memilih File> Save.

Selanjutnya, saya akan klik pada bulu ekor untuk memilihnya kemudian pada kotak Isi dan pilih warna yang berbeda. Saya akan melakukan ini untuk setiap bulu ekor, lalu pilih File> Save As. Saya akan mengganti nama file, turkey2 dengan ekstensi png, dan klik Save.

18 dari 20

Konversikan ke Simbol

Teks dan gambar © Sandra Trainor

Saya akan memilih File> Buka, arahkan ke file kalkun.png saya dan klik Buka. Saya akan klik pada tab turkey.png di bagian atas, dan pilih Pilih> Pilih Semua. Saya kemudian akan memilih Modify> Convert> Convert to Symbol. Saya akan memberinya nama simbol 1, pilih Graphic for the Type, lalu klik OK.

Saya akan klik pada tab turkey2.png dan melakukan hal yang sama, hanya saya akan menamai satu simbol ini 2.

19 dari 20

Buat Negara Baru

Teks dan gambar © Sandra Trainor

Saya akan mengklik kembali pada tab turkey.png. Jika panel Negara saya tidak terlihat, saya dapat memilih Window> States. Di bagian bawah panel Negara Bagian, saya akan mengeklik tombol Negara Duplikat Baru.

Ketika saya mengklik pada negara bagian pertama untuk memilihnya, saya melihat bahwa itu memegang simbol. Ketika saya mengklik pada keadaan kedua, saya melihat bahwa itu kosong. Untuk menambahkan simbol ke status kosong ini, saya akan memilih File> Impor> arahkan ke file turkey2.png saya, klik Buka, lalu Buka lagi. Saya kemudian akan klik di sudut kanan atas kanvas untuk menempatkan file di posisi yang benar. Sekarang, ketika saya klik antara negara bagian pertama dan kedua, saya melihat keduanya memegang gambar. Saya juga dapat menekan tombol Putar / Berhenti di bagian bawah jendela untuk melihat animasi.

Jika saya tidak suka kecepatan animasi, saya dapat mengklik dua kali pada angka di sebelah kanan setiap negara untuk melakukan penyesuaian. Semakin tinggi angkanya semakin lama waktu durasinya.

20 dari 20

Simpan GIF Animasi

Teks dan gambar © Sandra Trainor

Saya akan memilih File> Save As, mengganti nama file, pilih Animated GIF (* .gif), lalu klik Save.

Untuk membuka dan memainkan GIF Animasi di browser saya, saya akan meluncurkan browser saya dan memilih File> Buka atau Buka File. Saya akan menavigasi ke file GIF Animasi saya, pilih, klik Buka, dan nikmati animasinya.

Terkait:
Mengoptimalkan GIF Animasi
• Profil Wild Turkey
• Sejarah Turki Thanksgiving
• The Wildest Turkeys yang pernah Anda lihat