Photoshop Tutorial Kali ini akan membahas cara sederhana membuat gambar animasi. kalau sobat belum tau gambar animasi itu seperti apa, sobat bisa lihat contoh hasil dari tutorial ini, hehehee...
Okey langsung saja kita awali dengan berdoa menurut kepercayaan masing - masing, agar kita bisa menyerap dengan mudah pelajaran ini dan berhasil dengan sempurna.
Dan sekarang silahkan buka Aplikasi Photoshop anda, disini saya memakai Adobe Photoshop CS3.
Download Ebook Gratis 179 Tutorial Photoshop "Klik Disini"
Selesai, selamat berkarya dan semoga bermanfaat . . .
Okey langsung saja kita awali dengan berdoa menurut kepercayaan masing - masing, agar kita bisa menyerap dengan mudah pelajaran ini dan berhasil dengan sempurna.
Dan sekarang silahkan buka Aplikasi Photoshop anda, disini saya memakai Adobe Photoshop CS3.
Langkah pertama buat File baru, klik File > New
![Photoshop Tutorial Cara membuat gambar animasi](http://onesetia82.files.wordpress.com/2011/09/animasi-1.jpg?w=245&h=171)
Pada File Name beri nama Animasi. Untuk pengaturan Size Width 400 pixels, Height 100 pixels dan Resolution 72 pixels/inch (Pengaturan Size bisa anda atur sesuka anda)
![Photoshop Tutorial Cara membuat gambar animasi](http://onesetia82.files.wordpress.com/2011/09/animasi-2.jpg?w=378&h=269)
Klik OK dan hasilnya seperti yang terlihat pada gambar di bawah, sebuah file baru dengan nama Animasi
![GOPERPUS Photoshop Tutorial Cara membuat gambar animasi](http://onesetia82.files.wordpress.com/2011/09/animasi-3.jpg?w=368&h=137)
Buat Layers baru dengan cara, klik menu Layer > New > Layer
![Photoshop Tutorial Cara membuat gambar animasi](http://onesetia82.files.wordpress.com/2011/09/animasi-4.jpg?w=365&h=169)
Beri nama Kotak
![Photoshop Tutorial Cara membuat gambar animasi](http://onesetia82.files.wordpress.com/2011/09/animasi-5.jpg?w=367&h=146)
Klik OK, maka akan terbentuk sebuah layers baru dengan nama layers Kotak
![Photoshop Tutorial Cara membuat gambar animasi](http://onesetia82.files.wordpress.com/2011/09/animasi-6.jpg?w=180&h=203)
Klik Rectangle Tool atau klik huruf U pada Keyboard
![](http://onesetia82.files.wordpress.com/2011/09/animasi-7.jpg?w=630)
Dan pilih Fill Fixels dan Rounded Rectangle Tool
![](http://onesetia82.files.wordpress.com/2011/09/animasi-8.jpg?w=630)
Buat kotak didalam file Animasi seperti yang terlihat pada gambar di bawah
![membuat gambar animasi](http://onesetia82.files.wordpress.com/2011/09/animasi-9.jpg?w=378&h=152)
Lalu klik Styles dan pilih Star Glow
![membuat gambar animasi dengan photoshop](http://onesetia82.files.wordpress.com/2011/09/animasi-10.jpg?w=182&h=201)
Maka hasilnya akan seperti yang terlihat pada gambar di bawah
![Cara membuat gambar animasi download now](http://onesetia82.files.wordpress.com/2011/09/animasi-11.jpg?w=378&h=152)
Buatlah huruf dengan cara klik Horizontal Type Tool atau tekan huruf T pada Keyboard
![download Photoshop CS3 ,Photoshop CS5 Full Version](http://onesetia82.files.wordpress.com/2011/09/animasi-12.jpg?w=630)
Untuk setting pakai jenis huruf Arial beri efek Bold ukuran 36 pt
![](http://onesetia82.files.wordpress.com/2011/09/animasi-13.jpg?w=451&h=58)
Klik pada area kerja dan ketik DOWNLOADS NOW
![Adobe Photoshop dan Tutorial](http://onesetia82.files.wordpress.com/2011/09/animasi-14.jpg?w=378&h=152)
Maka otomatis akan terbentuk sebuah Layers baru dengan nama DOWNLOADS NOW
![Photoshop Tutorial Complette](http://onesetia82.files.wordpress.com/2011/09/animasi-15.jpg?w=181&h=201)
Klik Styles dan efek Sun
![](http://onesetia82.files.wordpress.com/2011/09/animasi-16.jpg?w=182&h=201)
Hasilnya akan seperti yang terlihat pada gambar di bawah
![dwonload adobe photoshop full version](http://onesetia82.files.wordpress.com/2011/09/animasi-17.jpg?w=378&h=152)
Selanjutnya Klik Menu Window > Animation
![Tutorial Cara membuat gambar animasi dengan photoshop](http://onesetia82.files.wordpress.com/2011/09/animasi-18.jpg?w=164&h=235)
Hasilnya akan seperti yang terlihat pada gambar di bawah
![Cara mudah membuat gambar animasi](http://onesetia82.files.wordpress.com/2011/09/animasi-19.jpg?w=504&h=78)
Klik Selects frame delay time dan pilih 0.5
![gambar animasi terbaik](http://onesetia82.files.wordpress.com/2011/09/animasi-20.jpg?w=173&h=230)
Duplicat Frames dengan cara klik Duplicates selected frames dan aktifkan Frames 2
![merubah gambar biasa menjadi gambar animasi](http://onesetia82.files.wordpress.com/2011/09/animasi-21.jpg?w=311&h=146)
Selanjutnya aktifkan juga Layers Kotak
![gambar animasi gif](http://onesetia82.files.wordpress.com/2011/09/animasi-22.jpg?w=181&h=202)
Klik kanan pada Layers Kotak dan pilih Blending Options
![Photoshop Tutorial Cara membuat gambar animasi dengan mudah](http://onesetia82.files.wordpress.com/2011/09/animasi-23.jpg?w=189&h=492)
Pada Layer Style hilangkan tanda centang/ceklist Color Overlay klik OK
![create animation](http://onesetia82.files.wordpress.com/2011/09/animasi-24.jpg?w=145&h=376)
Lakukan hal yang sama pada Layers DOWNLOADS NOW
![adobe Photoshop Tutorial](http://onesetia82.files.wordpress.com/2011/09/animasi-25.jpg?w=183&h=204)
Pada Layer Style hilangkan tanda centang/ceklist Stroke klik OK
![membuat gambar animasi](http://onesetia82.files.wordpress.com/2011/09/animasi-26.jpg?w=142&h=374)
Hasilnya akan seperti yang terlihat pada gambar di bawah
![download now gambar animasi](http://onesetia82.files.wordpress.com/2011/09/animasi-27.jpg?w=378&h=152)
Sementara di coba apakah animasi sudah dapat berjalan dengan baik apa belum, dengan cara klik Play animation
![animation full version](http://onesetia82.files.wordpress.com/2011/09/animasi-28.jpg?w=332&h=142)
Jika sudah benar atau animasi sudah sesuai dengan yang diinginkan, selanjutnya simpan hasil karya Anda dengan cara klik Save for Web & Devices
![image ready Cara membuat gambar animasi](http://onesetia82.files.wordpress.com/2011/09/animasi-29.jpg?w=242&h=286)
Simpan gambar dengan format GIF lalu klik Save
![membuat gambar animasi download now](http://onesetia82.files.wordpress.com/2011/09/animasi-30.jpg?w=193&h=227)
Dan inilah hasilnya dan silahkan anda klik gambar tersebut:
Link Sumber: http://onesetia82.wordpress.com/2011/09/12/cara-membuat-animasi-dengan-photoshop
![Photoshop Tutorial Cara membuat gambar animasi](http://onesetia82.files.wordpress.com/2011/09/animasi-1.jpg?w=245&h=171)
Pada File Name beri nama Animasi. Untuk pengaturan Size Width 400 pixels, Height 100 pixels dan Resolution 72 pixels/inch (Pengaturan Size bisa anda atur sesuka anda)
![Photoshop Tutorial Cara membuat gambar animasi](http://onesetia82.files.wordpress.com/2011/09/animasi-2.jpg?w=378&h=269)
Klik OK dan hasilnya seperti yang terlihat pada gambar di bawah, sebuah file baru dengan nama Animasi
![GOPERPUS Photoshop Tutorial Cara membuat gambar animasi](http://onesetia82.files.wordpress.com/2011/09/animasi-3.jpg?w=368&h=137)
Buat Layers baru dengan cara, klik menu Layer > New > Layer
![Photoshop Tutorial Cara membuat gambar animasi](http://onesetia82.files.wordpress.com/2011/09/animasi-4.jpg?w=365&h=169)
Beri nama Kotak
![Photoshop Tutorial Cara membuat gambar animasi](http://onesetia82.files.wordpress.com/2011/09/animasi-5.jpg?w=367&h=146)
Klik OK, maka akan terbentuk sebuah layers baru dengan nama layers Kotak
![Photoshop Tutorial Cara membuat gambar animasi](http://onesetia82.files.wordpress.com/2011/09/animasi-6.jpg?w=180&h=203)
Klik Rectangle Tool atau klik huruf U pada Keyboard
![](http://onesetia82.files.wordpress.com/2011/09/animasi-7.jpg?w=630)
Dan pilih Fill Fixels dan Rounded Rectangle Tool
![](http://onesetia82.files.wordpress.com/2011/09/animasi-8.jpg?w=630)
Buat kotak didalam file Animasi seperti yang terlihat pada gambar di bawah
![membuat gambar animasi](http://onesetia82.files.wordpress.com/2011/09/animasi-9.jpg?w=378&h=152)
Lalu klik Styles dan pilih Star Glow
![membuat gambar animasi dengan photoshop](http://onesetia82.files.wordpress.com/2011/09/animasi-10.jpg?w=182&h=201)
Maka hasilnya akan seperti yang terlihat pada gambar di bawah
![Cara membuat gambar animasi download now](http://onesetia82.files.wordpress.com/2011/09/animasi-11.jpg?w=378&h=152)
Buatlah huruf dengan cara klik Horizontal Type Tool atau tekan huruf T pada Keyboard
![download Photoshop CS3 ,Photoshop CS5 Full Version](http://onesetia82.files.wordpress.com/2011/09/animasi-12.jpg?w=630)
Untuk setting pakai jenis huruf Arial beri efek Bold ukuran 36 pt
![](http://onesetia82.files.wordpress.com/2011/09/animasi-13.jpg?w=451&h=58)
Klik pada area kerja dan ketik DOWNLOADS NOW
![Adobe Photoshop dan Tutorial](http://onesetia82.files.wordpress.com/2011/09/animasi-14.jpg?w=378&h=152)
Maka otomatis akan terbentuk sebuah Layers baru dengan nama DOWNLOADS NOW
![Photoshop Tutorial Complette](http://onesetia82.files.wordpress.com/2011/09/animasi-15.jpg?w=181&h=201)
Klik Styles dan efek Sun
![](http://onesetia82.files.wordpress.com/2011/09/animasi-16.jpg?w=182&h=201)
Hasilnya akan seperti yang terlihat pada gambar di bawah
![dwonload adobe photoshop full version](http://onesetia82.files.wordpress.com/2011/09/animasi-17.jpg?w=378&h=152)
Selanjutnya Klik Menu Window > Animation
![Tutorial Cara membuat gambar animasi dengan photoshop](http://onesetia82.files.wordpress.com/2011/09/animasi-18.jpg?w=164&h=235)
Hasilnya akan seperti yang terlihat pada gambar di bawah
![Cara mudah membuat gambar animasi](http://onesetia82.files.wordpress.com/2011/09/animasi-19.jpg?w=504&h=78)
Klik Selects frame delay time dan pilih 0.5
![gambar animasi terbaik](http://onesetia82.files.wordpress.com/2011/09/animasi-20.jpg?w=173&h=230)
Duplicat Frames dengan cara klik Duplicates selected frames dan aktifkan Frames 2
![merubah gambar biasa menjadi gambar animasi](http://onesetia82.files.wordpress.com/2011/09/animasi-21.jpg?w=311&h=146)
Selanjutnya aktifkan juga Layers Kotak
![gambar animasi gif](http://onesetia82.files.wordpress.com/2011/09/animasi-22.jpg?w=181&h=202)
Klik kanan pada Layers Kotak dan pilih Blending Options
![Photoshop Tutorial Cara membuat gambar animasi dengan mudah](http://onesetia82.files.wordpress.com/2011/09/animasi-23.jpg?w=189&h=492)
Pada Layer Style hilangkan tanda centang/ceklist Color Overlay klik OK
![create animation](http://onesetia82.files.wordpress.com/2011/09/animasi-24.jpg?w=145&h=376)
Lakukan hal yang sama pada Layers DOWNLOADS NOW
![adobe Photoshop Tutorial](http://onesetia82.files.wordpress.com/2011/09/animasi-25.jpg?w=183&h=204)
Pada Layer Style hilangkan tanda centang/ceklist Stroke klik OK
![membuat gambar animasi](http://onesetia82.files.wordpress.com/2011/09/animasi-26.jpg?w=142&h=374)
Hasilnya akan seperti yang terlihat pada gambar di bawah
![download now gambar animasi](http://onesetia82.files.wordpress.com/2011/09/animasi-27.jpg?w=378&h=152)
Sementara di coba apakah animasi sudah dapat berjalan dengan baik apa belum, dengan cara klik Play animation
![animation full version](http://onesetia82.files.wordpress.com/2011/09/animasi-28.jpg?w=332&h=142)
Jika sudah benar atau animasi sudah sesuai dengan yang diinginkan, selanjutnya simpan hasil karya Anda dengan cara klik Save for Web & Devices
![image ready Cara membuat gambar animasi](http://onesetia82.files.wordpress.com/2011/09/animasi-29.jpg?w=242&h=286)
Simpan gambar dengan format GIF lalu klik Save
![membuat gambar animasi download now](http://onesetia82.files.wordpress.com/2011/09/animasi-30.jpg?w=193&h=227)
Dan inilah hasilnya dan silahkan anda klik gambar tersebut:
![klik disini untuk melihat tutorial lain'nya icon gambar animasi download now.gif](http://onesetia82.files.wordpress.com/2011/09/animasi-jadi.gif?w=630)
Link Sumber: http://onesetia82.wordpress.com/2011/09/12/cara-membuat-animasi-dengan-photoshop
Download Ebook Gratis 179 Tutorial Photoshop "Klik Disini"
Selesai, selamat berkarya dan semoga bermanfaat . . .
Title : Photoshop Tutorial Cara membuat gambar animasi
Description : Photoshop Tutorial Kali ini akan membahas cara sederhana membuat gambar animasi . kalau sobat belum tau gambar animasi itu seperti apa, so...
Description : Photoshop Tutorial Kali ini akan membahas cara sederhana membuat gambar animasi . kalau sobat belum tau gambar animasi itu seperti apa, so...