N I N E Q U A D R A T BY:IIEN SOLIHIN

Tutorial Flash Banner

  • Ninequadrat
  • Labels:
  • create flash banner self creations like this


    right click zoom this flash banner

    create flash banner template for free

    or create simple flash banner self creations


    THE TUTORIAL
    Step 1
    The logic is same creating flash banner with Adobe Flash CS and create flash banner with old Flash 5 version. The most important is output flash banner type file SW F, even easier create simple banner with Flash 5. See picture below :
    1. First create new file then save project by name "tutorial-flash-banner.FL A".
    2. Then select menu Modify > Movie, in window dialog Movie Properties change movie size to width 460 X high 100 pixel. This size for flash banner which will be made.
    Step 2
    1. Use Oval Tool (O) to create object oval or circle
    2. Then create shape in work area circle with red colors, see picture below
    3. Toolbar Fill Color chooser
    4. Double click at number 4 area to change Layer Name "Layer 1" to "CIRCLE RED"
    5. From the result creating this circle then would be seen a single Static Key frame have not been animated. His frame mark by black dot
    Step 3
    1. Use Arrow Tool (V) as standard cursor
    2. Then click in number 2 area, this is Static Frame at Timeline frame 1
    3. Choose menu Insert > Convert to Symbol or by press shortcut keyboard F8
    Step 4
    1. After appearing window dialog Symbol Properties, rename Symbol 1 to CIRCLE RED
    2. Select Behavior to be Graphic symbols type
    3. Then press OK button
    Step 5
    1. The circle after converted to Graphic Symbol
    2. Click at timeline 10th, this is our animation plan moving for circle end animation at timeline 10th
    3. Then select menu Insert > Keyframe or by press shortcut keyboard F6
    4. Mark of timeline after inserting keyframe
    Step 6
    The Logic Flash Animation
    Move object A position to B position
    Step 7
    1. Right click at timeline frame 5th (in between frame number 1st and 10th) then select Create Motion Tween. Then finished motion animation for CIRCLE RED
    2. For test movie press keyboard Enter
    3. Activate looping animation mode from menu Control > Loop Playback. then press Enter to see the result
    Step 8
    1. Click Layer Name CIRCLE RED, this function for select all frame in timeline
    2. Then Right Click at motion line (area number 2) then Select Copy Frames. This command is same function from copy paste like the others.
    Step 9
    1. Create Insert New Layer
    2. Double click Layer Name "Layer 2" and rename layer to CIRCLE GREEN
    3. Then lock Layer Name CIRCLE RED by clicking at dot mark (area number 3 lock or unlock layer)
    4. Right Click at area number 4 then Paste Frames here
    Step 10
    1. At timeline CIRCLE GREEN select first frame (frame number 1st)
    2. Then at the right toolbar from tool Effect and Tab Effect, select drop down menu solid color Tint
    3. And select green color to changing circle color as you want
    Step 11
    Do same again to change color CIRCLE GREEN at frame 10th to be green color like tutorial Step 10
    Step 12
    1. At timeline CIRCLE GREEN select frame number 1st
    2. Then move the circle from A position to B position. The position B is a start moving of CIRCLE GREEN
    Step 13
    1. At timeline CIRCLE GREEN select frame number 10th
    2. Then move the circle from A position to B position. The position B is a end moving of CIRCLE GREEN
    Step 14
    1. Select layer CIRCLE GREEN
    2. Then move drag all timeline CIRCLE GREEN to be end position 20th
    3. Is position timeline frame 20th

    This is end of tutorial how to make simply motion animation flash banner in adobe flash, the result:


    Step 15
    For finishing last step, you can insert much more layer or object symbol animation as you want for the best result like flash banner on top page.
    DOWNLOAD PROJECT
    FLASH BANNER 6.75 KB


    Hopefully Useful!


    This Article Dedicated to My Students 
    Graphic Design and Animation Class 
    Excellent Program, D a a r  E l  Q o l a m - B a n t e n

    70 comments:

    KameraFoto mengatakan... Creative Multimedia Design

    makasih banyak om,...
    dah tak bookmark,.. tar malem tinggal belajar,..hehe,.. :)
    thanks...

    Ninequadrat mengatakan... Creative Multimedia Design

    ok sama2, sering2 mampir y :)

    Honda Future Club mengatakan... Creative Multimedia Design

    Nice site you have. Thanks for dropping by my page.

    Adhi mengatakan... Creative Multimedia Design

    thank tutornya gan...mantabzzz....

    3Fortune Indonesia mengatakan... Creative Multimedia Design

    Manteb nih tutornya, thanks for sharing

    Otakku Otaku mengatakan... Creative Multimedia Design

    nice tutorial. love it. thanks for sharing

    Tholibin mengatakan... Creative Multimedia Design

    "i'm coming.......n u come here.....join please...ok.....blogg walking......"

    DistrictPTC mengatakan... Creative Multimedia Design

    Thanks for ur share friend....

    Udiee Tukang Bcanda, S.Pd. mengatakan... Creative Multimedia Design

    datang berkunjung :)

    edinesia mengatakan... Creative Multimedia Design

    permisi gan, bisa tukeran link,
    link agan sudah saya pasang di edinesia.com

    LADIT_14CELL mengatakan... Creative Multimedia Design

    visit her i like it info,izin download gan,,sukses buat blog nya

    Adrian mengatakan... Creative Multimedia Design

    ribet jga ya sob?hehe..tapi bagus nih sob buat pembelajaran saya klo mau buat banner flash.jangan lupa jga komen balik di blogku ya

    bry-xp mengatakan... Creative Multimedia Design

    bgus bnget nih,..

    thx,..

    myseksiptc mengatakan... Creative Multimedia Design

    wah kebetulan ada tutorial bkin banner :) thx sharingnya

    wynaut blog mengatakan... Creative Multimedia Design

    nice tutorial..step by step animation tutorial through flash

    Obat Sakit 2011 mengatakan... Creative Multimedia Design

    thanks gan tipsnya

    rikka mengatakan... Creative Multimedia Design

    thanks for this info...

    will try it soon..

    http://nanayiscrazy.com
    http://musthavefood.com

    click mengatakan... Creative Multimedia Design

    blogwalking

    Dady Long Legs mengatakan... Creative Multimedia Design

    Cheers!..niice tuts..Keep SMiling..

    visit me too: Dady Long Legs

    LivingShed mengatakan... Creative Multimedia Design

    blogwalking

    watadid mengatakan... Creative Multimedia Design

    wow nice info

    moenas mengatakan... Creative Multimedia Design

    d^_^b

    bons mengatakan... Creative Multimedia Design

    nice share

    lina@home sweet home mengatakan... Creative Multimedia Design

    Great tutorial!

    shida'R mengatakan... Creative Multimedia Design

    nice tutorial sahabat!

    PASANG IKLAN GRATIS mengatakan... Creative Multimedia Design

    Pasang iklan & promosi gratis

    anisayu mengatakan... Creative Multimedia Design

    knapa ga ada buku tamu ya....

    Blog Iklan Percuma mengatakan... Creative Multimedia Design

    Visit Here.. may u make me 1 flash banner? hehe :)

    xalometha krisra mengatakan... Creative Multimedia Design

    apakah comment ini berhasil terpublish? hehheheee...

    xalometha krisra mengatakan... Creative Multimedia Design

    yipppiiieee.. berhasil.. berhasil.. horray.. cieciee blognya bagus nih.. jadi minder... :P

    Coretan anuar mengatakan... Creative Multimedia Design

    Terima kasih di atas info yang diberikan..

    Saya sedang mencari cara-cara nak buat banner Flash..

    Syukur alhamdulillah terjumpa blog tuan rumah..

    Entri Terkini Di Blog Saya:
    Bagaimana Untuk Mengundi Blog Pilihan Anda??
    Tips Blogging: Semak kelajuan “Loading Page” Blog Anda

    monster iklan mengatakan... Creative Multimedia Design

    gratis ini kang?

    Raul mengatakan... Creative Multimedia Design

    Nice blog see you later

    nurcahyaku2.co.cc mengatakan... Creative Multimedia Design

    Terima kasih sahabat kunjungannya

    Pradisz Wardhana mengatakan... Creative Multimedia Design

    Keren sob, hehe...

    tiyangalit mengatakan... Creative Multimedia Design

    rolling back here :)

    edinesia mengatakan... Creative Multimedia Design

    kerennn sob, tak coba dulu ya

    tiyangalit mengatakan... Creative Multimedia Design

    support here this morning

    tiyangalit mengatakan... Creative Multimedia Design

    support here this morning

    tiyangalit mengatakan... Creative Multimedia Design

    support back here ...

    e-news mengatakan... Creative Multimedia Design

    hello :)

    Amateur Person mengatakan... Creative Multimedia Design

    Nice tutor...

    suduthati mengatakan... Creative Multimedia Design

    nice, brader. keep up the good work. cheers.....

    Shan GrafiKom mengatakan... Creative Multimedia Design

    buku tamunya di kemanain sob?... ane bingung.... di buang ya?

    e-news mengatakan... Creative Multimedia Design

    nice info :)

    Farray Cool mengatakan... Creative Multimedia Design

    Salam kenal :). Nice post..

    e-news mengatakan... Creative Multimedia Design

    nice info :)

    e-news mengatakan... Creative Multimedia Design

    nice info :)

    suduthati mengatakan... Creative Multimedia Design

    nice, brader. keep up the good work. cheers.....

    Amateur Person mengatakan... Creative Multimedia Design

    Nice tutor...

    edinesia mengatakan... Creative Multimedia Design

    kerennn sob, tak coba dulu ya

    nurcahyaku2.co.cc mengatakan... Creative Multimedia Design

    Terima kasih sahabat kunjungannya

    monster iklan mengatakan... Creative Multimedia Design

    gratis ini kang?

    xalometha krisra mengatakan... Creative Multimedia Design

    yipppiiieee.. berhasil.. berhasil.. horray.. cieciee blognya bagus nih.. jadi minder... :P

    anisayu mengatakan... Creative Multimedia Design

    knapa ga ada buku tamu ya....

    shida'R mengatakan... Creative Multimedia Design

    nice tutorial sahabat!

    lina@home sweet home mengatakan... Creative Multimedia Design

    Great tutorial!

    LivingShed mengatakan... Creative Multimedia Design

    blogwalking

    wynaut blog mengatakan... Creative Multimedia Design

    nice tutorial..step by step animation tutorial through flash

    bry-xp mengatakan... Creative Multimedia Design

    bgus bnget nih,..

    thx,..

    LADIT_14CELL mengatakan... Creative Multimedia Design

    visit her i like it info,izin download gan,,sukses buat blog nya

    Udiee Tukang Bcanda, S.Pd. mengatakan... Creative Multimedia Design

    datang berkunjung :)

    Tholibin mengatakan... Creative Multimedia Design

    "i'm coming.......n u come here.....join please...ok.....blogg walking......"

    Otakku Otaku mengatakan... Creative Multimedia Design

    nice tutorial. love it. thanks for sharing

    Adhi mengatakan... Creative Multimedia Design

    thank tutornya gan...mantabzzz....

    Honda Future Club mengatakan... Creative Multimedia Design

    Nice site you have. Thanks for dropping by my page.

    KameraFoto mengatakan... Creative Multimedia Design

    makasih banyak om,...
    dah tak bookmark,.. tar malem tinggal belajar,..hehe,.. :)
    thanks...

    www.flash-lovers.blogspot.com mengatakan... Creative Multimedia Design

    great site with a lot of brilliant tutorials

    Ninequadrat mengatakan... Creative Multimedia Design

    thanks very much for keep support us, because of you too we can create creativity and inspirations for next other ideas. maybe next time we will be post easy graphic design tutorials with video.

    best regards for all,

    thanks for visit us hopeful I always visit yours site's continously too.

    mudah-mudahan bisa bermanfaat, sering-sering mampir ya dan salam terima kasih atas kunjungan teman-teman semua.

    deen bella mengatakan... Creative Multimedia Design

    Hello,is it possible for us to create flash banner with pictures?Can you guide me?thanks!

    Posting Komentar

    Related Posts
    (c) Copyright 2010 Ninequadrat . Blogger template by Bloggermint | Powered by Blogger
    Sponsored by Ninequadrat