Tutorial Gif Animation

5/13/2018 Tutorial Gif Animation - slidepdf.com

http://slidepdf.com/reader/full/tutorial-gif-animation 1/33

Kemasan Berkas Animasi

Ulead GIF Animasi memudahkan untuk berbagi film animasi Anda denganteman. Tutorial ini mengajarkan Anda bagaimana paket animasi Anda

menjadi dapat dieksekusi ( *. EXE ) file yang dapat Anda kirimkan sebagai

lampiran e-mail. Sebuah *. EXE file secara otomatis bermain di komputerAnda independen dari browser. Ini berarti bahwa teman Anda dapat

memutar animasi Anda secara langsung pada desktop mereka. Ini bagusuntuk membuat kartu ucapan pribadi animasi.

Untuk paket file animasi Anda:

1. Buka file animasi Anda ingin berbagi.

2. Pilih File: Ekspor - Sebagai Paket Animasi (EXE) .

3.

4. Para Animasi Ekspor Paket kotak dialog ditampilkan.

5.Di bawah gaya Pesan kotak adalah daftar gaya tersedia atau

tema. Pilih Board.emf untuk tutorial ini. Hal ini menciptakan sebuah

notepad virtual atau kartu ucapan dimana pesan Anda akan dilihatsetelah animasi dimainkan.



Catatan : Anda dapat

menambahkan gaya Anda sendirilatar belakang kotak Pesangaya daftar dengan

mengklik Style Impor .

6.

7. Pilih Custom pada dimensi Pixel untuk mengatur ukuran kotak

pesan Anda.Masukkan 250 untuk kedua tinggi dan lebar.

Packaging an Animation File

5. In Generate executable file , click Browse to save the animation as

an executable *.EXE file. In the Save As dialog box, enter a file nameand location where you want to save the packaged animation.

Click Save.

6. Select Loop Count and enter 5 . This is the number of times youranimation will play before popping up your message.

7. Select options under Start frame position and End frame position tostart and end your animation on specified areas on your screen.



8. Enter a message.

9. Click Font to format the text of your message. Select the font, style,

size and color in the Font dialog box and click OK.

The new font settings are displayed in the Export AnimationPackage dialog box. You are now ready to package your animation.

10. Click OK.

11. A message is displayed to confirm that you have successfully createdyour packaged animation file. Click OK to save the EXE file in the folder

you selected.



12. You can now send your animation file as an e-mail attachment.

Menggunakan Palet Warna

Ada dua macam palet warna untuk animasi GIF: palet lokal dan palet

secara global .Sebuah palet lokal merupakan indeks dari semua warnayang digunakan dalam satu frame dari sebuah film animasi. Jika warna

dalam animasi Anda bervariasi dari frame ke frame, menggunakan paletlokal yang unik untuk setiap frame dari animasi Anda memberikan kualitas

yang lebih baik tetapi meningkatkan ukuran file.

Sebuah palet global, di sisi lain, adalah suatu indeks warna umum dibagi di

antara frame dalam film animasi keseluruhan. Jika warna dalam animasiAnda kebanyakan sama dari frame ke frame, menggunakan palet global

yang umum untuk seluruh animasi sangat mengurangi ukuran file Anda.



Secara default, Ulead GIF Animator membangun palet global yang secara

otomatis untuk membebaskan Anda dari keharusan untuk indeks warnasendiri. Tidak seperti palet lokal, yang "read only? Palet global dapat

dimodifikasi. Dalam tutorial ini, Anda akan belajar bagaimanamemodifikasi Palet Warna , simpan sebagai file palet, dan

menggunakannya kembali di lain proyek animasi.

Untuk memulai, buka sampel *. UGA file dan beralih ke modus

Dioptimalkan . Klik Lihat: Palet Warna untuk menampilkan Palet

Warna .


Bagian 1 Memodifikasi Palet Warna

Mengganti warna yang ada

Hal pertama yang Anda akan belajar adalah bagaimana cara mengganti

warna yang ada dengan warna lain atau mengisi gradien.

Untuk mengganti warna yang ada dengan warna lain:

1. Pilih warna atau warna yang ingin Anda edit. Untuk memilih beberapawarna, tekan[Shift] atau [Ctrl] kemudian klik warna yang Anda ingin

edit.

2. Klik Edit your Current , kemudian pilih salah satu pemetik warna dari

menu pop-up.Untuk tutorial ini, pilih Color Picker Ulead .



3.

4. Pilih warna penggantian dalam Color Picker Ulead kotak dialog dan

klik OK.

Untuk mengganti sel yang dipilih dengan warna web yang paling sesuai

aman, klik Snap ke Color Safe Web .

Untuk mengganti warna yang ada dengan gradien mengisi:

1. Pilih tiga atau lebih warna yang ingin Anda sertakan dalam mengisigradien. Semakin banyak warna yang Anda pilih, gradien lebih terlihatakan. Tekan [Shift] atau [Ctrl]untuk memilih beberapa warna dan

klik Buat Palet Gradient .

2.



3. Warna-warna awal dan akhir akan ditampilkan dalam Gradient kotak

dialog. CATATAN:Jika Anda ingin mengganti warna awal dan akhir,

klik kotak warna dan memilih pengganti yang diinginkan dalam ColorPicker Ulead .

4. Klik OK untuk saat ini.


Bagian 1 Memodifikasi Palet Warna

Sel-sel yang dipilih akan diganti dengan mengisi gradien dan warna frameyang dimodifikasi.

CATATAN: Untuk mencegah warna dari yang sedang diedit, pilih mereka

dan klik Color Lock . Klik ikon ini untuk membuka lagi. Untuk menghapussemua kunci dan mengubah warna kembali ke aslinya, klik Hapus Kunci

dan Warna Diedit .

Menambah dan menghapus warna

Jika palet Anda memiliki kurang dari 256 warna, Anda dapat menambahkanwarna baru untuk itu dengan mengklik Warna Tambahkan ke

Palette . Pilih salah satu pemetik warna dari menu pop-up untuk memilih

warna yang ingin Anda tambahkan.



CATATAN: Bila menggunakan

palet yang sudah memiliki 256warna, warna ditambahkan

menggantikan pertandingan

terdekatnya pada palet.

Untuk menghapus warna dari palet, cukup pilih warna atau warna dan

klik Hapus Warna .

Sortasi warna

Anda dapat menyusun warna menggunakan beberapa kategori dengan

mengklik Warna Urutkan Palet dan memilih kategori dari menu.

Bagian 2 Menyimpan dan Menggunakan kembali Palet Warna

Menyimpan Palet Warna sebagai * PAL berkas palet memungkinkan Andauntuk menggunakan kembali dalam proyek lainnya.

Untuk menyimpan Palet Warna:

1. Klik Save File Palette . Ini membuka Palet Simpan Berkas kotak

dialog.

2. Browse lokasi dan masukkan nama file.

3. Klik Save .

Untuk menggunakan kembali sebuah palet yang ada:

1. Buka proyek lain sampel, beralih ke modus Dioptimalkan dan

membuka Palet Warna .

2. Klik Palet beban dari File di Palet Warna . Para Warna Beban

Tabel kotak dialog ditampilkan.



3. Cari * pal file yang disimpan sebelumnya dan klik Buka .

Semua warna dalam file palet tersebut kemudian diterapkan pada proyek

ini.

Membuat Emoticon sendiri animasi - Emoticon Jantung berdebarIngin kesan teman-teman Anda tentang Chat Instan? Buat kustom Anda

emoticon menggunakan PhotoImpact dan GIF Animator. Tutorial ini akan

menunjukkan cara untuk membuat ikon sendiri animasi untuk digunakandalam program chat seperti Instant Messenger MSN.

Dalam PhotoImpact

Langkah 1: Buka PhotoImpact dan pilih objek dari Perpustakaan Jalan di

EasyPalette tersebut.Di sini kita memilih objek jantung.

Langkah 2: Buka Menu dan Pilih Adjust Resize (CTRL-G). Pada kotak dialog,pilih Apply to: Gambar & Object (s). Kemudian mengubah ukuran gambar

Anda ke 30 27 piksel.



Langkah 3: Sekarang Anda memiliki ikon kecil. Klik File / Save As. Pilih JPGsebagai format file, pilih nama untuk file dan simpan ke folder di komputer

Anda. Membuat Emoticon sendiri animasi - Emoticon Jantung

berdebar

Dalam GIF Animator:

Langkah 1: Buka GIF Animator 5 dan buka File / New untuk membuat file

baru. Pada kotak dialog New file, mengatur dimensi untuk 30 x 27.

Langkah 2: Pilih File / Add Image (INS) atau menggunakan ikon Gambar

Tambahkan pada Toolbar Standar. Buka gambar jantung Anda hanyadisimpan.



Langkah 3: Jika Anda memiliki F / X untuk GIF Animator Plug-in pergi ke

Video F / X menu dan pilih "Pemetaan Tekstur 3D" -> "punch" (Jika Andatidak memiliki F / X untuk GIF Animator Plug -in Anda dapat memilih efek

lain seperti "kamar gelap" -> "Hue dan Saturasi")

Membuat Emoticon sendiri animasi - Emoticon Jantung berdebarDalam GIF Animator:

Langkah 4:

Set ke 3 frame

Mengatur Faktor untuk 40 dan klik ok



Langkah 5: Jika Anda ingin mengurangi ukuran file Anda dapat klik padaTab Optimalkan untuk melakukannya. Cobalah bermain dengan jumlah

warna dalam animasi dan melihat bagaimana kecil Anda bisa mendapatkanukuran file tanpa banyak kehilangan kualitas. Lalu klik Simpan di bagian

kanan bawah layar tampilan untuk menyimpan sebagai file animasi GIF.

Langkah 6: Buka Program Pesan Instan Anda dan impor ini animasi GIF ke

perpustakaan Anda ikon. Kirim ke teman Anda.

Membuat Emoticon sendiri animasi - Emoticon menyalak Anjing

Berikut tutorial lain menunjukkan Anda bagaimana untuk membuatemoticon Anda sendiri animasi menggunakan PhotoImpact dan GIF

Animator. Impor kustom ini emoticon ke dalam program Obrolan favoritInstan Anda seperti Instant Messenger MSN.

Dalam PhotoImpact

Langkah 1: Gunakan gambar seperti di bawah, dan buka di PhotoImpact.



Langkah 2: Pergi ke "Menu Edit" -> "Gandakan" -> "Base Gambar Only"

(atau CTRL D).Sekarang Anda memiliki dua gambar yang sama.

Langkah 3: Pilih Tool Clone pada panel Alat Kiri (6 th Icon di sisikanan). Pilih "Clone-Kuas" alat (klik pada segitiga kecil di bagian bawah ikon

untuk memilih sikat yang berbeda)




Dalam PhotoImpact

Langkah 4: Gunakan alat Clone-Kuas untuk mengkloning lidahanjing. Tekan Shift saat menggunakan mouse anda untuk memilih area

untuk mengkloning dari bulu. Kemudian sikat atas lidah untuk

menghapusnya.

Langkah 5: Buka Menu dan Pilih Adjust Resize (CTRL-G). Pada kotakdialog, pilih Apply to: Gambar & Object (s). Kemudian mengubah ukuran

gambar Anda ke 45 45 piksel. Lakukan hal yang sama untuk gambar asli.

Dalam GIF Animator

Langkah 1: Buka GIF Animator 5 dan buka File / New untuk membuat file

baru. Pada kotak dialog New file, mengatur dimensi untuk 45 x 45.


Dalam GIF Animator



Langkah 2: Pilih File / Add Image (INS) atau menggunakan ikon Gambar

Tambahkan pada Toolbar Standar. Pilih gambar anjing pertama danmembukanya. Lalu pergi ke Tambahkan Gambar lagi dan Pilih gambar

anjing kedua. Kali ini memastikan Anda juga pilih "Insert sebagai bingkai

Baru" (di bagian kiri bawah dari kotak dialog Buka). Anda sekarang harusmemiliki dua gambar anjing dalam storyboard.

Langkah 3: Jika Anda ingin mengurangi file Anda dapat klik pada TabOptimalkan untuk melakukannya. Cobalah bermain dengan jumlah warna

dalam animasi dan melihat bagaimana kecil Anda bisa mendapatkan filetersebut tanpa banyak kehilangan kualitas. Lalu klik Simpan di bagian kanan

bawah layar tampilan untuk menyimpan sebagai file animasi GIF.

Langkah 4: Buka Program Pesan Instan Anda dan impor ini animasi GIF keperpustakaan Anda ikon. Kirim ke teman Anda.



Membuat Iklan Banner

Menggunakan Teks Banner Add

Anda telah melihat iklan dalam bentuk banner di situs Web yang paling. DanAnda ingin membuat satu saja? Ditambah beberapa animasi teks di

dalamnya. Tentu, itu bisa diatur.

Dalam tutorial ini, Anda akan belajar bagaimana membuat iklan banner

animasi menggunakanBanner Teks Tambah fitur. Sebagai contoh, marikita menaruh beberapa gambar pada iklan banner dan kemudian

menambahkan tiga set teks, masing-masing memiliki berbagai jenis efek

animasi.

1. Pertama, kita perlu untuk mulai membuat gambar untuk iklan banner

kami. Saya menggunakan Ulead PhotoImpact untuk membuat enam

gambar:

http://www.ulead.com/pi/runme.htm




Klik di sini jika Anda ingin tahu bagaimana saya melakukannya semua

gambar dalamPhotoImpact .

. 2 Dalam GIF Animator, membuka proyek animasi baru dengan

memilih File: Baru .Mengatur ukuran kanvas untuk piksel 480x60, ukuran

standar untuk banner horisontal.

3. Mari kita mengimpor gambar yang kita buat. Pilih File> Tambahkan

Gambar , pilih semua file gambar (pilih mereka sambil menahan tombol Ctrlbawah), kemudian klik Buka .

4. Masukkan frame baru dan menampilkan satu gambar per frame. (Jikaperlu, frame duplikat untuk menampilkan gambar dari awal lagi.)

CATATAN: Untuk menampilkan gambar, pastikan bahwa ikon mata untukgambar yang dipilih pada Panel Manajer Objek.



5. Berikutnya, kita sekarang dapat menambahkan beberapa teksbanner. Pada Panel Frame, klik frame di mana kita ingin teks banner untuk

memulai dan pilih Bingkai> Tambah Teks Banner .

. 6 Text Banner Kotak dialog Add terbuka, menampilkan empat

tab: Teks , Efek ,Pengendalian Bingkai , dan Neon . Dalam Teks tab,ketik teks Anda dan tentukan pengaturan font.

7. Selanjutnya, tentukan efek animasi untuk teks Anda. Dalam Effect tab,

pilih dari daftar bagaimana Anda ingin teks untuk Masukkan

adegan dan adegan Keluar . Dalam tutorial ini, saya memilih Fade efekuntuk kedua sehingga teks lancar akan memudar masuk dan keluar.

http://www.ulead.com/learning/ga/ga5_01_3.htm






8. Masukkan jumlah frame (saya memilih 5 untuk setiap efek) untuk

menentukan berapa banyak frame yang Anda inginkan setiap efek untukterakhir.

9. Dalam Pengendalian Bingkai tab, mengatur waktu tunda antaraframe untuk menentukan berapa lama setiap frame masih tertinggal di layar

sebelum pindah ke frame berikutnya. Kemudian tentukan penundaan

bingkai kunci untuk menentukan waktu interval antara fade in dan fadeout efek. Artinya, ia menetapkan berapa lama memudar berlaku tetap

menyala sebelum memudar keluar efek mulai terjadi.

10. Pilih Bagikan ke frame . Ini menempatkan teks banner di seluruh

animasi yang mendasari mulai dari frame yang Anda pilih.



11. Dalam Neon tab, pilih Neon pilihan. Kemudian tentukan ketebalan dan

warna. Saya memilih Kedua Sisi di kotak Arah, memasuki Lebar dari 5,

dan mengatur neon warnamenjadi hijau. Pilih Cahaya untuk menghasilkanefek berkilauan.



12. Klik OK .

Ketika diminta untuk memilih bagaimana Anda ingin teks spandukdimasukkan untuk proyek Anda, pilih Buat sebagai Teks Banner . Ini

menambahkan teks banner untuk animasi Anda sebagai objek banner,memungkinkan Anda untuk mengubah nanti dengan memilih Frame: Edit

Teks Banner .

13. Sekarang kita siap untuk menambahkan set kedua kami teks untuk

proyek animasi. Ulangi langkah 5 untuk memilih frame yang menandai awal

teks baru Anda - yang adalah, dalam tutorial ini, frame berikutnya setelahakhir dari teks banner pertama.

14. Ikuti langkah 6 sampai dengan 12, hanya kali ini menggunakan font

yang berbeda dan warna. Juga, pilih Merge Horisontal untuk Masukkanadegan dan Zoom-in (Rotate)untuk adegan Keluar . Dalam Neon tab,biarkan Cahaya pilihan dibersihkan.



15. Untuk set ketiga dan terakhir dari teks, kita tidak ingin menggunakangambar yang ada sebagai latar belakang. Sebaliknya, kita ingin beberapa



teks hitam sederhana dengan latar belakang putih dengan batas hijau tipis

di semua sisi.

Untuk membuat perbatasan, pertama klik Add Bingkai pada PanelFrame. Ini menambahkan bingkai transparan tunggal pada akhir proyek

Anda. Klik kanan pada ruang kerja dan pilih Seleksi - Semua untuk

memilih area kerja secara keseluruhan. Kemudian, denganmenggunakan Selection Tool - Rectangle dari Panel Tool, tahan Alt kunci

bawah sambil mengklik dan menyeret mouse Anda hanya nyaris di dalamarea seleksi yang ada, sekitar pixel dari seleksi awal. Isi perbatasan dengan

warna (saya menggunakan bijak hijau) dengan menggunakan Fill Tool .

16. Sekarang pilih Bingkai> Tambah Teks Banner dan ketik teksAnda. Dalam Effect tab, pilih Drop untuk Masukkan

adegan dan Fade untuk adegan Keluar . Dalam RangkaPengendalian tab, mengatur waktu tunda sampai 50

dan keterlambatan bingkai kuncisampai 80. Dalam Neon tab,biarkan Neon pilihan dibersihkan. Setelah selesai, klik OK dan pilih Create

sebagai Teks Banner .

17. Klik Preview tab pada ruang kerja Anda untuk melihat proyek animasi

keseluruhan.

18. Pilih File> Save untuk menyimpan proyek animasi Anda.


Contoh menciptakan gambar dalam PhotoImpact

Sekarang saya akan menunjukkan cara kita membuat gambar dalam TeksBanner Tambahkantutorial dibuat menggunakan Ulead PhotoImpact . Saya

membuat enam gambar. Setiap gambar berisi set yang sama foto, yaitu,

lima foto makanan. Saya menerapkan efek Cahaya PhotoImpact untuk fotoyang berbeda dalam semua gambar, kecuali gambar keenam.

1. Dalam PhotoImpact, saya membuka file baru dan mengatur ukurankanvas untuk 480x60 piksel - ukuran yang sama dengan ukuran kanvas

proyek animasi tersebut. Aku telah mempersiapkan lima foto makanandengan ukuran yang sama (sekitar piksel 100x80) dan menempatkan

mereka di tempat kerja.









1 foto 2 foto 3 foto 4 foto 5 foto

Dengan Selection Tool pada Panel Alat dipilih, mengatur tepiLunak (pada Toolbar Atribut) sampai 40, mengatur ukuran tetap untuk

100x80, kemudian pilih daerah yang Anda butuhkan dari gambar dan drag

ke tempat kerja. Lakukan ini sampai Anda mendapatkan semua gambarlima. Kemudian klik kanan dan pilihMerge Semua . (Anda harus

menggabungkan mereka bersama-sama sebelum Anda dapat menerapkan

efek Cahaya untuk itu.)2. Kemudian, saya menerapkan efek cahaya. Untuk menerapkan efek ini,pilih Efek> Sihirdan pilih Cahaya . Pada kotak dialog yang terbuka,

klik Pilihan untuk efek disesuaikan.

3. Karena saya ingin sorotan untuk pergi

dari kiri ke kanan, saya disesuaikan posisilampu dengan menyeret titik kontrol merah

untuk foto pertama di sebelah kiri. Saya

jugamenyesuaikan Skew ,Penyebaran , Jarak

, danElevation untuk membuat sinartampak seperti itu berasal dari sudut

tertentu dengan menyeret titik kontrol di

bagian bawah kotak dialog.

4. Sekarang saatnya untuk menyimpan gambar. Pilih File> Save As . Iniakan menjadi file gambar pertama Anda.

5. Untuk menerapkan efek Cahaya untuk foto kedua, tekan Ctrl-Z untuk

membatalkan efek pada foto pertama. Kemudian lagi, pilih Efek> Sihir ,pilih Cahaya , dan klik Options .Sekarang menyesuaikan titik kontrolmerah untuk gambar kedua dan klik OK . Pilih File> Save As dan

menyimpan gambar sebagai file lain. Ini akan menjadi file gambar kedua.



6. Ulangi proses pada langkah 5 untuk melanjutkan dan menerapkan efek

cahaya ke foto berikutnya. Setiap kali Anda menyimpan gambar, simpan

sebagai file yang berbeda.

7. Terus melakukan proses di atas sampai Anda mendapatkan foto kelima

menyala. Sekarang, Anda harus memiliki lima file gambar yang berbeda,

dengan setiap file memiliki menyoroti pada setiap foto makanan.8. Untuk gambar keenam, tidak berlaku efek cahaya. Apa yang dapat Andalakukan adalah, pada file gambar kelima, tekan Ctrl-Z untuk membatalkan

efek dan menyimpannya sebagai file gambar keenam Anda.


Menggunakan Teks Tool dan Teks split

Dalam beberapa menit, Anda dapat membuat sebuah iklan banner kerendengan menggunakan objek teks sederhana. Anda bahkan dapat

menghidupkan huruf dalam teks Anda dengan memisahkan pertama keobjek individu. Kemudian, Anda dapat melakukan apapun yang Anda

inginkan dengan mereka, misalnya, Anda dapat membuat mereka keluar

satu per satu seolah-olah seseorang sedang mengetik dalam kata-kata.

Katakanlah kita ingin membuat iklan banner yang memberikan orang pribadi

yang unik alamat e-mail. Pertama, kita menunjukkan kepada mereka contohalamat e-mail, maka kami mengundang mereka untuk menerapkan untuk

satu. Berikut adalah contoh yang sempurna:

1. Pertama, kita membuat proyek baru dengan memilih File>New . Mengatur ukuran kanvas untuk piksel 480x60, ukuran standar untuk

banner horisontal. Pilih warna objek latar belakang yang kuat (warnadefault adalah putih - klik persegi warna untuk memilih warna latar

belakang). Kemudian klik OK .



2. Sekarang mari kita menggambar border tipis sekitar banner.

Klik kanan pada ruang kerja dan

pilihSeleksi - Semua untukmemilih area kerja secara

keseluruhan. Kemudian, dengan

menggunakan Selection Tool -

Rectangle dari Panel Tool,

tahan Altkunci bawah sambilmengklik dan menyeret mouse

Anda hanya nyaris di dalam area

seleksi yang ada, sekitar pixeldari seleksi awal. Isi perbatasan

dengan warna (sayamenggunakan bijak hijau) dengan

menggunakan Fill Tool .

TIP: Menekan Alt kunci bawah

yang Anda tarik mouse Anda

mengurangi dari daerah pilihansaat ini. Menekan shift kunci

bawah, di sisi lain, menambahseleksi.



3. Selanjutnya kita mengetikkan teks kami. Tapi pertama-tama, kami ingin

meninggalkan bingkai pertama kosong dan mulai teks kita dari frame

kedua. Untuk melakukannya, pilihBingkai> Bingkai Gandakan (atau

klik Bingkai Duplikat pada Panel Frame).

4. Sementara di Frame 2, pilih Text Tool dan klik pada ruang kerja di

mana Anda ingin menempatkan teks Anda.



5. Masukkan dan format teks Anda dalam Kotak Masuk Teks. Saya

menggunakan font 28 point Courier New, memilih warna gradien, dan

mengatur jarak karakter ke "5". Kemudian saya memilih Anti-aliasing untuk menghaluskan tepi kasar. Saya juga

menambahkan Bayangandari Toolbar Atribut.



. 6 Klik teks Anda di ruang kerja, kemudian pilih Object teks> - Tekssplit . Ini melanggar teks ke objek individu. Anda akan melihat sebuahtenda (garis putus-putus) yang mengelilingi setiap objek teks.

7. Sekarang mari kita masukkan beberapa frame lainnya

menggunakan Bingkai Gandakantombol pada Panel Frame. Ada 14

karakter dalam semua untuk teks yang baru saja kita buat, maka kami akan

menambahkan 13 frame lebih.8. Pada Panel Manajer Obyek, pilih semua objek teks kecuali salah satuyang berisi huruf pertama "h" dengan mengklik thumbnail yang Anda

tahan Ctrl tombol bawah.



CATATAN: Konfirmasikan pilihan dengan melihat ruang kerja. Semuanya

kecuali huruf "h" harus dipilih sekarang dan harus memiliki tenda di sekitar

masing-masing karakter.

9. Dengan objek yang dipilih, klik ikon

mata untuk menyembunyikanmereka di tempat kerja. Jangan klikmana saja di ruang kerja dulu untuk

menghindari membuat pilihan lagi.

10. Mari kita beralih ke frame

berikutnya, Frame 3. Kembali ke Panel

Manager kami Obyek, mencari huruf berikutnya ("a") dan, sambil ditekan

tombol Ctrl bawah, klik ikon mata

pada salah satu objek yang

dipilih.Semua karakter kecuali untukdua pertama ("ha") menghilang.

11. Ulangi proses untuk frame yangtersisa sampai semua karakter telah

menjadi terlihat di tempat kerja.



12. Selanjutnya, mari kita tambahkan set kedua teks dalam iklanbanner. Pilih Bingkai> Tambahkan Bingkai . Pilih Text Tool , klik ditempat kerja dan ketik teks berikut:

Font jenis dan gaya: 25-titik Berita Gothic, tebal

jarak Karakter: 5 Dengan Anti-aliasing

13. Pada Toolbar Atribut, klik Style tombol untuk pilihan yang lebihkreatif. Tambahkanbayangan pada teks. Juga menerapkan Neon efek:

pilih luar untuk Pengarahan, mengaturLebar untuk "5", dan klik warna

persegi untuk memilih warna (saya memilih putih untuk efek terang).



14. Sekarang mari kita membuatefek fading untuk teks ini. Gandakan

5 frame. Kemudian pada masing-masing frame, pilih teks pada Panel

Manajer Obyek dan meningkatkan

pengaturan Transparansi oleh"20". Tapi untuk frame terakhir,

mengatur Transparansi kepada "99".

TIP: Anda dapat mencapai efek memudar sama oleh tweening transparansi

objek teks atau dengan membuat teks banner memudar. Lihat tutorial,

Tweening dan Membuat iklan banner (Menggunakan Teks Banner) untukmelihat bagaimana efek tersebut dilakukan dan mencobanya dengan teks

Anda.

15. Buat set ketiga dari teks untuk adegan penutup. Menambahkan bingkai

baru, pilih Text Tool , kemudian klik mana saja di ruang kerja dan ketikberikut ini:

Font jenis dan gaya: 25-titik Berita Gothic, tebal

jarak Karakter: 5 Dengan Anti-aliasing

Menggunakan Objek untuk Compose Animasi sebuah

Di masa lalu, apa yang dulu dilakukan ketika membuat animasi web adalahuntuk menciptakan frame pertama dalam editor foto, menyimpan mereka

secara individu sebagai file gambar, kemudian hanya merakit semua gambar

bersama-sama ke urutan animasi. Karena tidak ada cara mudah untukmengedit frame, Anda sering diminta untuk mulai dari awal lagi bila Andaingin mengubah "cerita" dari animasi Anda.

Sekarang dengan GIF Animator 5, tidak pernah terlambat untuk mengubah

apa pun bahkan setelah Anda menyelesaikan animasi Anda. Apa yang perluAnda lakukan sejak awal adalah untuk membuat segalanya obyek

individu - dari warna latar belakang dengan karakter dalam animasi.



Berikut adalah contoh.

Tutorial ini menunjukkan Anda bagaimana menggunakan objek untuk

menciptakan animasi sampel. Di sini, Anda akan belajar bagaimana

mendapatkan obyek dari aplikasi lain kemudian gunakan Panel Alat GIFAnimator untuk membuat objek lebih.

1. Buka proyek baru dengan mengklik New pada Toolbar

Standar. Mengatur ukuran kanvas untuk 100 x 100 piksel dan pilih warna

objek latar belakang solid (warna default adalah putih - klik persegi

warna jika Anda ingin memiliki warna latar belakang lainnya). Kemudianklik OK . Warna latar belakang ditambahkan sebagai obyek dalam ruangkerja.

2. Sekarang kita perlu beberapa obyek untuk proyek animasi kita. Dari

Toolbar Standar, memanggil gambar favorit Anda aplikasi editing

(saya menggunakan Ulead PhotoImpact ).Ini membuka program editinggambar bersama dengan file sementara kosong sebagai kanvas kerja Anda

di mana Anda dapat menempatkan obyek Anda.

3. Dalam file temp baru yang terbuka, menempatkan semua bendaAnda. Saya menemukan objek yang saya butuhkan dalam Komponen

Designer PhotoImpact - sebuah kuas dan beberapa jejak kaki. (Jika Andamemiliki PhotoImpact dan Anda ingin menggunakan benda-benda, klik di

sini untuk men-download Kemudian,. membuka file UFO didownload danmenyalin objek ke file temp.)

CATATAN: Komponen Designer adalah program yang berdiri sendiri dalamPhotoImpact Ulead yang membantu Anda membuat komponen Web.

. 4 Ketika semua objek ditempatkan dalam file temp, pilih File: Simpan

dalam editor foto.

5. Segera setelah Anda menyimpan file temp Anda, GIF Animator meminta

Anda untuk "update file temp Anda dari editor foto." Klik Ya untukmembawa semua benda ke Animator ruang kerja GIF.


6. Karena kita tidak perlu semua objek pada frame pertama, kami harus

"menyembunyikan" semua benda kecuali untuk warna latar belakang dan


http://www.ulead.com/learning/ga/samples/objects_for_tutorial.ufo







kuas. Untuk melakukan ini, dari Panel Manajer Obyek, klik Sembunyikan pada benda-benda yang tidak kita butuhkan. Kemudian posisi kuas ke sudut

kiri atas kanvas.

7. Pada Panel Bingkai bawah, klik dua kali frame pertama. Waktu tundapada 30. Bila Anda menambahkan frame lebih kemudian, waktu tunda yang

ditetapkan pada salah satu yang terakhir tentukan.

8. Selanjutnya, klik Duplicate Bingkai pada Panel Frame.

9. Pada frame kedua kita, kita harus memulai "lukisan" tindakan. Untukmelakukan ini, kita perlu menciptakan obyek lain untuk daerah yang baru

dicat. Klik kanan di manapun pada ruang kerja dan pilih Obyek KosongBaru .

10. Anda akan melihat bahwa seluruh ruang kerja tampaknya akan dipilih

(ditandai dengan garis putus-putus tenda atau sekitar ruang kerja). Jangankhawatir - "objek baru" Anda hanya transparan. Sekarang mari kita

mengisinya dengan warna. Pada Panel Tool, pilih Fill Tool .Mengatur

warna latar depan dengan mengklik persegi warna untuk itu dan pilih warnayang diinginkan untuk cat (saya menggunakan Sage Green.) Kemudian klik

"objek baru" Anda untuk mengisinya dengan warna foreground yang dipilih.

CATATAN: Jika setelah menambahkan objek baru (untuk bertindak sebagai

daerah dicat), kuas kami menghilang, maka kita perlu mengatur kembali

urutan benda-benda di ruang kerja. Cukup pergi ke Panel Manajer Obyekdan tarik thumbnail kuas di atas thumbnail cat. Ingat bahwa urutan

thumbnail pada Panel Manajer Obyek menentukan urutan benda-benda diruang kerja.




11. Untuk menampilkan stroke pertama cat, pertama tarik kuas ke bawah

(di tengah-tengah baris pertama dari cat). Kemudian mengubah ukuran

objek di langkah 10. Klik Transform Tool pada Panel Tool dan drag nodekontrol di sudut kanan bawah untuk mengubah ukuran.

12. Klik Duplicate Bingkai pada Panel Frame.

13. Untuk menyelesaikan baris pertama dari cat, kita tidak bisa hanya

mengubah ukuran area yang ada dicat karena akan mengubah ukuran objekdi frame sebelumnya. Sebaliknya, kita membuat duplikat dari obyek dengan

mengklik kanan objek dan memilih Obyek Duplikat .Hanya kemudian

dapat kita memodifikasinya seperti sekarang objek yang berbeda.

14. Sekarang, tarik kuas ke sudut kiri bawah kanvas dan mengubah ukuran

objek digandakan (lagi menggunakan Perangkat Transform) pada langkah13 untuk menyelesaikan seluruh baris cat.


15. Gandakan frame lebih. Duplikat dan mengubah ukuran daerah yang

lebih dicat dan tarik kuas ke posisi yang berbeda. Ulangi proses ini sampaiAnda memiliki seluruh kanvas ditutup dengan cat - cat dari kiri ke kanan,

atas ke bawah.



CATATAN: Ketika lukisan ke arah yang berlawanan (yaitu, ke atas),

duplikat kuas dan memutar kuas kedua dengan memilih Transform Tool

. Kemudian pada Toolbar Atribut, masukkan 180 derajat dan klik salah satutombol putar.

16. Setelah kita selesai melukis kanvas secara keseluruhan, kita perlu jejak

kaki untuk "berjalan" di atas wilayah yang baru dicat. Klik Duplicate

frame dan menyembunyikan pertama kuas. Kemudian mencari jejak kaki

hitam dari Panel Manajer Obyek dan menduplikasi masing-masing kaki dua

kali untuk datang dengan tiga (3) set jejak kaki.

17. Kita juga perlu jejak kaki yang sama tetapi dalam warna putih polos

untuk menyarankan "jalur" yang ditinggalkan oleh jejak kaki setelahberjalan cat basah. Untuk melakukan ini, duplikat jejak hitam dan

mengubahnya menjadi putih. Kemudian, membuat duplikat untuk datangdengan tiga set jejak kaki putih.

CATATAN: Berikut adalah cara mengkonversi jejak hitam menjadiputih. Pilih jejak hitam. Mengatur warna foreground menjadi putih, lalu

pilih Fill Tool . Pada Toolbar Atribut, mengatur Kesamaan ke nilai yangsangat tinggi. (Misalnya, set ke maksimum, 255.) Kemudian, klik pada jejak

hitam untuk benar-benar mengubahnya menjadi putih.

18. Pada Panel Frame, menambahkan frame lebih, masukkan satu per satu

jejak kaki, bergantian kaki kiri dan kanan seolah-olah seseorang sedangberjalan melintasi ruangan dan meninggalkan jejak.



Ada jenis lain dari objek yang Anda dapat membuat dan menambah proyek

animasi, seperti objek teks dan teks banner. Check out tutorial GIF Animator

lain untuk mempelajari lebih lanjut.

Depan > Dukungan > Learning Center > Tutorial Produk > Ulead GIF

Animator Tutorial Hom

Ulead GIF Animator Tutorial

http://www.ulead.com/learning/ga.htm


http://www.ulead.com/runme.htm

http://www.ulead.com/tech/runme.htm

http://www.ulead.com/learning/learning.htm

http://www.ulead.com/learning/runme.htm






http://www.ulead.com/runme.htm

http://www.ulead.com/tech/runme.htm


http://www.ulead.com/learning/runme.htm





Tutorial Indeks | Halaman 1 2 3 4 5

Seamless Animasi Menggunakan Tweening

Kadang-kadang, animasi dapat terlihat canggung, terutama ketikatampaknya "melompat" tiba-tiba dari satu adegan ke yang

berikutnya. Ulead GIF Animator 5 Tweening fitur, yang smoothens transisi

antara frame untuk menciptakan kelancaran arus gerak dalam animasiAnda. Anda hanya perlu untuk menentukan posisi awal dan akhir objek

antara dua frame; fungsi Tween akan mengurus menambahkan frame diantara untuk menghidupkan urutan gerakan.

Di bawah ini adalah latihan sederhana untuk menggunakan fungsiTween. Cobalah untuk menghidupkan dua benda (siput dan titik merah)

seperti terlihat pada contoh di bawah animasi.

SEBELUM ANDA MULAI:

Download file tween_project.uga , yang berisi objek yangakan Anda gunakan dalam tutorial.

Pertama, mengatur posisi awal dan akhir objek.

1. Buka tween_project.uga file.

2. Pilih dot besar merah (Obj. 1) pada Panel Manajer Obyek dan

klik Hide . Ini menyembunyikan objek.

3. Pada Panel Bingkai di bagian bawah, klik dua kali Frame 1. Mengaturwaktu tunda sampai 20. Kemudian dalam judul Frame, nama itu "Posisi

Awal."

Seamless Animasi Menggunakan Tweening

4. Klik Bingkai Duplikat untuk menambahkan frame kedua, denganobjek yang sama dengan yang ditampilkan di frame pertama. Sekarang

klik dua kali Frame 2. Mengatur waktu tunda ke 20 dan mengubah nama

itu "Posisi Kedua."






http://www.ulead.com/learning/ga/samples/tween_project.uga






http://www.ulead.com/learning/ga/samples/tween_project.uga

Tutorial Gif Animation

Documents

Transcript of Tutorial Gif Animation