Animasi Tulisan Berkedip Pake Photoscape

Bertemu lagi dengan Tutorial Photoscape di blog ini. inilah blog yang membahas cara menggunakan Photoscape terdetail, nah sekarang saatnya bikin animasi. Animasi memang bikin blog lebih hidup. Kita bisa buat gambar bergerak, banner atraktif dan aneka ragam animasi huruf dan tulisan. Hal terpenting dalam membuatan animasi yaitu kreaktifitas dan kemampuan berimajinasi. Photoscape dapat membantu kita melakukannya…

Misalkan saja efek sederhana seperti tulisan berkedip atau kreasi kata-kata dengan efek popup per huruf. Atau bisa juga huruf yang berterbangan kemudian menyusun sebagai kata selain itu puzzle huruf.

Kali ini kita bikin animasi tulisan berkedip. Gambarannya yaitu, tulisan akan hilang timbul seperti berkedip. Cara membuatnya sangat simpel yaitu cukup membuat 2 buah gambar, gambar pertama bertuliskan kata-kata dan yang kedua tidak bertuliskan. Ketika kedua gambar digabungkan membentuk animasi akan menjadi berkedip.

Nah, sekarang cara membuatnya…

1. Jalankan Photoscape kemudian langsung meluncur ke Editor yang gambarnya kamera atau tulisan di kiri atas.
2. Kita buat background dulu dari gambar apa saja. Pilih foto dari koleksi kita yang cukup bagus dijadikan background.
3. Lakukan crop atau mengubah ukuran pada foto background agar sesuai dengan ukuran tulisan yang akan kita buat.

4. Setelah di-crop, simpan gambar sebagai gambar yang pertama.
5. Pada gambar pertama tadi masukkan tulisan dengan cara Object >> Text (icon huruf T). Ketikkan tulisan yang ingin dibuat, atur tata letaknya dan warnanya… klik OK

tutorial animasi huruf toserba

6. Simpan gambar kedua dengan Save As agar tidak menggantikan gambar pertama dengan nama file berbeda.

tutorial photoscape animasi tulisan

7. Nah sekarang kita meluncur ke fitur AniGIF (kiri atas) untuk menggabungkan kedua gambar tersebut menjadi animasi sederhana.
8. Buka folder tempat kedua gambar tersebut disimpan kemudian pindahkan kedua gambar ke lembar kerja di tengah dengan cara DRAG (klik kanan sambil geser)
9 Atur waktu pergantian gambar dalam animasinya. Semakin kecil semakin cepat berkedipnya.

animasi hurup berkedip pake photoscape

10. Langkah terakhir yaitu di-Save dong…
11. Hasilnya dapat dilihat di bawah ni….

animasi tulisan photoscape toserba rachmatullah83

Silahkan download artikel ini untuk dipelajari secara pffline… tunggu artikel cara menggunakan Photoscape selanjutnya ya, dijamin tutorial photoscape di sini oke banget… :)

Semoga tutorial ini dapat bermanfaat…

Tutorial Membuat Animasi dengan Photoshop

Photoshop merupakan salah satu program computer yang cukup handal dalam membuat disain gambar dan foto. Banyak efek-efek fantastis yang dapat dihasilkan dengan memanipulasi satu gambar dan dipadukan dengan gambar lain.

Tapi tidak hanya sebatas utak-atik gambar statis, Photoshop juga mampu membuat gambar bergerak (animasi) berformat GIF dengan menampilkan beberapa gambar secara berurutan dengan jeda waktu tertentu. Berikut ini adalah langkah-langkah membuat gambar bergerak (animasi GIF) dengan Photoshop:

1. Jalankan program Photoshop kemudian buka file baru.

Animasi Photoshop01

2. Klik pada Custom Shape Tool (1) atau ketikkan huruf U saja.

3. Pilih Shape yin-yang sebagai contoh (2), untuk selanjutnya dapat dikembangkan ke bentuk lain atau bentuk yang dibuat sendiri.

Animasi Photoshop02

4. Drag pada lembar kerja sehingga membentuk shape yin-yang.

Animasi Photoshop03

5. Beri style (3) pada shape dan warnanya (4).

Animasi Photoshop04

6. Klik Path Selection Tool (5) kemudian klik kanan pada gambar (6) dan pilih Make Selection. Pada window Make Selection, Feather Radius-nya nol (7).

Animasi Photoshop05

7. Klik kanan pada Shape 1 (8) kemudian pilih Duplicate Layer.

8. Perhatikan: selalu pilih layer yang akan diubah, misalnya dimulai dari Layer Shape 1 (9), kemudian dengan Move Tool rotasikan shape tersebut berlawanan arah jam 900 (10). Derajat rotasi bisa ditentukan sendiri sesuai selera karena semakin kecil sudut rotasinya semakin halus gerakan animasinya.

Hasilnya adalah gambar yang menumpuk. Jangan lupa untuk meresterize shape dengan dobel klik pada gambar agar kita bisa melakukan langkah selanjutnya.

Animasi Photoshop06

10. Ulangi langkah 7-9 sehingga rotasi layer terakhir membentuk gambar seperti Layer pertama (Shape 1).

11. Sekarang saatnya menggabungkan beberapa layer yang telah dibuat agar menghasilkan gerakan. Klik menu Window >> Animation. Klik pada garis-garis di pojok kanan atas (11) untuk menampilkan menu kemudian pilih Make Frames from Layers.

Animasi Photoshop07

12. Hapus layer berwarna putih jika menghendaki tidak ada background dengan memilihnya (12) kemudian klik icon delete (13).

13. Atur waktu lamanya layer akan diam dengan mengklik segitiga (14) yang letaknya di kanan bawah di tiap-tiap layer, misalkan 0.1 detik.

Animasi Photoshop08

14. Langkah terakhir yaitu menyimpannya dengan klik File >> Save For Web & Devices. Atur Preset (15) dan format filenya (16) menjadi GIF kemudian klik Save (17).

Animasi Photoshop09

Demikianlah langkah-langkah membuat animasi sederhana dengan Photoshop. Hasil animasi ini dapat seperti berikut:

animasi

Semoga bermanfaat… jangan lupa datang kembali ke blog tutorial ini ya

Untuk mempelajari secara offline, dapat download di sini:

Download Artikel ini

Tutorial Animasi Photoscape dengan Frame Unik Menggunakan Photoshop

Cara menggunakan Photoscape kali ini yaitu membuat animasi. satu artikel sekaligus sebagai Tutorial Photoshop juga, maksudnya satu kali dayung dua-tiga pulau terlampaui… hehehe

Tapi jangan salah ya, program Photoscape ini kalo ditelusuri fiturnya cukup oke juga untuk mengembangkan kreaktifitas. Makanya aku sengaja membuat tutorial photoscapenya sepaya bisa dicontoh temen-temen sekalian :)

Aku juga nyediaain asesorisnya. sobat tinggal download icon photoscape yang lucu-lucu… telusuri aja deh blog ini… EEEIIITTT… jangan lupa komen ya…

1. Jalankan aplikasi Photoshop kemudian buka file yang akan dijadikan background.
animasiphotoshop01

2. Buka lagi file yang akan dijadikan objek dan kecilkan windownya dengan meletakkan pointer ke pinggir window hingga membentuk panah dua arah kemudian drag ke dalam window agar mengecil.

animasiphotoshop02

3. Seleksi objek menggunakan Quick Selection Tool kemudian klik Move Tool dan pindahkan objek ke gambar Background

animasiphotoshop04 animasiphotoshop05

4. Klik kanan pada Layer 1 (1) kemudian pilih Blending Option >> Outer Glow (2).

5. Pilih Screen pada Blend Mode (3), Opacity 75% (4), Size 5 (5) kemudian OK (6). Sebenarnya tidak terpaku seperti itu, kita dapat merubah sesuai keinginan kita yang lain.

animasiphotoshop06

6. Simpan dengan format JPEG.

animasiphotoshop08

7. Klik kanan pada Layer 1 >> Duplicate Layer (untuk membuat duplikat) kemudian beri nama.

8. Klik kanan pada Layer hasil duplikasi, pilih Blending Option >> Outer Glow lagi. Ubah Size menjadi 25 kemudian OK.

9. Simpan lagi dengan format JPEG.

10. Duplikat lagi Layer 1, pilih Blending Option >> Outer Glow dan ubah Size jadi 50.

11. Ulangi Langkah-langkah membuat Layer yang banyaknya sesuai keinginan, kemudian mengubah Size semakin besar atau semakin kecil. Setelah itu jangan lupa selalu disimpan dengan format JPEG.

12. Setelah semua selesai, Gunakan Aplikasi Photoscape untuk membuat animasi. Pembuatan animasi menggunakan Photoshop bisa dilakukan tetapi langkah-langkahnya lebih rumit.

B. Membuat Animasi

1. Buka aplikasi Photoscape. Belum punya, klik di sini.

2. Cari frame tadi di sebelah kiri atas, misalnya di My Picture, hasilnya akan terlihat di sebelah kiri bawah.

3. Langkah selanjutnya, pindahkan gambar (Drag and Drop) ke daerah ”Drop Your Photo Here” kemudian susun menurut urutan gerak yang dikehendaki.

animasiphotoshop09

4. Setelah disusun, kita dapat mengatur lamanya gambar akan diam. Klik Change Time, pilih menyamaratakan waktu diam untuk semua gambar (Change display times of all frames) atau memilih gambar tertentu (Change omly display time of the selected frame) dengan mengetikkan angka pada box Display Time. Setelah itu klik OK.

Tutorial04

5. Langkah Terakhir, Save

Hasilnya seperti ini…

Demikianlah langkah-langkah membuat AniGIF. Baik tidaknya animasi tergantung dari kreaktifitas kita dan keunikan. Animasi ini bisa juga dijadikan pendapatan sampingan kalau kita lihat celahnya, bisa dari animasi bercerita atau komik. Ni ada link cara menggunakan photoscape untuk membuat komik. nantikan Tutorial Photoscape selanjutnya ya… :)

Selamat berkreasi…

Untuk mempelajari artikel ini secara offline, silahkan download filenya:

Download File via Ziddu

Aneka Animasi 01

05o 05s 05w 1010 100 2005

1324 onion09 onion40 smiletq8

Download semua animasi di atas

Tutorial Membuat Animasi dengan PhotoScape

Membuat animasi bergerak (type GIF) sangatlah mudah, kita hanya perlu kreaktifitas dan imajinasi yang tinggi serta ketelitian. Disamping itu butuh ketrampilan menggambar. Namun, kita tidak usah berfikiran terlalu jauh, cukup dengan kesederhanaan pun animasi bisa dibuat.

Membuat animasi GIF (AniGIF) memerlukan 2 aplikasi, yang pertama biasanya sudah tersedia di computer kita yaitu MS PAINT untuk membuat gambarnya (bisa dengan aplikasi lain seperti Photoshop) dan yang kedua membutuhkan aplikasi untuk menggabungkan gambar-gambar sehingga dapat bergerak, salah satunya PHOTOSCAPE (download).

Langkah-langkah membuat animasi yaitu sebagai berikut:

1. Kita buat gambar penyusunnya dulu. Kita harus membuat gambar penyusun minimal 2 untuk membuat animasi menjadi bergerak. Kebutuhan jumlah gambar penyusun tergantung dari jumlah gerakan yang berbeda. Mari kita buat menggunakan MS PAINT (Start ›› All Program ›› Accessories ›› Paint).

2. Buat ukuran bidang gambar yang kita kehendaki (Image ›› Attribute). Nantinya kita harus konsisten dalam ukuran tersebut pada gambar-gambar yang lain sebagai penyusun aniGIF, kalau tidak hasilnya akan tidak baik.

3. Mulailah menggambar karakter yang kita inginkan pada gambar penyusun pertama. Manfaatkan semua tool yang ada di samping kiri untuk memudahkan menggambar, dan isikan warna yang disediakan di bawah. Kemudian Save As dengan nama Kiss01.

tutorial animasi, tutorial photoscape, gambar animasi, animasi bergerak, animasi GIF,

4. Buatlah Gambar kedua dengan bentuk yang sedikit berbeda, misalnya kita buat dengan mata terpejam. Caranya langsung ubah pada gambar tadi (tanpa membuka bidang gambar baru) dengan menghapus dan menggambar lagi bagian yang akan kita gerakkan (tidak menggambar ulang semua).

Untuk animasi tingkat mahir, gambar dibuat ulang untuk mendapatkan gambar seperti berjalan atau lompat. Kali ini kita buat yang sederhana dulu…

Tutorial02

5. Setelah selesai membuat gambar penyusun yang kedua, Lakukan Save As dengan nama Kiss02. Buat gambar lain hingga penyusun animasi yang kita inginkan selesai.

6. Setelah kita membuat gambar penyusun, langkah selanjutnya menggabungkan kedua gambar tersebut dengan PHOTOSCAPE. Pada Menu Photoscape pilih menu AniGIF.

7. Cari gambar penyusun tadi di sebelah kiri atas, misalnya di My Picture, hasilnya akan terlihat di sebelah kiri bawah.

8. Langkah selanjutnya, pindahkan gambar (Drag and Drop) ke daerah ”drop your photo here” kemudian susun menurut urutan gerak yang dikehendaki.

Tutorial03

9. Setelah disusun, kita dapat mengatur lamanya gambar akan diam. Klik Change Time, pilih menyamaratakan waktu diam untuk semua gambar (Change display times of all frames) atau memilih gambar tertentu (Change only display time of the selected frame) dengan mengetikkan angka pada box Display Time. Setelah itu klik OK.

Tutorial04

10. Langkah Terakhir, Save…

11. Hasilnya…

Tutorial, Animasi, photoscape, gif, gambar bergerak,

Demikianlah langkah-langkah membuat AniGIF. Baik tidaknya animasi tergantung dari kreaktifitas kita dan keunikan. Baik buruknya gambar adalah nomor 2 yang terpenting isinya mudah dipahami. Animasi ini bisa juga dijadikan pendapatan sampingan kalau kita lihat celahnya, bisa dari animasi bercerita atau komik.

Selamat berkreasi…

NB:
Download PhotoScape

Download artikel ini via Ziddu

PhotoScape v3.3

Ini freeware khusus teman-teman yang suka ngedit foto, narsis-narsisan, bikin animasi GIF juga bisa. tau animasi GIF? itu lo gabungin beberapa gambar jadi tampil berurutan so jadi gambar bergerak. Contohnya di bawah ini, keren kan….

Davis Action

Download Photoscape V3.4

Follow

Get every new post delivered to your Inbox.