GIF animasi dalam Photoshop CS5

Adobe Photoshop CS5 ialah program penyuntingan imej yang berkuasa yang boleh anda gunakan untuk mencipta atau mengedit hampir semua jenis imej yang mungkin anda perlukan. Photoshop CS5 amat mahir, walau bagaimanapun, mencipta imej yang dimaksudkan untuk diletakkan dalam talian, seperti imej yang mungkin anda letakkan di tapak web anda, atau yang mungkin anda ingin kongsi dengan rakan anda. Pilihan imej yang popular ialah GIF animasi, kerana ia mudah dibuat, mempunyai pergerakan, tetapi boleh disiarkan seperti imej statik biasa. Photoshop mempunyai beberapa alat berguna yang membolehkan anda mencipta GIF animasi dalam Photoshop CS5, dan anda juga boleh menyesuaikan GIF animasi anda dalam Photoshop CS5 untuk mematuhi spesifikasi yang anda perlukan.

Menyediakan Bingkai untuk GIF Animasi Anda dalam Photoshop CS5

GIF animasi dalam Photoshop CS5 sebenarnya ialah lima imej berasingan yang akan anda susun sebagai lapisan. Setiap lapisan akan mewakili bingkai imej anda, jadi setiap bingkai perlu berbeza sedikit untuk membantu menunjukkan bahawa terdapat tindakan atau pergerakan berlaku dalam GIF animasi anda. Untuk tujuan tutorial ini, saya akan mencipta GIF animasi dalam Photoshop CS5 bintang yang bergerak merentasi latar belakang hitam. GIF animasi akan terdiri daripada lima bingkai berbeza, di mana bintang berada di lokasi yang sedikit berbeza dalam setiap bingkai. Imej berasingan kelihatan seperti ini:

Demi kesederhanaan, saya telah melabelkan imej sebagai 1.gif, 2.gif, 3.gif, 4.gif dan 5.gif, yang akan membantu saya mengingati susunan yang ingin saya paparkan. Setiap imej adalah saiz yang sama, 100×100 piksel.

Untuk mula membuat GIF animasi dalam Photoshop CS5, anda kini boleh melancarkan Photoshop, klik Fail di bahagian atas tetingkap, klik Baru, kemudian tetapkan saiz untuk imej anda. Setelah parameter imej anda ditetapkan, klik butang okey butang untuk mencipta kanvas kosong anda.

Perkara seterusnya yang perlu dilakukan ialah membuka folder yang mengandungi imej yang akan anda sertakan dalam GIF animasi anda dalam Photoshop CS5. Ambil perhatian bahawa anda membuka folder dalam Windows Explorer, BUKAN dengan Buka arahan dalam Photoshop. Windows Explorer ialah program yang anda gunakan untuk menyemak imbas folder dan fail pada komputer anda, dan anda boleh melancarkannya dengan mengklik ikon folder dalam bar tugas di bahagian bawah skrin komputer anda. Setelah folder yang mengandungi imej anda dibuka, tahan kekunci CTrl pada papan kekunci anda untuk memilih semua imej kemudian seretnya ke kanvas Photoshop CS5.

Ini akan menukar kanvas anda untuk menunjukkan salah satu bingkai anda dengan X di atasnya, seperti dalam imej ini:

Apabila anda melihat ini, tekan Masuk pada papan kekunci anda untuk memasukkan setiap imej sebagai lapisan dalam Photoshop. Setelah semua imej telah ditambahkan, anda Lapisan tetingkap di sebelah kanan Photoshop sepatutnya kelihatan seperti ini.

Ambil perhatian bahawa imej yang anda ingin paparkan sebagai bingkai terakhir GIF animasi anda mestilah lapisan paling atas. Jika lapisan anda berada dalam susunan yang salah, anda boleh menyeretnya ke sekeliling dalam Lapisan tetingkap sehingga ia berada dalam susunan yang betul.

Sekarang anda perlu membuka Animasi tetingkap, yang boleh anda lakukan dengan mengklik Tingkap menu di bahagian atas Photoshop, kemudian klik butang Animasi pilihan. The Animasi tetingkap akan dibuka sebagai tetingkap mendatar di bahagian bawah Photoshop.

Klik butang di penjuru kanan sebelah atas Animasi tetingkap (butang kelihatan seperti anak panah yang menghadap ke bawah di sebelah 4 garisan mendatar), kemudian klik butang Buat Bingkai daripada Lapisan pilihan.

Klik anak panah yang menghadap ke bawah di sebelah kanan 0 saat dan di bawah salah satu bingkai anda dalam Animasi tetingkap, kemudian pilih berapa lama anda mahu bingkai itu dipaparkan dalam GIF animasi anda. Ulangi langkah ini untuk setiap bingkai imej anda. Saya suka memilih 1.0 untuk tempoh bingkai dalam banyak GIF animasi dalam Photoshop CS5, tetapi bereksperimen dengan tempoh yang berbeza sehingga anda menemui yang paling sesuai untuk anda.

Anda juga boleh menentukan berapa kali GIF animasi harus melingkari semua bingkainya dengan mengklik Selamanya menu lungsur turun di bahagian bawah Animasi tingkap. saya menggunakan Selamanya sebagai pilihan untuk GIF animasi pada penghujung artikel ini, yang bermaksud bahawa GIF animasi akan berputar secara berterusan sehingga anda meninggalkan halaman ini.

Anda telah selesai mencipta GIF animasi anda dalam Photoshop CS5 sekarang, jadi anda perlu menyimpannya. klik Fail di bahagian atas tetingkap, kemudian klik Simpan untuk Web & Peranti. Klik menu lungsur di penjuru kanan sebelah atas tetingkap untuk memilih GIF pilihan, kemudian klik pada Jimat butang di bahagian bawah tetingkap.

Taipkan nama untuk fail anda ke dalam Nama fail medan, kemudian klik pada Jimat butang. Anda kemudian boleh mengklik dua kali imej yang dibuat dalam folder anda untuk melancarkan GIF animasi dan melihat apa yang telah anda buat. Di bawah ialah contoh animasi GIF saya dalam imej Photoshop CS5.