Animált webszalag létrehozása a Photoshop alkalmazásban

Az internetes szalaghirdetések létrehozása nem a legelbűvölőbb munkahely a világon, de ez valami, amit minden tervezőnek meg kell tennie karrierje egy pontján, valószínűleg sokszor. Bár a webes szalaghirdetések létrehozásakor nincsenek kemény és gyors szabályok, magától értetődik, hogy a típusnak nagynak és az üzenetnek ütősnek kell lennie.

Mivel ezt is animáljuk, legfeljebb három diát vagy animált elemet javasolok, mivel az emberek egyszerűen nem nézik meg. A villogó elemek segíthetik a néző figyelmének felkeltését is.

Készítse el ezt az animált szalaghirdetést egy lentebb található webhelyhez…



Készítse el ezt az animált szalaghirdetést egy lentebb található webhelyhez…

A következő néhány lépésben bemutatom, hogyan állítsunk be és hozzunk létre egy egyszerű animált webes szalaghirdetést, amelyet egyszer elsajátítottunk, és a későbbiekben minden új munkára alkalmassá válik.

hogyan válasszuk ki az összeset a photoshopban

01. Állítsa be a dokumentumot

Indítsa el a Photoshop alkalmazást, lépjen a fájl> új elemre, és válassza a Web elemet a Preset legördülő menüből. A méret legördülő menüből válassza ki a ranglistát, vagy ha a méretei változnak, válassza az Egyéni lehetőséget, és írja be manuálisan a képpont méretét.

A nézet menüből kiválasztott, a dokumentumhoz való igazításhoz húzza az útmutatókat a dokumentum minden határához.

hogyan készítsünk mintát az illusztrátoron

02. Grafikai elemek hozzáadása

hogyan lehet elrejteni a perspektivikus rácsot az illusztrátorban

Most helyezzük el az alapvető tervezési elemeinket. A fenti példában beillesztettem a T3 négyzet alakú emblémát, és amikor elkészítettem az útmutatókat, átméretezhettük, és könnyen a dokumentum határaihoz kattanhattam. Illesszen be egy nyílgrafikát, amelyet később használunk, és a típus eszköz használatával állítsa be az üzenetet az első diához. Illessze be a szükséges képeket, majd győződjön meg arról, hogy minden réteget megfelelően megnevezett.

03. A másodlagos diák létrehozása

Most egyszerűen másolja le a típusréteget, kapcsolja ki az alatta lévő típusréteget, és írja be az üzenet következő szakaszát, ebben az esetben „ELADÓ MOST”. Ha örül annak, hogy minden elem a helyén van, egyesítse a lehető legtöbb réteget. Mivel a háttér, a logó és a borítókép statikus marad, ezt összeolvashatva négy réteg maradhat, a háttér, a típusrétegek és a nyílréteg.

04. Készítse el a keretanimációt

milyen nehéz megtanulni a turmixgépet

Most egyszerűen kattintson az idővonal fülre az ablak alján, vagy navigáljon az ablak> Idővonal elemre. Kattintson az ablak közepén lévő kis nyílra, válassza a „Keretanimáció létrehozása” lehetőséget, majd kattintson a gombra. Most kapcsolja ki az összes réteget, kivéve a háttérréteget és az első üzenetréteget. Alkalmazzon egy másodperces késleltetést a keretre a kis animációs keret legördülő menüjéből. Most egyszerűen kattintson az idővonal „Kiválasztott képkockák duplikálása” gombra, de kapcsolja ki az első üzenetet és kapcsolja be a második üzenetet. Ismételje meg ezt a folyamatot az összes rétegnél, befejezve a nyíl réteggel.

05. Vigyázzon a nyílra, és állítsa be az időzítést

A nyíl villogásához egyszerűen nyomja meg az idővonal „Kiválasztott keretek másolása” elemét, és kapcsolja ki a nyilat. Állítsa az időt 0,5 másodpercre, és ismételje meg a nyíl be- és kikapcsolását a rétegek panelen úgy, hogy villogni látszik. Végül érdemes beállítani néhány időzítést, amíg teljesen boldog nem lesz. Az embereknek nagyon rövid a figyelmük, ezért nincs értelme lassítani a képkockasebességet, de mégis képesnek kell lenniük arra, hogy elolvassák.

06. Mentse webre és eszközökre

Végül keresse meg a „Mentés webre” menüpontot, és válassza a GIF lehetőséget a legördülő menüből. A fájl méretének csökkentése érdekében itt kissé csökkentheti a minőséget is. Ha elégedett vagy, mentd ki a gif-et, majd egyszerűen húzd be egy webböngészőbe a teszteléshez.