Morphing Text i Photoshop Animation

• Maj 6, 2024

Hittills i den pågående Photoshop^R animationsprojekt, vi har skapat en textblekningseffekt och en enkel inramad baserad textanimering för blinkan. Vi har 47 bilder i vår animation. Nu förändrar vi texten på J3 Designs (webbplatsens namn) -lager med Photoshops funktionen Warped Text och animationspaletten.

1. För att förbereda oss för webbplatsens namn bör vi lägga till en ny ram (ram 48) och ställa in varaktigheten till .1 sek. Vi måste också stänga av synligheten för Designer och för skikten. Slå sedan på synligheten för J3-mönster (webbplatsens namn) lager i paletten Lager.
   
   
2. Nu kan vi starta morf. Lägg till en ny ram (ram 49) till animationspaletten. Gå tillbaka till blinkan och välj texten “J3 Designs” med textverktyget. Detta gör att du kan använda Warp Text-knappen. Klicka på knappen för att öppna dialogrutan Warp Text. Ställ rullgardinsmenyn Style på Fish, alternativknappen på Horisontell och håll reglagen på 0. Stäng dialogrutan.
   
   
3. För att ställa in slutramen för den första halvan av morph-animationen, lägg till en ny ram (ram 50). Välj texten igen och öppna dialogrutan Warp Text. Flytta skjutreglaget Böj till 100 och stäng dialogrutan.
   
   
4. För att skapa morph-animationen, välj Ramar 49 och 50. Välj palettmenyn från palettmenyn. Ställ in antalet ramar till 5 och klicka på OK. Photoshop lägger till mellanramarna. Du kommer att ha 55 bilder i animeringen.
   
   
5. Låt oss gå tillbaka åt andra hållet med morf. Lägg till en ny ram (ram 56). Välj texten och öppna dialogrutan Warp Text. Ställ tillbaka skjutreglaget på 0 och stäng dialogrutan. Välj ramar 55 och 56 och skapa en ny Tween med en 5-ramars längd. Photoshop lägger till mellanramarna och du bör ha 61 ramar i animationspaletten.
   
   Nu kommer vi att upprepa de två sista stegen men denna gång ställer du in skjutreglaget Bend till -100 istället för 100.
   
   
6. Lägg till en ny ram (ram 62). Markera texten och öppna dialogrutan Varttext. Ställ in böjreglaget på -100. Välj ramar 61 och 62 och skapa en annan Tween med en fem ram. Photoshop lägger till mellanramarna och du bör ha 67 ramar.
   
   
7. Lägg till en ny ram igen (ram 68) och ställ tillbaka skjutreglaget Bend till 0. Välj ram 67 och 68 och skapa en sista Tween. Du borde nu ha 73 ramar.
   
   
8. Slutligen vill vi att animationen ska visa webbplatsens namn (J3 Designs) i 2 sekunder. Lägg till en ny ram (ram 74) och ställ in varaktigheten på 2 sek.
   
   

Välj ram 1 i animationspaletten och spela din animering. Spara ditt projekt som blinkie2.psd. I nästa handledning börjar vi flytta våra buggar och avsluta animationen.

Copyright 2018 Adobe Systems Incorporated. Alla rättigheter förbehållna. Adobes produktskärmbild (ar) tryckta om med tillstånd från Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst och Flash Paper är / är antingen [a] registrerat varumärke [s] eller ett varumärke [s] från Adobe Systems Incorporated i USA och / eller andra länder.

Video Instruktioner: Simple GIF Animation - Photoshop Tutorial (Maj 2024).