Home > Tips & Tutorial > Asas membuat banner GIF

Asas membuat banner GIF

August 5th, 2009 Leave a comment Go to comments

Tutorial ini telah diminta oleh saudara Mohd Isa, haritu dia ada buat pertandingan buat banner, aku tak sempat nak join, hope apa yang aku akan kongsikan ni dapat di manfaat bersama.

Apa yang aku tunjuk ini simple sahaja, kalau korang dapat tangkap dan kreatif, korang boleh buat lebih gempak dari ini.

Bahan-bahan yg diperlukan
- Software Photoscape
- Gambar background
- Font yg sesuai

1. Sediakan gambar background untuk banner (bedal aje wallpaper yg cun)

2.Pergi ke Photoscape–> Editor

3. Untuk tutorial ni kita akan buat size 125 x 125, Resize gambor background tadi kepada size ini

contoh size banner 125x125

4.Dah siap Resize.. sila buat copy background tadi dalam 2-3 keping

5.sekarang mula letakkan huruf atau gambar, ok contoh aku dah buat bawah ni, pepandai korang la nak adjust design korang nanti

Rjuna banner tutor riang rjuna tutor banner rjuna banner cun

6 Pergi ke Photoscape–> AniGif

ANiGif Rjuna dot net

7. ok seret design korang tadi ke tempat kosong, lihat semudah ABC jer kan, set kan masa, set kan efek..wokeh dah siap Taraaa!!

rjuna banner tutorial

Banner kalau dah siap leh la upload ke hosting sendiri atau boleh guna khidmat Photobucket/Imageschack

Untuk code-copy-paste kat atas ni link dia.. korang edit nanti ya, tang nak buat kotak tu hangpa kelik kat blog Abg Juki ni (sorila textarea wordpress ada masalah pulak)

Aku harap tutorial ni dapat bantu korang buat banner sendiri pasni, kalau ada masalah komen dibawah, kalau awek kontek je ym, kalau lelaki jerit kat shoutbox ya hehe :razz:


Baca lagi topik-topik hangat
  1. August 5th, 2009 at 00:42 | #1

    muahahaha tq bro..wat la skali utk aku..simple lagi pimple..hu3..baru phm konsep..kui3..pada hal lame dah ade photoscape ni..hu3
    Roslan Nazri´s last blog ..Mask Pencegah H1N1 My ComLuv Profile

    [Reply]

    Rjuna MALAYSIA Google Chrome Windows Reply:

    ok buat 1 nanti boleh iklan blog free kat blog aku ni

    [Reply]

  2. August 5th, 2009 at 00:44 | #2

    wah…cantek menarik tertarik…hehe
    mohdisa´s last blog ..Blogger Boy Episod 10 My ComLuv Profile

    [Reply]

    Rjuna MALAYSIA Google Chrome Windows Reply:

    ko jgn cantik menarik tertarik, sekali bayang banner pon tak nampak sudey keh keh

    [Reply]

    mohdisa MALAYSIA Mozilla Firefox Windows Reply:

    haha…siut je ko ni…bro wat satu butang untuk blog aku blh?
    mohdisa´s last blog ..#001 Bola Punya Pasal Balik KL My ComLuv Profile

    [Reply]

  3. August 5th, 2009 at 02:10 | #3

    wah… mudahnya!
    Mus´s last blog ..Kasut Pertama Mikail My ComLuv Profile

    [Reply]

    Rjuna MALAYSIA Mozilla Firefox Windows Reply:

    Ada banner bro Mus? meh exchange meh, kasi promosi kawan2 free jer ads spot :up:

    [Reply]

    Mus MALAYSIA Mozilla Firefox Windows Reply:

    Guna banner ni bro..
    http://iklan.mustaffa.org/iklan/mikail.gif

    URL: http://my.mustaffa.org

    Mus dah link ke Rjuna.Net.. tapi guna banner kat atas tu.. kalau ada banner lain.. boleh tukar..
    Mus´s last blog ..1Borneo – Kisah Dalam Sehari My ComLuv Profile

    [Reply]

    Mus MALAYSIA Mozilla Firefox Windows Reply:

    tq untuk iklan banner tu
    Mus´s last blog ..Pendidikan Tidak Formal Sebagai Langkah Awal My ComLuv Profile

  4. August 5th, 2009 at 06:26 | #4

    woo.. itu mcm ka.. thanks bro.. ilmu nih.. x tau plak senang gak buatnya..
    APEK´s last blog ..dr Jerebu ke H1N1.. My ComLuv Profile

    [Reply]

    Rjuna MALAYSIA Google Chrome Windows Reply:

    Sharing is kering keh keh

    [Reply]

  5. August 5th, 2009 at 10:44 | #5

    nak tiru?…hiihii…
    ejdeejasmi´s last blog ..~* Jom tukar IBU Baru *~ My ComLuv Profile

    [Reply]

    Rjuna MALAYSIA Google Chrome Windows Reply:

    Tak paham html ya, nanti kita citer kat ym, agar lebih paham

    [Reply]

  6. August 5th, 2009 at 13:54 | #6

    kalo nak letak muka kita mcm mane pulak? :P

    [Reply]

    Rjuna MALAYSIA Google Chrome Windows Reply:

    gambar ko kena pandai crop guna photoshop, background kena sama,
    susun la macam buat animasi

    (kalau tak jadi maknanya aku dr ajaran sesat)

    [Reply]

  7. August 5th, 2009 at 16:29 | #7

    malas mau buat banner yg bergerak-gerak :o
    eldy´s last blog ..Giveaway : TuneUp Utilities 2008 My ComLuv Profile

    [Reply]

    Rjuna MALAYSIA Mozilla Firefox Windows Reply:

    Kalau malas buat yg statik pun ok gak, janji cun n rasa orang tertarik nak klik,

    itu tujuan ada banner sebenarnya

    [Reply]

  8. August 5th, 2009 at 22:35 | #8

    oowwh, great info. thanks bro.
    naz´s last blog ..Demonstrasi demokrasi versi basi My ComLuv Profile

    [Reply]

  9. August 8th, 2009 at 21:46 | #9

    Aku cuma nak ucapkan selamat hari lahir kepada sahabat baikku mr Jamil, semoga cepat dapat jodoh.
    ejoy´s last blog ..Hari paling bahagia My ComLuv Profile

    [Reply]

    Rjuna MALAYSIA Mozilla Firefox Windows Reply:

    dey salah ruangan kah, ini ruangan komen untuk buat banner

    Anyway ko org yg 1st wish kat aku, terima kasih :smile:

    [Reply]

  10. January 8th, 2010 at 10:57 | #10

    salam bro,1st time singgah n bg komen kat sini,tq untuk tutorial tu yer

    [Reply]

  11. January 16th, 2010 at 09:38 | #11

    thanks…memeg nak blaja buat ni

    [Reply]

  12. March 6th, 2010 at 18:53 | #12

    :up: best2..thanx

    [Reply]

  13. July 1st, 2010 at 05:05 | #13

    terima kasih ajo buat benda ni :)
    siparapara´s last blog ..23 NI NO JERSI SAPE YEMy ComLuv Profile

    [Reply]

  1. No trackbacks yet.
CommentLuv Enabled