Jump to content
PirateClub.hu

Animációs banner készítése


Mr.Batista
 Share

Recommended Posts

Ezt a példát én most egy banner méret segítségével mutatom be
Nyiss egy 468*60 – as méretű új fájl – t.
Töltsd ki valamilyen színnel
Réteg – Új réteg
Ezzel az ikonnal rajzolj bele egy kört
1-13.png
Azt is töltsd ki így:
Szerkesztés - Kitöltés. Itt válassz neki színt.
Ha színátmenettel szeretnéd kitölteni, akkor a bal oldali palettán válaszd ki a színátmenetet és keverj ki magadnak két színt.
Én vetett árnyékot is adtam neki. (Réteg – Rétegstílus – Vetett árnyék)
A jobb oldali réteg ablakban így most kettő réteg van. (a banner és külön a karika)
Most menjünk át Image Ready – be
A bal panelen ide kattincs. A leges legalsó ikonra
2-8.png
Várd meg, míg betölt az Image Ready progi.
Láthatod, hogy átvitte a banneredet magával
Ha nincs kint az Animáció ablak, akkor a fenti menüsorban az Ablak menünél keresd meg az Animációt és kattincs rá.
Most már kint van.
A réteg ablak elvileg alapból kint van jobb oldalt alul. Az is fog nekünk kelleni. Ha nincs kint azt is az Ablak menüben találod.
Az Animációs ablakunk eddig így néz ki
2007-12-30_103129.png
Ami ikont bejelöltem rajta, arra kellene kétszer kattintani.
Vagy is lesz 3 ugyan olyan kis ablak az Animációban
Jelöld ki a középső banneredet
2007-12-30_103304.png
És most a Réteg ablakban pedig a kör rétegnél vedd ki a szemet mellőle
2007-12-30_103344.png
Most eltűnt a szem a banneredről. De csak a középsőről.
A bal oldali panelen kattincs a nyílra. Legfelső sor 2. ikon
3-4.png
Fogd meg a kört és vidd odébb. Ahova akarod, oda tedd le. Én ide
2007-12-30_103558.png
Most válts vissza a középső ablakra az Animációban
Ha most elindítod a Lejátszást látni dogod, hogy nagyon gyorsan ugrál a kör a bannerben
2007-12-30_103305.png
banner1.gif
Ez ellen tegyünk
Az Animációs ablakra lesz szükség.
A 3. ablakot jelöld ki az Animációs ablakban
Abból még egy másolatot készíts el.
Most már 4 banner van az ablakban
Az utolsót jelöld ki és onnan is vedd ki a kört a réteg ablakban.
Most a második banner legyen kijelölve. Az, amelyikben nem látszik a kör.
Lent válaszd ki ezt az ikont: Leforgatás
2007-12-30_104059.png
Előjön egy ablak.
Így állítsd be
Arra figyelj, hogy a beállításnál az ÁTMENET SZÉLESSÉGE ez legyen: előző képkocka.
Érték 10 legyen
Okézd le.
Most újra hozd elő azt az ablakot.
Az ÁTMENET SZÉLESSÉGE most következő képkocka legyen. Az érték itt is 10.
2007-12-30_104112.png
Most a legutolsó bannert jelöld ki az animációs ablakban
Ott is meg kell csinálni mind a kétféle leforgatást 10 – es értékkel.
Az ÁTMENET SZÉLESSÉGE egyszer első képkocka, aztán előző képkocka
Ezzel kész is vagyunk. Játszd le.
Így kell elmenteni:
File – Optimalizált mentés másként
Adj neki nevet. Csak GIF formátumban mentsd el
th_2007-12-30_105901.png
Ez után talán ki fog jönni ez az ablak
th_2007-12-30_105948.png
Okézd le és kész
Nekem ilyen lett
banner2.gif
Link to comment
Share on other sites

  • 4 weeks later...
  • 1 month later...

Ilyet sem láttam még, magyar tutorial :)

Hát akkor asszem le kell szednem a photoshop szótárat mert nekem angol van, de szerintem meg éri majd :)

Kösz a tutort

 

dj igi, mivel nem olvastam végig a tutort nemtom megmondani h Te hol hibáztál, csak adni egy tippet, kezd előröl és akkor majd figyelj jobban ;)

Link to comment
Share on other sites

  • 3 weeks later...
  • 4 weeks later...
  • 3 weeks later...
  • 3 weeks later...
1viktor112, save optimized-> igy mentetted? :)

biztosan így mentette, animálva van. az első és az utolsó kocka van csak meg... mint mondottam, kimaradt a tween

 

meik szerkesztővel kell csinálni mert abszolult kezdő vagyok

olvasás talán még megy... olvasd csak el az alfórum címét ;)

 

Link to comment
Share on other sites

  • 5 weeks later...

Nekem így sikerült... ez volt az első ilyen gif-em sztem nem lett rossz. Bár van egy kis csiszolni való még rajt.

Köszönöm a tutorialt.

(Bár nem tudom hogy lehet úgy gif állományt feltölteni hogy ne ilyen kicsibe mutassa hanem le is játssza... :( )

post-1124772-1231093958_thumb.png

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...