Sådan får du mere fra GIFS

Sep 16, 2025
hvordan

Gifs arbejder i sømløse cyklusser, som Rebecca Mock. beskriver som 'den perfekte sløjfe'. Denne sløjfe bør ideelt set slette den første og sidste ramme, så enhver ramme kunne være den første. Når du laver din egen GIF, skal du gøre looping en prioritet - det forårsager mindre distraktion til seeren og tilføjer fascinerende, visuel interesse. Mock foreslår også at tilføje en ekstra ramme: "Lad pause være lidt længere," siger hun. "Rummet mellem to handlinger kan betyde meget."

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

Denne GIF blev lavet til PC World for at ledsage en artikel om appen Evernote (Billedkredit: Rebecca mock)

Grundlæggende teknikker

Bevægelsens grundlæggende kan udvides og indbygges i komplekse animationer. Som du begynder at oprette dit billede i Photoshop CC. , Sørg for at holde den organiseret. Arbejde i lag og animere hvert stykke separat. På den måde, hvis du er nødt til at ændre et element senere, er det nemt at isolere det uden at skulle fortryde resten af ​​dit hårde arbejde.

Positionering kan gøres manuelt eller ved at indstille start- og slutpunkter og lade Photoshop gøre arbejdet - det hele afhænger af hvilken slags bevægelse du vil have din GIF at have. Brug af markøren og trækker objektrammen med rammen producerer en uregelmæssig vej. Tweening - generere mellemliggende rammer mellem to billeder - vil give det en stabil bevægelse.

Billede 2 af 7

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

Vælg hvilken ramme der skal tween og antallet af rammer, du vil tilføje.

02. Vælg en ramme

Billede 3 af 7

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

Start flimmer effekten ved at skabe en lige linje med en grov kant.

03. Start effekten

Billede 4 af 7

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

Kopier og indsæt den grove kant øverst på din oprindelige linje.

04. Kopier og indsæt

Billede 5 af 7

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

Opret en lagmaske til at skjule en del af linjen. Når animeret, vil det ligne en flimmer.

05. Lagsmaske

Billede 6 af 7

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

Hold nede Shift-tasten nede for at rotere en form i 15 graders trin.

06. Drej formen

Billede 7 af 7

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

Gem for webpanel giver dig mulighed for at tilpasse dine gemte farver. Ved at unclicking en nuance, kan du fjerne det fra din palette.

07. Gem

Mock kan lide at bruge flimmer / fading effekten for damp stiger og flammer. For at oprette det, træk en lige linje ved hjælp af en grov børste. Tilføj en lagmaske (f.eks. En flamme), så den del af det er skjult. Derefter lav en ren sløjfe ved hjælp af en mønsterfremstillingsmetode - skære din linje i halvdelen og bevæge sin ru nederste kant til toppen af ​​dens linje, fyld i midten og overlapper lagmasken. Brug tween-kommandoen til at sikre, at linjen bevæger sig lodret i en konsistent hastighed. På dette tidspunkt bør løkkerne være sømløse.

Den spinning og roterende bevægelse er skabt med små, inkrementelle omdrejninger af et objekt. Lav en uregelmæssig formet cirkel og flyt den i 16 til 24 trin, indtil du har en fuld tur; Hold SHIFT-tasten nede for at rotere den i 15-graders trin.

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

Skabelsen kan ændre verden blev lavet til Sony digital underholdning. (Billedkredit: Rebecca mock)

Eksportere dit arbejde

Eksportere dit gif kan være det sidste trin, men det er noget, du skal tænke på i hele din proces. Jo flere pixels, der bevæger sig, desto større vil filstørrelsen være, og ideelt set vil du have et gif, der er under 1 MB. GIF-filer er begrænset til at bruge 256 farver, og ting som tunge teksturer og gradienter komprimerer ikke godt - du er bedre med flade farver og skarpe kanter, som vil holde filer håndterbare og nemme at uploade på internettet.

Denne artikel optrådte oprindeligt i Computer arts. Udgave 259; Køb det her !

Emner.
Grafisk design

hvordan - Mest populære artikler

Hold perfekt versionskontrol med abstrakt

hvordan Sep 16, 2025

Versionskontrol var oprindeligt rettet mod udviklere, der arbejder med kode, som en måde for flere udviklere til at arbejde på ..

Mal en klassisk eventyr scene med Procreate

hvordan Sep 16, 2025

Procreate er hurtigt blevet min go-to digital maleri app. Takket være overførbarheden af iPad Pro. , dens appel ..

4 trin til bedre VDM med Zbrush

hvordan Sep 16, 2025

Freelance 3D-kunstner og Vertex Panelist Maya Jermy viser dig, hvordan du master VDM. Hun vil blive vist på ..

Sådan vælger du det rigtige prototypingsværktøj

hvordan Sep 16, 2025

Prototyping er måske en af ​​de vigtigste dele af webdesignprocessen. Ved at bygge A. Website Prototype...

Opret fantastiske fliserbare teksturer i blender

hvordan Sep 16, 2025

Side 1 af 2: Side 1 Side 1 Side 2. ..

Konverter et billede til et VR-sæt

hvordan Sep 16, 2025

Typisk når nogen nævner forstærkede virkelighed eller virtuel virkelighed, kan de tænke på videospil. Det er vigtigt at vide..

Sådan bruger du blendformer til animerede tegn

hvordan Sep 16, 2025

Mens du rigger din 3D-modeller. Brug af knogler kan være meget effektive, nogle gange er denne metode bare ikke egnet - og ansigtsudtryk er en af ​​disse gan..

Sådan laver du dit WordPress Website flersproget

hvordan Sep 16, 2025

I de øverste 10 sprog, der bruges på internettet, engelsk rækker først , med næsten 950 millioner brugere. De..

Kategorier