Photoshop-animering - Animeringstext

• Maj 10, 2024

I denna Photoshop-tutorial kommer vi att börja animera designelementen i vår Facebook-omslagsmall. Varje element är i sitt eget lager, så vi kan styra dem individuellt.

Som ni kan se här har vi två platshållare grafiska lager i botten och åtta platshållare textlager (se skärmdump). Vi har redan utökat de grafiska lagren till den totala varaktigheten (20 sekunder) för vår video, men textlagren är fortfarande inställd på standard fem sekunder (se skärmdump). Det är OK för nu, eftersom vi kommer att flytta dessa spår längs tidslinjen efter behov. För nu, låt oss stänga av synligheten (ögonikonen i panelen Lager) för alla lager utom det undre lagret.

Scene 1 Frame by Frame

Tidskod (0: 00: 00: 00) Ram 1: Videon börjar med den nedre bakgrundsbilden synlig.

Tidskod (0: 00: 01: 00) Ram 30: En sekund (30 bilder) efter starten av videon, Företagsnamn text kommer att blekna på skärmen. (längd: .5 sek)

Tidskod (0: 00: 02: 00) Ram 60: Två sekunder efter att videon börjat, Typ av verksamhet texten försvinner. (varaktighet: .5 sek)

Vi kommer att göra allt detta på tidslinjepanelen.

På tidslinjepanelen har varje textlager sina egna egenskaper som vi kan animera.


1. Expandera textgruppskiktet i tidslinjepanelen för att visa alla textlager (se skärmdump).
   
   
2. Flytta Playhead till tidskoden (0: 00: 01: 00) och dra den vänstra kanten på varje textlager till Playhead. Detta kommer att göra textlagren osynliga tills tidskoden (0: 00: 01: 00).
   
   
3. Expandera Företagsnamn textlager för att visa egenskaperlistan. Klicka på Stop Watch-ikonen för egenskapen Opacity med Playhead vid tidskod (0: 00: 01: 00).
   
   Du borde se (se skärmdump) en liten gul Keyframe läggs till i Opacity-egenskapen. Detta sätter början på denna textlageranimation.
   
   
4. Flytta Playhead 15-ramarna till höger. Tidskod (0: 00: 01: 15)
   
   
5. Med bara Företagsnamn valt lager, klicka på den lilla triangeln för Egenskapen Opacity i egenskapslistan för att lägga till en andra nyckelbild.
   
   Du bör nu ha två nyckelbildrutor för Egenskaperna Opacity.
   
   Vid denna tidpunkt är texten fortfarande synlig på båda nyckelbildsplatserna. Låt oss dölja texten på den första ramen i denna blekning i animering.
   
   
6. Flytta Playhead tillbaka till början. Gå nu till Layer-panelen och reducera lagringens opacitet till 0%.
   
   Vår sista uppgift är att animera Typ av verksamhet text.
   
   
7. Flytta Playhead till de två andra markeringarna på Time Ruler (02:00) eller Timecode (0: 00: 02: 00). Dra vänster kant på det här spåret till Playhead.
   
   
8. Välj Typ av verksamhet text och utvidga för att se egenskaperna. Upprepa de föregående stegen för att lägga till de två nyckelramarna och minska opaciteten till 0% vid den första nyckelbildrutan.
   
   

Flytta Playhead tillbaka till början av tidslinjen och klicka på Play-knappen för att testa animeringen. Spara ditt arbete.

I nästa handledning kommer vi att använda egenskapen Transform för att animera den andra platshållarens grafik.

Tillbaka | Nästa

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 är / är antingen [a] registrerat varumärke eller ett varumärke som tillhör Adobe Systems Incorporated i USA och / eller andra länder.

Video Instruktioner: How to Repair and Colorize Old Photos (Adobe Photoshop CC Tutorial) (Maj 2024).