Cara Membuat Animasi Download di Photoshop
Kali ini saya akan memperlihatkan tutorial menciptakan animasi d0wnl0ad memakai photoshop. Animasi d0wnl0ad sendiri memang sangat banyak dipakai ibarat 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 eksklusif saja kita pelajari bagaimana cara menciptakan animasi d0wnl0ad dengan photoshop
Berdo'alah terlebih dahulu
1. Buka aktivitas aplikasi photoshopnya
2. Jika sudah terbuka maka selanjutnya klik Windows pada sajian bar, kemudian centang Timeline
Kali ini saya akan memperlihatkan tutorial menciptakan animasi d0wnl0ad memakai photoshop. Animasi d0wnl0ad sendiri memang sangat banyak dipakai ibarat 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 eksklusif saja kita pelajari bagaimana cara menciptakan animasi d0wnl0ad dengan photoshop
Berdo'alah terlebih dahulu
1. Buka aktivitas aplikasi photoshopnya
2. Jika sudah terbuka maka selanjutnya klik Windows pada sajian 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 karenanya ibarat ini :
6. Selanjutnya klik sajian 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 ibarat ini :
14. Atur warna shape-nya dengan warna hijau ibarat ini (#00b034)
16. Kemudian arahkan cursor ke bab sebelah kanan layar, klik kanan pada layer "Shape 1" dan kemudian pilih "Rasterize Layer"
17. Maka karenanya akan ibarat ini :
18. Setelah itu klik sajian "Edit", pilih "Free Transform" atau dengan cara cepat adalah menekan tombol Ctrl+T pada keyboard, maka karenanya akan ibarat 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 ibarat gambar di bawah ini, kemudian tekan tombol enter pada keyboard
21. Atau dengan cara kedua, klik sajian "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 ibarat 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 ibarat pada nomor 27 dan 28, sehingga menghasilkan gambar ibarat ini :
30. Klik sajian "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 :
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)
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 karenanya akan ibarat ini :
32. Klik kanan pada layer "Shape 1", kemudian pilih "Rasterize Layer Style"
33. Maka karenanya akan ibarat 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 karenanya akan ibarat 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
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 karenanya akan ibarat 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 ibarat 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
Sumber http://segeranat.blogspot.com