Hur får man mer från GIF

Sep 12, 2025
Hur

Gifs arbetar i sömlösa cykler, vilket Rebecca mock beskriver som "den perfekta slingan". Denna slinga bör helst radera den första och sista ramen, så att någon ram kan vara den första. Vid utformning av din egen GIF, gör det prioriterat en prioritet - det orsakar mindre distraktion för betraktaren och lägger till mesmerisering, visuellt intresse. Mock föreslår också att lägga till en extra ram: "Låt pausen vara lite längre," säger hon. "Utrymmet mellan två handlingar kan innebära mycket."

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

Denna GIF gjordes för PC World att följa med en artikel om appen Evernote (Bildkredit: Rebecca mock)

Grundläggande tekniker

Grunderna för rörelse kan utökas och byggas i komplexa animationer. När du börjar skapa din bild i Photoshop cc , var noga med att hålla den organiserad. Arbeta i lager och animera varje bit separat. På det sättet, om du måste byta ett element senare, är det lätt att isolera det utan att behöva ångra resten av ditt hårda arbete.

Positionering kan göras manuellt eller genom att ställa in start- och slutpunkter och låta photoshop göra jobbet - allt beror på vilken typ av rörelse du vill ha din gif att ha. Använda markören och dra objektramen med ram kommer att producera en oregelbunden väg. Tweening - Generera mellanliggande ramar mellan två bilder - kommer att ge den en stadig rörelse.

Bild 2 av 7

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

Välj vilken ram till Tween och antalet ramar du vill lägga till.

02. Välj en ram

Bild 3 av 7

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

Starta flimmereffekten genom att skapa en rak linje med en grov kant.

03. Starta effekten

Bild 4 av 7

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

Kopiera och klistra in den grova kanten överst på din ursprungliga linje.

04. Kopiera och klistra in

Bild 5 av 7

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

Skapa en lagermask för att dölja en del av linjen. När det är animerat kommer det att likna en flimmer.

05. Lagmask

Bild 6 av 7

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

Håll ned Shift-tangenten för att rotera en form i 15 graders steg.

06. Vrid formen

Bild 7 av 7

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

Med webbpanelen kan du anpassa dina sparade färger. Genom att klicka på en nyans kan du ta bort den från din palett.

07. Spara

Mock gillar att använda flimmer / blekande effekten för ångstigande och flammor. För att skapa det, dra en rak linje med en grov borste. Lägg till en lagermask (t.ex. en flamma) så att den del av den är dold. Sedan, gör en ren slinga med en mönstermöjningsmetod - skära din linje i hälften och flytta sin grova bottenkant till toppen av sin linje, fyll i mitten och överlappa lagmasken. Använd Tween-kommandot för att se till att linjen rör sig vertikalt med en konsekvent hastighet. Vid denna tidpunkt bör slingorna vara sömlösa.

Den spinn- och roterande rörelsen är skapad med små, inkrementella varv av ett objekt. Gör en oregelbunden cirkel och flytta den i 16 till 24 steg tills du har en hel tur; Håll ned Shift-tangenten för att rotera det i 15-graders steg.

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

Skapandet kan förändra världen gjordes för Sony Digital Entertainment. (Bildkredit: Rebecca mock)

Exportera ditt arbete

Exportera din GIF kan vara det sista steget, men det är något du borde tänka på under hela processen. Ju fler pixlar som flyttar desto större är filstorleken, och helst, du vill ha en gif som är under 1 MB. GIF-filer är begränsade till att använda 256 färger, och saker som tunga texturer och gradienter komprimerar inte bra - du är bättre med plana färger och skarpa kanter, vilket kommer att hålla filer hanterbara och lätta att ladda upp på webben.

Denna artikel uppträdde ursprungligen i Datorkonst utgåva 259; köp det här !

Ämnen
Grafisk design

Hur - Mest populära artiklar

Hantera reageringsformat tillstånd med Formik

Hur Sep 12, 2025

(Bildkredit: Matt Crouch) Välkommen till vår guide om hur man hanterar reageringsformat tillstånd med Formik. Form..

Hur man designar med CSS-former: en introduktion

Hur Sep 12, 2025

Grunden för varje webbplats är att dela upp sidan ner i mindre element som har innehåll. Det stora problemet med detta för de..

Hur man skapar 3D-gräs

Hur Sep 12, 2025

3D Gräs kan skapas på olika sätt och är en viktig tillgång till någon naturlig miljö eller ark-vis-rendering. En av de van..

Hur man lägger till drama till dina pastellkonstverk

Hur Sep 12, 2025

Stora artister som Rembrandt och Caravaggio injicerar sina konstverk med lite drama och intensitet, vilket skapar bitar som påmi..

Hur man simulerar explosioner i Maya

Hur Sep 12, 2025

Sida 1 av 2: Sida 1 Sida 1 Sida 2 ..

Ålder ett fotografi i Photoshop CC

Hur Sep 12, 2025

Åldrande ett fotografi i Photoshop är en klassisk teknik som kan vända jämn en ho-hum, full färgbild till något slående. O..

Hur man skapar en Snapchat Geofilter i Photoshop

Hur Sep 12, 2025

Klienter söker ständigt efter nya sätt att engagera sig med publik. Snapchat GeoFilters - Särskilda kommunikativa överlägg - är ett bra sätt att få ett varumärke framför människor..

Skapa perspektiv genom att vrida dina texturer i Photoshop

Hur Sep 12, 2025

Jag är en fast troende som du inte borde rent förlita sig på programvara för att göra jobbet för dig. En bra konstnär bord..

Kategorier