Untuk membuat animasi tidak perlu memiliki pengetahuan yang fenomenal, Anda hanya perlu mendapatkan alat yang tepat dan menggunakannya dengan benar. Ada beberapa solusi seperti itu, tetapi yang paling terkenal adalah Adobe Photoshop. Artikel ini akan menunjukkan cara cepat membuat animasi di dalamnya.
Jika Photoshop tidak ada di PC Anda, unduh dari tautan di atas, lalu instal dengan mengikuti petunjuk dari artikel ini dan jalankan.
Tahap 1: Mempersiapkan Kanvas dan Lapisan
Sekarang Anda dapat menggambar di atasnya apa yang akan ditampilkan dalam animasi. Dalam contoh sederhana kita, ini akan menjadi persegi bergerak. Pada setiap lapisan, ia memindahkan beberapa piksel ke kanan.
Tahap 2: Bekerja dengan garis waktu
Semua! Animasi sudah siap. Anda dapat melihat hasilnya dengan mengklik tombol "Mulai Pemutaran Animasi". Dan kemudian Anda dapat menyimpannya sebagai gif.
Dengan cara yang sederhana namun terbukti, kami berhasil membuat animasi GIF di Photoshop. Tentu saja, ini dapat ditingkatkan secara signifikan dengan mengurangi waktu bingkai, menambahkan lebih banyak bingkai dan, tentu saja, membuat sesuatu yang lebih orisinal dan lebih baik secara kualitatif daripada kotak hitam. Tapi itu sudah tergantung pada preferensi, keinginan, dan keterampilan Anda.
Untuk menggunakan alat impor video di Adobe Photoshop CS3, Anda perlu menginstal Quick Time Player versi 7.1 atau lebih tinggi.
Untuk mengimpor frame dari video, klik "File > Import > Video Frames to Layers..." dan pilih file di komputer Anda.
Jika Anda menerima pesan saat mengimpor bahwa format tidak didukung, video harus dikonversi ke format ".mp4". Saya sarankan menggunakan konverter gratis. Di dalamnya, Anda dapat langsung memotong bagian video yang diinginkan, agar tidak mengonversi seluruh file. Jika Anda menggunakan Photoshop CS3, ubah ekstensi ".mp4" menjadi ".mov" setelah konversi.
Setelah memilih file di komputer, dialog impor akan muncul. Jika Anda hanya ingin menganimasikan sebagian dari video, alihkan tombol ke posisi "Hanya rentang yang dipilih".
Jika Anda menggunakan Photoshop CS3, atur penggeser ke awal fragmen, tahan tombol "Shift" dan seret penggeser ke ujung fragmen yang diinginkan.
Jika Anda menginstal Photoshop CS6, gunakan penggeser hitam untuk menunjukkan awal dan akhir fragmen.
Centang kotak di sebelah "Simpan masing-masing" dan tentukan frekuensi gambar video. Contoh: jika videonya 30 fps, dan Anda memasukkan nilai "5", maka frame rate animasinya adalah 30/5 = 6 fps, yaitu dari lebih banyak nomor, semakin jarang bingkainya (semakin kecil ukuran animasinya).
Nyalakan timeline dengan mengklik perintah menu Window > Animation di Photoshop CS3 atau Window > Timeline di Photoshop CS6.
Pada garis waktu animasi, klik bingkai pertama, tahan tombol "Shift" dan klik bingkai terakhir. Pilih waktu tunda bingkai yang diinginkan dari daftar, sehingga mengatur kecepatan pemutaran animasi. Gunakan tombol pemutar untuk melihat hasilnya.
Klik File > Simpan untuk Web… (Photoshop CS6) atau File > Simpan untuk Web & Perangkat… (Photoshop CS3). Pilih format "GIF". Jika mau, Anda dapat memperkecil atau memperbesar ukuran gambar dengan mengubah nilai dalam piksel atau sebagai persentase dari ukuran aslinya.
Animasi di Internet telah lama berhenti menjadi hiasan halaman yang sederhana dan telah menjadi alat yang berguna untuk meningkatkan kegunaan. Ini membantu pengguna berinteraksi dengan antarmuka, menarik perhatian ke poin-poin penting.
Animasi adalah tampilan berurutan dari bingkai serupa satu demi satu. Setiap bingkai sedikit berubah, sehingga gambar tampak seperti bergerak.
Untuk menganimasikan antarmuka, membuat prototipe atau iklan interaktif, program khusus digunakan, misalnya Adobe Animate atau After Effects.
Untuk membuat spanduk atau presentasi web sederhana, tidak perlu memahami program khusus. Alat Photoshop bawaan juga cocok untuk ini.
Mulai dari mana
Langkah pertama adalah memutuskan apa yang akan kita animasikan dan hasil apa yang ingin kita capai.
Untuk membuat animasi, saya mengambil salah satu proyek cemerlang dari Behance dan menggambar ulang di Photoshop. Sejajarkan dengan kisi konten, ambil ukurannya dan tempatkan setiap elemen di lapisan terpisah. Hasilnya, saya memiliki layar pertama situs yang dirender dalam format PSD, yang kemudian saya animasikan.
skala waktu
Sebelum membuat animasi, Anda perlu menyiapkan alat yang diperlukan - nyalakan tampilan "Timeline", yang membantu Anda mengelola bingkai dalam animasi.
Untuk melakukan ini, saya membuka tab "Window" dan mencentang kotak di sebelah baris "Timeline".
Bilah lebar akan muncul di bagian bawah jendela di Photoshop, yang dengannya Anda dapat mengontrol bingkai dalam animasi.
Untuk membuat frame pertama, saya klik icon Create Frame Animation pada Timeline.
Setelah bingkai pertama muncul, Anda dapat mulai membuat gerakan.
Bingkai perantara
Di Photoshop, sebuah elemen dapat dianimasikan dengan beberapa cara:
- Gambar banyak bingkai dengan mengubah posisi dan properti elemen secara manual. Jika animasinya cukup panjang, maka menggambar setiap frame membutuhkan waktu yang lama.
- Sisipkan bingkai perantara. Anda hanya perlu menyetel status tata letak secara manual: di awal dan di akhir animasi. Bingkai yang diperlukan di antara status ini akan ditambahkan oleh Photoshop sendiri. Cara ini cocok untuk membuat objek muncul dan menghilang secara bertahap atau untuk menunjukkan pergerakannya.
Pertama saya menganimasikan gambar balalaika. Untuk tampilan gambar yang halus, saya menggunakan alat "Sisipkan bingkai perantara". Agar Photoshop dapat menganimasikan elemen sendiri, Anda perlu menyetel dua status elemen - mulai dari bingkai pertama dan diakhiri di bingkai berikutnya.
Jadi saya akan menambahkan frame lain ke Timeline menggunakan tombol Duplicate Frames.
Setelah menambahkan bingkai baru, saya beralih ke yang pertama dan menghapus visibilitas lapisan balalaika. Anda juga dapat mengatur opacity layer menjadi 0%.
Pada bingkai berikutnya, saya memeriksa apakah lapisan balalaika terlihat.
Setelah mengerjakan gambar balalaika, saya mengatur tampilan baris teks. Pada bingkai pertama, saya memilih teks "Soul sings" dan memindahkannya ke kanan di luar tata letak. Saya melakukan hal yang sama dengan teks "3 string" - saya menggesernya ke kiri hingga menghilang.
Di bingkai kedua saya mengembalikan teks kembali.
Besar. Sekarang mari kita sisipkan bingkai perantara di antara bingkai kunci.
Untuk melakukan ini, saya mengklik tombol "Buat bingkai perantara" di "Garis waktu".
Pada kotak dialog yang muncul, tentukan berapa frame yang akan ditambahkan.
Semakin banyak bingkai, semakin lama animasinya dan semakin halus pergerakan elemen. Jika bingkai terlalu sedikit, elemen akan bergerak tersentak.
Bagian pertama dari animasi sudah siap. Sekarang Anda dapat memutarnya kembali dan melihat apa yang terjadi.
Saya menekan tombol putar di Timeline.
Memasukkan bingkai perantara membantu membuat animasi dengan cepat dengan tampilan dan pergerakan elemen yang halus.
Penampilan, penghilangan, dan gerakan dapat digabungkan satu sama lain untuk mencapai efek yang lebih menarik.
Animasi bingkai demi bingkai secara manual
Selain animasi linier, terkadang Anda perlu membuat gerakan kacau atau menampilkan interaksi elemen yang kompleks. Biasanya, beberapa salinan dari bingkai pertama dibuat untuk ini, dan kemudian setiap salinan sedikit dimodifikasi - animasi digambar bingkai demi bingkai.
Saya akan menyalin dan menempel beberapa kali bingkai terakhir untuk membuat gerakan panah dan teks "berbelanja".
Di bingkai berikutnya, saya memilih lapisan yang diinginkan dengan teks dan panah, memindahkannya sedikit ke atas, dan di bingkai terakhir - ke bawah.
Sekarang Anda dapat menjalankan animasi dan melihat hasilnya.
Karena bingkai berubah dengan cepat, mata tidak punya waktu untuk fokus pada bingkai terakhir dan memperbaiki posisi akhir objek di layar.
Oleh karena itu, saya menambah durasi frame terakhir: Anda perlu mengklik panah di sebelah tulisan "0 detik". dan pilih waktu lain dari daftar.
Untuk frame terakhir, saya atur durasinya menjadi dua detik. Sekarang pemutaran melambat di bagian akhir. Oleh karena itu, nyaman untuk mengamati pergerakan elemen.
Simpan dan ekspor
Di jendela pratinjau, Anda dapat melihat kembali animasi dan mengubah pengaturan penyimpanan.
Secara default, animasi berhenti setelah diputar. Oleh karena itu, saya mengubah mode pemutaran ke "Ulangi" dan simpan.
Berikut adalah animasi yang dihasilkan:
Kesimpulan
Di Photoshop, mudah untuk membuat spanduk dan presentasi interaktif singkat, dan menganimasikan elemen individual. Lebih mudah untuk bereksperimen dengan hasilnya.
Pada artikel ini saya akan berbicara tentang animasi apa yang ada di Photoshop. Kita akan melihat cara kerja animasi di Photoshop menggunakan contoh membuat spanduk Tahun Baru.
Saya akan bekerja di Adobe Photoshop CS6. Saya memiliki antarmuka Rusia, karena saya menulis dari kantor.
Saya memiliki versi bahasa Inggris di rumah, dan saya menyarankan Anda untuk belajar dari versi bahasa Inggris, inilah alasannya:
- Anda dapat dengan mudah menavigasi program dalam bahasa apa pun (setelah bahasa Inggris dalam bahasa Rusia, Anda dapat dengan mudah menemukan alat, karena ini adalah bahasa ibu Anda, dan setelah bahasa Rusia, mungkin ada masalah dengan adaptasi).
- Sebagian besar pelajaran yang baik ditulis dalam bahasa Inggris.
- Pelokalan program seringkali berbeda satu sama lain, kualitas terjemahan antarmuka terkadang meninggalkan banyak hal yang diinginkan. Terjemahan instrumen yang salah dapat membingungkan seseorang yang baru mulai mempelajari program.
Memulai dengan Animasi di Photoshop CS6
Mari kita mulai Photoshop.
Kami membuat dokumen baru File -Baru (Ctrl+N).
Di jendela yang terbuka, atur ukuran spanduk: 600 x 120, sebut saja "Spanduk Tahun Baru" -> "OK".
Buat latar belakang
Saya memilih terlebih dahulu materi yang akan saya gunakan dalam pekerjaan saya (latar belakang, font, dll.).
Buka tekstur yang sudah disiapkan: Ctrl+O. Anda dapat mengunduh tekstur yang saya gunakan.
Buka palet layer "Layers" - F7.
Pilih jendela dengan tekstur, seret layer dari palet layer ke layer dengan spanduk.
Jika tekstur ternyata terlalu kecil atau terlalu besar dibandingkan spanduk, sesuaikan ukurannya menggunakan transformasi Ctrl+T.
Penanda persegi kecil akan muncul di sudut gambar. Tahan Shift untuk mempertahankan rasio aspek saat mengubah ukuran, seret gagang sudut secara diagonal, perkecil atau perbesar ukuran gambar, hingga seluruh permukaan spanduk terisi dengan latar belakang.
Setelah menyesuaikan tekstur dengan ukuran spanduk, kita beralih ke koreksi warnanya.
Buka menu "Gambar" – “Penyesuaian” – “Corak / Saturasi” (Gambar – Koreksi – Rona / Saturasi).
Saya mengatur pengaturan ini untuk mendapatkan warna yang cerah dan jenuh:
Kami menulis teksnya
Buat layer baru (Ctrl + Shift + N) atau klik ikon layer baru di palet layer.
Pilih Horizontal Type Tool (T).
Pilih kuas dengan bintang apa saja, cat akan berwarna putih #ffffff. Untuk memilih warna, klik kotak kecil di bagian bawah panel kiri.
Pada layer baru, gambar bintang di tempat yang sewenang-wenang. Untuk membuat bintang lebih terang, klik beberapa kali di satu tempat. Inilah yang terjadi pada saya:
Buat layer duplikat (Ctrl + J). Klik ikon mata di palet layer untuk menyembunyikan visibilitas layer sebelumnya.
Pilih lapisan atas dengan salinan bintang-bintang. Pilih Lasso Tool(L) dari panel kiri.
Pilih setiap bintang secara bergiliran, tekan "V" (Pindahkan Alat) dan pindahkan ke tempat lain, jadi kita akan memiliki bintang di tempat berbeda dalam bingkai berbeda, yang akan menciptakan efek kelap-kelip.
Setelah Anda memindahkan semua bintang ke tempat lain, buat duplikat dari layer yang Anda kerjakan (Ctrl + J), sembunyikan layer sebelumnya di palet layer dengan mengklik mata, dan ulangi lagi operasi untuk memindahkan bintang ke yang baru tempat, Anda juga dapat menyelesaikan lukisan beberapa bintang baru.
Dengan demikian, kita akan mendapatkan 3 lapisan dengan bintang yang masing-masing bintang akan berada pada posisi yang berbeda.
Semua sudah siap.
Memulai dengan Animasi di Photoshop
Membuka garis waktu. Buka menu "Jendela" - "Garis Waktu" (Jendela - Garis Waktu).
Di panel garis waktu yang muncul, kami menemukan tombol di tengah "Buat Garis Waktu Video" (Buat garis waktu untuk video).
Setelah itu, skala akan mengubah tampilannya. Sekarang kita menyodok di sudut kiri bawah jendela pada ikon dengan tiga kotak untuk membuat animasi bingkai demi bingkai.
Kami telah membuka panel animasi frame-by-frame. Sekarang hanya ada satu bingkai di dalamnya, di mana semua lapisan yang terlihat ditampilkan (isi dari bingkai yang dipilih ditampilkan di jendela utama monitor).
Pergi ke palet layer - F7. Kita perlu mematikan dua lapisan bintang teratas sekarang (klik pada mata), hanya menyisakan satu yang terlihat. Ini akan menjadi bingkai pertama.
Pergi ke palet layer. Matikan lapisan pertama dengan bintang, nyalakan yang kedua. Jadi, di frame kedua, bintang-bintang akan ditampilkan di tempat lain.
Klik pada ikon bingkai baru lagi. Matikan lapisan kedua dengan bintang-bintang, nyalakan yang ketiga.
Perhatikan waktu di bawah setiap frame, ini adalah durasi dari frame tersebut. 5 detik, yang secara default, banyak bagi kami - animasi akan melambat, klik panah dan atur durasi setiap frame menjadi 0,1 detik.
Agar bingkai dapat berubah dengan lancar, kita perlu membuat bingkai perantara di antara bingkai kunci. Untuk melakukan ini, pada bingkai pertama, klik ikon dengan beberapa lingkaran di bagian bawah panel sementara.
Di jendela yang muncul, tentukan berapa banyak bingkai perantara yang ingin kita buat. Saya akan menyetelnya ke 2. Untuk semua bingkai kecuali yang terakhir, setel "Bingkai berikutnya".
Di antara bingkai kunci pertama dan kedua, Anda memiliki 2 bingkai perantara.
Sekarang kita berdiri di bingkai kunci ke-2 (sekarang yang ke-4 berturut-turut), klik ikon dengan lingkaran lagi dan buat 2 bingkai perantara lagi. Sekarang kita harus menutup frame terakhir dan pertama untuk mendapatkan animasi yang halus.
Pilih frame terakhir di timeline. Klik pada lingkaran. Di jendela yang muncul, di baris "Bingkai perantara" pilih "Bingkai pertama", tambahkan 2 bingkai dengan cara yang sama.
Sekarang, di bawah bingkai di kiri bawah, kami menunjukkan jumlah pengulangan pemutaran animasi "Konstan".
Pilih bingkai pertama, tekan segitiga di sebelah kanan "Mainkan" untuk melihat apa yang terjadi.
Kami memilih format file untuk menyimpan GIF, klik "Simpan ...", pilih direktori tempat kami akan menyimpan, klik "Simpan" lagi.
Nah pada tutorial kali ini kita telah melihat bagaimana cara membuat animasi di photoshop CS6.
Saya harap Anda belajar sesuatu yang baru dan berguna dari tutorial ini.
Catatan penting. Jika Anda perlu membuat dengan cepat Animasi paling sederhana dari beberapa bingkai di Photoshop, buka pelajaran -.
Saya sudah cukup lama tertarik dengan animasi frame-by-frame, meskipun saya hanya mempelajari sedikit materi. Semua buku yang mulai saya baca cukup panjang, sulit dan “kering”.
Oleh karena itu, setelah saya mulai sedikit memahami teknologi pembuatan animasi, saya mulai mencari cara untuk menghidupkannya menggunakan Photoshop.
Banyak yang menyarankan saya untuk beralih ke program lain (misalnya, TVP Animasi Pro), tetapi saya, karena tidak ingin beradaptasi dengan antarmuka baru dari program lain, memutuskan untuk melakukan semuanya di Photoshop.
Dan pelajaran ini saya tulis khusus untuk mereka yang belum paham teknologi pembuatan animasi frame-by-frame khusus di photoshop. Siapa yang tidak mau menggali sedikit dan mengerti apa itu.
Saya akan membahas dua topik: animasi pendek dan animasi panjang. Jangan menelusuri jenis animasi yang tidak Anda minati: mungkin ada informasi yang Anda perlukan untuk jenis animasi yang Anda perlukan.
Animasi pendek- ini adalah avatar animasi, emotikon, dll.
Animasi panjang- ini adalah kartun, video, dll.
Pertama, saya akan menjelaskan teorinya, lalu kita akan membuat animasi dalam praktiknya.
Tambahan penting
Banyak orang bertanya: “Mengapa animasi saya tersendat-sendat, apakah karakter/objek saya bergerak cepat/lambat?”
Jawaban: karakter/objek Anda bergerak cepat karena kamu menggambar sedikit bingkai.
Karakter/objek Anda sedang bergerak perlahan-lahan karena kamu menggambar banyak bingkai.
Karakter/objek Anda berkedut karena Anda tidak mengikuti gerakan sebelumnya dan menggambar gerakan berikutnya yang tidak konsisten dengan gerakan sebelumnya.
Ingat: dalam satu detik 24 bingkai!
Oleh karena itu, ketika Anda akan membuat animasi Anda, ingatlah: 24 bingkai = 1 Kedua, 24 bingkai = 1 Kedua. Jangan pernah melupakan detail yang sangat penting ini.
Animasi pendek
Saya rasa Anda sering menemukan animasi di avatar, dengan emotikon animasi.
Beberapa emotikon dibuat Kilatan, tapi saya menggambar milik saya di Photoshop. Jangan mengira animasi pendek seperti itu mudah dibuat. Di satu sisi, ya, ukurannya kecil, tetapi di sisi lain, saat Anda menggambarnya 15
-30
bingkai, Anda akan bingung (dan bayangkan jika Anda ingin membuat klip tiga menit, maka Anda harus melakukannya 4320
bingkai!).
Apa yang harus Anda ingat dan ketahui?
Katakanlah Anda ingin menggambar seorang gadis dengan rambut tertiup angin sebagai avatar Anda. Cara:
Pertama, rambut bukanlah karton untuk Anda - di bawah pengaruh angin berkekuatan sedang, itu akan menjadi gelombang melintang.
Ini adalah bagaimana hal itu ditunjukkan dalam diagram:
Dalam angin kencang, rambutnya akan hampir lurus, tetapi karakter Anda harus menutup matanya dengan erat dan memegang sesuatu agar dia tidak tertiup angin, karena pada kenyataannya hanya sedikit orang yang dapat menahan angin seperti itu. meskipun jenis animasi ini bisa digunakan saat karakter Anda sedang mengendarai sepeda misalnya.
Dan akhirnya, angin sepoi-sepoi dengan lembut mengangkat dan menurunkan rambut.
Angin lemah:
Angin rata-rata:
Angin kencang:
Semua hal yang sama berlaku untuk kain dan pakaian - mereka akan berperilaku sama seperti rambut.
Dan sekarang, misalnya, Anda ingin menggambar animasi dengan pergerakan objek karakter Anda. Cara:
Kedua, setiap tindakan dimulai di suatu tempat. Pernahkah Anda memperhatikan bahwa, misalnya, untuk bangun dari kursi, pertama-tama Anda mendorongnya sedikit ke belakang, dan sedikit mencondongkan tubuh ke depan, baru kemudian bangun? atau bahwa ketika Anda ingin memukul dengan raket, pertama-tama Anda mengambilnya dan membalikkan tubuh Anda dengannya, baru kemudian Anda memukul?
Ada banyak sekali contoh seperti itu, tetapi lebih baik untuk melihat:
Agar tidak mendapat masalah dengan ini gerakan sebelum tindakan(DPD), menganalisis dan mengamati pergerakan orang atau hewan lebih sering.
tambahan kecil
Secara umum, jangan pernah melupakan fisika. Berat benda, bahan pembuatnya (elastisitas, kelembutan, kekakuan, dll.), Semua ini diperlukan.
Pahami bahwa tanpa ini animasi Anda akan mati, mengerikan, dan jelek!
Lebih baik kerjakan dan jangan pernah terburu-buru.
Animasi panjang
Oooh, disinilah kesenangan dimulai!
Apakah Anda sering menonton kartun atau anime, mengagumi animasi dan iri pada mereka yang bisa melakukannya? Semua pemandangan indah ini, gerakan plastisitas dan banyak lainnya. yang lain? Saya akan jujur, ya. Setiap kali saya menonton sesuatu, saya mencoba memahami bagaimana para animator bekerja dengan ini? Bagaimana mereka menciptakan semua ini?
Namun, karena saya tidak tahu program apa yang mereka gunakan, saya mencoba memahami keseluruhan proses menggunakan mekanisme Photoshop.
Dan tahukah Anda, saya menemukan jawaban atas semua pertanyaan saya!
Tapi mari kita selesaikan semuanya.
Proses pembuatan animasi yang panjang
1. Awalnya kita membutuhkan IDE
Misalnya, Anda memutuskan untuk membuat video kecil di mana beberapa gadis akan menari.
Jika Anda seorang animator berpengalaman, Anda dapat "berdansa" di video Anda 3 dan lebih banyak anak perempuan.
Namun di awal perjalanan Anda sebagai animator, sebaiknya batasi diri Anda pada satu atau dua saja.
2. Sekarang Anda perlu storyboard the scenes (STS)
Apa itu dan dimakan dengan apa?
Bayangkan sebuah film. Sekarang bayangkan jumlahnya berbagai macam dari kamera yang berbeda. Close-up, lanskap, kamera mengikuti karakter...
Nah, bila jumlahnya tidak banyak. Tapi saat kita membuat klip utuh, bisa ada lebih banyak lagi 30
hal-hal!
Oleh karena itu, animator paman dan bibi yang cerdas menggunakan benda luar biasa yang terlihat seperti buku bergaris.
Di dalamnya mereka menggambarkan adegan.
Hanya beberapa yang menggambar satu adegan di setiap bagian tabel, lalu yang lain, ketiga, dll., Sementara yang lain menggambar di setiap bagian tabel setelah beberapa detik (maaf jika saya tidak menjelaskan dengan jelas).
Juga sangat nyaman bahwa Anda dapat melakukannya di sisi deskripsi, jika tidak, terkadang Anda menggambar, lalu setelah beberapa saat Anda melihat, dan Anda tidak mengerti - apa yang saya gambarkan di sini?
Jadi kami mencatat papan cerita seperti itu untuk adegan dan menggunakan buku semacam itu.
Anda bahkan tidak dapat membuat buku, tetapi cukup membuat file besar di Photoshop dan menggambar semua pemandangan di sana.
3. Sekarang Anda perlu membuat latar belakang, konsep karakter, dan gerakan
Kami menggambar gerakan di buku RPS.
Jika Anda memiliki lebih dari satu adegan dalam satu klip, Anda harus menggambar beberapa latar belakang yang berbeda. Gambarkan mereka dalam file terpisah.
Dan ingat satu hal - latar belakang tidak muncul begitu saja. Jadi kalau mau kamera bergerak ke samping, maka backgroundnya juga harus ada. itu. Anda harus menggambar panjang latar belakang (atau lebar, atau mungkin keduanya) lebih banyak.
Kemudian Anda memikirkannya penampilan karakter Anda dan mulailah membuat animasi.
Beralih dari teori ke praktik
Mulai sekarang, mari kita pikirkan sedikit tentang IDEA dan, secara umum, tentang paragraf “Proses Pembuatan Animasi”. Kenapa aku? Selain itu, sekarang Anda membutuhkan kelinci percobaan, yang akan Anda paksa pindahkan. Kami tidak akan membuat klip di mana 4320 bingkai. Hal terbaik dan termudah untuk dipahami adalah cara membuat animasi bingkai demi bingkai. 24 -72 - bingkai animasi.
Baiklah, mari kita mulai!
1. Mari buat dokumen baru. Untuk animasi saya, saya mengambil ukuran kecil - 400 X 500 px.
2. Sekarang, jika Anda tidak memiliki jendela di kiri bawah " Animasi", lihat ke atas, buka tab" Jendela» - « Animasi».*
* - Contoh menggunakan versi Russified Photoshop CS2.
Pada tangkapan layar di atas, kita melihat jendela animasi yang berisi bingkai pertama, di bawahnya ada panel kecil tempat tombol berada:
Selalu/sekali- dengan memilih "Selalu" Anda akan mengulang animasi. Jika Anda memilih Sekali, animasi hanya akan diputar sekali. (Ada dua opsi animasi dalam pelajaran saya: looped - di mana prinsip DPD ditampilkan, diputar sekali - di mana perubahan adegan ditampilkan).
Pilih bingkai pertama- membawa kita kembali ke awal.
Memilih bingkai sebelumnya- Jangan panggil Cap. (=
Mainkan animasi/Hentikan animasi- Mainkan / Hentikan.
Memilih bingkai berikutnya- bingkai berikutnya. Topi Anda!
Frame animasi Tweens- dengan tombol ini kita dapat menambahkan transisi mulus antara dua frame dengan menambahkan yang baru.
Gandakan frame yang dipilih- bukan nama yang tepat ... Akan lebih baik jika "Menambahkan bingkai baru".
Menghapus bingkai yang dipilih- keranjang.
3. Sekarang kita bisa mulai menggambar. untuk melakukan ini, letakkan latar belakang yang Anda buat sebelumnya latar belakang(Latar Belakang / Latar Belakang).
4. Kemudian buat layer baru (Ctrl+Shift+Alt+N) dan gambar karakter Anda di atasnya.
4. Sekarang bagian tersulit dimulai: kita perlu menggambar karakter yang sama berkali-kali berturut-turut dalam pose yang berbeda.
Kami membuat bingkai baru, dan... Ada dua opsi di sini:
A) Entah Anda mulai menggambar karakter Anda lagi setiap saat, atau ..
B) Salin layer sebelumnya dan ubah (draw-erase, tapi jangan gunakan transformasi! Anda jarang membutuhkan alat seperti itu, saya akan menulis nanti kapan).
Setelah terlatih dalam animasi, Anda dapat menggunakan kedua opsi tanpa rasa sakit. (Anda dapat mencoba masing-masing dalam dokumen terpisah).
Opsi A:
1. Kami telah menggambar bingkai pertama kami.
2. Untuk melihat bagaimana mengubah yang berikutnya, kami mengurangi opasitas layer menjadi sekitar 30% dan buat layer baru di mana kita sudah menggambar kelinci untuk frame kedua.
3. Kami menyelesaikan bingkai kedua dan mematikan visibilitas lapisan pertama sebelumnya.
Opsi B:
1. Buat bingkai dengan karakter dan buat layer ini tidak terlihat.
2. Kemudian duplikat (Ctrl + J), seret layer ke tombol "Buat layer baru" di sebelah kiri keranjang.
3. Sekarang buat layer kedua terlihat dan mulailah memodifikasinya.
Jadi, dengan menduplikasi layer sebelumnya, Anda membuat bingkai baru dan mengubahnya, bukan yang sama.
5. Kami duduk dan menggambar bingkai 10 -15 ...
6. Dan mari kita lihat apa yang terjadi.
Ternyata kelinci yang sedang berlari.
Selain itu, tidak ada satu bagian pun yang disalin: setiap bingkai digambar lagi.
Lihat diri mu sendiri:
Dalam proses pembuatan animasi, Anda harus ingat bahwa cukup sulit untuk beralih di antara ratusan lapisan, oleh karena itu Anda tidak boleh menunda melukis atau mengubah apa pun hingga nanti. Lakukan segera.
Hampir akhir
Di atas, saya membuat reservasi tentang alat ().
Layak digunakan saat, misalnya, Anda ingin menjauhkan kamera, memperbesar, memutarnya, dll. (Jika Anda hanya perlu memindahkan latar belakang, gunakan editor video, akan lebih mudah bagi Anda). Jangan gunakan distorsi, kemiringan, dan alat transformasi lainnya jika tidak perlu.
Dan, setelah kami menyelamatkan kami gif-animasi sebagai format file video .avi, misalnya, Anda dapat dengan aman pergi ke Pembuat Film Windows Live.
Dari sana, lakukan apa pun yang Anda inginkan dengan video Anda.
Dan kemudian Anda dapat mengunggah klip Anda ke youtube.com dan menikmati pekerjaan Anda.
TERIMA KASIH BESAR untuk semua orang atas perhatian Anda, Lero-art bersama Anda. Maafkan saya untuk bahasa yang terikat lidah, keanehan presentasi dan kekurangan lainnya dalam pelajaran, jika ada. Semuanya disebabkan oleh fakta bahwa pikiran menjadi bingung, dan kata-kata tidak membentuk kalimat ...
Tapi saya harap Anda mempelajari sesuatu yang baru dan menarik untuk diri Anda sendiri!
