1. toRRfriend

    toRRfriend Well-Known Member Member

    Jul 25, 2010
    1,541
    hi guys,
    today i created my first animated gif banner, before that i thought(most of guys tooo) thinking, it's a difficult or big task, but is simple..so only i created this tutorial <3

    Creating a gif animated banner is a easy task..if you have high creativity, then you can create a highly attractive banner :)


    Things needed:
    1) background image or texture

    Guys use texture for normal banners, or use custom background(design in photoshop)

    Note: use google image search for finding texture, include some words in search..
    eg: black texture/metal texture/pink texture/simple texture

    2) Bannershop GIF animator 5 software (trial version is even enough)

    3) any extra icons or small images in banner(optional)

    4) text or slogans or message to convey
    Every banner is created for some reason (Mostly to convey message in animated motion pictures/animated text instead of static texts to attract visitors, atleast click through is higher than normal texts)

    So decide why you're creating banner and add slogans or texts going to convey... if you're a gaming freak, add games related texts or something..

    5)Banner size
    Everything is limited by size, in wjunction accepted height in signature is 100px ..

    so decide the size you need


    Let's start==>>
    Open the software(bannershop gif animator 5),

    Select animation wizard, press ok

    [​IMG]


    [​IMG]

    [​IMG]


    i selected 600 x 100,
    if you need the standard size means, it's available in drop down


    then press ok
    .

    Now you got the window like below image..
    [slide]http://iof5.imgkeep.com/i/00120/kxsswr4rlp1b.jpg[/slide]

    just drag and drop the texture or choose the background colour by right click

    Note:
    i used the texture rounded corner using this,

    [slide]http://iof5.imgkeep.com/i/00120/u4741r1z6n1u.jpg[/slide]

    then click the Symbol "A" in left side for adding Texts/slogans

    Now type the text, choose the color of text in contrast with banner(i used dark texture/background, so i used white color for texts)

    [slide]http://iof5.imgkeep.com/i/00120/4ihcf7230ll3.jpg[/slide]

    now right click the text frame, and select the intro anime to give EFFECTS
    [slide]http://iof5.imgkeep.com/i/00120/9bsppcjceulv.jpg[/slide]


    Add new frame, put the texture once again there or copy texture from first frame..add text add effects...

    [slide]http://iof5.imgkeep.com/i/00120/c9rspfn6nlco.jpg[/slide]


    Note:
    always select intro animation first, then selct outro animation
    Thats all

    My final Banner
    [​IMG]



    Now play with the effects it have :P
    so every one can create Gif banner is as easy as possible...

    Important Mistakes you may do:
    We all create banners and save the project, so we can edit texts, effects of that banner easily...

    So before creating banner, please create a folder and put the all images, background images and use the resources from there...

    if you used the resources randomly from other folder means, you may lose them due to location change of images and all ==>> So Always use resources in a single folder where you store the project

    Thanks for reading this :)
     
    Last edited: May 10, 2012
  2. jasoothai

    jasoothai New Member Member

    Dec 21, 2011
    169
    Thanks for sharing...
     
  3. toRRfriend

    toRRfriend Well-Known Member Member

    Jul 25, 2010
    1,541
    welcome jasoothai :)
    will add more tuts soon
     
  4. carkons

    carkons New Member Member

    Jun 29, 2011
    44
    Thanks for sharing...
     

Share This Page