Hur man skapar och lägger till Cinemagraphs i WordPress

Vill du lära dig hur du skapar och lägger till Cinemagraphs i dina WordPress-inlägg? Cinemagraphs är bilder med en del eller ett område som rör sig medan resten av bilden stannar kvar. Dessa bilder är mycket engagerande och lägger till ett berättande element i dina artiklar. I den här artikeln kommer vi att visa dig hur du enkelt skapar och lägger till cinemagraphs i WordPress.

Vad är Cinemagraphs?

Cinemagraphs är vanligtvis GIF-bilder där en liten del av bilden rör sig medan resten av den är stilla. De ser väldigt filmiska ut, därmed namnet cinemagraphs.

De lägger till ett berättande element i bilder som gör att de ser mer engagerande ut. De är särskilt användbara när de följer med långformat innehåll, podcast-episod eller en ljudhistoria.

Skapa cinemagraphs är lite annorlunda än vanliga GIFs. Men om du har rätt verktyg, då med liten ansträngning och lite övning kan du skapa fantastiska filmklipp från dina egna videor.

Med det sagt, låt oss ta en titt på hur man enkelt skapar och lägger till cinemagraphs i WordPress.

Skapa Cinemagraphs från Videos

För att komma igång behöver du följande saker:

1. Ett litet videoklipp som du vill konvertera till en filmtext
2. Adobe Photoshop
3. Din tid, tålamod och kreativitet

Låt oss börja.

Först måste du få din video redo. Du kan använda ett videoredigeringsverktyg som iMovie för att trimma videon till bara det minimala klippet du behöver för cinemagraph.

Därefter måste du öppna Photoshop och importera din video till lager genom att klicka på Fil »Import» Videoramar till lager meny.

Välj din video och klicka sedan på OK för att fortsätta. Beroende på din videostorlek kan det ta en liten stund att importeras fullständigt.

När din video har importerats kommer du att se videoramar som lager under lagpanelen.

Nu måste du välja alla lager utom för det allra första lagret (Layer 1).

Gå till Layer »Ny» Grupp från lager menyn eller tryck på Kommando + G (CTRL + G på Windows) för att lägga till lager i en grupp.

Därefter måste du välja gruppen och gå till Layer "Layer Mask" Reveal All att lägga till en mask till gruppen.

När du har lagt till masken trycker du på kommandot + I (Ctrl + I på Windows) för att invertera färgen på masken.

Ställ nu förgrundsfärgen på vit och klicka sedan på borstverktyget. Du måste använda penselverktyget för att markera det område du vill visa i slingan.

Därefter, gå till Fönster "Tidslinje att öppna alla dina lager i ett animationsformat.

Du kommer att märka att alla ramar visas transparenta på tidslinjen förutom den första ramen.

För att ändra det, välj det första lagret (Layer 1) i lagerpanelen och klicka på ikonen Unfiy Layer Visibility och tryck sedan på knappen Match.

Klicka sedan på växelikonet på tidslinjen och välj alla ramar. Därefter klickar du på växlingsknappen igen för att välja Kopiera ramar.

Efter att ha kopierat ramarna klickar du på växlingsknappen och väljer alternativet "Klistra in ramar".

Du kommer att bli ombedd att välja en pasta-metod. Välj "Klistra efter val" och tryck på OK-knappen.

Därefter måste du klicka på ikonen Tidslinjekontakt en gång till och välj alternativet Omvänd ramar.

Din animationsfilm är nästan klar.

För att spara det på din dator, gå till Arkiv »Spara för webben alternativ. Detta kommer att ge upp en popup där du måste välja GIF-format och klicka på Spara-knappen.

Det är allt din Cinematograf är klar.

Du kan lägga till den på din webbplats som att du skulle lägga till några andra GIF-filer i WordPress. Redigera bara posten eller sidan där du vill lägga till cinemagraph och klicka på knappen Lägg till mediaknapp.

Detta kommer att hämta popupen för mediauppladdare, klicka på knappen Välj filer för att ladda upp GIF-filen från din dator.

När du har laddat upp klickar du på knappen "Infoga i posten" för att fortsätta.

Nu ser du bilden i din WordPress-postredigerare.

Glöm inte att spara eller uppdatera inlägget. Du kan nu klicka på förhandsgranskningsknappen för att se cinemagraph i åtgärd. Här är den film som vi skapade under denna handledning.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du skapar och lägger till cinemagraphs i WordPress. Du kan också vilja se vår lista över webbplatser som erbjuder gratis royaltyfria bilder för WordPress-användare.

Om du gillade den här artikeln kan du prenumerera på vår YouTube-kanal för WordPress-videoinstruktioner. Du kan också hitta oss på Twitter och Facebook.