SlideShare a Scribd company logo
[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!!!
Ad

More Related Content

Viewers also liked (12)

IES AURORA PICORNELL BSG
IES AURORA PICORNELL BSGIES AURORA PICORNELL BSG
IES AURORA PICORNELL BSG
guestea63ab
 
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 Fukuoka
Teresa Jular
 
00 disenioynegocios
00 disenioynegocios00 disenioynegocios
00 disenioynegocios
Mario Spina
 
Buenos Amigos
Buenos AmigosBuenos Amigos
Buenos Amigos
Nombre Apellidos
 
Ya no quiero la cheyen apa
Ya no quiero la cheyen apaYa no quiero la cheyen apa
Ya no quiero la cheyen apa
Ellery 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%F3mica
gueste16d3b
 
Jornadas
JornadasJornadas
Jornadas
joseraulcastrom
 
旅の設計図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
guest68adc8
 
Mensajes
MensajesMensajes
Mensajes
guest0c18ad
 
IES AURORA PICORNELL BSG
IES AURORA PICORNELL BSGIES AURORA PICORNELL BSG
IES AURORA PICORNELL BSG
guestea63ab
 
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 Fukuoka
Teresa Jular
 
00 disenioynegocios
00 disenioynegocios00 disenioynegocios
00 disenioynegocios
Mario Spina
 
Ya no quiero la cheyen apa
Ya no quiero la cheyen apaYa no quiero la cheyen apa
Ya no quiero la cheyen apa
Ellery 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%F3mica
gueste16d3b
 
旅の設計図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 - 旅の設計図会
旅の設計図会
 

Similar to Tutorial cs3 (11)

Belajar dasar membuat gambar gif
Belajar dasar membuat gambar gifBelajar dasar membuat gambar gif
Belajar dasar membuat gambar gif
HehePangibulan2
 
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
Dasufianti
 
Tutorial membuat template dengan artisteer 1
Tutorial membuat template dengan artisteer 1Tutorial membuat template dengan artisteer 1
Tutorial membuat template dengan artisteer 1
qiforrunia
 
Membuat animasi gif dengan photoshop
Membuat animasi gif dengan photoshopMembuat animasi gif dengan photoshop
Membuat animasi gif dengan photoshop
andri 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 2
Yudha Kirito
 
Alisalim flash4
Alisalim flash4Alisalim flash4
Alisalim flash4
Nurdin Al-Azies
 
Tutorial bagus photoshop cs4 baruuuuuuu
Tutorial bagus photoshop cs4 baruuuuuuuTutorial bagus photoshop cs4 baruuuuuuu
Tutorial bagus photoshop cs4 baruuuuuuu
gultommauritz
 
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
Yasir Partomo
 
Edit foto
Edit fotoEdit foto
Edit foto
Irma Irawati
 
Tutorial photoshop-lengkap
Tutorial photoshop-lengkapTutorial photoshop-lengkap
Tutorial photoshop-lengkap
Joko Tole
 
Tutorial photoshop
Tutorial photoshopTutorial photoshop
Tutorial photoshop
Abi Abdul
 
Belajar dasar membuat gambar gif
Belajar dasar membuat gambar gifBelajar dasar membuat gambar gif
Belajar dasar membuat gambar gif
HehePangibulan2
 
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
Dasufianti
 
Tutorial membuat template dengan artisteer 1
Tutorial membuat template dengan artisteer 1Tutorial membuat template dengan artisteer 1
Tutorial membuat template dengan artisteer 1
qiforrunia
 
Membuat animasi gif dengan photoshop
Membuat animasi gif dengan photoshopMembuat animasi gif dengan photoshop
Membuat animasi gif dengan photoshop
andri 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 2
Yudha Kirito
 
Tutorial bagus photoshop cs4 baruuuuuuu
Tutorial bagus photoshop cs4 baruuuuuuuTutorial bagus photoshop cs4 baruuuuuuu
Tutorial bagus photoshop cs4 baruuuuuuu
gultommauritz
 
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
Yasir Partomo
 
Tutorial photoshop-lengkap
Tutorial photoshop-lengkapTutorial photoshop-lengkap
Tutorial photoshop-lengkap
Joko Tole
 
Tutorial photoshop
Tutorial photoshopTutorial photoshop
Tutorial photoshop
Abi Abdul
 
Ad

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!!!
  翻译: