Kementerian Pendidikan dan Sains Federasi Rusia

Lembaga Pendidikan Negara

Pendidikan profesional yang lebih tinggi

Taganrog State Institute of the Southern Federal University

Departemen Sistem Desain Otomatis

Catatan penjelasan

untuk pekerjaan kursus

Disiplin: Teknologi dan media informasi yang menjanjikan.

Eor pada topik: " Dukungan animasi berarti 2 D. dan 3. D. ».

Dilakukan:

Guru:

Taganrog.

Tugas untuk kursus:

Membuat sumber daya e-edukasi pada topik: "Alat Dukungan Animasi", di mana perlu untuk menunjukkan pada beberapa contoh, prinsip menciptakan animasi. Dan juga melakukan gambaran singkat tentang beberapa teknologi untuk membuat dan mendukung animasi 2 d dan 3 d.

pengantar

Relevansi topik "animasi" hari ini tidak diragukan lagi. Hampir abad yang lalu, kartun pertama muncul, yang menyebabkan kesenangan dari semua orang. Dengan munculnya teknologi modern, animasi menjadi salah satu elemen utama dari proyek multimedia dan presentasi, semakin hadir di halaman internet. Juga, animasi ini sangat banyak digunakan di televisi. Misalnya, banyak perusahaan televisi menggunakan screensaver yang dibuat menggunakan animasi komputer. Membuat produk video juga bukan tanpa komputer, dan semakin sering video profesional menggunakan teknik animasi komputer.

Makalah ini membahas teknologi dan prinsip untuk membuat animasi.

Animasi

Diadopsi dalam definisi profesional dunia "Animasi" (Diterjemahkan dari bahasa Latin "anima" - jiwa, "animasi" - kebangunan rohani, animasi) Bagaimana tidak mungkin untuk lebih akurat mencerminkan semua kemungkinan teknis dan artistik modern dari bioskop animasi, karena master animasi tidak hanya menghidupkan kembali para pahlawan mereka, tetapi berinvestasi dalam ciptaan mereka ke bagian dari jiwa mereka.

Teknologi animasi.

Saat ini, ada berbagai teknologi untuk membuat animasi:

Klasik (tradisional) Animasi adalah perubahan gambar alternatif, yang masing-masing digambar secara terpisah. Ini adalah proses yang sangat melelahkan, karena animator harus secara terpisah membuat setiap frame.

Stop-personel (boneka) animasi. Objek yang ditempatkan di ruang diperbaiki oleh bingkai, setelah itu posisi mereka berubah dan diperbaiki lagi.

Sprite. Animasi diimplementasikan menggunakan bahasa pemrograman.

Perubahan - Transformasi dari satu objek ke objek lain karena pembuatan sejumlah frame menengah tertentu.

Animasi warna. - Ini berubah dengan hanya warna, bukan posisi objek.

Animasi 3D. Dibuat menggunakan program khusus (misalnya, 3D maks). Gambar diperoleh dengan memvisualisasikan adegan, dan setiap adegan adalah satu set objek, sumber cahaya, tekstur.

Tangkap gerak (Capture Motion) - Arah pertama animasi yang memungkinkan untuk mengirimkan gerakan real-time yang realistis alami. Sensor dilampirkan pada aktor langsung di tempat-tempat yang akan diselaraskan dengan titik-titik kontrol dari model komputer untuk memasukkan dan menggigit gerakan. Koordinat aktor dan orientasinya dalam ruang ditransmisikan ke stasiun grafis, dan model animasi menjadi hidup.

Perangkat lunak untuk membuat animasi.

Perangkat lunak untuk membuat animasi menciptakan kenyamanan dalam bekerja baik untuk pemula dan untuk pengguna yang berpengalaman. Program semacam itu memiliki berbagai fitur teknis, sangat berguna dan mudah digunakan untuk animator. Kapan saja, pengguna bisa mendapatkan bantuan online. Perangkat lunak tersebut bervariasi dalam dua kategori: untuk animasi dua dimensi (2D) dan tiga dimensi (3D). Pasar saat ini memiliki sejumlah besar dan beragam program animasi. Banyak dari mereka banyak tersedia dan memiliki mode uji di mana pengguna dapat menggunakan program secara gratis. Setelah berakhirnya periode ini, jika pengguna puas dengan program ini, ia dapat membeli versi lengkap untuk penggunaannya lebih lanjut.

Fitur perangkat lunak untuk animasi dua dimensi (2 D. ):

Sebagian besar program ini memiliki antarmuka yang ramah dan menawarkan banyak fungsi. Misalnya, fitur-fitur yang berguna, sebagai kisi-kisi kustom dan otomatis menargetkan celah. Fungsi sinkronisasi gambar otomatis dan sinyal ucapan menghemat waktu.

Perpustakaan template dibuat untuk organisasi, penyimpanan, dan penggunaan berulang dari semua aset Anda dan animasi yang dibuat dapat berisi semua jenis file media: film, pertemuan foto, karya seni seperti SWF, AI, PSD, TGA dan Gif

Elemen program khusus membuat proses menciptakan animasi semudah "kali, dua, tiga." Perangkat perangkat lunak memungkinkan pengguna untuk membuat efek gerakan, penskalaan, rotasi, dan distorsi. Ada fungsi penyisipan otomatis dari keyframe dalam garis waktu.

Proses pembuatan tindakan akan memakan waktu sedetik menggunakan "seret dan tinggalkan" fungsi dan menempatkan alat desain. Fitur penciptaan naungan akan menambah realisme animasi. Berkat program ini, proses pembuatan animasi menjadi mudah ditempati tidak peduli seberapa sulit idenya.

Membuat atau menyusun animasi berkualitas tinggi untuk jaringan, PDA, iPod, ponsel, HDTV, termasuk SWF, AVI, QuickTime, stream DV, dan banyak lagi.

Untuk perangkat lunak animasi dua dimensi:

Untuk sistem operasi Macintosh - Power Macintosh G5, G4 (minimum), atau Intel (R) Coretm, prosesor Mac OS X V10.4.7, RAM (RAM) 512 MB (atau lebih), 120 MB ruang hard disk yang tersedia, 24 Monitor warna bit, dari memori video 64 MB (direkomendasikan) atau 8 MB (minimum), dengan kemampuan izin ke 1024x768 poin.

Untuk sistem PC - prosesor 800 MHz Intel Pentium III (minimum) dengan Windows Microsoft XP atau 2000, (disarankan) RAM 512 MB, 256 MB (atau lebih), 120 MB ruang hard disk yang dapat diakses, monitor warna 24 bit, memori video 32 MB atau lebih, kemampuan untuk diselesaikan dalam poin 1024x768.

Fitur perangkat lunak untuk membuat animasi tiga dimensi (3D):

Alat modulasi tiga dimensi, dukungan font truetype, format file impor dan ubah, ekspor 3DS, browser tiga dimensi bawaan, editor simbol komposit, perubahan objek, renderer untuk kualitas tinggi, menciptakan adegan tiga dimensi, menciptakan adegan tiga dimensi dan animasi, bingkai dukungan, transformasi bantuan, menciptakan bayangan lembut, pusat perhatian, efek kabut, dan banyak lagi, dukungan untuk format file.bmp.gif, i.jpg, bahasa skrip, dll.

Persyaratan Sistem yang Diperlukan Untuk perangkat lunak, perangkat lunak animasi tiga dimensi:

Windows NT 4, Win 95, Win 98, Menangkan Saya, Menangkan 2 K, atau Win XP, OpenGL Dipercepat Peta Grafis Dengan Dukungan ICD Lengkap, (Ala GeForce), setidaknya 64 MB RAM, 128 MB (Disarankan) atau 256 MB Jika Anda menggunakan Win XP, pentium 300 MHz, ruang disk 5 MB.

Beberapa perangkat lunak penciptaan animasi paling populer:

ULEAD Animation, Ulead Gif Animator 5, Perangkat Lunak Animasi Coffeecup, Animator Coffeecup GIF, Firestarter Coffeecup, Firestarter, Perangkat Lunak Animasi Reallusion, Effect3D Studio, 3D Max, ToonBoom Studio, Macromedia Flash.

GIF-Animation. Kemampuan untuk menyimpan format ini dalam file beberapa gambar - GIF animasi adalah serangkaian frame yang dengan cepat menggantikan satu sama lain, karena efek animasi dicapai. Bingkai, seperti gambar independen atau lapisan terpisah satu gambar, dapat dibuat dalam paket grafis apa pun - di Adobe Photoshop, Jasc Paint Shop Pro, dll. Tetapi transformasi mereka ke dalam file gif animasi yang tidak hanya memiliki semua gambar sumber, Tetapi juga data tentang kecepatan output mereka ke layar yang digunakan oleh palet, suara, dll. (Dan dalam bentuk yang sangat dikompresi), dilakukan oleh program khusus. Hari ini, berkat penggunaan luas dalam format desain web animasi GIF, jumlah program tersebut sangat besar.

Klasifikasi program untuk membuat animasi GIF.

Pada umumnya, semua program untuk membuat GIF animasi dapat dibagi menjadi tiga kelompok:

1. Pertama Paket grafis dua dimensi yang populer difokuskan terutama untuk bekerja dengan grafis raster dua dimensi dan pada saat yang sama memungkinkan Anda untuk membuat file dalam format GIF animasi dengan mengorbankan utilitas masing-masing. Yang paling populer di antaranya adalah Adobe Photoshop dengan ImageSeady, Jasc Paint Shop Pro, yang mencakup program toko animasi, dan Ulead PhotoImpact dengan program Animator GIF. Keuntungan utama dari aplikasi grup ini adalah bahwa program animasi terkait erat dengan paket grafis yang sesuai dan oleh karena itu dimungkinkan untuk dengan cepat beralih antara program animator dan editor grafis, jika perlu, sesuaikan gambar. Ini nyaman hanya jika Anda memahami semua seluk-beluk bekerja dengan paket serupa (semuanya, terutama Adobe Photoshop, memerlukan persiapan serius). Untuk alasan ini, opsi ini lebih cocok untuk para profesional, dan pemula lebih baik memilih salah satu program grup kedua.

2. Second. Grup ini mencakup paket yang dimaksudkan semata-mata untuk membuat GIF animasi. Sebagai aturan, mereka memiliki fitur terbatas dalam hal menggambar, sehingga gambar sumber untuk animasi dibuat di salah satu paket grafis - animator GIF tidak terkait dengan aplikasi grafis tertentu. Selain itu, tidak perlu memilih paket yang kompleks seperti Adobe Photoshop, Jasc Paint Shop Pro dan Ulead PhotoImpact untuk bekerja. Kemampuan untuk menggunakan paket grafis biasa dapat dianggap sebagai keuntungan utama dari animator GIF dari grup ini. Selain itu, program independen untuk pengembangan GIF animasi memiliki distribusi kecil dalam hal volume, sehingga dapat dibeli tanpa masalah melalui Internet. Akhirnya, sebagian besar aplikasi dari grup ini sangat sederhana, sehingga mereka dapat dengan cepat menguasai mereka.

3. Ketiga Program formulir grup berfokus pada pembuatan grafik 3D (misalnya, 3D Studio Max) dan pada saat yang sama memungkinkan animasi dalam format animasi GIF (biasanya karena plug-in khusus yang sering dimasukkan dalam penawaran). Program 3D grafis nyaman karena mereka tidak memerlukan gambar bingkai - biasanya cukup untuk membuat semacam tindakan siklik, seperti putaran sumbu, menulis animasi yang dihasilkan sebagai bingkai bingkai dan mengekspor ke gif animasi . Namun, ada satu "tetapi" - program tradisional untuk bekerja dengan grafis tiga dimensi membutuhkan pengetahuan profesional yang mendalam dan sangat kompleks. Tetapi Anda seharusnya tidak putus asa! Jika Anda perlu membuat, misalnya, logo tiga dimensi animasi, sangat mungkin untuk melakukan program Xara3d. Namun, meskipun diposisikan untuk bekerja dengan grafik tiga dimensi, bagaimanapun, mampu membuat dan animasi GIF dan sangat mudah digunakan.

Kami menambahkan bahwa grup produk perangkat lunak yang berfokus hanya pada penciptaan GIF animasi mencakup paket yang juga dapat digunakan untuk membuat tombol dan logo animasi tiga dimensi, namun, mereka tidak akan lebih spektakuler seperti saat menggunakan program Xara3D.

Pertimbangkan beberapa teknologi dan prinsip untuk membuat animasi.

ULEAD. Gif Pembuat animasi.

ULEAD GIF Animator memasuki paket grafis ULEAD photoImpact, namun, dapat digunakan dan secara mandiri - untuk membuat GIF animasi berdasarkan gambar yang dibuat dalam paket grafis apa pun. Berkat antarmuka yang nyaman dan intuitif dan peluang yang kaya, program ini dianggap sebagai salah satu animator GIF yang paling nyaman dan fungsional dan secara signifikan menghemat waktu perancang web, karena dapat mengenali perubahan yang dilakukan di editor eksternal (photoImpact, Photoshop atau Paint Shop Pro), dan secara otomatis memperbarui bingkai yang sesuai dalam animasi. Pola animasi dapat diekspor ke format photoImpact (UFO) atau Photoshop (PSD) dengan hemat gangguan ke lapisan. Selain itu, Anda dapat menyorot lapisan gambar yang dibuat di editor grafis Photoshop atau Paint Shop atau Paint Shop, sebagai objek terpisah untuk GIF Animator.

Program ini menyediakan satu set produk yang kaya, mengedit, overlay efek khusus, optimisasi dan ekspor. Animasi dinamis dari pola multilayer berdasarkan pada model berorientasi objek penuh warna membuatnya mudah untuk memanipulasi beberapa objek pada gambar dan dengan cepat membuat animasi multi-objek, dan pembaruan gambar yang dinamis yang dibuat di editor eksternal menetapkan standar integrasi baru. Animasi Wizard menyederhanakan penempatan gambar di bidang kerja dan memungkinkan Anda untuk secara instan mengevaluasi kualitas animasi yang dibuat berdasarkan pertunjukan demonstrasi di jendela pratinjau. Object Manager membantu menjaga catatan semua objek objek, dan fungsi membangun frame menengah memungkinkan Anda untuk mengotomatiskan proses animasi, menghasilkan posisi menengah dari objek yang dipilih.

Di antara fitur-fitur Animator GIF ULEAD - animasi teks dan overlay lebih dari 130 efek animasi. Metode kompresi canggih yang ditingkatkan memungkinkan untuk mencapai penurunan signifikan dalam ukuran file animasi, pembuatan kode HTML otomatis secara signifikan mempercepat proses memasukkan animasi jadi ke halaman web, dan dukungan ekspor ke berbagai format, termasuk flash, avi , MPEG dan QuickTime, membuat program lebih menarik.

ImageReady CS.

Program CS ImageReady adalah bagian dari paket Popular Photoshop CS dari Adobe dan dirancang untuk mengembangkan berbagai elemen web, termasuk GIF animasi, yang, dengan mempertimbangkan kompatibilitas penuh dengan Photoshop, menjadikannya alat yang sangat baik untuk desain web yang dirancang untuk para profesional. Photoshop dan ImageReady bekerja dalam kolaborasi erat dan saling melengkapi satu sama lain, dan file yang dapat diedit dapat dengan mudah dipindahkan antara program selama pengeditan dengan penghematan otomatisnya. Dimungkinkan untuk mengekspor file GIF animasi yang dibuat ke format Flash Macromedia (SWF).

GIF animasi dapat dibuat baik berdasarkan file Adobe Photoshop multi-layer dan Adobe Illustrator dan dari gambar individual yang disimpan dalam berbagai format grafis. Saat membuat animasi berdasarkan serangkaian gambar untuk mounting frame, tidak perlu mengunduh setiap gambar secara terpisah - Anda dapat menggunakan kemungkinan mengimpor dari folder di mana frame individu animasi di masa depan dilestarikan. Dimungkinkan untuk secara otomatis membentuk jumlah frame perantara yang diperlukan, secara signifikan mempercepat penerimaan animasi halus, karena menghilang secara manual untuk membuat setiap frame. Di jendela program, Anda dapat segera melihat hasilnya dan, jika perlu, buat perubahan yang diperlukan.

ara. satu

ImageReady memiliki galeri besar filter yang mirip dengan banyak filter Photoshop yang terkenal. Oleh karena itu, untuk menambah bingkai satu atau efek lain, tidak selalu diperlukan untuk beralih ke Photoshop - banyak tindakan yang tersedia dari lingkungan ImageReady.

Untuk pindah dari Photoshop ke ImageReady dan kembali, tekan tombol kiri mouse pada baris terakhir bilah alat vertikal - Edit untuk gambar siap (Buka dalam gambar siap), atau hanya sambil memegang kombinasi tombol Shift + Ctrl + M :

Panel animasi dapat dipanggil oleh tim. Jendela\u003e Animasi. (Jendela\u003e animasi).

Ketika gif-animasi, bingkai set gambar dimainkan dalam urutan yang ditentukan pengguna. Untuk halaman web, Anda dapat membuat berbagai efek animasi: membuat teks atau grafik bergerak, secara bertahap menghilang atau muncul, atau diubah dengan cara lain.

Untuk menyiapkan animasi dalam program ImageReady, Anda harus membuat beberapa bingkai bingkai menggunakan palet animasi (animasi) yang ditunjukkan pada Gambar. 3. Anda kemudian dapat mengedit lapisan terpisah dari setiap bingkai menggunakan palet Layers (Layers). 4, dan setiap frame akan memiliki serangkaian instalasi uniknya sendiri pada palet layer. Akhirnya, Anda perlu menyimpan urutan bingkai dalam bentuk satu file GIF - sekarang animasi siap untuk dilihat dalam mode interaktif.

Ara. 3.

Ara. empat.

Efek lapisan.

Program ImageReady menawarkan serangkaian efek layer yang sama dengan Photoshop. Tetapi Program Photoshop menyesuaikan sifat-sifat layer menggunakan kotak dialog Layer Style, ImageReady - menggunakan Palet Konteks dari opsi layer.

Efek dalam program ImageReady memiliki karakteristik yang sama seperti pada Photoshop: Nama mereka ditampilkan dengan nama layer yang diterapkan; Efek bergerak dengan lapisan; Pada elemen palet ada arogan ke kanan, yang dengannya Anda dapat membuka atau menutup daftar efek. Setiap efek memiliki ikon sendiri yang memungkinkan Anda untuk menampilkan atau menyembunyikan efek ini.

Membuat efek animasi untuk gambar apa pun.

1. Buka atau buat gambar yang berisi layer latar belakang dan lapisan transparan dengan pola objek apa pun.

2. Buka palet Animasi. (Animasi).

3. Pilih layer pada palet Layers.

4. Menggunakan alat Pindah. (Pindahkan) Seret elemen gambar ke tepi jendela utama.

5. Di bagian bawah palet Animasi. Klik pada tombol Duplikat bingkai saat ini. (Gandakan bingkai saat ini). Bingkai yang disalin akan disorot.

6. Lapisan yang dipilih pada langkah 3 harus tetap berdedikasi.

7. Menggunakan alat Pindah. (Kunci v) Seret elemen layer ke sisi lain jendela utama. Biarkan layer ini dialokasikan!

8. Di palet Animasi. Klik pada tombol Tween (Frame menengah) untuk membangun bingkai menengah antara yang sudah dipilih.

9. Di kotak dialog Tween (Bingkai perantara) Letakkan lapisan beralih ke salah satu posisi berikut:

· Semua lapisan. (Semua Layers) untuk menyalin poin dari semua lapisan ke bingkai baru.

· Lapisan yang dipilih (Lapisan yang dipilih) untuk menyalin poin hanya layer yang dipilih ke dalam bingkai baru. Semua layer lainnya akan disembunyikan.

Kemudian instal dalam grup Parameter. (Parameter) Bendera dari parameter-parameter yang akan diubah dalam bingkai perantara: Posisi (Lokasi), Kegelapan (Opacity) dan / atau Efek. (Efek).

Dari menu pop-up Tween dengan (Rentang bingkai menengah) Pilih mode Bingkai sebelumnya. (Menambahkan bingkai perantara antara bingkai yang dipilih dan yang sebelumnya).

Pilih pengaturan pemutaran animasi

Dari menu pop-up yang terletak di sudut kiri bawah palet Animasi. (Animasi), pilih Mode Play, menunjukkan bagaimana reproduksi positif akan dimainkan: Sekali (Sekali) atau Selama-lamanya (Terus menerus dalam siklus). Atau nyalakan opsi Lain (Jika tidak) untuk menentukan sejumlah pemutaran animasi, lalu klik tombol OK.

Pratinjau Animasi.

1. Di jendela utama, pilih tab Asli. (Gambar sumber) atau Dioptimalkan. (Gambar yang dioptimalkan).

2. Jika bingkai pertama tidak disorot, maka di bagian bawah palet Animasi. (Animasi) Klik tombol Pilih Bingkai Pertama. (Pilih bingkai pertama).

ara. 5. Duplikasi bingkai animasi

3. Klik pada tombol Bermain. (Kalah) - Lihat Gambar 5. Animasi akan dimainkan sedikit lebih lambat dari yang seharusnya. (Pratinjau dalam program ImageReady lebih lambat daripada di browser.)

4. Klik pada tombol Berhenti. (Berhenti), yang memiliki tampilan persegi untuk menangguhkan pemutaran.

5. Simpan file, lalu klik tombol. Browser tetap. (Pratinjau di browser default) yang terletak di bilah alat. Klik pada tombol Kembali (Kembali) untuk kembali ke program ImageReady saat melihat akan selesai.

Animasi item sampling

Meninjau lebih lanjut bagaimana membuat elemen lapisan bergoyang dari sisi ke sisi. Jenis animasi ini memengaruhi titik layer dan disalin ke semua bingkai yang ada. Perlu untuk membuat layer duplikat untuk setiap tahap gerakan.

Buat animasi di mana objek akan bergerak ke arah dan punggung tertentu.

1. Buka gambar dan palet Animasi. (Animasi).

2. Di bagian bawah palet Animasi. Klik pada tombol Duplikat bingkai saat ini. (Gandakan bingkai saat ini). Sekarang bingkai duplikat akan disorot.

3. Di palet Animasi. Klik pada tombol tween (frame menengah), lalu letakkan sakelar Lapisan. (Lapisan) ke posisi Semua lapisan. (Semua lapisan), masukkan jumlah frame di bidang Bingkai untuk ditambahkan. (Tambahkan bingkai) untuk membuat animasi dan klik tombol BAIK.

4. Klik pada bingkai di mana Sching harus dimulai.

5. Di palet Lapisan. (Lapisan) Buat duplikat dari layer itu, gambar yang akan bergerak.

6. Edit layer duplikat (misalnya, sesuaikan warna). Sembunyikan lapisan sumber untuk melihat perubahan yang dilakukan. Perubahan akan mempengaruhi bingkai khusus pada palet Animasi.

7. Pilih bingkai berikut. Buat penerima lapisan sumber terlihat dan sembunyikan duplikat yang diedit.

8. Klik pada kerangka kerja berikut. Sekarang tunjukkan lapisan duplikat yang diedit dan sembunyikan lapisan sumber.

Jadi secara bergantian ditampilkan / sembunyikan lapisan untuk sisa bingkai animasi.

Membuka animasi dalam format GIF

Satu-satunya keuntungan yang terlihat dari menggunakan format GIF adalah kemampuan untuk menerapkan atau mengedit pengaturan optimasi file.

1. Ikuti perintah File\u003e Buka. (File\u003e Buka) atau tekan kombinasi tombol Ctrl + O.

2. Temukan nama file dengan Extension.gif dan klik di atasnya.

3. Klik pada tombol Buka. (Buka). Frame dari urutan animasi akan disimpan. Namun, urutan lapisan sekarang akan ditampilkan pada palet layer: satu lapisan untuk setiap bingkai. Elemen lapisan terpisah sekarang dapat diedit terlepas dari bingkai lainnya!

Optimalisasi animasi

1. Di menu palet Optimalkan. (Optimasi) Gunakan tim Optimalkan animasi (Optimalkan animasi).

2. Dalam kelompok parameter Optimalkan oleh. (Optimalkan dengan bantuan) centang kotak Kotak pembatas. (Keseluruhan bingkai) untuk melestarikan bingkai asli, serta hanya area yang berubah selama transisi dari satu frame ke bingkai lainnya. Akibatnya, ukuran file berkurang, tetapi pada saat yang sama tidak semua editor yang merasakan format GIF akan dapat bekerja dengan file ini.

Selain tindakan ini atau sebaliknya, pilih kotak centang Redundant Pixel Removal. (Hapus poin tambahan) Untuk menghapus titik-titik objek atau latar belakang yang tidak berubah, yaitu ditampilkan kembali ketika bingkai baru dimuat. Ini juga akan membantu mengurangi ukuran file.

Tidak satu pun dari opsi ini akan mengubah jenis animasi yang sebenarnya, semua perubahan terjadi "di belakang layar".

Menghemat animasi.

Animasi yang dibuat dapat disimpan dalam format GIF atau sebagai film QuickTime. Format file lain, seperti JPEG atau PNG, akan menghemat hanya bingkai pertama gambar, tanpa memungkinkan Anda untuk memainkan semua animasi. Ada beberapa cara untuk menyimpan animasi yang dioptimalkan untuk digunakan di halaman web. Cukup imaje untuk memilih perintah File\u003e Simpan Dioptimalkan (File\u003e Simpan Dioptimalkan) Untuk menyimpan animasi dengan pengaturan yang dipilih dalam pelestarian sebelumnya. Jika ini bukan penghematan pertama, maka kotak dialog Menyimpan. (Simpan) Nama file tidak muncul dan parameternya tetap sama seperti yang ditetapkan sebelumnya.

Pilihan tim File\u003e Simpan Dioptimalkan Sebagai (File\u003e Simpan Sebagai Dioptimalkan) Memungkinkan Anda mengubah nama file dan memilih lokasi penyimpanan lain. Selain itu, dimungkinkan untuk memilih parameter yang diubah. Simpan sebagai Type. (Jenis file) dari set nilai yang tersedia:

· Html dan iges. (HTML dan gambar) - menghasilkan file HTML dan menyimpan setiap gambar sebagai file terpisah;

· Hanya gambar (Hanya gambar) - Hemat hanya gambar dalam file terpisah;

· Html hanya (Hanya HTML) - HANYA HANYA file HTML tanpa file gambar.

Selain itu, ImageReady memungkinkan Anda untuk membuat file HTML pada perintah Salin HTML (Salin HTML), yang menyalin kode HTML ke clipboard, dan kemudian dapat dimasukkan ke dalam halaman web di setiap editor HTML. Dalam hal citra sumber, perintah pembaruan HTML diperbarui untuk memperbarui file HTML dengan nama file pembaruan.

Untuk menyimpan animasi dalam format QuickTime, pilih perintah File\u003e Ekspor Asli ( File\u003e ekspor primer) dan dari daftar drop-down untuk memilih nilai Film QuickTime. (Ini akan tersedia jika program QuickTime diinstal pada komputer). Menunjuk nama file dan lokasinya, klik tombol Menyimpan. (Simpan) Buat file dari jenis yang dipilih.

Cara membuat hujan animasi.

Langkah 1. Buka gambar.

Langkah 2. Buat layer baru dan dituangkan dengan abu-abu. Dan terapkan filter untuk itu Filter - Noise - Tambahkan Noise Dan mengatur pengaturan seperti itu.

Kemudian terapkan filter Filter-blur-motion blur.

Kami menempatkan transparansi lapisan 30%

Langkah 3. Buat layer baru dan isi dengan abu-abu dan terapkan filter yang sama seperti pada langkah nomor dua. Tapi filter Motion Blur. Kami sudah melakukan dengan pengaturan lain.

dan menempatkan transparansi lapisan 30%

Langkah 4. . Sekali lagi, ulangi hal yang sama seperti yang kami lakukan pada langkah 2. Filter Motion Blur. Kami melakukannya dengan pengaturan seperti itu dan menempatkan transparansi lapisan 30%.

Langkah 5. . Pergi ke B. Pembaca gambar. Ini dilakukan dengan menggunakan kombinasi tombol ( Shift + Ctrl + M)

Langkah 6. . Buat panjang bingkai 0,1sec.

Langkah 7. . Kami membuat dua duplikat dari bingkai kami.

Langkah 8. . Pergi ke bingkai pertama dan buat hanya lapisan pertama dengan tetes yang kami lakukan adalah terlihat.

Langkah 9. . Pergi ke bingkai kedua dan jelaskan hanya lapisan kedua dengan tetes yang kami lakukan.

Langkah 10. . Pergi ke bingkai ketiga dan jelaskan hanya lapisan ketiga dengan tetes yang kami lakukan.

Semua animasi kami siap!

Xara3d 5.0.

Tidak seperti kebanyakan program untuk bekerja dengan grafik tiga dimensi, Xara3D memiliki antarmuka yang sederhana dan ramah dan jumlah minimum pengaturan, yang membuatnya dengan mudah dan cepat dan cepat akan membedakan. Dan meskipun program ini dirancang terutama untuk membuat teks dan tombol volumetrik, sangat cocok untuk menerima animasi dalam format GIF dan AVI animasi. Oleh karena itu, berhasil digunakan oleh desainer web terutama untuk membuat logo teks tiga dimensi profesional.

Dalam gudang program - satu set besar font dan tekstur untuk pendaftaran objek yang dibuat. Ini memberikan kontrol penuh atas teks yang sedang dibuat, termasuk posisinya, penyelarasan, interlintage, kerning, dll., Manajemen warna yang efisien dan fleksibel dan struktur gambar tiga dimensi. Selain itu, gambar dapat dibuat matte atau mengkilap, memaksakan bayangan membingkai lembut pada mereka, dll. Pilihan efek animasi cukup lebar: benda dapat memutar, secara bertahap memanifestasikan, berdenyut, langkah, ayunan atau menghilang. Selain itu, Anda dapat mengimpor fitur animasi dari satu file dan menerapkannya ke yang lain. Alat manajemen animasi sederhana memungkinkan Anda untuk menginstal batas waktu, misalnya, menambahkan waktu jeda yang berbeda, atau mengatur fitur animasi Anda untuk setiap objek.

Program ini mendukung impor file grafik dua dimensi dalam format WMF, EMF, GIF, dan PNG, dan hasil animasi dapat disimpan tidak hanya dalam format GIF animasi, tetapi ini diinginkan dan dalam format AVI atau SWF.

Macromedia Flash.

Agar lebih akurat, Adobe Flash - Rabu untuk membuat aplikasi untuk platform flash (flash platform), bersama dengan itu ada alat lain (lingkungan):

Adobe Flex Builder;

Alat Pengembangan Flash (FDT), dll.

Aplikasi flash dibuat menggunakan ActionScript. - Bahasa pemrograman. Jika kode sumber tidak mengandung instruksi bahasa, maka ketika dikompilasi, bagaimanapun, beberapa kode dasar dihasilkan pada ActionScript (ini dapat dilihat dengan melihat Flash-Bytecode). Lebih jauh, masing-masing, ada klip dasar pada adegan yang diwarisi dari movieclip kelas, yang mulai dimainkan. Lingkungan Adobe Flash sebagian besar berfokus pada desainer, animator, meskipun dimungkinkan untuk menulis kode lengkap. Flex Builder, FDT, pemrograman berorientasi, dan tidak ada alat antarmuka khusus untuk animasi, visualisasi.

Flash secara bersamaan digunakan sebagai nama format (film flash, film flash) (nama lengkap - flash movie).

Saat membuat produk, Anda dapat menggunakan file audio dan grafik, Anda dapat membuat antarmuka interaktif dan aplikasi web lengkap menggunakan PHP dan XML.

File flash memiliki ekstensi ".swf" dan dilihat menggunakan Flash Player, yang dapat ditetapkan sebagai plugin ke browser. Juga, file SWF dapat dilihat menggunakan Gnash Player. Didistribusikan secara gratis melalui situs Adobe. File sumber dengan ekstensi ".fla" dibuat di lingkungan pengembangan adobe flash, dan kemudian dikompilasi ke dalam format flash player-dipahami - ".swf".

Flash didasarkan pada morf vektor, yaitu "aliran" halus dari satu keyframe di yang lain. Ini memungkinkan Anda untuk membuat adegan kartun yang cukup kompleks, hanya mengatur beberapa bingkai kunci untuk setiap karakter.

Flash menggunakan bahasa pemrograman tindakan yang didasarkan pada ECMASCript.

Teknologi morf vektor digunakan lama sebelum flash. Pada tahun 1986, program Fantavision dirilis, yang menggunakan teknologi ini. Pada tahun 1991, dunia lain dirilis pada teknologi ini, dan dua tahun kemudian - kilas balik.

Kisah Flash dimulai pada tahun 1995, ketika setelah membeli program untuk animasi futuresplash Animator, Macromedia telah merilis produk yang disebut Flash.

Flash memulai kegiatan profesionalnya dari rilis produk perangkat lunak animasi dua dimensi biasa. Ada waktu, semuanya mengembangkan kecepatan yang cepat. Dia tidak berkeliling pesta dan berkedip, itu menjadi lebih modern dan sempurna.

Hari ini ada yang disebut mesin 3D, misalnya:

PaperVision3D, tetapi kecepatan dan kualitas pekerjaan mereka cukup rendah, terutama karena kenyataan bahwa pada saat flash player tidak mungkin menggunakan alat DirectX atau OpenGL, sehingga emulasi lengkap semua algoritma 3D dilakukan. Tidak ada dukungan untuk akselerasi perangkat keras, prosesor multi-core - yang juga mengurangi kecepatan mesin. Namun, desainer sering melakukan penciptaan mesin 3D sendiri yang dipertajam di bawah spesifik proyek tertentu (game).

Saat ini, sebagian besar browser memiliki plugin Macromedia Flash Player internal secara khusus, yang memungkinkannya memainkan file flash. Teknologi flash telah menduduki posisi dominan di Internet dan telah menjadi standar di area tampilan pada situs web animasi vektor. Tanpa Adobe Flash Player, browser akan salah menampilkan halaman web dan elemen web interaktif yang tertanam di dalamnya dikembangkan menggunakan teknologi flash.

Antarmuka Macromedia Flash.

gbr.1.

Ketika Anda membuka jendela aplikasi flash, elemen antarmuka berikut muncul di layar:

· Tahap (desktop) - area untuk meletakkan frame individual, menciptakan komposisi elemen grafis atau gambar titik impor dan melihat hasil animasi;

· Timeline (sumbu waktu) - jendela yang berisi daftar masing-masing lapisan dengan objek grafis yang terletak pada mereka dan distribusi waktu mereka (setiap bingkai film ditandai pada sumbu waktu);

· Simbol - elemen dasar film, sebagai aturan, berulang kali digunakan di dalamnya;

· Perpustakaan - jendela dengan daftar karakter dan file yang diimpor, memungkinkan Anda untuk melakukan organisasi dan penyortiran mereka;

· Panel Floating, Dockable (Dumplings) - Windows dengan serangkaian tab yang berfungsi untuk mengkonfigurasi aplikasi dan mengubah parameter elemen film;

· Movie explorer - juga disebut jendela untuk melihat struktur film.

Melewati animasi

Jadi, sekali lagi, jendela flash dari program flash. Ketika ada roller dibuka di dalamnya, skala waktu yang disebut terbuka di bagian atas jendela (timeline). Di sebelah kiri, nama-nama layer ditunjukkan tentang yang akan kita bicarakan dalam bab ini sedikit kemudian, dan atribut mereka. Dan di sisi kanan menunjukkan frame roller bernomor (Gbr. 4). Karena penomoran bingkai, jendela ini dan hubungi skala waktu - setelah semua, bingkai diikuti oleh satu per satu di roller.

Pada skala waktu, ada persegi panjang merah, yang selalu menyoroti bingkai saat ini.

Kesimpulan:

Di dunia teknologi modern, animasi menjadi salah satu elemen utama dari proyek multimedia dan presentasi, semakin hadir di halaman internet.

Makalah ini membahas alat yang paling umum untuk mendukung dan membuat animasi, serta langkah-langkah membuat file gif, flash - rol dan teks volumetrik animasi, menggunakan berbagai efek.

Xara3d - program untuk bekerja dengan teks tiga dimensi memiliki antarmuka yang ramah dan jumlah pengaturan minimum, dianggap mudah dan nyaman.

Berkat antarmuka yang nyaman dan intuitif dan peluang yang kaya, Animator GIF ULEAD dianggap sebagai salah satu program yang paling nyaman dan fungsional untuk membuat file GIF dan secara signifikan menghemat waktu desainer web.

Ini adalah alat terkemuka untuk membuat konten multimedia. Perangkat lunak ini berarti mengintegrasikan data teks, grafik, audio dan video, membentuk lingkungan multimedia interaktif yang memberikan hasil yang brilian ketika membuat presentasi interaktif, materi pemasaran, sumber daya pelatihan elektronik, dan antarmuka pengguna grafis.

Macromedia Flash Professional. Menggabungkan lebih dari satu juta pengembang dan pengguna di berbagai negara di dunia menggunakan berbagai perangkat komputasi. Macromedia Flash Technology dianggap sebagai perangkat lunak paling umum plot.

Bibliografi:

1. Komputer Tekan 3 '2005;

2. http://computer.damotvet.ru/software/887515.htm;

3. Tutorial ilustrasi tentang animasi untuk Internet; 2007. Grup perangkat lunak dinamit.

Pengantar ................................................. .. ................................................ .. .............................. 3.

Animasi ................................................. .................................................. ............................ empat

Teknologi untuk membuat animasi .......................................... . ............................................ Empat.

Perangkat lunak untuk membuat animasi .......................................... ............. .............. empat

Fitur perangkat lunak untuk animasi dua dimensi (2 D) ..................... 5

Fitur perangkat lunak untuk membuat animasi tiga dimensi (3D) ..... 5

Gif-animasi ............................................... ...... ............................................ ...... ........................ 6.

Klasifikasi program untuk membuat animasi gif .......................................... . ......... 6.

Dari tiga fungsi rekreasi utama (terapeutik, kesehatan dan pendidikan), animasi wisata dirancang untuk melakukan dua fungsi secara langsung - olahraga dan sehat dan informatif. Cara tidak langsung di bawah kondisi yang sesuai juga dilakukan.

Dalam praktik kasus animasi, fungsi-fungsi berikut animasi wisata dapat dibedakan untuk program animasi yang ditargetkan:

Adaptasi, memungkinkan untuk beralih dari situasi sehari-hari untuk bebas, liburan;

Kompensasi, membebaskan orang dari kelelahan fisik dan mental kehidupan sehari-hari;

Menstabilkan, menciptakan emosi positif dan merangsang stabilitas mental;

Kesehatan bertujuan untuk memulihkan dan mengembangkan kekuatan fisik manusia, melemah dalam kehidupan kerja sehari-hari;

Informasi yang memungkinkan Anda mendapatkan informasi baru tentang negara, wilayah, orang, dll.;

Pendidikan, memungkinkan untuk memperoleh dan mengkonsolidasikan sebagai hasil dari tayangan yang jelas tentang pengetahuan baru di seluruh dunia;

Meningkatkan, membawa peningkatan intelektual dan fisik;

Berbagai fungsi animasi wisata semacam itu telah memimpin keragaman spesies animasi, serta berbagai macam program dan acara animasi.

Dari sudut pandang pendekatan sistem, animasi wisata adalah kepuasan kebutuhan wisata spesifik untuk berkomunikasi, pergerakan, budaya, kreativitas, waktu yang menyenangkan, hiburan.

Kisaran kebutuhan ini sangat luas, karena orang yang bepergian untuk beristirahat dimasukkan ke dalam konsep ini makna yang sama sekali berbeda: untuk istirahat - ini adalah perjalanan, untuk orang lain - membaca buku, masing-masing, memancing, masing-masing, Permintaan dan motivasi perjalanan dalam praktik layanan wisatawan menambah jenis animasi berikut yang memenuhi berbagai kebutuhan wisatawan (wisatawan):

Animasi bergerak - memenuhi kebutuhan orang modern yang bergerak, dikombinasikan dengan kesenangan dan pengalaman yang menyenangkan;

Animasi setelah pengalaman - memuaskan kebutuhan akan penerimaan baru, tidak dikenal, dan tidak terduga, dan penemuan, serta ketika mengatasi kesulitan;

Animasi melalui komunikasi - memenuhi kebutuhan untuk berkomunikasi dengan orang-orang baru yang menarik, dalam pembukaan dunia batin orang dan mengenal diri mereka sendiri melalui komunikasi;

Animasi melalui ketenangan - memenuhi kebutuhan orang-orang dalam bongkar psikologis dari kelelahan sehari-hari melalui ketenangan, privasi, kontak dengan alam, serta kebutuhan akan perdamaian dan "kemalasan";

Animasi budaya - memuaskan kebutuhan orang-orang dalam perkembangan spiritual kepribadian melalui pengantar monumen budaya dan historis dan sampel modern budaya, negara, bangsa, bangsa;

Animasi kreatif - memenuhi kebutuhan seseorang dalam kreativitas, menunjukkan kemampuan kreatif mereka dan menetapkan kontak dengan orang-orang dekat dalam semangat melalui kreativitas bersama.

Program animasi nyata paling sering komprehensif, dan jenis animasi yang tercantum adalah elemen konstitutif dari program-program ini.

Program animasi secara bersamaan dengan kegiatan hiburan murni termasuk berbagai permainan olahraga, latihan, dan kompetisi. Kombinasi seperti itu membuat program-program ini lebih kaya, menarik dan bermanfaat untuk memperkuat, memulihkan kesehatan, oleh karena itu, dalam hubungan antara animasi wisata dan olahraga, efek pemulihan dan kesehatan terbesar tercapai.

Kami menyoroti topik tentang topik karya jenis animasi: rekreasi, turis, hotel.

Animasi rekreasi adalah jenis kegiatan rekreasi yang bertujuan memulihkan kekuatan spiritual dan fisik manusia. Program rekreasi yang diterapkan dengan tujuan rekreasi dapat dilakukan perusahaan wisata dan resor dengan wisatawan, rekreasi dan tamu serta perusahaan rekreasi dengan penduduk setempat. Ini memberi kami hak untuk berpendapat bahwa konsep animasi rekreasi lebih luas daripada konsep hotel dan turis. Gambar 2 mencerminkan struktur animasi wisata.

Gambar 2 - Varietas animasi rekreasi

Animasi wisata adalah layanan wisata, yang dengannya turis terlibat dalam tindakan aktif.

Animasi Hotel - Konsepnya adalah yang paling sempit dari tiga yang dipertimbangkan, karena hanya organisasi yang mengasumsikan organisasi rekreasi pada perusahaan wisata: akumulasi wisata, hotel, hostel, dll.

Ada juga layanan animasi tambahan - program animasi yang ditujukan untuk "dukungan" dari layanan wisata utama yang ditetapkan dalam turpaket, dalam gangguan teknologi karena penyeberangan, keterlambatan, jika cuaca buruk, kurangnya kondisi untuk waktu target .

Tabel 1 menyajikan animasi wisata dengan penekanan pada rekreasi kesehatan.

Tabel 1 - Tipologi Animasi

Dengan demikian, instalasi target dari setiap jenis animasi akan menjadi kompetisi pariwisata dan wisata, olahraga dan olahraga, acara spektakuler, kegiatan kognitif dan tamasya.

pada animasi sempurna dalam aplikasi.

Mungkin Anda mendengar ungkapan "desain yang baik terlihat segera. Desain yang sangat baik diukur. " Prinsip yang sama dapat diterapkan pada animasi dalam aplikasi seluler: Memang, animasi yang berhasil membuat aplikasi nyaman dan menarik perhatian, tetapi tidak mengalihkan perhatian pengguna dari aplikasi itu sendiri. Tugas utama animasi adalah menjelaskan logika aplikasi kepada pengguna.

Jenis animasi

Untuk mengoptimalkan penggunaan animasi, Anda perlu mendefinisikan tempat dan fungsi mereka di dalam aplikasi Anda. Mari kita cari tahu jenis animasi mana yang ada.

Visual Fidbeck.

Visual Fidbeck sangat penting untuk setiap UI. Di dunia fisik, benda merespons interaksi kita dengan mereka. Orang-orang mengharapkan hal yang sama dari elemen aplikasi. Visual Fidbeck, serta suara dan taktil, memberi pengguna rasa percaya diri. Visual Fidbeck juga menyajikan satu fungsi sederhana: Ini menunjukkan bahwa aplikasi Anda berfungsi dengan benar! Ketika ikon meningkat atau "geser" gambar bergerak ke arah tertentu, menjadi jelas bahwa aplikasi "sesuatu yang dilakukan", menanggapi informasi pengguna. Pada contoh di bawah ini, ketika pengguna menandai bahwa tugas selesai, bidang dipersempit dan mengubah warna menjadi hijau.

Pendekatan akrab Tinder "Swipe-Left-For-Laika-To-to-Minds" juga visual fidbeck. Kami telah memperkenalkan animasi ini di Koloda, perpustakaan terbuka kami:

Perubahan fungsional

Jenis animasi ini menunjukkan bagaimana item berubah ketika pengguna berinteraksi dengannya. Ini paling cocok jika Anda ingin mengilustrasikan bagaimana fungsi elemen berubah. Paling sering digunakan dalam tombol, ikon, dan elemen desain kecil lainnya.

Pada contoh pertama, Anda dapat melihat tombol yang bervariasi dari "hamburger" -konki ke "x", yang berarti bahwa fungsi tombol telah berubah.

Pada contoh kedua, itu diubah baik ikon dan konten.

Orientasi di ruang

Sebagian besar aplikasi seluler memiliki struktur yang kompleks. Tugas desainer dalam hal ini, menyederhanakan navigasi sebanyak mungkin. Untuk melakukan tugas ini, animasi bisa sangat berguna. Jika itu menunjukkan di mana elemennya bersembunyi, maka saat berikutnya pengguna akan merasa lebih mudah. Dalam contoh ini, kami melihat menu pada panel navigasi. Ternyata ketika pengguna menekan tombol:

Pada contoh ini, kita melihat bagaimana tombol tambahan muncul di bagian bawah layar - ada juga opsi lain.

Hierarki elemen dan interaksi mereka

Animasi sangat ideal untuk menggambarkan bagian antarmuka dan mengilustrasikan interaksi mereka. Setiap elemen memiliki tujuan sendiri dan tempat di dalam animasi. Misalnya, jika tombol tersebut mengaktifkan menu pop-up, maka lebih baik menu muncul dari tombol, dan tidak hanya berayun dari layar layar: Ini akan menunjukkan kepada pengguna hasil mengklik. Ini akan membantu pengguna memahami bahwa dua elemen (tombol dan menu pop-up ini) terhubung.

Semua animasi harus menggambarkan bagaimana elemen terhubung. Hirarki ini dan interaksi elemen ini sangat penting untuk antarmuka yang intuitif. Pada contoh pertama, di mana, setelah mengklik ikon, menu muncul, dari menu pengguna menu, itu adalah elemen yang sama, hanya diperbesar.

Pada contoh kedua, informasi tentang elemen meningkat ketika ditekan, pengguna menyadari bahwa elemen yang sama ini, perbedaannya hanya besarnya.

Tip visual.

Animasi menyarankan cara berinteraksi dengan elemen. Sangat penting untuk memberikan petunjuk visual ketika aplikasi memiliki pola interaksi yang tidak dapat diprediksi antara elemen. Dalam contoh ini, ketika pengguna membuka blog, tanda-tanda dengan catatan muncul di tepi kanan layar, dan pengguna perlu menggesek secara horizontal untuk menggulir.

Dalam contoh kedua, teknik serupa digunakan, tetapi hanya untuk ikon jejaring sosial.

Keadaan sistem

Di dalam aplikasi Anda, beberapa proses selalu terjadi: informasi dimuat dari server, perhitungan dibuat dan sebagainya.

Tugas Anda adalah memberi pengguna untuk memahami bahwa aplikasi Anda tidak tergantung pada dan tidak rusak, dan menginformasikannya tentang status proses saat ini. Idealnya, setiap proses dalam lampiran harus disertai dengan animasi terpisah. Misalnya, ketika suara direkam, layar aplikasi harus menunjukkan dinamika soundtrack. Gelombang suara animasi dapat menunjukkan volume suara.

Salah satu contoh animasi yang paling umum dari jenis ini adalah "Tarik ke Pembaruan".

Animasi lucu.

Animasi lucu mungkin buruk atau baik. Seringkali mereka digunakan tidak berarti, dan secara signifikan dapat mempersulit pengembangan aplikasi. Tetapi benar-benar animasi unik mungkin sangat menarik bagi pengguna dan mengalokasikan aplikasi Anda antara lain. Ini adalah salah satu alat rahasia yang menggunakan desainer agar pengguna jatuh cinta dengan produk mereka. Animasi unik dapat membantu Anda membuat merek yang dapat dikenali.

Pada contoh kami, pindah lingkaran terlihat sangat tidak biasa dan menarik perhatian pengguna. Kemampuan untuk memindahkan mug ini di layar membawa proses sukacita dan "geimy". Mudah dan menyenangkan.

Saya yakin bahwa fungsi "tarik ke atas untuk memperbarui", diwakili dalam bentuk panci mendidih, tidak akan memberi Anda acuh tak acuh!

Membuat animasi lucu Anda perlu mengingat dua hal: 1) Pastikan itu tidak menaungi atau menyembunyikan fungsi aplikasi; 2) Seharusnya tidak butuh banyak waktu.

Prinsip utama desain

Kami meninjau jenis utama dan fitur animasi. Untuk membuat animasi yang sangat efektif, ingat 9 prinsip yang pada awalnya, tetapi dapat diterapkan pada desain UI.

1. Bahan

Tampilkan dari mana elemen Anda terdiri dari: Apakah mudah atau berat, masih atau fleksibel, rata atau volume? Berikan pengguna untuk memahami bagaimana elemen UI ini akan berinteraksi dengan orang lain.

2. lintasan gerak

Anda perlu menentukan sifat gerakan. Prinsip-prinsip dasar menentukan bahwa benda-benda mekanis yang tidak hidup biasanya memiliki lintasan langsung gerakan, dan hidup memiliki lintasan yang fleksibel dan tidak langsung. Anda harus memutuskan kesan apa yang harus membuat UI Anda, dan kemudian tetap pada ini.

3. Waktu

Waktu mungkin merupakan salah satu masalah paling penting saat membuat animasi. Di dunia nyata, benda-benda fisik tidak bergerak sesuai dengan aturan gerakan bujursangkar, karena mereka perlu waktu untuk berakselerasi dan memperlambat. Gunakan kurva untuk memindahkan objek Anda secara lebih alami.

4. Fokus animasi

Menarik perhatian pada area konten layar. Misalnya, ikon berkedip untuk memperingatkan pengguna tentang apa yang perlu ia klik untuk melihat pemberitahuan. Jenis animasi ini digunakan dalam antarmuka dengan sejumlah besar bagian dan item ketika tidak ada metode lain untuk menyorot elemen tertentu.

Yang paling penting:

• Ingat siapa audiens target Anda dan buat prototipe Anda sebagai solusi untuk masalah mereka.
• Pastikan setiap elemen animasi Anda adalah rasionalen. (Kenapa dia? Kenapa begitu? Kenapa sekarang?)
• Untuk menyoroti produk Anda, berusaha keras untuk animasi alami yang menyerupai pola gerakan nyata.
• Konsulat dengan pengembang pada setiap tahap proyek Anda.
• Jangan tumbuh - Bagikan komponen Anda di GitHub.

Jika Anda telah menemukan kesalahan ketik - sorot dan tekan Ctrl + Enter! Anda dapat menggunakan untuk menghubungi kami.

"Namun, kami melihat ke belakang, tetapi jangan diam. Kami berusaha maju, membuka cara baru, kami mengambil untuk hal-hal baru, karena kami ingin tahu ... dan keingintahuan mendorong kami di jalan baru. Tepat."(Walt Disney)

Tentang animasi teknologi

Kadang-kadang, antara saya dan pelanggan, kesalahpahaman terjadi ketika karakteristik teknis karya animasi di masa depan muncul. Artikel ini akan membantu Anda lebih memahami masalah teknologi animasi.

Untuk memulai, itu tidak akan bingung, saya ingin menyoroti 3 kriteria utama yang dapat Anda nilai animasi: jenis animasi, metode animasi dan gaya animasi. Bagi banyak orang, ini adalah hal yang sama, tetapi tidak! Jenis animasi - Ini adalah bentuk atau bentuk yang ditunjukkan oleh kartun (ditarik tangan, boneka, dll.). Metode animasi adalah fitur teknis yang dibuat animasi (animasi sampel, animasi yang dapat diprogram, dll.). Akhirnya, gaya animasi adalah teknik artistik yang digunakan dalam animasi (realisme, anime, dll.). Dalam artikel ini, saya akan mempertimbangkan konsep "animasi" dalam bentuk yang lebih rinci, dan kemudian saya akan menambahkan "metode" dan "gaya" untuk ini. Semua ini bersama-sama dan ada teknologi animasi.

Animasi klasik yang digambar tangan.

Salah satu jenis animasi yang paling menarik dan umum adalah apa yang disebut animasi klasik. Animasi klasik membuat gambar pada film transparan (atau dengan melacak) setiap bingkai terpisah. Maka bingkai ini dikumpulkan dalam program instalasi khusus. Animasi seperti itu sangat hidup, halus, spasial, tetapi mahal))). Contoh dari animasi semacam itu dapat berfungsi sebagai kartun dari Disney Studio dan Soyuzmultfilm.

Bingkai dari kartun "Snow White dan Seven Dwarfs" Studios "Disney"

Animasi penuh sesak.

Pandangan tertua dari animasi. Inti dari jenis animasi ini adalah bahwa objek yang ditarik pada kardus atau kertas dipotong menjadi potongan-potongan terpisah dan potongan-potongan ini bergerak (bergeser) dari bingkai ke bingkai. Karenanya namanya - Bobbin! Banyak yang menganggap animasi seperti itu primitif, tetapi dalam tangan yang terampil kartun seperti itu dapat bekerja sangat menarik. Salah satu contoh yang paling mencolok dari animasi lintas negara dapat disebut kartun "Hedgehog in the Fog" Direktur Yuri Norstein. "Hedgehog dalam kabut" diakui oleh komunitas dunia kartun terbaik sepanjang masa dan orang-orang !!! Di sini Anda dan baterai ... sehingga Anda secara primitif ...

Bingkai dari kartun "landak di kabut" sutradara yuri norstein

Lukisan di atas gelas.

Tapi di sini animasi primitif pasti akan menelepon! Inti dari animasi seperti menggambar dengan cat minyak pada kaca. Setiap bingkai pada saat yang sama adalah gambar yang indah yang dimodifikasi oleh stroke artis. Contoh yang jelas dari animasi semacam itu adalah karya Alexander Petrov "Tua Man and the Sea", yang dianugerahi Penghargaan Oscar.

Bingkai dari film animasi "Tua Man and Sea" Direktur Alexander Petrova.

Animasi boneka.

Jenis animasi lama yang sama. Semua boneka dan pemandangan dalam animasi boneka dibuat secara manual, yang membuatnya sama seperti animasi klasik. Namun demikian, animasi semacam ini sangat populer bahkan hari ini (meskipun distribusi animasi 3D komputer). Jika Anda merasa jujur, saya tidak suka animasi boneka di masa kecil saya))) Tetapi wawasan itu datang ketika saya melihat kartun Tom Berton "Nightmare sebelum Natal."

Bingkai dari kartun "mimpi buruk sebelum Natal" disutradarai oleh Tom Berton.

Animasi plastisin

Nama animasi plastisin berbicara untuk dirinya sendiri. Saya hanya akan menambahkan bahwa animasi plastisin keluar dari animasi boneka dan menjadi populer dengan kami di Rusia setelah munculnya kartun "jatuh salju tahun lalu" disutradarai oleh Alexander Tatar.

Bingkai dari kartun "Padal salju tahun lalu" disutradarai oleh A.Tatar.

Komputer animasi 2D.

Kami ingin atau tidak mau, tetapi animasi baru datang untuk mengganti animasi lama. Komputer 2D animasi untuk beberapa alasan, itu biasa untuk memanggil animasi flash dan ini tidak sepenuhnya benar. Flash hanyalah satu program. Anda dapat menghubungi program komputer yang kuat lainnya untuk membuat animasi 2D, misalnya: After Effect, Anime Studi Pro, Toon Boom Studio dan banyak lagi program berbayar dan gratis. Saat ini, hampir semua studio terlibat dalam animasi 2D komputer. Animasi inilah yang kita lihat hari ini di serial TV di TV, di Internet, dalam game komputer kasual, dll.

Bingkai dari seri animasi "Simsons"

Animasi 3D.

Animasi 3D adalah tampilan animasi yang dibuat berdasarkan program 3D komputer. Ini adalah jenis animasi termuda dan paling menjanjikan. Dengan perkembangan teknologi komputer, dimungkinkan tidak hanya untuk menggambar grafis dan animasi dalam bidang dua dimensi (animasi 2D), tetapi juga untuk menghidupkan kembali bentuk tiga dimensi. Teknologi ini sangat kompleks, tetapi jika Anda memberi tahu secara singkat, proses produksi terlihat seperti ini. Pertama kali menarik konsep seni (dengan cara apa pun), menurut angka-angka ini, buat geometri tiga dimensi model. Kemudian tekstur yang dimasukkan pada bentuk karakter atau objek. Selanjutnya, buat tulang objek dan lampirkan ke formulir, yang akan dapat bergerak. Animator mendapatkan model yang disiapkan untuk gerakan dan mulai menghidupkannya kembali. Semakin baik model disiapkan, cara pergerakannya alami dan plastik. Setelah membuat animasi adegan, memvisualisasikan (diterjemahkan dari 3D ke gambar biasa). Contoh cerah dari animasi seperti itu adalah kartun studio piccar.

Bingkai dari kartun "RATATUY" Studio Piczar.

Animasi gabungan.

Animasi gabungan adalah kombinasi dari jenis animasi dengan video. Contoh-contoh awal dari animasi seperti itu dapat: film "yang menggantikan kelinci roger", petualangan kapten Carrunel ", dll. Dengan perkembangan teknologi 3D dan efek khusus komputer, jenis animasi ini ditemukan dalam film fitur semakin sering. Fitur utama dari animasi gabungan modern adalah realisme lengkapnya.

Bingkai dari film "World of Jurassic Periode" disutradarai oleh Stephen Spielberg

Jenis animasi lainnya.

Selain spesies animasi yang tercantum, ada yang lain, misalnya: animasi pasir, animasi laser, animasi foto, animasi jarum, dll. Namun, spesies ini dianggap kurang populer dan dalam artikel ini saya hanya mengizinkan mereka.

Jenis animasi di menara kardus studio.

Animasi studio kami mengkhususkan diri dalam produksi animasi 2D komputer. Berkat kemampuan yang fleksibel dari program komputer, kita dapat menciptakan animasi lebat dan klasik secara bersamaan. Kami juga, kekuatan, penciptaan dan animasi 3D. Sebagai contoh, Anda dapat melihat 3 rol dari portofolio kami:

1. Komputer 2D animasi secara klasik.

3D Studio Max mengimplementasikan kemampuan manajemen animasi canggih, menyimpan sejarah kehidupan setiap objek, memungkinkan Anda untuk membuat berbagai efek cahaya dan memiliki arsitektur terbuka, yaitu, memungkinkan perusahaan ketiga untuk memasukkan aplikasi tambahan dalam sistem.

Truespace - Paket Caligari ini dirancang untuk animasi tiga dimensi dan memiliki kemudahan penggunaan, fleksibilitas dalam mengelola formulir, mendukung pengoperasian splines dan boolean atas objek. Antarmuka inovatif menunjukkan aturan alat secara langsung di ruang 3D dan menyelaraskannya pada objek. Ekspansi dan keterbukaan arsitektur memungkinkan Anda untuk meningkatkan kemampuan paket.

Ray Dream Studio - Program ini menyediakan satu set alat profesional untuk penyakit 3D dan animasi. Pengguna dapat membuat berbagai model menggunakan operasi Boolean dan deformasi. Model-model ini dapat menggunakan berbagai tekstur atau gambar video, serta menggambar langsung di permukaannya.

Untuk mengedit video, ada sejumlah besar produk perangkat lunak. Selain paket animasi tiga dimensi, ada program yang sangat khusus, misalnya, untuk membuat font curah. Mereka juga menggunakan berbagai efek animasi, melakukan visualisasi gambar dan memungkinkan Anda untuk membuat file video. beberapa dari mereka terdaftar di bawah ini.

Adobe Premiere adalah program pengeditan video digital yang paling umum. Ini memiliki antarmuka yang nyaman dan intuitif. Mendukung beberapa saluran video dan audio, berisi serangkaian transisi antara bingkai, memungkinkan Anda untuk menyinkronkan suara dan gambar. Mendukung file MOV dan AVI. Menghubungkan modul tambahan dari produsen independen memperluas kemampuan program.

Speed \u200b\u200bRazor SE - Program Memiliki Nyaman antarmuka pengguna. Berkat alat yang dikembangkan untuk bekerja dengan saluran video dan audio, Speed \u200b\u200bRazor nyaman digunakan dalam proyek dengan komposisi kompleks dan tumpang tindih. Berisi satu set efek khusus yang sering digunakan, instalasi jack (perekatan lurus) dilakukan di

mode real-time. Multimedia-Projects yang dibuat menggunakan program ini dapat direkam pada video, CD-ROM atau ditempatkan di situs web.

ULEAD VideoStudio adalah program yang dirancang untuk pengguna pemula. Ini memberikan dukungan penuh untuk format DV dan MPEG-2 untuk video digital. Untuk membunyikan film, Anda dapat menggunakan file musik dalam format MP3 atau trek audio dari audio. Bekerja dengan program ini cukup sederhana karena antarmuka yang dipikirkan dengan pemikiran dan ramah. Dalam video, Anda dapat memasukkan kredit, memanfaatkan transisi yang lancar antara fragmen individu dan menambah suara atau musik latar belakang ke klip yang dihasilkan.

Cool 3D - 3D Menciptakan Program 3D untuk Presentasi, Video, Multimedia dan Assanits Web Perusahaan ULEAD. Program ini mencakup lebih dari 100 master otomatis, banyak efek yang sangat menyederhanakan pemodelan dan rendering dari adegan terakhir. Juga berisi perpustakaan besar dari objek 3D dan bahan ditambah templat dan tekstur fotorealistik.

Program untuk bekerja dengan suara dapat dibagi menjadi dua kelompok besar: sequencer dan program yang berfokus pada teknologi perekaman audio digital, yang disebut editor suara.

Sequencer dirancang untuk membuat musik. Dengan bantuan urutan, pengkodean pelat musik dilakukan. Mereka digunakan untuk mengatur, memungkinkan Anda untuk "meresepkan" masing-masing pihak, menetapkan alat bibir, membangun level, dan saldo saluran (trek), masukkan stroke musik (aksen volume, offset waktu, deviasi dari pengaturan, modulasi, dll.) Berbeda dengan komposisi musik yang biasa, penggunaan sequencer yang efektif membutuhkan pengaturan komposer pengetahuan teknik khusus.

Program editor suara memungkinkan Anda untuk merekam suara secara real time pada hard disk komputer dan mengubahnya menggunakan kemampuan pemrosesan digital dan menggabungkan berbagai saluran.

Pertimbangkan beberapa program untuk bekerja dengan suara.

CakeWalk Pro Audio - Sequencer multi-track profesional dari dua belas sistem nada menikmati popularitas yang layak di antara para profesional. Cakewalk adalah salah satu produk perangkat lunak pertama di mana modul terhubung tambahan yang didukung untuk berbagai efek audio yang dibuat untuk antarmuka DirectX. Fitur karakteristik dari Efek DirectX adalah bahwa mereka semua bekerja secara real time dan Anda dapat mengkonfigurasi semua parameter dari efek yang dipilih tepat dalam proses memainkan fragmen suara.

Logic Audio Platinum - Sequencer emagic profesional. Menyediakan rekaman DirectX, pemrosesan waktu-nyata, dapat bekerja dengan beberapa kartu audio. Ini juga memungkinkan Anda untuk merekam suara dan melakukan pemrosesan digital.

Sound Forge adalah program yang merupakan salah satu pemimpin di antara editor suara. Ini memiliki fitur pengeditan yang kuat, memungkinkan Anda untuk menanamkan modul yang terhubung yang mendukung teknologi DirectX memiliki antarmuka modern yang nyaman, mendukung format suara modern, termasuk RealAudio.

Cooledit PRO - Studio Perangkat Lunak Syntrillium Profesional. Ini memungkinkan Anda untuk merekam suara melalui kartu suara dari mikrofon, pemutar CD atau sumber lain, baca dan rekam file dalam format MP3 yang populer, edit file suara yang dihasilkan dan tambahkan berbagai efek fantastis. Menyediakan pekerjaan dengan multimedia -sites.

Setelah membuat semua komponen multimedia, perlu untuk menggabungkannya menjadi satu multimedia - aplikasi. Pada saat yang sama, tugas memilih perangkat lunak untuk mengembangkannya terjadi. Cara yang ada untuk menggabungkan berbagai multimedia-komponen ke dalam satu produk dapat dibagi menjadi tiga kelompok:

• bahasa algoritmik untuk pengembangan langsung dari program manajemen;
• program khusus untuk menciptakan presentasi dan menerbitkannya di Internet (persiapan cepat aplikasi multimedia);
• alat multimedia hak cipta.

Sebagai aturan, pilihan dana didasarkan pada persyaratan untuk efisiensi ekspresi multimedia dan kecepatan pengembangannya. Properti penting adalah tingkat interaksi dengan pengguna. Program presentasi khusus berorientasi terutama pada transfer informasi dari komputer ke pengguna. Alat hak cipta memungkinkan untuk melakukan interaksi tingkat tinggi dan membuat aplikasi yang benar-benar interaktif.

Yang paling sederhana dan cepat adalah penggunaan program penciptaan presentasi yang kemampuannya dalam beberapa kasus cukup untuk menciptakan penawaran multimedia sederhana. Sistem hak cipta dirancang untuk membuat produk perangkat lunak dengan tingkat interaksi pengguna yang tinggi dan untuk mengembangkan antarmuka pengguna menawarkan bahasa skenario khusus. Mereka memungkinkan Anda untuk membuat produk akhir yang menggabungkan semua komponen multimedia dengan program kontrol tunggal. Fitur khasnya adalah keberadaan antarmuka umum yang memungkinkan Anda untuk memilih salah satu dari komponen multimedia, menjalankannya untuk mengeksekusi (mendengarkan file suara atau melihat video), mengatur pencarian objek yang diinginkan, dll.

Program penciptaan presentasi awalnya dimaksudkan untuk membuat slide elektronik yang membantu menggambarkan pesan pelapor, dan baru-baru ini mereka semakin fokus pada penggunaan multimedia. Ada sejumlah besar program seperti itu yang berbeda dalam serangkaian efek visual dan animasi, beberapa di antaranya disajikan di bawah ini.

Power Point - program presentasi yang termasuk dalam paket Microsoft Office. Dalam hal jumlah efek visual dan animasi, itu tidak kalah dengan banyak alat multimedia yang dilindungi hak cipta. Berisi sarana untuk membuat skrip presentasi yang fleksibel dan perekaman suara setiap slide. Kehadiran versi bahasa Rusia memungkinkan Anda berhasil bekerja dengan teks dalam bahasa Rusia. Dukungan Internet bawaan memungkinkan Anda untuk menyimpan presentasi dalam format HTML, tetapi komponen animasi memerlukan instalasi add-on PowerPoint khusus