Photoshop-animasjon - tekst og tidslinje

• Kan 5, 2024

I denne Photoshop-opplæringen legger vi til plassholderteksten i vår Facebook-omslagsmal. Denne teksten vil være virksomhetsnavnet, type virksomhet, tagline, tjenestene som tilbys av kundens virksomhet og en oppfordring til handling. Åpne prosjektfilen din i Photoshop.

Legg til tekst

Vi legger til de to første lagene med tekst, og justerer hver tekstlinje rundt 110 piksler fra venstre side av skjermen. Dette skal sikre at teksten ligger innenfor sikker sone på 640 x 360 piksler (se skjermdump) på smarttelefonen. La oss legge til virksomhetsnavnet på ett lag og typen virksomhet på et andre lag. Vi vil legge begge tekstlagene i en ny laggruppe som vil inneholde alle tekstlagene våre (se skjermdump).

1. Klikk på ikonet Ny gruppe nederst i lagpanelet og gi denne gruppen navn Tekst.
   
   
2. Velg verktøyet Horisontal type og velg en tilpasset farge for teksten. Velg Font og sett skriftstørrelsen til 24 punkter.
   
   
3. Tegn en tekstboks med omtrent 110 piksler fra venstre og 90 piksler fra toppen av skjermen for å starte det første tekstlaget og typen Firmanavn (se skjermbilde). Denne plassholderteksten vil erstattes med kundens firmanavn.
   
   
4. Bare i tilfelle kundens firmanavn er langt, la oss gjøre tekstboksen litt bredere. Dra høyre kant av tekstboksen til midten av skjermen.
   
   
5. Gjenta de foregående trinnene for å legge til et andre lag tekst under det første. Type Type virksomhet som plasseringstekst.
   
   Disse to tekstlinjene vil bli brukt i den første delen av videoen. Nå vil vi legge til teksten som vil vises i den siste delen av videoen (se skjermdump). Denne teksten vil liste opp tagline, type tjenester som tilbys av virksomheten og en oppfordring til handling. Fordi denne teksten vises på samme sted som de to første tekstlinjene, la oss slå av synligheten for de to første tekstlagene ved å klikke på Øye-ikonet i lag-panelet.
   
   For den øverste teksten, la oss legge til en tagline som Tagline her.
   
   
6. Når skriftstørrelsen fremdeles er satt til 24 punkter, legger du til taglinjen i samme posisjon som du la til firmanavnet.
   
   For listen over tjenester, la oss redusere skriftstørrelsen til 18 punkter. Vi vil også innrykke disse tekstlinjene rundt 20 piksler.
   
   
7. Legg til fire tekstlag, hvert navn Tjeneste eller produktnummer. Husk at dette bare er plassholdertekst og vil bli erstattet.
   
   Tjeneste eller produkt 1
   Tjeneste eller produkt 2
   Tjeneste eller produkt 3
   Service eller produkt 4
   
   Til slutt vil vi legge til oppfordringen til handling. Dette kan være et telefonnummer, nettstedsadresse eller bare en enkel Besøk nettstedet vårt.
   
   
8. Øk skriftstørrelsen tilbake til 24 punkter, og skriv inn handlingsfunksjonen ca 110 fra venstre kant av skjermen.
   
   Tidslinjepanelet
   
   La oss åpne tidslinjepanelet. Mange opplæringsprogrammer foreslår at du bytter til arbeidsområdet for bevegelse, men jeg foretrekker å være i arbeidsområdet Essentials og bare åpne tidslinjepanelet. Hvis tidslinjepanelet ikke er synlig, klikker du på Vindu - tidslinje. Du bør se et tomt tidslinjepanel.
   
   
9. I tidslinjepanelet (se skjermdump) setter du midt-menyknappen til Lag tidslinje for video og klikk på menyknappen.
   
   Du vil se sporene i tidslinjepanelet for grafikk- og tekstlagene for plassholderen. Som standard er den totale varigheten av videoen bare 5 sekunder. Facebook-videodekselet må være 20 til 90 sekunder. Så vi må utvide de to nederste sporene til 20 sekunder (se skjermdump).
   
   
10. Klikk på høyre kant av bunnsporet og dra kanten til 20 sekunder på tidslinjen. Se det flytende spissvinduet, som viser slutten og varigheten for sporet.
    
    
11. Gjenta forrige trinn for det andre sporet.
    
    

Lagre arbeidet ditt. I neste opplæring vil vi begynne å animere designelementene.

Tilbake | neste

Copyright 2018 Adobe Systems Incorporated. Alle rettigheter forbeholdt. Adobes produktskjermbilder er skrevet ut på nytt med tillatelse fra Adobe Systems Incorporated. Adobe, Photoshop er / er enten [a] registrert varemerke [eller] eller et varemerke [s] fra Adobe Systems Incorporated i USA og / eller andre land.

Video Instruksjoner: How To Create Frame Animation (GIF or VIDEO) In Photoshop (Kan 2024).