Kinetiske typografiteknikker med Photoshop og After Effects

Forfatter: Monica Porter
Opprettelsesdato: 22 Mars 2021
Oppdater Dato: 17 Kan 2024
Anonim
Kinetiske typografiteknikker med Photoshop og After Effects - Kreativ
Kinetiske typografiteknikker med Photoshop og After Effects - Kreativ

Innhold

  • Kunnskap som trengs: Intermediate After Effects og Photoshop ferdigheter
  • Krever: Adobe After Effects CS5.5, Adobe Photoshop CS5.1
  • Prosjekt Tid: To til tre timer
  • Støttefil

I denne nyttige og praktiske opplæringen lærer du verdifulle teknikker du vil bruke om og om igjen i Photoshop- og After Effects-arbeidet. Se den endelige filmen nedenfor for å se noen av teknikkene som dekkes. Dette er et eksperimentelt kunstprosjekt - laget som svar på sangen, Den dagen av kunstner, Richard Walker.

I Photoshop vil du oppdage hvordan du bruker den ofte oversett, men kraftige variabelfunksjonen til automatisk å skrive inn tekst i typelag fra en vanlig tekstfil.

I After Effects bruker du markører for å lage visuelle referansepunkter som gjør animasjonen enklere, legger til null for å gruppere ord sammen til setninger, slik at de enkelt kan animeres som grupper, bruke forhåndsinnstillinger for tekst for å lage animasjon per tegn og legge til uttrykk for å skape flimring lyseffekter. Jeg viser deg også hvordan du styrer de nye Light Falloff-egenskapene for å kontrollere 3D-skygger.


01. Variabler

Variabler er en oversett funksjon i Photoshop, men er veldig nyttige hvis du designer tekst for grafikk på skjermen. Vi bruker variabler for å automatisk importere tekst fra et dokument til individuelle Photoshop-lag, noe som sparer deg for mye tid - for ikke å nevne å skrive.
Åpen 01_Variables_Start.psd og gå til Bilde> Variabler> Definer.

02. Sette opp erstatning av tekst

I dialogboksen klikker du på Utskifting av tekst avkrysningsruten, og du ser Navn felt fylles ut med teksten - TekstVariabel1. I utgangspunktet tildeler vi en kode til hvert lag som vi kan bruke til å referere til variable data i et tekstdokument. Ha med meg; du forstår hvorfor snart!


03. Tilordne navn til lag

Klikk på Ikke sant pil, ved siden av Lag rullegardinmenyen for å gå videre til neste lag, det heter Tekst 02. Klikk på Utskifting av tekst avkrysningsruten igjen. De Navn feltet fylles ut med teksten - TekstVariabel2. Gjenta denne prosessen til alle de 11 lagene samsvarer med tilsvarende navn.

04. Importere data fra tekstfiler

Klikk på Neste -knappen for å åpne Datasett. Klikk på Laste og deretter på Velg Fil -knappen i Importer datasett dialog. Velg Lyrics.txt fil fra Angie_Taylor_Kinetic_Typography deretter på mappen OK. En liste vises nederst med tilsvarende navn, verdier og lag.


05. Bruk av datasett

Klikk Søke om og så OK. I Lag panelet blir teksten oppdatert med teksten fra filen. Tenk deg hvor mye lettere dette gjør livet når du jobber med mange lag i flere dokumenter. Bare rediger tekstfilen og oppdater datasettet slik at lagene automatisk oppdateres.

06. Klargjøre filer for After Effects

Planlegg stilen i Photoshop. Bruk tittelsikker guider for å hjelpe til med utforming av tekst og Skriv inn forhåndsinnstillinger for verktøy menyen for raskt å formatere den med skriftstiler. I Lagpanel organisere ordene i setninger innenfor LagGrupper for hver del av sangen. Dette vil spare tid i After Effects.

07. Forstå prosjektstruktur

Åpne i After Effects Angie_Taylor_Kinetic_Typography.aep - 01_Hovedoppsett_start komp. Photoshop-filen er importert til et After Effects-prosjekt. Laggrupper vises som nestede komposisjoner i hovedsammensetningen. En lydfil som inneholder lydsporet er lagt til i komp. En animert bakgrunnskomposisjon er opprettet ved hjelp av en kombinasjon av effekter.

08. Legg til markører i takt med lyden

Å velge Den dagen.mp3 og dobbeltslag på L for å åpne lyden Bølgeform. Dette vil hjelpe deg når du følger de neste trinnene. RAM-forhåndsvisning comp og mens du lytter til lyden, trykker du på * tast (Shift +8) for å legge til markører i begynnelsen av hver setning.

09. Legge til tekster i Kommentarfeltet

Dobbeltklikk hver av markørene en etter en for å redigere dem. Skriv eller lim inn sangteksten i Kommentar og klikk deretter OK. Kommentarene vises på laget som en visuell referanse for å hjelpe deg med å navigere i tidslinjen. Bruke J og K tastene for å hoppe mellom markørene.

10. Beskjæringslag

Hvert lag fra Photoshop-filen skal begynne med tilsvarende markør. Gå til den første markøren ved å trykke K. Velg 01_Juni 1 lag og slå Alt + [ å trimme I punkt. Gå til neste markør og trykk deretter Alt +] å trimme Ute punkt. Gjenta for å trimme andre lag tilsvarende.

11. Flytte lag

Dobbeltklikk 10_Så ofte lag for å åpne den nestede komp. Gå til den første markøren på Den dagen.mp3 lag ved å velge det og deretter trykke på K nøkkel. Velg Men lag og klikk [ å flytte det I pek på tidsmarkøren. Gjenta dette for de andre lagene slik at hvert begynner på de påfølgende markørene.

12. Bruke null og foreldre for å opprette grupper

Gå til Lag> Nytt> Null objekt for å legge til et Null-lag. Velg alle Photoshop-lagene, og velg deretter Null 1 som foreldre fra Foreldre rullegardinmenyer. Dette gir oss ett sett med kontroller for å animere gruppen av ord mens vi beholder deres individuelle animasjoner.

13. Animasjon av Null

Flytte til 30:10. Å velge Null 1 deretter treffer Alt + A. for å legge til en nøkkelramme for Forankringspunkt eiendom og samtidig avsløre den. Flytte til 31:11 og skrubb Ankerpunkt X verdi til du ser ordet Ikke midt på skjermen. Dette vil automatisk legge til en ny nøkkelramme. RAM-forhåndsvisning.

14. Justere bevegelsesuskarphet

Åpen 02_Ting som er forbigående komp. fra 01_Hovedoppsett_Start komp. Her, Skala, Rotasjon og Forankringspunkt har blitt nøkkelrammet for å lage en kompleks animasjon. Legg merke til kl 09:04 bevegelsesuskarpheten er ikke detaljert nok. Gå til Komposisjon> Komposisjonsinnstillinger og klikk på Avansert fanen. Øke Lukkervinkel til 200 og Adaptiv prøvegrense til 64.

15. Gjør Photoshop-tekst redigerbar

Dobbeltklikk 05_Når jeg gikk ut komp. Legg merke til at teksten fra Photoshop-filen vises her som et gjengitt lag. For å konvertere Photoshop-laget til redigerbar tekst, velg det og gå til Lag> Konverter til redigerbar tekst. Åpne laget for å se Tekst eiendomsgruppe er nå tilgjengelig.

16. Bruke forhåndsinnstillinger for animasjon

Forhåndsinnstillinger kan automatisk animere teksten per ordbasis. Skriv inn i panelet Effekter og forhåndsinnstillinger Uklarhet ved ord for å isolere forhåndsinnstillingen. Med tidsmarkøren kl 14:10, dra den til tekstlaget. Truffet U å avsløre nøkkelrammene. Dra den siste nøkkelrammen til 17:04. RAM-forhåndsvisning.

17. Legge til belysning

Fra Prosjektpanel, åpen 04a_her_for_opphold_start komp. - RAM-forhåndsvisning. Skru på Atmosfære lag - det mørkere scenen ved å redusere det omgivende lyset til 20%. Skru på Point Light lag og legg merke til at skygger blir kastet. Dobbeltklikk Point Light å åpne Lysinnstillinger. Endre Falle av Meny til Glatt - legg merke til at lysstrålen har en hard kant. Klikk OK.

18. Justering av lys frafall og skygger

Endre på tidslinjen Falloff Distance til 300, dette myker opp kanten når lyset gradvis forsvinner. Endre Radius til 800 å utvide ‘strålen’ projisert av lyset. Endre Shadow Darkness til 80% og Shadow Diffusion til 30 for mykere, subtile skygger. RAM-forhåndsvisning.

19. Animering av lyset med uttrykk

For å få lyset til å blinke, velg Intensitet eiendommen til Point Light lag ved å klikke på navnet i tidslinjen. Gå til Animasjon menyen og velg Legg til uttrykk. Et uttrykk legges til i den valgte egenskapen, og et tekstfelt vises ved siden av egenskapen i tidslinjen.

20. Wiggle-uttrykket

Uttrykket lyder:
lightOption.intensity
Rediger uttrykksteksten slik at den lyder:
vri (10,50)
Trykk Enter (Ikke returner!) Da RAM-forhåndsvisning for å se at lyset blinker av og på. Du kan justere Frekvens ved å endre den første verdien i parentes. Juster amplitude ved å endre den andre verdien.

Så der har du det, noen verdifulle tips og triks som jeg synes er nyttige når jeg lager kinetisk typografi-animasjon. Jeg håper du har hatt glede av denne veiledningen og synes disse teknikkene er nyttige - happy keyframing!

Utvid din kunnskap

Hvis du ønsker å lære flere teknikker som disse, kan du ta en titt på Angies videoverksted. Dette omfattende kurset inkluderer over syv timer med videoopplæring og dekker andre teknikker som brukes i den endelige videoen.

Det er noen gratis eksempelfilmer fra Angies verksted tilgjengelig for visning her på bloggen hennes.

Angie Taylor er forfatter, animatør og kreativ leder. Hun produserer animasjon, illustrasjon og bevegelsesgrafikk for TV og film og er forfatter av "Design Essentials for the motion media artist" og "After Effects Learn by Video".

Likte dette? Les disse!

  • After Effects CS6 gjennomgang
  • Hvordan lage en app
  • Gratis graffiti skriftvalg
  • Illustrator tutorials: fantastiske ideer å prøve i dag!
Nylige Artikler
INTERVJU: Dandy-artisten og forfatteren Jamie Smart
Les Mer

INTERVJU: Dandy-artisten og forfatteren Jamie Smart

Etter de i te nyhetene om at den trykte ver jonen av The Dandy vil opphøre i de ember, og vår funk jon om tegne erien digitale fremtid, kom vi i kontakt med en av kun tnerne om har bidratt t...
Webhotell sjargong buster: Den ultimate guiden til hosting av terminologi
Les Mer

Webhotell sjargong buster: Den ultimate guiden til hosting av terminologi

Øn ker du å lage ditt før te nett ted? Med å mange webhotellfirmaer om konkurrerer om virk omheten din, er det van kelig å vite hvilket du kal velge. I vår jargong-bu tin...
De beste Zoom-alternativene i 2021
Les Mer

De beste Zoom-alternativene i 2021

Å vite om de be te Zoom-alternativene kan være en livredder, elv om du er helt fornøyd med å bruke Zoom til dine online-møter. Zoom har vært en av de tore uk e hi toriene...