Cara Menciptakan Animasi Download Di Photoshop

Cara Membuat Animasi Download di Photoshop

Kali ini saya akan memperlihatkan tutorial menciptakan animasi d0wnl0ad memakai photoshop. Animasi d0wnl0ad sendiri memang sangat banyak dipakai menyerupai di blog atau website yang memakai atau temanya wacana d0wnl0ad, entah itu d0wnl0ad gambar, musik, video, game, aplikasi, dan lain sebagainya.
lihat video tutorialnya disini

Ok pribadi saja kita pelajari bagaimana cara menciptakan animasi d0wnl0ad dengan photoshop

Berdo'alah terlebih dahulu

1. Buka kegiatan aplikasi photoshopnya

2. Jika sudah terbuka maka selanjutnya klik Windows pada hidangan bar, kemudian centang Timeline

3. Maka akan muncul Timeline, biasanya berada dibawah layar

4. Jika muncul "Create Video Timeline", maka ganti dengan "Create Frame Animation" 

5. Kemudian klik Create Frame Animation, maka kesannya menyerupai ini :

6. Selanjutnya klik hidangan File kemudian pilih New, atau dapat juga dengan menekan tombol Ctrl+N pada keyboard

7. Atur :

Name : ANIMASI DOWNLOAD

Preset : Custom

Witdh : 400 Pixels

Hight : 400 Pixels

Resolution : 72 Pixels/Inch

Color Mode : RBG Color 8 bit

Background Contents : White

8. Klik OK, dan akan muncul tampilan canvas

9. Kemudian pilih Custom Shape Tool pada Tools Panel

10. Selanjutnya klik kanan pada pada canvas di lembar kerja tersebut, kemudian pilih "Arrow 12" dengan cara klik 2 (dua) kali pada "Arrow 12" tersebut

11. Klik pada canvas pada lembar kerja tersebut untuk menampilkan "Create Custom Shape"

12. Jika sudah muncul "Create Custom Shape", maka atur Width : 300 px dan Height : 200 px

13. Maka Hasilnya akan menyerupai ini :

14. Atur warna shape-nya dengan warna hijau menyerupai ini (#00b034)

Baca juga : Cara mengetahui jenis kelamin komputer

15. Klik OK, maka kesannya akan menyerupai ini :

16. Kemudian arahkan cursor ke bab sebelah kanan layar, klik kanan pada layer "Shape 1" dan kemudian pilih "Rasterize Layer"

17. Maka kesannya akan menyerupai ini :

18. Setelah itu klik hidangan "Edit", pilih "Free Transform" atau dengan cara cepat ialah menekan tombol Ctrl+T pada keyboard, maka kesannya akan menyerupai ini :

19. Arahkan cursor ke bab luar kotak seleksi tersebut hingga muncul tanda panah berbentuk bengkok

20. Kemudian putar bentuk shape tersebut dengan cara menekan tombol Shift pada keybord dan kombinasikan dengan cara menarik atau memutar shape tersebut hingga shape tersebut berputar menyerupai gambar di bawah ini, kemudian tekan tombol enter pada keyboard

21. Atau dengan cara kedua, klik hidangan "Image" kemudian "Image Rotation", pilih "90 CW"

22. Pilih "Move Tool", atau dengan cara tekan tombol V pada keyboard

23. Geser gambar shape atau panah tersebut ke bab tengah canvas

24. Kemudian pilih "Rectangular Marquee Tool" pada tools panel

25. Buatlah seleksi garis persegi penjang menyerupai gambar di bawah ini : 

26. Tekan tombol Del pada keyboard untuk menghapus area yang terseleksi

27. Tekan tombol Shift pada keyboard, jangan dilepas sambil tekan tombol panah bawah secara 3 (tiga) kali

28. Kemudian tombol Del pada keybooard untuk menghapus area yang terseleksi

29. Ulangi langkah - langkah menyerupai pada nomor 27 dan 28, sehingga menghasilkan gambar menyerupai ini :

30. Klik hidangan "Select", pilih "Deselect", atau dengan cara menekan tombol Ctrl+D pada keyboard untuk menghilangkan area seleksi

31. Arahkan cursor ke bab kanan layar, klik kanan pada layer "Shape 1", pilih "Blending Options" untuk menampilkan Layer Style

32. Klik pada "Stroke", atur :

Size : 3 px

Position : Outside

Blend Mode : Normal

Opacity : 100%

Fill Type : Color

Color : #018f2b (hijau lebih gelap)

30. Klik pada "Inner Glow", atur :

Blend Mode : Screen

Opacity : 75%

Noise : 0%

Technique : Softner

Source : Edge

Choke : 0%

Size : 5 px

Contour : Gaussian

Range : 50%

Jitter : 0%

31. Klik OK, maka kesannya akan menyerupai ini :

32. Klik kanan pada layer "Shape 1", kemudian pilih "Rasterize Layer Style"

33. Maka kesannya akan menyerupai ini : 

34. Pilih "Horizontal Type Tool" pada tools panel

35. Ketikkan "DOWNLOAD" sempurna dibawah gambar panah hijau

36. Atur :

Jenis font : Berlin Sans FB Demi

Ukuran teks : 48 pt

Color : #00b034

37. Maka kesannya akan menyerupai ini :

38. Klik kanan pada layer "DOWNLOAD", pilih "Blanding Options"

39. Klik "Stroke ", atur :

Size : 3 px

Position : Outside

Blend Mode : Normal

Opacity : 100%

Fill Type : Color

Color : #007222

40. Klik "Inner Glow", atur :

Blend Mode : Screen

Opacity : 75%

Noise : 0%

Technique : Softner

Source : Edge

Choke : 0%

Size : 5 px

Contour : Gaussian

Range : 50%

Jitter : 0%

41. Klik OK, maka kesannya akan menyerupai ini :

42. Klik pada layer "Shape 1", kemudian tekan tombol Ctrl+J pada keyboard sebanyak 9 (sembilan) kali hingga muncul layer "Shape 1 copy 9)

43. Matikan semua "Indicates layer visibility" (yang berbentuk mata pada pallete layer) kecuali pada layer "Background", layer "shape 1" dan layer "DOWNLOAD"

44. Klik "Duplicates selected frames" pada Timeline

45. Maka akan muncul frame baru

46. Matikan "Indicates layer visibility" pada layer "Shape 1" ganti dengan menghidupkan "Indicates layer visibility" pada layer "Shape 1 copy"

47. Beri warna pada bab atas gambar panah dengan warna biru (#000cff)

48. Lakukan kembali langkah - langkah menyerupai pada nomor 44 hingga nomor 47

- menciptakan frame baru

- menghidupkan dan mematikan "Indicates layer visibility" pada layer atas dan bawah

- memberi warna semakin kebawah

49. Maka akan muncul 10 (sepuluh frame) dengan warna yang semakin menurun

50. Ubah "Once" menjadi "Forever"

51. Tekan tombol Alt+Shift+Ctrl+S pada keyboard untuk menyimpan animasi d0wnl0ad

52. Maka akan muncul Save for Web, klik Save

53. Tentukan daerah penyimpanannya, kemudian klik Save

Baca juga : Cara menciptakan animasi teks berkelip

lihat video tutorialnya disini

Sumber http://segeranat.blogspot.com

Share this post