Lag en Syfy Inspirert Logo animasjon i Photoshop CS6

Create en Syfy Inspirert Logo animasjon i Photoshop CS6

Du vet allerede at Photoshop er et fantastisk verktøy for å lage 2D-bilder. Det du kanskje ikke vet er at Photoshop har også begrensede muligheter for å skape høy kvalitet 3D-bilder og animasjoner. I denne opplæringen, vil vi bruke de nye og forbedrede 3D og Tidslinje funksjonene i Photoshop CS6 for å lage en Syfy inspirert tekst effekt og logo animasjon uten noen ekstra programmer. La oss komme i gang!




Instruksjons Eiendeler

Følgende eiendeler ble brukt under produksjonen av denne opplæringen.

  • Audio

    Blippo Font


    Final Bilde Forhåndsvisning


    Trinn 1 Sett opp dokumentet

    OK først av alt la oss sette opp dokumentet vi skal jobbe med, ikke får til gal siden vi skal gjengi 3D i høy kvalitet og som tar ganske mye ut av datamaskinen så en fin video størrelse blir som vist her.

    OK la oss nå finne vår lagrene siden vi vil gjøre animasjon, har jeg blitt spurt flere ganger hvor er denne animasjonen ting. Vel, hvis du har Photoshop CS6 i sin standard installasjon finner du i nedre venstre hjørne disse to kategoriene, mini-broen og tidslinje.

    Dobbeltklikk på tidslinjen og der du går er det kategorien tidslinje av Photoshop, selvfølgelig er det ikke noe der fordi vi ikke har animert noe ennå. Vi kommer til å legge ting her senere, og du kan tenke på det som video lag.



    Trinn 2 Tekst Layer

    OK nå la oss gjøre stjernen i showet, tekstlaget, så plukke opp tekstverktøyet.

    Skriv ut ordet tuts.

    Påfør Blippo skriften som du kan finne med et raskt søk. Når du finner det, sørg for å få Blk BT versjon installere det på systemet ditt og velg den i Photoshop for å endre utseendet på teksten.

    Du vil få noe som dette

    Nå for å gjøre vår tekst et 3D-lag bare gå til 3D-menyen øverst og velg Ny 3D ekstrudering fra valgte laget.

    Du vil få denne dialogen fra Photoshop, og for resten av tut serverer oss godt å være i 3D-arbeidsområdet så gå videre og klikk ja.

    og voile! Vi er på en 3D-rom med vår tekst klar til å gå.

    Du kan se en fane på høyre siden av fanen vanlige lag som inneholder alle 3D-elementer i en ny scene.

    nå teksten laget blir forvandlet til et 3D-objekt som inneholder flere seksjoner for formen, og hver inneholder et eget materiale. Vi vil velge alle materialer som vist her.

    Vi vil gå til kategorien egenskaper og velger denne enkle flatt materiale, og klikk deretter på diffuse farger angitt nedenfor.

    Gjør diffuse farge hvit i det velkjente fargevelgeren som dukker opp.

    Vi vil også endre ambient farge så gå videre og klikk på den som vist.

    og velg en lys grå som vist her.

    OK nå ønsker vi at teksten skal ligge flatt på bakken flyet, så vi trenger å rotere og plassere den på dette nivået. Velg tuts lag /objekt.

    Og igjen gå til fanen egenskaper, velger koordinater og rotere objektet 90 grader så det ligger flatt på ryggen.

    Hva vi vil gjøre neste er å redusere tykkelsen av teksten ekstrudering, så i eiendommer velger mesh og redusere dybden til 48

    Når vi har alle disse gjort la oss bruke denne kommandoen til å bringe objektet til bakkenivå. Og det er det vi har teksten klar og på plass.



    Trinn tre grunnplanet

    Vi har snakket om grunnplanet, men ennå har vi ingen faktiske objekt for det, bare referansen på 3D-rom rutenett, så la oss gjøre en bakken skal vi?

    så velger du den rektangulære formen verktøyet, og dra et stort rektangel over hele lerretet.

    nå å innføre denne nytt lag i vår 3D-verden må vi først gjøre det et 3D-objekt, så gå igjen til 3D-menyen og velg flyet fra den nye mesh fra lag undermeny.

    nå når du gjør dette får du en ny 3D-lag som inneholder en helt ny egen scene, og vi ønsker ikke at i dette tilfellet; så for å få vår nye fly i samme scene som vår tekst må vi først velge begge lag utenfor 3D-verden.

    Og igjen bare gå til 3D-menyen der du kan finne flettekommandoen.

    nå går vi tilbake til kategorien 3D kan vi se nå vi har tekstobjekt "tuts" og den nye rektangelet lag.

    Men i kategorien lag du bare har ett lag som inneholder 3D scene.

    nå ønsker vi å se teksten fra toppen, slik at vi kan justere koordinatene for den gjeldende visningen som vist eller dra på visning til du får topp utsikt.

    Vi er på jakt for å få utsikt fra toppen som dette.

    nå når vi får denne visningen kan du se bakken sin mørke, eller hva fargen var velge på det tidspunktet du opprettet, og vi trenger å erstatte dette med en 3D- materiale, la oss velge en av tekstdeler.

    Du kan se materialet vi opprettet tidligere, og vi må gjøre et nytt materiale ut av våre innstillinger

    Klikk på giret vist ovenfor og velge nytt materiale.

    Så du vil få denne dialogen, hvor du kan kalle det materialet hva du vil, og klikk på OK.

    la oss nå gå til materialet i rektangelet plane lag.

    og fra de materielle miniatyr bla helt ned hvor du kan finne den nye kopien av materialet, gå videre og velge det. Og det er det vi har vår hvite bakken og begge objektene riktig plassert.



    Trinn 4 Lights

    Vi er OK i Photoshop riktig så for noen belysning vil vi gjøre noen justeringslag og noen skyggelegging ... ikke sant? Feil! Vi trenger å sette opp en 3D-scene så å matche lys av den opprinnelige Syfy intro vi trenger flere lys. Først av alt velge lyset vi allerede har.

    I forhåndsvisnings vil du få denne typen kontroller for lyset, for nå er det viste lys foran teksten med en mørk skygge bak, så la oss flytte lyset bay gripe den lille sfære og roterende som vist her.

    du kan også gjøre dette i koordinater, på fanen egenskaper.

    så snart du slår du vil se tilbakemelding på åpen GL av hva ting ser ut og hvor kommer skyggen nå gå. Vi ønsker skyggen som vist her for å gå diagonalt fra høyre til nederst til venstre.

    La oss nå lage en ny en, helt ned på 3D-paletten kan du finne det lille ikonet som vanligvis skaper lag, men likevel i kategorien 3D skaper lys. Så velg en ny uendelig lys.

    Den nye lys vises direkte på toppen som vist her.

    Kan flytte dette lyset nøyaktig slik det vises her.

    Også justere egenskapene av dette lyset som vist nedenfor.

    Lar gå tilbake til det opprinnelige lyset og velger det.

    og også justere egenskapene som vist her.

    La oss nå lage to mer lysene som vist her.

    Lest endre fargen for lys 3, klikker du bare på fargen rektangel vises her.

    Og fra fargevelgeren velge en lys rød som dette.

    Deretter justerer intensiteten og mykhet som angitt nedenfor.

    Gå til lys nummer 4 og også endre fargen.

    Denne gangen velger et medium lys blå som vist her.

    En også endre egenskapene som angitt nedenfor.

    Og mens vi er på lys nummer fire la oss justere koordinatene for det som er vist her, dette setter det om det motsatte av lys nummer 1 fylle skyggene.

    nå må vi justere posisjonen på lyset nummer tre også så velger du den i 3D-panelet.

    Og justere rotasjonen som vist her.

    OK det generelle oppsettet sitt som følger, her har vi lys nummer en som kommer fra høyre til en lav vinkel gir oss vår hoved lange skygger som strekker seg til venstre.

    da har vi lys nummer to som reduserer skygge styrken på lyset nummer 1 og kommer fra en høy vinkel litt til høyre for å gi oss en myk ambient okklusjon slags skygge på teksten basen.

    Vi har så lett nummer tre som gir en fylle lys med noen rosa varm fargetone, veldig veldig myk.

    til slutt har vi lys nummer 4 som i motsetning gir oss en litt blå kald fylle kommer fra hovedskyggesiden. Og det er det vi har scenen korrekt opplyst klar for neste steg.



    Trinn 5 Mykere caps (kanter)

    La oss nå endre teksten litt for å få de mykere hjørner og kanter syfy teksten har. Velg teksten som vises her.

    I kategorien egenskaper, klikk på den lille Cap-ikonet på toppen og justere innstillingene som vist. Klikk deretter på konturen thumbnail vist her i en stor rød sirkel.

    Fra pop up velger round alternativet vises her.

    Du kan umiddelbart se de mykere kanter.

    Med en rask render vi sørge for at detaljene ikke er for mye. Vi har justert hatten for teksten.



    Trinn 6 Animasjon

    OK vi er klare til å animere scenen, først og fremst klikk på fanen tidslinjen for å åpne den, og hvis du allerede hadde den åpen bare klikk på knappen i midten for å lage en tidslinje.

    du vil umiddelbart få dette, med en lang tut scene, og et lydspor. Klikk på den lille pilen til venstre.

    Dette vil avsløre alt som sitt inne i 3D-scene og kan være animert. Først av alt vil vi velge kameraposisjon.

    Nå som standard får vi tidslinjen forlenget hele veien for å fylle rommet, vil vi ta tak i dette håndtaket vist her.

    Og dra det hele tatt helt til venstre på om 20f markør.

    OK siden vi faktisk har vår kameraposisjon på hva som ville være slutten av animasjon, bare klikk på den lille stoppeklokke-ikonet. Du kan se at du får umiddelbart en liten diamant formet nøkkel-ramme på tidslinjen

    Men siden det er slik vi vil ha det til slutt, bare dra den nye nøkkelen-ramme hele veien til den siste rammen.

    nå for å flytte kameraet rundt deg har 2 alternativer, først må du dette kjent 3D koordinerer piler for xy og z-aksen på nederst til venstre på scenen visningen. Du klikker bare på og holder på at for å flytte visningen rundt.

    Eller du kan gå til hva vi har brukt så langt, i kategorien egenskaper, koordinater, der du kan mer nøyaktig flytte objekter og utsikt .

    også på toppen informasjonslinjen får du noen kontroller så snart du velge flytteverktøyet.

    flytteverktøyet sin en generisk merke og flytte, så hvis du klikker på det området som inneholder et objekt, som vil bli valgt umiddelbart og kontrollpilene vises, men vi ønsker ikke å flytte noen av de objektene vi ønsker å flytte vårt syn. Så bruk noen av de tilgjengelige valgene og få kameraet på nært hold i en oversikt som dette.

    Så snart du får den ønskede visningen, klikk på stoppeklokken ikonet igjen for å lage den første nøkkelbilde.

    Deretter klikker du bare på play-knappen for å forhåndsvise animasjonen, du kan justere slutten og begynne nøkkelbilder til du er fornøyd med resultatet, bare sørg for at den rulle tidslinjen indikator sin på toppen ønsket tast rammen slik du justere eksisterende og ikke skape en ny.

    Når du har klikket på play kan du bruke denne rulle tidslinjen for å sjekke hver ramme av animasjonen. Og plassere den over ende og starte nøkkelbilder, pluss også velge poeng for andre animasjons Viktige rammer som du kan lage på noen av objektene eller lag.



    Trinn 7 Legge noen justeringslag og animere dem

    Vi vil nå kombinere animasjon av vår 3D-scene med noen vanlige justeringslag som vi også vil animere. Først la oss lage en fotofiltersjikt.

    Gjør det til en oppvarming filter og justere det som sees her.

    Du vil få et nytt lag i animasjonen som inneholder bildet filter og vi vil gå videre og lage en ny nøkkel ramme for opacity på ca 02. 00f markør bare litt forbi det som er vist her

    på denne tasten rammen vi vil sette opacity til 0.

    Så gå til slutten av animasjon og opprette en annen nøkkelbilde.

    Juster tettheten for denne siste nøkkelen rammen til 30%

    Perfect! nå la oss lage et nytt justeringslag på toppen; et annet bilde filter som vist her.

    Denne gangen en avkjølende filter på ca 25% tetthet.

    Denne gangen går til begynnelsen av animasjon og skape en opacity nøkkelbilde som vist her.

    for denne nøkkelen rammen sørge tettheten sin på 100%

    nå bla ned til ca 03. 00f markør og opprette en ny nøkkel ramme

    Reduser opacity her til 0

    til slutt skape et nivåer lag på toppen som vist.

    Juster nivåene som vist her.

    og igjen gå til dekkevne og skape en nøkkelramme på begynner.

    Kontroller at tettheten sin på 100 for denne nøkkelen.

    Og sette en andre nøkkelbilde som vist her.

    Og sette dette andre nøkkel på 0%

    OK vi er nesten der, nå opprette et tomt lag på toppen.

    Velg farge fyll verktøyet og fylle dette lag med 100% svart

    nå gå til filtermenyen og velg gjengi lysskjær.

    i dialogboksen justere linse-fakkel som vist her.

    Sett lagmodus til skjermen.

    Great nå tilbake til tidslinjen oppretter en ny nøkkel ramme litt forbi 01: 00f markør

    så gå til 02: 00f markør og skape fem flere markører som vist her, ikke bekymre deg det er ikke nødvendig å være nøyaktig på samme posisjon, bare omtrent matche det.

    Ha disse to nøkkelbilder i sirkelen til 100%, og bla til neste tast.

    Sett denne til ca 23% dekkevne.

    Bla til neste nøkkelbilde.

    Og sette denne til 73%

    Og gå til neste nøkkelrammen

    Og sette opacity til 0. Og det er det vi har alle våre nye lag animerte og klar til å gå, klikke på play-knappen for å sjekke ut forhåndsvisning av vårt arbeid, og når du er fornøyd med alt gå til det siste trinnet.


    < h2> trinn 8 Render og Add Audio

    OK enkelt trinn, men vi må ta vare på noen ting for å få en god gjengi. Klikk på det lille ikonet angitt her.

    Du vil få denne dialogboksen med flere alternativer, så la oss gå fra øverst til venstre. Fornavn videoen, og velg en målmappe for den. Juster deretter enkoderinnstillinger som angitt nedenfor. Deretter satt rekkevidden til gjengi å være begrenset til arbeidsområdet, og til slutt velger render kvalitet. Jeg har gjort noen test gjengir på en lavere kvalitet som tar et par minutter å forhåndsvise arbeidet og innstillingene, men når du går på sluttkvaliteten vil det ta ganske mye å gjengi, men resultatene er svært gode. Det avhenger mye på datamaskinen strøm, men generelt vil det ta ganske mye, og det er derfor vi holder på størrelse med vår dokument moderert.

    OK nå på en endelig ekstra notat jeg vil vise deg hvordan du importerer lyd til animasjonen.

    Gå hele veien til høyre for tidslinjen og klikk på plusstegnet.

    Velg lydfilen du vil bruke, og klikk på åpne.

    lydfilen vil trolig forlenge veien forbi lengden av animasjon og enda lenger.

    du kan velge lyd bar og dra den til høyre eller venstre, slik at den delen du ønsker sitter i arbeidsområdet hvor animasjonen er.

    jeg har velger en seksjon nær slutten av min lydfil

    Bla til slutten av arbeidsområdet og klikk på saksen.

    Dette vil gi deg et kutt på lydsporet

    nå kan du bare slette det du ikke trenger.

    Og deretter høyreklikk på lydsporet for å få fade i visne våre kontroller, der det avhenger mye av hvilken lyd du bruker, men det handler om så mye kontroll du får på lyd i Photoshop. Jeg ønsket å forlate lyddelen siste fordi 3D gjengi allerede skatter datamaskinen nok, så lyden sin valgfrie eller kan legges til den endelige gjengi etter sin ferdig.



    Final Animasjon
    < p> det er det vi har kommet til slutten av disse grunnleggende tut på 3D og animasjon mulighetene i CS6, selvfølgelig for alvorlig animasjon og nøkkelbilde kontroll du er bedre på After Effects eller nuke, men for fin rask enkle ting sin ganske hyggelig å være i stand til å gjøre det hele i Photoshop, og for meg jeg tror Photoshop kan godt gå inn i dette og bli kraftigere enn nuke i fremtiden.