» » Membuat Animasi Gif Dengan Photoshop (Untuk Display Picture BBM)

Sunday, 19 August 2012

Membuat Animasi Gif Dengan Photoshop (Untuk Display Picture BBM)

Assalamu'alaikum Wr.Wb
Sebelumnya, mumpung msh suasana lebaran, terlebih dulu gw pengen minta maaf ke readers-readers sekalian apabila ada salah-salah kata baik yg disengaja atopun engga. dan sebaliknya, semua ksalahan kalian juga udah gw maafin kok :D.

Kali ini pengen bahas cara buat Animasi Gif yang bisa dipake untuk Display Picture BBM. Seperti biasa gw pake adobe photoshop cs3. here we come..

buka PS lo dan kmudian buat file baru dengan ukuran 200x200 (perlu diketahui bahwa dp bbm harus persegi dan ukuran file maximal 32.0kb)


buatlah sebuah tulisan, kali ini gw bikin tulisan "Selamat Lebaran". buat 1 layer 1 huruf, kemudian susun sedemikian rupa. Ingat 1 layer 1 huruf. untuk kedepanya bisa sesuai imajinasi dan kreatifitas kalian.


kalo udah, klik Window-Animation


maka akan muncul bar baru. klik Convert to frame animation yang paling pojok kanan bawah


pilih intervalnya dan mode penampilannya.


kalo udah, buat frame baru frame ke 2 klik yg dibuletin merah


nonaktifkan semua layer, sisain layer background sm "S" aja


kalo udah, buat frame baru lagi, frame ke-3 dan aktifkan layer huruf "e" dan begitu terus satu persatu sampai huruf "n" dari "Lebaran"


jika sudah klik tombol play, dan animasi gif pun berhasil dibuat..


untuk peng-save-an-nya pilih FIle-Save for web & device


pilih gif. kemudian simpan


dan seperti ini hasilnya

untuk fariasi tergantung imajinasi dan kreatifitas kalian. semoga semua yg uda gw tulis bisa dijadikan dasar.
oke.. selamat lebaran :)
Terima Kasih Atas Kunjungan Anda
Judul: Membuat Animasi Gif Dengan Photoshop (Untuk Display Picture BBM)
Ditulis Oleh bogorend
Jika mengutip harap berikan link yang menuju ke artikel Membuat Animasi Gif Dengan Photoshop (Untuk Display Picture BBM) ini. Sesama blogger mari saling menghargai. Maaf apabila terjadi keterlambatan dalam membalas komentar, karena saya hanya mengurus blog ini sendirian dan tidak selalu online 24jam. Terima kasih.
Labels:

75 comments:

  1. Agen Obat Kuat Foredi9 October 2012 at 23:31

    Artikel yang sangat menarik.

    kunjung balik yach ==> www.foredistrong.com

    ReplyDelete
    Replies
    1. Giribig.com11 September 2015 at 21:32

      manthap gan artikelnya, mampir juga ke blog ane ya
      giribig.com
      blog.giribig.com
      idcheat.com

      Delete
  2. Obat Kanker Serviks2 November 2012 at 12:37

    saya sering berkunjung di blog-blog, postingan ini sangat menarik serta enak dibaca tentang membuat animasi gif dengan photoshop.... saya berharap bisa berkunjung lagi

    ReplyDelete
  3. Unknown8 November 2012 at 03:51

    klik Convert to frame animation yang paling pojok kanan bawah
    SAYA CARI D PS PORTABLE CS 3 ANE KOK NGGA ADA YA GAN,,,ps cs 3 v 10.0 klo g slh gmn cara nampilinny gan,,,

    ReplyDelete
  4. Unknown8 November 2012 at 03:52

    klik Convert to frame animation yang paling pojok kanan bawah
    di PS CS 3 PUNYA ane gak ada gan,gimana cara nampilinnya,,ane pke prtable cs3 v 10.0

    ReplyDelete
  5. bogorend13 November 2012 at 09:44

    @rohmatulloh: coba dicari lagi gan, kalo yang bukan portable sih seharusnya ada. nanti ane cari tau dulu deh, hehe. kebetulan ane belom pernah pake yang portabel juga gan.

    ReplyDelete
  6. Unknown20 November 2012 at 20:11

    bagus banget ni bro, sukses dah buat agan.
    kunjungin balik ya www.stevlimteddy.blopspot.com

    ReplyDelete
  7. Anonymous13 December 2012 at 16:51

    ga diconvert juga jalan kok..

    ReplyDelete
  8. Erick Prasetya17 January 2013 at 10:57

    Apakah aplikasi itu bisa download di blackberry?

    ReplyDelete
  9. Obat Herbal21 January 2013 at 08:57

    Postingnya menarik. lanjutkan

    ReplyDelete
  10. Property di Bali24 January 2013 at 09:50

    nice info,sangat bermanfaat gan, thank infonya.

    ReplyDelete
  11. belajar pola sepatu sandal27 January 2013 at 01:00

    beuhhh manteb nih ilmunya bro, thank... (y) tapi ko di pindah ke BB jadi ga gerak knapa yak..???

    ReplyDelete
  12. Irfan Prastiyanto27 January 2013 at 20:53

    keren.. tutornya jos..

    Salam Desainew

    ReplyDelete
  13. Anonymous18 February 2013 at 16:12

    Haloo, saya jg ga ada tombol convert to frame animation nya..
    Kira2 gimana ya? Saya udah coba tetep bikin wlpn ga di convert. Tp pas selesai ga jalan animasinya baik di komp atau di bb..

    ReplyDelete
    Replies
    1. bogorend6 July 2013 at 13:17

      kalau di ps portable sy sdh coba mmg tdk ada gan
      kalau ps dibawah cs2 (kalo gak salah) itu harus dipindah ke adobe illustrator dulu

      Delete
  14. Sewa Mobil Semarang18 March 2013 at 00:15

    Makasih Mas Tutornya...
    Sy lagi belajar bikin banner buat blog saya dan tertolong sekali :)

    ReplyDelete
  15. Contoh22 April 2013 at 13:23

    manfaat info nya gan

    ReplyDelete
  16. Heinz Rich DK8 May 2013 at 15:09

    Photoshop ane 7.0 kok gak ada animasi ya??

    ReplyDelete
    Replies
    1. bogorend6 July 2013 at 13:06

      bisa gan, kalau ps7.0 itu nanti layernya dipindah ke adobe illustrator..

      Delete
  17. Cetak Buku28 May 2013 at 14:12

    makasih artikelnya bagus brooo , bermanfaat

    ReplyDelete
  18. Anonymous16 July 2013 at 19:57

    gan pny ane koq ga bisa di save, pas mau save for web muncul tulisan experience out of memory error and slow. apa size nya terlalu gede ato gmn. mohon pencerahan :D

    ReplyDelete
    Replies
    1. bogorend23 September 2013 at 11:25

      bisa jadi gan, coba aja ekspirimen lg utak-atik ukuran nya

      Delete
  19. Anonymous20 July 2013 at 20:22

    koq pas di save error sob, out of memory terus. apa karena file nya kegedean?

    ReplyDelete
  20. Unknown4 August 2013 at 22:20

    Wah thanx banget , nambah ilmu nih . saya suka dengan berbau PSD (f)

    ReplyDelete
  21. Seallinfo12 August 2013 at 17:27

    Ane Bisa gan ,
    Coba aja cek Http://seallinfo.blogspot.com

    ReplyDelete
  22. Anonymous12 August 2013 at 19:29

    kak, kalo buat animasinya menggunakan kumpulan foto" gmna?
    misalnya fram 1 foto1 trs fram 2 foto2
    gmna cara nya? tolong ya kak

    ReplyDelete
    Replies
    1. bogorend21 September 2013 at 14:17

      bisaaa
      konsepnya hampir sama, malah lebih gampang
      kaya ini nih --> http://bergerak-untuk-hidup.blogspot.com/2012/08/animasi-gif-dengan-photoshop.html

      Delete
  23. Reggae Sumba23 September 2013 at 03:41

    ini yang q suka,,, KERENN..!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! tengkyu bang... :D

    ReplyDelete
  24. Tentang CELL23 September 2013 at 11:13

    bagus gan nambah ilmu hheheh berhasil x-)
    iziin share gan..

    ReplyDelete
  25. Tentang CELL23 September 2013 at 11:15

    heehee keren gan (b)
    izin share gan... =))

    ReplyDelete
  26. Unknown23 November 2013 at 11:17

    bagus bangat gan,sangat membantu,trimakasih

    ReplyDelete
  27. Anonymous2 December 2013 at 17:39

    thankyou artikelnya brguna bngt, aku bikin 200x200, 4 frame, pake intervalnya 5s, hasilnya animasi gif ukuran 28kb dibuka di firefox normal, tapi waktu dipasang jadi DP animasinya kok brenti di frame 2, itu kenapa ya?

    ReplyDelete
  28. KertasInfo.Net | Seo Trik | Dunia Tips | Tutorial8 December 2013 at 16:04

    izin coba dulu achhh....

    ReplyDelete
  29. Unknown1 January 2014 at 02:37

    Ane tambahin sedikit gan..
    Ane mengunakan foto 3 frame..
    Ukuran normal yg bisa di tampilkan di bb ukuran frame 320x320 size 32kb.
    Awal ane save ukuranya 80kb.
    Punya ane jg gak ada Convert frame namun fotonya di convert dl Layer->Smart Object->Convert to Smart Object.
    Hasilnya..320x320 = 40kb
    Ane sesuaiin lg..Menjadi 280x280 = 31kb...
    Lumayan gambarnya rada gede..

    Thx

    ReplyDelete
    Replies
    1. bogorend18 March 2014 at 22:02

      Mantep (o)
      yah intinya gak lebih dari 32kb gan. :d

      Delete
  30. arya4 January 2014 at 13:40

    setelah dijadikan DP BB kogg gak gerak , kenapa?

    ReplyDelete
  31. Unknown3 March 2014 at 02:54

    kalo animainya di pndah ke hp soni experia gak bisa begerak bantu gan

    ReplyDelete
    Replies
    1. bogorend18 March 2014 at 22:05

      kemaren sempet juga simpen di galyoung, dr galeri juga gak bisa gerak. belum coba utk dp bbm (androit) sih. Perkiraan saya animasi mmg gak support di androit. coba jajal gan, masukin gambar animasi yg lain.

      Delete
  32. Anonymous10 March 2014 at 23:58

    Terima kasih ilmunya... Ini cara langsung saya praktekkan dan berhasil... Hehehehe Berkunjung juga gan di www.bacawebster.com salam blogger indonesia

    ReplyDelete
  33. Anonymous11 March 2014 at 17:20

    AssWrWb, saya suka pake photoshop tp baru tahu skrg ada cara bikin gambar bergerak. Trksh infonya

    ReplyDelete
  34. Unknown12 March 2014 at 09:24

    sippp sangat bermanfaat skali mas info nya,kl mau bikin tulisan bergerak tapi pakai wallpapernya photo kita gimana caranya mas?
    trimakasih

    ReplyDelete
    Replies
    1. bogorend18 March 2014 at 22:07

      Dasarnya sama om, tinggal dikembangin aja. hehe :)

      Delete
  35. bisnis rumahan untuk ibu rumah tangga13 March 2014 at 03:03

    hebat gan, jadi nih (h) bikin banyak animasi ah =p~

    ReplyDelete
  36. Unknown1 January 2015 at 22:42

    saya sudah coba, namun setenga berhasil.
    setelah langkah terakhir, preview di web, lalu save dari web/internet explorer yg terbuka, nah pengalaman saya langkah ini yg berhasil. thx for sharing...

    ReplyDelete
  37. Unknown19 March 2015 at 16:41

    bang ini buatan kata-kata animasiku ukuranx lbih dri 2 MB trus g' bsa d jdikn sebgai DP BBM, cara memperkecilx gmna bang???

    ReplyDelete
  38. Unknown19 March 2015 at 16:46

    bang aku udah bkin kata-kata animasi tpi ukuran filex tinggi lbih dri 2 MB, animasiku persis dgn animasi abang yg d atas (selamat lebaran) tpi kata-katax pnjang,, cara memperkecil ukuranx bang gimna?

    ReplyDelete
  39. Dody11 April 2015 at 00:47

    Klo gambar nya yang bergerak gmn cara nya gan...?
    http://jasakontraktorsipil.blogspot.com

    ReplyDelete
  40. Lega Plong18 April 2015 at 10:15

    saya bulak balik tidur bangun sama adobe gk tau kalo ada caranga di PS hahahah thx gan sangat menarik dan berguna

    ReplyDelete
  41. Expo Lowongan Kerja7 May 2015 at 11:48

    Mantab bgt gan infonya, izin menerapkan ya..
    Lowongan kerja sarjana http://expocpnsbumn.blogspot.com/search/label/S1

    ReplyDelete
  42. Unknown23 May 2015 at 18:52

    mantaap gan infonya... (h)
    terima kasih atas ilmunya.. (o)

    ReplyDelete
  43. Unknown17 June 2015 at 15:43

    terimakasih sob. sukses slalu :)

    ReplyDelete
  44. Subakir20 June 2015 at 21:52

    Gimana caranya agar dp bbm (android) tidak bisa di simpan di galeri
    soalnya pernah ada dp temen tidak bisa di copy meski sudah masuk ke profilnya tapi tidak ada menu simpan atau copy-nya gan?

    ReplyDelete
  45. Unknown9 November 2015 at 22:57

    keren gampang banget ternyata (h) . kalo di hap aku pake aplikasi "efek animasi dp bbm"
    https://play.google.com/store/apps/details?id=com.prabudroid.bbmgifeffect

    ReplyDelete
  46. Unknown21 November 2015 at 22:46

    Punyaku kok hasilnya gak bisa gerak? Itu gmn yah..tlong solusinya gan.thanks

    ReplyDelete
  47. Unknown21 November 2015 at 22:47

    PUnyaku kok stlah di save gk bisa gerak .itu gmn gan..tlong bls
    Thanks before

    ReplyDelete
  48. Unknown3 January 2016 at 06:05

    mantap

    ReplyDelete
  49. minyak bulus28 February 2016 at 03:06

    MANTAB SOB... SUKSES SELALU..

    ReplyDelete
  50. honorer k210 March 2016 at 04:58

    gan saya mash pakai photoshop yang lama (photoshop 7) apakah caranya tetp sama?, makasih

    ReplyDelete
  51. Neptunews26 March 2016 at 10:56

    Sayangnya hasilnya selalu pecah ya..

    ReplyDelete
  52. Unknown7 April 2016 at 19:00

    manfaat sekali gan tutorialnya, semoga sukses
    jangan lupa kunjungi web kita juga di www.dpsibelang.com
    kumpulan animasi DP BBM gratis...

    mau di buatin DP BBM sesuai kemauan ? add pin nya :D

    ReplyDelete
  53. Fachry Ichwanul Mahendra24 June 2016 at 10:08

    Terimakasih bang postingannya membantu sekali 😊

    ReplyDelete
  54. Unknown20 July 2016 at 19:05

    mantap cara membuat nya gan,
    sekalian mau promoin website www.idolapoker.com adalah website yang memiliki server yang beesar dan baik.

    ReplyDelete
  55. Unknown27 May 2017 at 10:42

    Ketika ketik 1 huruf 1 layer, koq tulisan nya tidak rapi y gan? gmn solusi nya?

    ReplyDelete
  56. errol28 May 2017 at 21:28

    lumayan buat animasi dikit dikit awdkadkoao

    ReplyDelete
  57. Unknown21 November 2018 at 00:23

    Jakarta

    ReplyDelete

Subscribe to: Post Comments (Atom)
 
Facebook Twitter Google+ RSS
Back to Top