Hogyan lehet többet kapni a GIF-től

Sep 14, 2025
kézikönyv

GIF-ek zökkenőmentes ciklusokban dolgoznak, ami Rebecca Mock "tökéletes hurokként" írja le. Ez a hurok ideális esetben törölnie kell az első és az utolsó keretet, hogy bármely keret lehet az első. A saját GIF készítésénél a prioritás megteremtése - kevésbé zavarja a nézőt, és hozzáadja a mesmerizálást, vizuális érdeklődést. A Mock azt is javasolja, hogy egy extra keret hozzáadása: "Hagyja, hogy a szünet csak egy kicsit hosszabb legyen" - mondja. - A két cselekvés közötti tér sokat jelenthet.

This GIF was made for PC World to accompany an article about the app Evernote

Ez a GIF a PC World számára készült, hogy egy cikket kísérjen az App Evernote-ról (Kép hitel: Rebecca Mock)

Alapvető technikák

A mozgás alapjai kiterjeszthetők és komplex animációkba vannak építhetők. Ahogy elkezdi létrehozni a képet Photoshop CC , győződjön meg róla, hogy megszervezte. Munka a rétegekben és külön-külön animálni. Így, ha később meg kell változtatnod az egyik elemet, könnyű elkülöníteni azt anélkül, hogy visszavonja a kemény munkád többi részét.

A pozícionálás manuálisan vagy a kezdő és végpontok beállításával történhet, és hagyja, hogy a Photoshop megtegye a munkát - mindez attól függ, hogy milyen mozgást akarsz a GIF-nek. A kurzor használata és az objektumkeret kerettel történő húzása szabálytalan utat eredményez. Tweening - köztes keretek létrehozása két kép között - állandó mozgást ad.

Image 2 of 7

Select which frame to tween and the number of frames you want to add.

Válassza ki, hogy melyik keretet és a hozzáadni kívánt keretek számát választja.

02. Válasszon ki egy keretet

3 kép 7-ből

Start the flicker effect by creating a straight line with a rough edge.

Indítsa el a villogó hatást, ha egyenes vonalat hoz létre durva szélével.

03. Indítsa el a hatást

Kép 4/7

Copy and paste the rough edge at the top of your original line.

Másolja és illessze be az eredeti vonal tetején lévő durva szélét.

04. Másolás és beillesztés

Image 5/7

Create a layer mask to obscure part of the line. When animated, it will resemble a flicker.

Hozzon létre egy réteg maszkot a vonal részét. Animált, ha hasonlít egy villogásra.

05. Rétegmaszk

Image 6 of 7

Hold down the Shift key to rotate a shape in 15 degree increments.

Tartsa lenyomva a Shift gombot, hogy 15 fokos lépésekben forgassa el az alakot.

06. Forgassa el az alakot

7-es kép 7-ből

The Save for Web panel allows you to customise your saved colours. By unclicking a hue, you can remove it from your palette.

A Web panel mentése lehetővé teszi a mentett színek testreszabását. A színárnyalat kiszivárgásával eltávolíthatja a palettáról.

07. Mentés

Mock szereti használni a villogó / elhalványító hatás a gőz emelkedése és lángok. Ahhoz, hogy hozzon létre, rajzoljon egy egyenes vonalat egy durva kefével. Adjunk hozzá egy réteg maszkot (például lángot), hogy az a részét elhomályosítja. Ezután egy tiszta ciklust egy minta-készítés módszer - vágja el a vonal ketté, és mozgassa a durva alsó széle a tetején a vonal, kitölti a középső és átfedő rétegmaszkra. Használja a Tween parancsot, hogy megbizonyosodjon arról, hogy a vonal függőlegesen mozog egy következetes sebességgel. Ezen a ponton a hurkok zökkenőmentesnek kell lenniük.

A fonó- és forgó mozgás apró, inkrementális fordulatszámú objektummal jön létre. Készítsen szabálytalanul alakú köret, és 16-24 lépésben mozgassa, amíg teljes körű lesz; Tartsa lenyomva a Shift gombot, hogy 15 fokos lépésekben forgassa el.

Creation Can Change The World was made for Sony Digital Entertainment.

A teremtés megváltoztathatja a világot a Sony Digital Entertainment számára. (Kép hitel: Rebecca Mock)

A munka exportálása

A GIF exportálása lehet az utolsó lépés, de ez az, amit kell gondolkodnod az egész folyamatában. Minél több képpont, amely mozog, annál nagyobb a fájlméret, és ideális esetben azt szeretné, hogy egy 1MB alatti GIF. A GIF-fájlok a 256 színek használatára korlátozódnak, és olyan dolgok, mint a nehéz textúrák és a gradiensek nem tömörítenek jól - jobbak a lapos színekkel és az éles szélekkel, amelyek folyamatosan és könnyen feltölthetők az interneten.

Ez a cikk eredetileg megjelent Számítógépes művészetek 259 kiadása; Vásárolja meg itt !

Téma
Grafikai tervezés

kézikönyv - Most Popular Articles

Hogyan válasszunk egy webhely nevét az Ön vállalkozásának

kézikönyv Sep 14, 2025

(Kép hitel: yan a pextekből) Megpróbál választani egy webhely nevét? Ez az egyik legfontosabb dolog, amit egy w..

Hogyan kell rangsorolni a Google-ban

kézikönyv Sep 14, 2025

(Kép hitel: buzzfeed) Szóval szeretné tudni, hogyan kell rangsorolni a Google-ban. A jó hír az, hogy nem kell pr..

Hogyan lehet Repost az Instagram-on

kézikönyv Sep 14, 2025

(Kép hitel: repost: instagram) Ha az Instagram-i repostot szeretné, akkor nem olyan egyszerű, mint más közössé..

Smart munka a ZBRUSH UI-vel

kézikönyv Sep 14, 2025

Bármi, ami stimulálja az elmét, befolyásolhatja a termelékenységünket, és fontos felismerni a munkánkat támogató tényezőket, függetlenül attól, hogy ez a megfelelő háttérze..

Hogyan építsünk progresszív webes alkalmazást

kézikönyv Sep 14, 2025

A mobil most a web forgalmának több mint felét teszi ki, és a webes alkalmazások lehetővé teszik a felhasználók számár..

Interaktív parallaxis kép létrehozása

kézikönyv Sep 14, 2025

Parallaxis görgetés már nem a garantált figyelem-grabber, amelyet korábban szokott, de vannak más módok a parallax technikák has..

Ismerje meg az x-részecskékkel való lombozat növekedését

kézikönyv Sep 14, 2025

Olyan statikus növény modellezése, amely az in situ termesztésének megjelenése nem túl kemény, de olyan rúgot hoz létre..

Level Up Játék karakterek kreatív összeszerelésével

kézikönyv Sep 14, 2025

Egy hatalmas sokféle félelmetes teremtményekkel és karakterekkel, hogy létrehozzák, dolgozzanak a játékok Workshop, hogy ..

Kategóriák