Kraf

Bagaimana Membuat GIF Animasi dalam Photoshop CS5: 4 Langkah

Tutorial membuat Animasi GIF menggunakan Photoshop CS5

Tutorial membuat Animasi GIF menggunakan Photoshop CS5

Isi kandungan:

Anonim

SELAMAT DATANG !!

Bekalan:

Langkah 1: Langkah Pertama: Adakah Anda Bersedia?

Sebelum anda dapat memulakan animasi anda, anda mesti bertanya kepada diri sendiri beberapa soalan mudah:
Adakah saya mempunyai tangan untuk memegang tetikus atau pen untuk menarik? Jika anda menjawab ya, anda boleh teruskan.
Adakah saya mempunyai komputer, dan adakah ia mempunyai Photoshop di atasnya? Jika anda menjawab ya, anda boleh meneruskan (tetapi saya akan mengambil masa ini untuk mengatakan bahawa arahan yang saya berikan kepada anda mungkin tidak berfungsi untuk semua jenis Photoshop, saya hanya akan memberitahu anda bagaimana untuk melakukannya dalam CS5, tetapi prosedurnya adalah serupa adalah jenis lain)
DAN PALING PENTING:Adakah saya mempunyai keinginan untuk bernyawa? Sekiranya anda menjawab ya, anda boleh meneruskan, tetapi terlebih dahulu beritahu saya mengapa ini yang paling penting. Animasi adalah proses yang membosankan panjang, tetapi keputusan akhir adalah berbaloi. Jika anda tidak didorong untuk menyelesaikan sesuatu projek, ia tidak akan dapat melihat cahaya hari. Jangan kecewa atau tidak digalakkan, semua orang bermula di mana-mana, dan sebaik sahaja anda mendapat sambutan hangat, itu benar-benar lebih seronok daripada kerja.
Tahniah, jika anda telah membuatnya sejauh ini, anda sudah bersedia untuk bernyawa, mari kita pergi, saya akan menunjukkan kepada anda apa yang anda perlu buka.
Langkah 1.5: Membuka Animasi Baru:
Membuka animasi baru sama seperti membuka dokumen photoshop biasa. Apa yang anda perlu lakukan ialah membuka Photoshop dan pergi ke Fail> Baru, atau tahan Ctrl + N. Ini akan membuka menu yang meminta anda apa yang anda ingin kelihatan seperti dokumen baru anda. Dalam kotak lebar dan ketinggian saya biasanya dimasukkan ke dalam 8x8 dengan menaip 8 dalam kedua-dua ruang dan menukar kotak jatuh selari dengan 'inci'. Saya juga menukar resolusi kepada 300 piksel / inci. Ini menjadikan imej kurang kabur dan saya dapat melakukan kerja yang lebih terperinci. Apabila saya mengubah animasi ke GIF pada akhir, resolusi akan turun ke 72px / inci, jadi anda boleh meninggalkannya jika anda lebih suka.

Langkah 2: Langkah Dua: Membuat Karya Anda

Anda boleh menghidupkan apa sahaja yang anda mahukan dengan Photoshop, tetapi buat masa ini, saya hanya akan menggunakan seorang gadis yang berpaling. Demi pengajaran, saya akan membiarkannya sangat mudah.
Apa yang saya lakukan di sini dipilih warna yang saya suka, dalam kes ini biru tua, dan menggunakan baldi fill untuk membuat latar belakang. Kemudian saya memilih alat berus dan menarik belakang gadis yang akan saya pulangkan. Saya menggunakan perkara kecil di bahagian bawah untuk memilih warna untuk pakaian, rambut dan kulitnya.
Sebelum anda melangkah lebih lanjut, beri saya menerangkan lapisan, kerana mereka adalah yang paling penting apabila menghidupkan. Lapisan adalah seperti kepingan kaca yang anda letakkan di atas satu sama lain. Lapisan pertama adalah latar belakang, dan anda tidak boleh memadamkannya. Setiap kali anda menambah lapisan baru, lembaran kaca yang baru dan telus, dan setiap kali anda melukis pada lapisan, ia akan menutup apa sahaja yang ada di bawahnya. Ini penting dalam animasi, kerana anda boleh membuat 'bingkai' dengan lapisan, tetapi agar ia berfungsi, anda perlu memastikan tiada lapisan anda mempunyai tempat yang telus. Seperti kaca, jika anda menutup seluruh lapisan, anda tidak dapat melihat bingkai terakhir di bawahnya, tetapi jika anda memadamkan, anda akan mengambil 'cat', jadi jika anda membuat kesilapan, lukiskannya dalam warna latar belakang atau sesuatu.
Apabila anda berpuas hati dengan lukisan anda, pergi ke menu Layers di sebelah kanan bawah skrin dan seret dan lepaskan lapisan pertama ini atas ikon 'buat lapisan baru' (kelihatan seperti sekeping kertas kecil dengan sudutnya dilipat ). Ini akan mewujudkan lapisan yang sama di atas yang terakhir dan tidak akan ada bintik-bintik yang telus. Sekarang lapisan pertama, latar belakang anda, telah menjadi bingkai pertama anda animasi anda. Pada lapisan kedua anda, anda boleh mula melukis dan menambah perbezaan yang halus untuk menunjukkan subjek anda bergerak.
Ingat, bingkai yang paling anda gunakan, yang lebih halus dan lebih realistik animasi akan. Apabila anda telah selesai satu bingkai, klik dan seret ke ikon 'lapisan baharu' sekali lagi dan teruskan.

Langkah 3: Langkah Tiga: Mari Lihat Ini dalam Tindakan

Oleh itu, anda telah berjaya menarik bingkai yang anda fikir akan menjadi animasi yang indah. Sekarang mari lihat bagaimana rupa mereka.
Dalam Photoshop CS5, jika anda pergi ke Tetingkap> Animasi, garis masa kecil yang indah akan muncul di bahagian bawah skrin anda. semua imej anda mungkin akan menjadi satu, jadi apa yang perlu anda lakukan ialah pergi ke kanan atas garis masa itu dan cari ikon menu (kelihatan seperti anak panah menunjuk ke bawah akan empat baris), klik, kemudian pilih 'Buat bingkai dari lapisan '. Ini akan menjadikan semua lapisan anda menjadi bingkai dalam animasi. Sekarang jika anda memukul butang main di sebelah kiri bawah garis masa, anda dapat melihat permainan animasi anda sekalipun. Ini adalah di mana anda dapat melihat jika anda telah membuat sebarang kesilapan, atau jika anda perlu menambah lebih banyak bingkai - jika ini berlaku, anda boleh klik ikon di bahagian bawah garis masa yang kelihatan seperti ikon lapisan baharu. Ini akan melakukan perkara yang sama seperti menyalin lapisan semula dalam menu lapisan.
Sekarang anda mungkin tertanya-tanya mengapa saya tidak memberitahu anda tentang perkara ini sebelum ini. Memang, ia membuat proses lebih mudah, saya rasa ia kadang-kadang menjadi glitchy atau jumpy dan mempunyai minda sendiri, jadi saya lebih suka memulakan dengan menggunakan lapisan, kemudian gunakan garis masa kemudian. Sekiranya anda tidak mempunyai masalah, jangan ragu untuk mencubanya dari perjalanan.

Langkah 4: Langkah Empat: Bagaimana Menghidupkan Brainbaby Anda Ke dalam GIF

Sekarang anda sudah selesai dan berpuas hati dengan kerja anda, anda perlu menyimpannya. Hanya menyimpan fail sebagai JPA atau JPG tidak akan berfungsi, imej tidak akan bergerak. Jenis fail yang akan bergerak walaupun adalah GIF (yang bermaksud Format Grafik Interchange, yang bermaksud bingkai yang kelihatan dapat berubah, mewujudkan animasi mudah seperti kita). Untuk menyimpan animasi anda, anda mesti pergi ke Fail> Simpan untuk Web & Peranti. Ini akan membuka menu dengan banyak loceng peluit. Satu-satunya perkara yang anda ambil perhatian ialah, jika kotak drop sedikit mencari 3D mengatakan GIF, jika ia mengatakan apa-apa lagi, seperti JPEG, PNG dan lain-lain, ia tidak akan berfungsi, jadi pastikan anda memilih GIF. Kemudian, semua yang anda lakukan adalah 'Simpan', simpan ke komputer anda, mungkin dalam folder bernama "Saya Awesome" atau "Animasi Epik Saya". Jika komputer anda sudah tua atau mempunyai RAM yang sangat sedikit, ou mungkin mempunyai masalah yang menyebabkan animasi. Ini kerana ia terlalu besar, dan sekiranya anda boleh, anda harus memotongnya sedikit - saya tidak pernah melebihi 40 bingkai, jadi itu akan menjadi batas saya untuk animasi mudah seperti ini.
Sekiranya semuanya berjalan lancar walaupun anda boleh mencari animasi dalam dokumen anda, klik kanan dan pilih Buka dengan> Internet Explorer (ia berfungsi jika anda menggunakan Windows Explorer), dan lihat animasi anda berfungsi dengan cara yang sepatutnya.
Lihat, itu tidak begitu sukar, bukan? Kali pertama adalah rumit, tetapi sebaik sahaja anda mendapat sambutan hangat, semua kawan anda akan berduyun-duyun kepada anda meminta anda membuat karya-karya yang indah dari MOVING art !! Teruskan berlatih, terus belajar, terus goyang dunia bebas - err …

2 Orang Membuat Projek Ini!

  • nadchoo berjaya!

  • FaerinaM berjaya!

Adakah anda membuat projek ini? Kongsi dengan kami!

Cadangan

  • Mengubah Plotter HP7475a Lama untuk Bekerja Lebih USB

  • S.Alt Bandar: QR Code Mural Interaktif

  • Memulakan Perniagaan Buatan Tangan

  • Cabaran Parti

  • Peraduan Kerja Kayu

  • Peraduan Arduino 2019

21 Perbincangan

0

TomG194

1 tahun yang lalu

terima kasih banyak … Saya seorang jurukamera bersara yang kembali dan mengambil kursus di kolej tempatan yang telah menjadi sebuah rumah kuasa animasi sejak saya menamatkan pengajian tahun lalu. Saya tidak dapat mencari sesuatu yang mudah ini dalam mana-mana buku atau video youtube yang saya dapat difahami.Ini memberi saya titik permulaan yang sangat banyak. Saya komited sekarang bahawa saya meletakkan wang tunai untuk 22 Cintiq.

0

pstevens5

2 tahun yang lalu

berfungsi, tetapi bagaimana cara anda mendapatkan gif untuk terus mengulanginya? Selepas ia memainkan satu masa, ia menghentikan animasi.

1 jawapan 0

A TrueMpstevens5

Balas 2 tahun yang lalu

membuat gif animasi di photoshop mudah dan menyeronokkan. anda boleh mempelajari ini dengan menggunakan laman web yang berguna ini; http: //skillonpage.com/how-to-make-animated-gif-in …. saya sedang mencari beberapa gif yang baik di photoshop kemudian saya dapati ini … dan banyak lagi.

0

EmmanD

3 tahun yang lalu

gif saya tidak menggeledah dalam laman web. apa patut saya buat????? tetapi ia berfungsi hanya dalam satu gelung ….

0

raginig

3 tahun yang lalu

Hi. Gif n sangat mudah. :)

tetapi saya mempunyai soalan, saya cuba membuat gif dengan hanya empat lapisan. berat gif mestilah 40 kb n lebih daripada itu. lombong di lebih daripada 100kb. bagaimana saya boleh membuatnya 40kb. Saya cuba dengan resolusi, kudapan dan warna. tetapi tiada perubahan.

Terima kasih

0

mya.i.rowe

4 tahun yang lalu di Pengenalan

ayyyy terima kasih atas arahan !!

0

brandon.wayne.777158

4 tahun yang lalu di Pengenalan

Jadi inilah kali pertama saya lakukan ini dan saya hanya ingin tahu, apabila saya menyimpan hasil akhir saya cuba menghantarnya melalui e-mel yang tidak akan muncul. ia menunjukkan halaman kosong dan saya hanya ingin tahu jika ada cara lain untuk mengeksportnya supaya saya dapat menghantarnya. Sebarang bantuan akan sangat dihargai.

2 balasan 0

Nikkisaurusbrandon.wayne.777158

Balas 4 tahun yang lalu pada Pengenalan

Mungkin fail terlalu besar untuk e-mel? Mungkin muat naik ke tapak perkongsian imej seperti Imgur dan kemudian menyalin pautan ke dalam e-mel akan menjadi lebih baik. Terus saya hantar pada apa yang anda cari :)

0

brandon.wayne.777158Nikkisaurus

Balas 4 tahun yang lalu pada Pengenalan

Saya akan cuba itu, terima kasih: D kerana sebab tertentu ia tidak muncul apabila saya menyimpannya sebagai GIF, tetapi saya menghantarnya kepada seseorang dan ia berfungsi, jadi saya fikir semuanya berjalan (:

Terima kasih sekali lagi atas bantuan anda, saya biasa mengabaikan apabila saya bertanya perkara-perkara ini dalam talian xD

0

micnerd

5 tahun yang lalu pada Langkah 4

Anda mengagumkan tutorial ini begitu mudah untuk diikuti! Terima kasih!!!

1 jawapan 0

Nikkisaurusmicnerd

Balas 5 tahun lalu pada Langkah 4

hey yo terima kasih :)

0

Encik Noack

6 tahun yang lalu pada Pengenalan

http://www.headgearanimation.com/work/show?project_alias=seva_canada
semak pautan ini

0

Kiteman

6 tahun yang lalu pada Pengenalan

Semua ini mengenai cara membuat GIF animasi, tetapi saya tidak melihat GIF animasi?
Mereka bekerja di sini:

7 balasan 0

NikkisaurusKiteman

Balas 6 tahun yang lalu pada Pengenalan

Saya minta maaf, ini adalah Instructable pertama saya, jadi saya tidak tahu bagaimana melakukan banyak perkara dengannya. Saya cuba beberapa kali untuk melampirkan GIF pada akhir Instructable, tetapi ia tidak akan bergerak. Tidak ada masalah dengan fail itu berfungsi dengan baik, jadi itu tidak. Sekiranya anda telah melihat seluruh Instruktable, anda akan melihat bahawa saya membenamkan video Youtube pada akhirnya, menunjukkan GIF yang bergerak.
Terima kasih kerana input anda sekalipun. :)

0

KitemanNikkisaurus

Balas 6 tahun yang lalu pada Pengenalan

Anda hanya memuat naik seperti imej biasa, dan melampirkannya ke langkah yang sama seperti mana-mana imej lain.

0

NikkisaurusKiteman

Balas 6 tahun yang lalu pada Pengenalan

Ya, saya tahu, tetapi ia tidak bergerak. Sudah tentu ada masalah di mana-mana, ad saya tidak dapat memikirkannya. Jika video itu menjadi masalah, saya boleh mencuba lagi, tetapi saya tidak melihat mengapa ia akan membuat perbezaan, maksudnya adalah bahawa terdapat untuk anda lihat.

0

KitemanNikkisaurus

Balas 6 tahun yang lalu pada Pengenalan

Video itu bukan masalah dengan sendirinya, ia hanya menjanjikan GIF, bukan video.
GIF animasi biasanya tidak mula bergerak sehingga anda melihat versi akhir - berikannya.

0

NikkisaurusKiteman

Balas 6 tahun yang lalu pada Pengenalan

Saya telah membetulkan masalah, saiz fail terlalu besar. Ia sepatutnya berfungsi sekarang.

0

KitemanNikkisaurus

Balas 6 tahun yang lalu pada Pengenalan

:-)

0

NikkisaurusKiteman

Balas 6 tahun yang lalu pada Pengenalan

Baiklah, saya akan cuba lagi.