Animált GIF létrehozása a Fireworks alkalmazásban

Tartalomjegyzék:

Animált GIF létrehozása a Fireworks alkalmazásban
Animált GIF létrehozása a Fireworks alkalmazásban
Anonim

Amit tudni kell

  • Hozzon létre illusztrációt és másolja le. Változtassa meg az egyiket, alakítsa át mindkettőt szimbólumokká, hozzon létre egy második állapotot. Tekintse meg az animáció előnézetét.
  • Módosítsa mindkét állapot időtartamát, mentse a fájlt animált GIF-ként, és tekintse meg egy webböngészőben.

Ebben az oktatóanyagban megtanulhatja, hogyan használhatja a Fireworks CS6-ot, hogy animált GIF-et készítsen egy pulyka színét megváltoztató farktollairól. Bár ebben az oktatóanyagban a Fireworks CS6-ot használjuk, a Fireworks vagy akár a Photoshop bármelyik legújabb verziójával követni kell a lépést.

Hogyan készítsünk pulyka animációs GIF-et a tűzijátékban

Fontos megjegyezni, hogy az Adobe már nem kínálja a Fireworks CC-t a Creative Cloud részeként. Ha Fireworks-t keres, azt a Creative Cloud További alkalmazások keresése szakaszában találja meg. Amikor az Adobe bejelenti, hogy a továbbiakban nem támogatja vagy nem frissíti az alkalmazásokat, feltételezheti, hogy csak idő kérdése, hogy az alkalmazás eltűnjön.

    Új dokumentum létrehozása

    Először is létre kell hoznia egy új dokumentumot a Fájl > New kiválasztásával. Állítsa a szélességet és magasságot 400 x 400 képpontra, a felbontást pedig 72 pixel/hüvelykre. Válasszon fehéret a vászon színének, és kattintson az OK gombra.

    Következő lépésként válassza a Fájl > Mentés lehetőséget, nevezze el a fájlt pulyka-p.webp" />kattintson a Mentés gombra.

    Image
    Image

    Rajzolj egy kört

    Az Eszközök panelen kattintson a Körvonal színe mezőre, és válassza a feketét, majd a Kitöltés színe mezőt, és válasszon egy barna színmintát, vagy írja be a Hexadecimális érték mezőbe: 8C4600.

    A Tulajdonságok panelen állítsa be a körvonal szélességét 2 képpontra. Ezután az Eszközök panelen válassza az Ellipszis eszközt, amelyet a Téglalap eszköz melletti kis nyílra vagy más látható alakzati eszközökre kattintva találhat meg. Miközben lenyomva tartja a Shift billentyűt, kattintson és húzza a kívánt nagy kört. (Az eltolás használata biztosítja, hogy a kör tökéletesen kerek lesz.)

    Image
    Image

    Rajzolj még egy kört

    Ismét tartsa lenyomva a Shift billentyűt, miközben újabb kört rajzol, azzal a szándékkal, hogy ez a kör kisebb legyen, mint az előző.

    A Mutató eszközzel kattintson a kis körre, és húzza a helyére. Azt szeretné, hogy átfedje a nagy kör tetejét, ahogy az ábrán látható.

    Image
    Image

    Rajzoljon lekerekített téglalapot

    A Lekerekített téglalap eszközzel rajzoljon egy téglalapot. A Mutató eszközzel vigye a helyére. Azt szeretné, hogy középen legyen, és kissé átfedje a kis kör alját.

    Image
    Image

    Útvonalak kombinálása

    Tartsa lenyomva a Shift billentyűt, miközben a kis körre, majd a lekerekített téglalapra kattint. Ez mindkét formát kiválasztja. Ezután válassza a Modify, Combine Paths > Union.

    Image
    Image

    Szín módosítása

    Az Eszközök panelen kattintson a Kitöltés mezőre, és válasszon egy krémmintát, vagy írja be az FFCC99 számot a Hexadecimális érték mezőbe, majd nyomja meg a return billentyűt.

    Image
    Image

    Make the Eyes

    Két kis kört rajzolhat a szemek elkészítéséhez, de ehhez használja a Szöveg eszközt. Kattintson a Szöveg eszközre az Eszközök panelen, majd a vásznon. A Tulajdonságvizsgálóban válassza az Arial Regular betűtípust, állítsa be a méretet 72-re, és módosítsa a színt feketére. Tartsa lenyomva a "Kép" vagy az Opciók gombot, miközben lenyomja a 8-as számot tartó billentyűt, ami golyót hoz létre. Ezután nyomja meg a szóköz billentyűt, mielőtt újabb golyót írna. alt="

    Image
    Image

    Készítsd el a csőrt

    Az Eszközök panelen kattintson a Sokszög alakú eszközre. A Tulajdonságok panelen válasszon egy narancssárga színmintát a kitöltéshez, vagy írja be az FF9933 számot a Hexadecimális érték mezőbe. Szintén a Tulajdonságok panelen tegye feketére a körvonalat 1 szélességben.

    Következő, válassza a Window > Auto Shape Properties Kattintson a sokszög alakzatára, és jelezze, hogy a pontokat és az oldalakat is szeretné 3 és a sugár 180 fok. A háromszög kicsinyítéséhez írja be a 20-at a Külső sugár értéke mezőbe. A szám kezdetben attól függ, hogy mekkora volt a háromszög. Ezután nyomja meg a return gombot.

    A Mutató eszközzel kattintson a háromszögre, és húzza oda, ahová Ön szerint ülnie kell a csőrhöz.

    Image
    Image

    Készítsd el a Snood-ot

    A pulyka csőrén lógó piros dolgot Snoodnak hívják. Az egyik elkészítéséhez a Toll eszközt kell használnia.

    Miután kiválasztotta a Toll eszközt az Eszközök panelen, kattintson a Kitöltés mezőre, és válasszon egy piros színmintát, vagy írja be a FF0000 számot a Hexadecimális érték mezőbe, majd nyomja meg a return billentyűt.

    A Toll eszközzel kattintson a pontokra, hogy létrehozzon egy útvonalat, és néha kattintson és húzzon egy lekerekített útvonal létrehozásához. Amikor az utolsó pont összekapcsolódik az elsővel, olyan formát hozol létre, amely úgy néz ki, mint egy pulyka dög.

    Image
    Image

    Készítse el a lábakat

    A Kitöltés színét a csőrrel megegyező narancssárgára állíthatja be, ha a Kitöltés mezőre, majd a csőrre kattint. A Toll eszköz kiválasztásával állítsa be a körvonal színét feketévé, és állítsa a körvonal szélességét 2-re a Tulajdonságok panelen.

    Ezután a Toll eszközzel olyan pontokat hozhat létre, amelyek egy pulykacombhoz hasonló alakzatot alkotnak. A kiválasztott alakzat mellett válassza a Szerkesztés > Duplicate, majd válassza a Módosítás > Transform lehetőséget. > Vízszintes átfordítás A Mutató eszközzel helyezze a lábakat oda, ahol a legjobban néz ki.

    Image
    Image

    Méret csökkentése

    Válasszon Kiválasztás > Összes kijelölése. Ezután kattintson a Skála eszközre az Eszközök panelen. Megjelenik egy határolókeret fogantyúkkal, amelyek befelé vagy kifelé mozgathatók. Kattintson egy sarokfogantyúra, és mozgassa befelé, hogy az egészet kicsinyítse, majd nyomja meg a return gombot.

    Ha az összes alakzat továbbra is ki van jelölve, használja a Mutató eszközt a pulyka mozgatásához a helyére. Azt szeretné, hogy a vásznon alul legyen középen.

    Image
    Image

    Készítse el a faroktollat

    Az Ellipszis eszközzel kattintson, és húzza el, hogy hosszú oválist hozzon létre. Ezután válassza a Szerkesztés > Duplicate lehetőséget. Újra és újra lemásolja az oválist, amíg összesen öt ovális nem lesz.

    Image
    Image

    Változtasd meg a színt

    Az oválisok egyikét kiválasztva kattintson a Kitöltés mezőre, és válasszon másik színt. Csináld ezt további három oválissal, mindegyikhez más-más színt választva.

    Image
    Image

    Ovális mozgatása

    A Mutató eszközzel kattintson és húzza át az öt oválist az összes kijelöléséhez. Ezután válassza a Módosítás > Rendezés > Küldés vissza lehetőséget. Ez azt eredményezi, hogy a farktollak a pulyka mögött esnek, amikor a helyükre helyezi őket.

    Kattintson el az oválisoktól a kijelölésük megszüntetéséhez, majd kattintson egyenként egy oválisra, és húzza őket külön-külön oda, ahol egymás mellett és részben a pulyka mögött fognak ülni.

    Az intelligens segédvonalak használatával egyenletesen helyezheti el az egymással szemben lévő oválisokat. Ha nem látja az intelligens útmutatókat a munkahelyén, válassza a View > Smart Guides > Show Smart Guides.

    Image
    Image

    Ovális forgatás

    Az oválisokat el kell forgatni és áthelyezni. Ehhez válasszon egyet, majd válassza a Módosít > Átalakítás > Szabad átalakítás Ezután kattintson és húzza a kurzort közvetlenül a határolókereten kívülre az ovális enyhe elforgatásához. A Mutató eszközzel helyezze az oválist oda, ahol a legjobban néz ki.

    Forgassa el a fennmaradó oválisokat ugyanúgy, és helyezze a helyükre; egyenletesen elosztva őket.

    Image
    Image

    Mentés és mentés másként

    A képére nézve látni fogja, hogy a pulyka túl alacsonyan van a vásznon, ezért válassza a Select > Select All, majd a Mutató eszközzel helyezze el a pulykát. a vászon közepén. Ha elégedett a megjelenésével, válassza a Fájl > Mentés lehetőséget.

    Ezután kattintson egy faroktollara a kijelöléséhez, majd a Kitöltés mezőre, és válasszon egy másik színt. Tegye ezt az egyes faroktollakhoz, majd válassza a File > Mentés másként lehetőséget. Nevezze át a fájlt, turkey2-p.webp" />.

    Image
    Image

    Konvertálás szimbólummá

    Válasszon Fájl > Nyissa meg, keresse meg a turkey-p.webp" />Select > Select All Ezután válassza a Módosítás > Konvertálás > Konvertálás szimbólummá lehetőséget. Nevezze el az 1-es szimbólumot, válassza ki a Grafikát a típusnál, majd kattintson az OK gombra.

    Kattintson a turkey2-p.webp

    Image
    Image

    Új állapot létrehozása

    Kattintson vissza a turkey-p.webp

    Window > States lehetőséget. Az állapotok panel alján kattintson az Új duplikált állapotok gombra.

    Amikor rákattint az első állapotra, hogy kijelölje, látni fogja, hogy az egy szimbólumot tartalmaz. Ha rákattint a második állapotra, látni fogja, hogy az üres. Ha ehhez az üres állapothoz szimbólumot szeretne hozzáadni, válassza a Fájl > Importálás > navigációta turkey2-p.webp" />.

    Ha nem tetszik az animáció sebessége, kattintson duplán az egyes állapotoktól jobbra lévő számokra a beállítások elvégzéséhez. Minél nagyobb a szám, annál hosszabb az időtartam.

    Image
    Image

    Animált-g.webp" />

    Végül válassza a File > Mentés másként lehetőséget, nevezze át a fájlt, válassza az Animált-g.webp" />.

    Az Animációs-g.webp

    Fájl > Fájl megnyitása vagy megnyitása. Navigáljon a mentett animált GIF-fájlhoz, válassza ki, majd kattintson Nyissa ki és élvezze munkája gyümölcsét!

    Image
    Image

Ajánlott: