SlideShare una empresa de Scribd logo
1 de 5
[TUTORIAL] CARA MEMBUAT GIF
DENGAN PHOTOSHOP CS3
24 November 2013 · by FanyByun_ · in TUTORIAL. ·
Hai Hai! Kali ini aku bawain tutorial dengan menggunakan PS CS3! Daripada terlalu lama yuk kita simak langkah2nya!
1. Buka Adobe Photoshop
2. Untuk membuat GIF anda harus menambahkan window animation pada Photoshop. Caranyaklik menu Window -
> pilih Animation. Hingga muncul jendela animation sepertiini
3. Buat file baru. File -> New. (Ukuran : 500×500 pixel)
4. Buat desain GIF nya. (Disini aku akan memberi contoh GIF berupa tulisan, Anonymous) [font yang aku pake
: Bookman OldStyle, Signerica Thin, MarcelleScript, Marcelle Swashes, Forte, Gill SansUltra Bold, VNI-
Thufap1]
5. Buatlah tulisan Anonymous beberapa layer, tidak sekaligus 1 layer. semisal layer 1 : a, layer 2 : n, dst.
6. Pada jendela animation duplicate frame yang ada, terserah kalian mau berapa frame, disini aku menduplicate
menjadi 8 frame.
7. Setelah itu pada setiap frame munculkan layer yang ingin dimunculkan, padalayer yg tidak ingin dimunculkan
kalian bisa melakukannya dengan cara mengklik gambar mata di sebelah kiri layer. Misalnyapadaframe 1 aku
ingin memunculkan huruf A dan O maka aku membiarkan tanda mata di sebelah kiri layer dari keduanya tetap dan
menghilangkan tanda mata di samping layer untuk layer-layer lainnya.
8. Setelah itu aturlah waktu tiap frame, caranya dengan mengklik segitiga di bagian bawah frame.
9. Di sini saya mengatur setiap frame dengan timing 0,1
second.
10. Setelah selesai tinggal mensave file, caranya : dengan klik FILE-> Save for Web & Devices
11. TARA! JADILAH GIF TULISAN ! SIMPLE KAN ^^
SELAMAT
MENCOBA!!!

Más contenido relacionado

Destacado

IES AURORA PICORNELL BSG
IES AURORA PICORNELL BSGIES AURORA PICORNELL BSG
IES AURORA PICORNELL BSGguestea63ab
 
Guida al computer - Lezione 148 - Windows 8.1 Update – Modifica Impostazioni ...
Guida al computer - Lezione 148 - Windows 8.1 Update – Modifica Impostazioni ...Guida al computer - Lezione 148 - Windows 8.1 Update – Modifica Impostazioni ...
Guida al computer - Lezione 148 - Windows 8.1 Update – Modifica Impostazioni ...caioturtle
 
El legado de Fukuoka
El legado de FukuokaEl legado de Fukuoka
El legado de FukuokaTeresa Jular
 
00 disenioynegocios
00 disenioynegocios00 disenioynegocios
00 disenioynegociosMario Spina
 
Ya no quiero la cheyen apa
Ya no quiero la cheyen apaYa no quiero la cheyen apa
Ya no quiero la cheyen apaEllery Payan
 
Guia%207[1].%20 La%20 Pol%E Dtica%20 Econ%F3mica
Guia%207[1].%20 La%20 Pol%E Dtica%20 Econ%F3micaGuia%207[1].%20 La%20 Pol%E Dtica%20 Econ%F3mica
Guia%207[1].%20 La%20 Pol%E Dtica%20 Econ%F3micagueste16d3b
 
旅の設計図114.対馬海峡をフェリーで航く 釜山への旅/I go to Busan by ferry the Tsushima Strait - 旅の設計図会
旅の設計図114.対馬海峡をフェリーで航く 釜山への旅/I go to Busan by ferry the Tsushima Strait - 旅の設計図会旅の設計図114.対馬海峡をフェリーで航く 釜山への旅/I go to Busan by ferry the Tsushima Strait - 旅の設計図会
旅の設計図114.対馬海峡をフェリーで航く 釜山への旅/I go to Busan by ferry the Tsushima Strait - 旅の設計図会旅の設計図会
 

Destacado (12)

IES AURORA PICORNELL BSG
IES AURORA PICORNELL BSGIES AURORA PICORNELL BSG
IES AURORA PICORNELL BSG
 
Guida al computer - Lezione 148 - Windows 8.1 Update – Modifica Impostazioni ...
Guida al computer - Lezione 148 - Windows 8.1 Update – Modifica Impostazioni ...Guida al computer - Lezione 148 - Windows 8.1 Update – Modifica Impostazioni ...
Guida al computer - Lezione 148 - Windows 8.1 Update – Modifica Impostazioni ...
 
El legado de Fukuoka
El legado de FukuokaEl legado de Fukuoka
El legado de Fukuoka
 
00 disenioynegocios
00 disenioynegocios00 disenioynegocios
00 disenioynegocios
 
Buenos Amigos
Buenos AmigosBuenos Amigos
Buenos Amigos
 
Maryam home (1) (1)
Maryam home (1) (1)Maryam home (1) (1)
Maryam home (1) (1)
 
Ya no quiero la cheyen apa
Ya no quiero la cheyen apaYa no quiero la cheyen apa
Ya no quiero la cheyen apa
 
Guia%207[1].%20 La%20 Pol%E Dtica%20 Econ%F3mica
Guia%207[1].%20 La%20 Pol%E Dtica%20 Econ%F3micaGuia%207[1].%20 La%20 Pol%E Dtica%20 Econ%F3mica
Guia%207[1].%20 La%20 Pol%E Dtica%20 Econ%F3mica
 
Jornadas
JornadasJornadas
Jornadas
 
旅の設計図114.対馬海峡をフェリーで航く 釜山への旅/I go to Busan by ferry the Tsushima Strait - 旅の設計図会
旅の設計図114.対馬海峡をフェリーで航く 釜山への旅/I go to Busan by ferry the Tsushima Strait - 旅の設計図会旅の設計図114.対馬海峡をフェリーで航く 釜山への旅/I go to Busan by ferry the Tsushima Strait - 旅の設計図会
旅の設計図114.対馬海峡をフェリーで航く 釜山への旅/I go to Busan by ferry the Tsushima Strait - 旅の設計図会
 
Mod 1 Clse 1
Mod 1 Clse 1Mod 1 Clse 1
Mod 1 Clse 1
 
Mensajes
MensajesMensajes
Mensajes
 

Similar a Tutorial cs3

Belajar dasar membuat gambar gif
Belajar dasar membuat gambar gifBelajar dasar membuat gambar gif
Belajar dasar membuat gambar gifHehePangibulan2
 
Tutorial animasi sederhana dengan adobe photoshop cs6
Tutorial animasi sederhana dengan adobe photoshop cs6Tutorial animasi sederhana dengan adobe photoshop cs6
Tutorial animasi sederhana dengan adobe photoshop cs6Dasufianti
 
Tutorial membuat template dengan artisteer 1
Tutorial membuat template dengan artisteer 1Tutorial membuat template dengan artisteer 1
Tutorial membuat template dengan artisteer 1qiforrunia
 
Membuat animasi gif dengan photoshop
Membuat animasi gif dengan photoshopMembuat animasi gif dengan photoshop
Membuat animasi gif dengan photoshopandri yanto
 
Graphic design-by-photoshop-cs4-slamet-riyanto 2
Graphic design-by-photoshop-cs4-slamet-riyanto 2Graphic design-by-photoshop-cs4-slamet-riyanto 2
Graphic design-by-photoshop-cs4-slamet-riyanto 2Yudha Kirito
 
Tutorial bagus photoshop cs4 baruuuuuuu
Tutorial bagus photoshop cs4 baruuuuuuuTutorial bagus photoshop cs4 baruuuuuuu
Tutorial bagus photoshop cs4 baruuuuuuugultommauritz
 
Graphic design-by-photoshop-cs4-slamet-riyanto
Graphic design-by-photoshop-cs4-slamet-riyantoGraphic design-by-photoshop-cs4-slamet-riyanto
Graphic design-by-photoshop-cs4-slamet-riyantoYasir Partomo
 
Tutorial photoshop-lengkap
Tutorial photoshop-lengkapTutorial photoshop-lengkap
Tutorial photoshop-lengkapJoko Tole
 
Tutorial photoshop
Tutorial photoshopTutorial photoshop
Tutorial photoshopAbi Abdul
 

Similar a Tutorial cs3 (11)

Belajar dasar membuat gambar gif
Belajar dasar membuat gambar gifBelajar dasar membuat gambar gif
Belajar dasar membuat gambar gif
 
Tutorial animasi sederhana dengan adobe photoshop cs6
Tutorial animasi sederhana dengan adobe photoshop cs6Tutorial animasi sederhana dengan adobe photoshop cs6
Tutorial animasi sederhana dengan adobe photoshop cs6
 
Tutorial membuat template dengan artisteer 1
Tutorial membuat template dengan artisteer 1Tutorial membuat template dengan artisteer 1
Tutorial membuat template dengan artisteer 1
 
Membuat animasi gif dengan photoshop
Membuat animasi gif dengan photoshopMembuat animasi gif dengan photoshop
Membuat animasi gif dengan photoshop
 
Graphic design-by-photoshop-cs4-slamet-riyanto 2
Graphic design-by-photoshop-cs4-slamet-riyanto 2Graphic design-by-photoshop-cs4-slamet-riyanto 2
Graphic design-by-photoshop-cs4-slamet-riyanto 2
 
Alisalim flash4
Alisalim flash4Alisalim flash4
Alisalim flash4
 
Tutorial bagus photoshop cs4 baruuuuuuu
Tutorial bagus photoshop cs4 baruuuuuuuTutorial bagus photoshop cs4 baruuuuuuu
Tutorial bagus photoshop cs4 baruuuuuuu
 
Graphic design-by-photoshop-cs4-slamet-riyanto
Graphic design-by-photoshop-cs4-slamet-riyantoGraphic design-by-photoshop-cs4-slamet-riyanto
Graphic design-by-photoshop-cs4-slamet-riyanto
 
Edit foto
Edit fotoEdit foto
Edit foto
 
Tutorial photoshop-lengkap
Tutorial photoshop-lengkapTutorial photoshop-lengkap
Tutorial photoshop-lengkap
 
Tutorial photoshop
Tutorial photoshopTutorial photoshop
Tutorial photoshop
 

Tutorial cs3

  • 1. [TUTORIAL] CARA MEMBUAT GIF DENGAN PHOTOSHOP CS3 24 November 2013 · by FanyByun_ · in TUTORIAL. · Hai Hai! Kali ini aku bawain tutorial dengan menggunakan PS CS3! Daripada terlalu lama yuk kita simak langkah2nya! 1. Buka Adobe Photoshop 2. Untuk membuat GIF anda harus menambahkan window animation pada Photoshop. Caranyaklik menu Window - > pilih Animation. Hingga muncul jendela animation sepertiini 3. Buat file baru. File -> New. (Ukuran : 500×500 pixel)
  • 2. 4. Buat desain GIF nya. (Disini aku akan memberi contoh GIF berupa tulisan, Anonymous) [font yang aku pake : Bookman OldStyle, Signerica Thin, MarcelleScript, Marcelle Swashes, Forte, Gill SansUltra Bold, VNI- Thufap1] 5. Buatlah tulisan Anonymous beberapa layer, tidak sekaligus 1 layer. semisal layer 1 : a, layer 2 : n, dst. 6. Pada jendela animation duplicate frame yang ada, terserah kalian mau berapa frame, disini aku menduplicate menjadi 8 frame. 7. Setelah itu pada setiap frame munculkan layer yang ingin dimunculkan, padalayer yg tidak ingin dimunculkan kalian bisa melakukannya dengan cara mengklik gambar mata di sebelah kiri layer. Misalnyapadaframe 1 aku ingin memunculkan huruf A dan O maka aku membiarkan tanda mata di sebelah kiri layer dari keduanya tetap dan
  • 3. menghilangkan tanda mata di samping layer untuk layer-layer lainnya. 8. Setelah itu aturlah waktu tiap frame, caranya dengan mengklik segitiga di bagian bawah frame.
  • 4. 9. Di sini saya mengatur setiap frame dengan timing 0,1 second. 10. Setelah selesai tinggal mensave file, caranya : dengan klik FILE-> Save for Web & Devices
  • 5. 11. TARA! JADILAH GIF TULISAN ! SIMPLE KAN ^^ SELAMAT MENCOBA!!!