Lag en 3D, Chrome, Logo Animasjon Med Sound FX Bruke Photoshop CS6 Extended

Create en 3D, Chrome, Logo Animasjon Med Sound FX Bruke Photoshop CS6 Extended

Photoshop har blitt en multi-purpose verktøy som kan skape noen komplekse animasjoner uten behovet for å kjøpe ekstra programvare. I denne opplæringen vil vi vise deg hvordan du oppretter og kompositt en 3D-animasjon med lyd og lyseffekter. Vi vil også dekke teknikker for hvordan å optimalisere gjengivelsen tid. La oss komme i gang!



Instruksjons Eiendeler

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

  • 3D Object (In Free Last ned filer)

    Materiell Presets (In Gratis nedlasting Files)

    Stue

    lydklipp

    Trinn 1

    Opprett et nytt dokument på en videooppløsning du foretrekker. I dette tilfellet, jeg bruker 720 px x 480 px.

    Trinn 2

    Velg en forgrunnsfarge og bakgrunnsfarge og bruke Gradient Tool til å lage en radial gradient som vist. Kontroller at Radial Gradient ikonet er valgt i toppmenyen.

    Trinn 3

    Det neste trinnet er å opprette vår 3D-objekt som vi vil senere tekstur og animere. Du kan bruke eller bygge et objekt som du vil, men for denne opplæringen, vil vi bruke et 3D-objekt fra en av mine tidligere tutorials (inkludert i de ressursene). Hvis du vil vite hvordan du kan lage dette objektet, kan du se i min Realistisk Chrome Hood Ornament Premium Tutorial.

    Vi vil nå legge til 3D Object til vår scene. Gå til Fil> Åpne og naviger til "3D_object.psd" fil. Dette vil åpne som et nytt dokument.

    Trinn 4

    Vi ønsker å flytte "3D Object" lag inn på scenen var vi bare jobbe videre. Normalt vil du bruke Move Tool (V) til å klikke og dra laget fra lerretet til riktig fane dokumentet på toppen. Svever over en fane dokument ville åpne det dokumentet slik at du kan slippe det nye laget inn i den nye dokumentet. Dessverre, med et 3D-lag, kan du ikke bruke flytteverktøyet direkte. Så må vi bruke den indirekte.

    I "3D_object.psd" dokument, sørg for 3D-objektlaget er valgt i Layers Panel. Sørg også for å velge Rectangular Marquee Tool (M).

    Holding Ctrl vil endre markøren til Move Tool midlertidig som nå vil tillate oss å klikke og dra 3D-laget fra dokument for å dokumentere. Gå videre og holde nede Ctrl + Shift mens du klikker og drar objektet fra lerret til vårt arbeidsdokument. Svever over arbeidsdokument vil åpne den opp.

    Når arbeidsdokument åpnes, drar markøren over lerretet og slipper museknappen for å plassere laget. Siden vi holdt Shift, vil laget automatisk bli plassert i midten av lerretet.

    Trinn 5

    Med 3D-laget valgt, sørg Egenskaper Panel og 3D Panel bli synlig . Hvis disse panelene er ikke synlig, bare åpne dem ved å gå til Window> 3D, eller Window> Egenskaper. Her er et eksempel på begge vinduene når "Current View" er valgt:

    Vårt neste skritt er å gå gjennom og bruke teksturer til hver overflate. Hvis vi går til 3D Panel, kan vi se de tre objektgrupper som utgjør vår 3D-objektet. Ved å tvinne ned en gruppe lag, kan vi se 3D-objektlaget samt sin Material lag.

    Velg "Ellipse" objekt "Front Bevel Material" laget i 3D Panel. I Properties Panel, gjør følgende justeringer. Vårt mål er å skape en krom materiale for denne overflaten.

    Trinn 6

    For å bruke dette materialet til andre overflater, trenger vi å lagre den i Material Picker. For å gjøre dette, klikk på Material Picker forhåndsvisningsvinduet i Properties panelet, velger den lille tannhjulikonet for å åpne en fly-out panel med flere alternativer og velge nytt materiale. Nevne det nye materialet "Chrome.»

    Trinn 7

    Hvis du vil bruke den nyopprettede "Chrome" materiale til resten av "Ellipse" materielle lag, gå tilbake til 3D Panel og shift -klikk resten av overflatene. Deretter går du til Material Picker i Properties Panel og naviger til vår "Chrome" materiale.

    Nå skal hele "Ellipse" objekt være teksturert med "Chrome" materiale. Som du kan se, er det ikke mye forskjell. Dette er fordi det ikke er noe å reflektere. Vi vil ta opp dette senere.

    Trinn 8

    Vi vil bruke den samme "Chrome" materiale for "TUTS" objekt. Velg alle materialsjikt for "TUTS" objekt og bruke "Chrome" materiale. Ditt bilde skal ligne følgende:

    Trinn 9

    Den siste materialet vi trenger å søke er på "Sikkerhets Front Inflasjon Material" lag. Velg dette materialet lag og bruke følgende innstillinger i egenskapsvinduet.

    Trinn 10

    Photoshop inneholder en grunnplanet i alle 3D-scene (merket med nettet) automatisk. Det gir også mulighet til å kaste skygger på at grunnplanet. I 3D-panelet, velger du "Miljø" lag, og deretter gå til Properties Panel og sørge for at Shadow og Ground Plane innstillingene er satt som vist:

    Trinn 11

    Siden vårt formål er "stående" på grunnplanet, vil objektets skygge kastet over den. Vi fikk til slutt vil at objektet skal være parallell med grunnplanet og lyset rett over så skyggen vil bli kastet rett under objektet.

    For å oppnå dette vil vi først flytte objektet i posisjon. Sørg for at Move Tool (V) er valgt, og i 3D Panel, velg "Scene" lag (dette velger alle objektene på en gang).

    Bruk skjerm widget for å rotere scenen 90 grader rundt X-aksen. Du kan også manuelt angi rotasjons bruker Coordinated Tab i egenskapsvinduet.

    Til slutt, bruker skjerm widget for å flytte scenen ned slik at det er nærmere grunnplanet.

    Step 12

    Det neste trinnet er å justere belysning for å bli bedre på jakt skygger. I 3D-panelet, velger du "Infinite Light 1" lag og bruker skjerm widget for å rotere lyset slik at hvis peker rett ned på vårt objekt.

    Her er en annen vinkel, slik at vi kan se hvordan skyggen ser ut. Hvis du trenger å flytte objektet slik at det er nærmere eller lengre fra grunnplanet, se tilbake til trinn 11.

    Trinn 13

    Før vi avslutter justerer belysningen, la oss flytte kameraet så vi står overfor våre objekt rett på .. I 3D Panel, velg "Current View" lag og bruke verktøyene i toppmenyen for å manipulere kameraets posisjon.

    For å lagre dette kameraet, gå til Egenskaper Panel og klikk på rullegardin under "Vis". Nevne dette kameraet "Render". Besparende kameraet vil automatisk legge den til vår 3D Panel, slik at vi kan hoppe mellom flere kameraer når som helst.

    Trinn 14

    Nå er det på tide å avslutte belysning. Vi kommer til å endre innstillingene for lyset for å tillate en liten mengde skygge til å være synlig fra bak objektet. Dette vil bidra til vår scene fra å se altfor flatt mot bakgrunnen. I 3D-panelet, velger du "Infinite Light 1" lag igjen, og gjøre følgende endringer i egenskapsvinduet.

    Legg merke til at vi nå kan se noen av skyggen

    Trinn 15

    For å avslutte belysning vår scene, har vi tenkt å legge et bilde Based Lys (IBL). Som navnet tilsier, den bruker et bilde for å tenne scene (i hovedsak etterligne belysning i bildet). Resultatet er en mye mer naturlig og realistisk opplyst scene.

    I 3D Panel, velg "Environment" lag. I Properties Panel, sørg IBL er kontrollert og klikk på ikonet for å laste inn en tekstur. Gå videre og legge til bildet av stuen fra Instruksjons eiendeler.

    Vår scene er nå opplyst av IBL som er representert i bakgrunnen av vår lerret. Dette bildet er kun til referanse og vil ikke gjengi i bakgrunnen.

    Så lenge Miljøvern laget er uthevet, vi vil se dette referansebildet samt et skjerm widget som kan brukes til å rotere IBL rundt . Ved å flytte bildet, kan vi endre refleksjoner i vår scene. Føl deg fri til å rotere miljøet som det passer deg.

    Trinn 16

    Til slutt, refleksjoner vises for gule. Vi kan endre dette ved å redigere kildebildet for IBL. For å gjøre dette, gå til Egenskaper Panel, klikk på IBL miniatyr og klikk på Rediger Texture.

    Dette vil åpne tekstur fil i et nytt vindu. Jeg har brukt Bilde> Justering> Erstatt farge for å erstatte den gule til en blå. Dette trenger ikke å se realistisk; vi er bare å innføre en ny farge.

    Her er hvordan vår scene gjenspeiler de nye fargene fra IBL kartet.

    Trinn 17

    Vi skal nå lage en liten mengde animasjon i vår scene. Start med å klikke på Opprett Video tidslinje-knappen for å aktivere tidslinjen. Hvis denne knappen ikke er synlig, kan du gå til Window> Tidslinje.

    "3D Object" lag vil nå bli framstilt som en video laget i Video Tidslinje.

    Trinn 18

    Siden vi skal animere "3D Scene Position" av "3D-objekt" lag, snurre ned "3D Object" lag i tidslinjen.
    < h2> Step 19

    I 3D Panel, pass på at "Scene" lag er valgt. Deretter flytter inn gjeldende klokkeslett indikatoren til 15 rammen mark og klikk "Aktiver Keyframe Animation" -ikonet.

    Deretter flytter inn gjeldende klokkeslett Indicator til "00" mark og bruker skjerm widget for å rotere scenen omtrent 30 grader rundt y-aksen. En ny keyframe skal automatisk vises på den første rammen for 3D Scene Position.

    Skure gjeldende klokkeslett Indicator frem og tilbake mellom nøkkelbildene vil tillate oss å forhåndsvise animasjonen.

    Step 20

    Bruk glidebryteren rett under tidsbar å angi sluttpunktet for vår Work Area 15 bilder.

    Trinn 21

    Før vi gjengi animasjon, kan vi gjøre noen små endringer for å optimalisere gjengivelsen tid. Gå til Edit> Preferences> 3D og sette Ray Tracer High Quality Threshold til 4. Alternativt, hvis du ønsker en mer polert endelig rendering, og har ikke noe imot å vente litt lenger, gjerne sette dette til 5 eller 6 ( vi bare gjengi 15 bilder etter alle).

    Trinn 22

    Gå til Fil> Eksporter> Render Video og bruke innstillingene som vist. Vi skal gjengi vår scene som et JPG sekvens i stedet for en video. Dette vil gi oss mer kontroll senere. Jeg anbefaler å lagre de gjengitte stillbilder til en ny mappe for å organisere filene.

    Trinn 23

    På dette punktet, lagre filen og åpne et nytt dokument. Vi kommer til å bygge en rask 2D-animasjon av vår gjenskinn effekt. Vi vil senere bruke dette til vår 3D-objekt. Opprett et nytt dokument 525 px med 300 px med sort bakgrunn.

    Trinn 24

    Lag et nytt lag som heter "Gjenskinn" og bruke Rectangular Marquee Tool til å lage en horisontal utvalg som vist.

    Step 25

    Velg Gradient Tool og sørg for at den er satt til forgrunn til Transparent og Linear Gradient. Sett også forgrunnsfarge til hvit.

    Ved hjelp av Gradient Tool, lage en liten stigning i bunnen av utvalget.

    Trykk Ctrl + D for å fjerne markeringen.

    Trinn 26

    Roter (Ctrl + T) på "Gjenskinn" lag som vist.

    Trinn 27

    Det neste trinnet er å animere dette laget over vår lerret . For å gjøre dette, åpner Tidslinjen som vi gjorde i trinn 17.

    Snurr ned "Gjenskinn" laget og klikk på ikonet for å Aktiver Keyframe Animasjon for "Position" eiendom.

    Flytt gjeldende klokkeslett Indicator å ramme 50 og klikk på Legg Keyframe ikonet for å angi posisjonen ..

    Flytt Current Time Indicator lenger ned på tidslinjen (å ramme 90, eller så) og flytt "Gjenskinn" lag over lerretet som vist. En viktig ramme skal automatisk genereres i denne posisjonen.

    Trinn 28

    Ved å trykke på mellomromstasten vil forhåndsvise animasjonen.

    Ta gjerne pynte denne animasjonen som det passer deg. Jeg har lagt til noen flere lag med ulike typer reflekser som beveger seg i forskjellige hastigheter. Her er en kort forhåndsvisning.

    Trinn 29

    Gå til Fil> Eksporter> Render Video. Siden vi jobber med en 2D-animasjon (og ikke trenger å bekymre deg for å gjengi ganger), kan vi spare ut som en MOV-fil.

    Trinn 30)

    Nå som vi har vår 2D blending animasjon ferdig, kan vi gå tilbake til vårt opprinnelige scenen for å arbeide på blende effekt.

    Trinn 31

    For dette neste del, ønsker vi at objektet skal være helt sort. Klikk på det første materialet laget av "TUTS" objekt og endre de materielle innstillingene i Egenskaper Panel som vist.

    Trinn 32

    Lagre dette materialet som vi gjorde i trinn 6. Name it "Reflektert Svart."

    Step 33

    Bruk denne tekstur til alle flater på alle tre stedene. Resultatet skal være en urealistisk reflekterende objekt.

    Trinn 34

    En av de store funksjonene i Photoshop er muligheten til å legge til animerte GIF eller MOV-filer som teksturer. Vi vil bruke MOV-fil som vi laget tidligere til IBL i vår scene. Dette vil skape inntrykk av vår 2D blending animasjon blir reflektert i vårt objekt.

    I 3D Panel, velg "Miljø" lag, og i Properties Panel, klikk på IBL thumbnail og velg Erstatt Texture. Velg 2D Glare MOV-fil som vi nettopp opprettet.

    Ved å trykke på mellomromstasten vil forhåndsvise animasjonen, men det vil bare vise de første 15 bilder siden vi justert arbeidsområdet i trinn 20. Gå videre og utvide arbeidsområdet til 90 rammer.

    Trinn 35

    Som forklart i trinn 15, kan vi oss på skjermen widget for å manipulere posisjonen til IBL. Foreløpig, hvis du forhåndsvise animasjonen er IBL plassert på en slik måte at det ikke gjenspeiler den "blende" i vår animasjon. Still inn gjeldende klokkeslett Indikator mot slutten av tidslinjen (når blending i vår MOV-fil begynner å animere).

    Roter IBL før vi ser at gjenskinn i refleksjonene av våre objekt.
    < h2> Trinn 36

    Siden det er minimalt med teksturer i vår scene, vil vår scene gjengi litt raskere. Men er det noen flere tiltak vi kan gjøre som vil gjøre liten visuell forskjell, men en betydelig tidsbesparende ved gjengivelse.

    Klikk på hvert objekt lag og fjern merket Catch Shadows og Cast Shadows (som finnes i Properties Panel) .

    Velg "Infinite Light 1" lag og fjern Shadow i egenskapsvinduet.

    Velg "Environment" lag og fjern Shadow i egenskapsvinduet. Sett også Ground Plane Shadow Opacity til 0%.

    Til slutt, som et valgfritt trinn, gå til Edit> Preferences> 3D og sette Ray Tracer High Quality Threshold til 3 eller 4.

    Trinn 37

    Det siste vi trenger å gjøre før rendering er å gjøre bakgrunnen solid svart. Velg "Bakgrunn" lag og gi den en svart fyll.

    Trinn 38

    Akkurat som vi gjorde i trinn 22, gå til Fil> Eksporter> Render Video og gjengi en animasjon som JPG Bildesekvens.

    Trinn 39

    Nå som vi har alle våre komponenter som ytes ut, kan vi begynne å kompositt vår animasjon i et nytt dokument ved hjelp av video tidslinjen. Gå til Fil> Åpne og naviger til mappen der vi reddet vår 3D-animasjon bildesekvens. Sørg for å sjekke bildesekvens boksen før du åpner.

    Siden vi jobber med video lag, kan du få følgende melding før du åpner filen. Når filen er åpen, bare gå til Vis og fjern merket Pixel Aspect Ration Correction å korrigere.

    Deretter går du til File> Place og velge den siste rammen eneste av våre 3D-animasjon. Dette vil plassere den siste rammen av vår animasjon på det samme laget som vår videofilen.

    Notce at filen ser ut til å være større enn lerretet. Dette er på grunn av vår videolaget blir portrettert i et annet pikselsideforhold enn vår stillbilde. Vi kan manuelt justere håndtakene for å korrigere.

    Trinn 40

    Det neste trinnet er å legge til 3D blende animasjon til vår scene. Gå til File> Place og naviger til blending animasjon bildet. Sørg for å åpne disse som en bildesekvens. Merk at dette automatisk konverterer videolaget inn et smart objekt. Dette er viktig for de senere trinnene (Alternativt kan du høyreklikke på en video laget i Lag-panelet og velg "Konverter til smart objekt").

    Trinn 41

    For å starte innledende blending effekt, velger du 3D-blending animasjon lag og sett Blending Mode til Linear Dodge (Legg til).

    Hvis du skrubbe gjennom animasjon, kan du se hvordan dette Blending Mode påvirker scenen.

    Step 42

    Som påpekt tidligere, er vår 3D blending video laget et smart objekt. Som et smart objekt, kan vi nå bruke smartfiltre til videolaget. Vi vil bruke smartfiltre for å forbedre vår blending effekt. Lag en kopi av blende lag i Lag-panelet og navn denne "Blurred Glare." Dette vil automatisk legge et nytt lag til vår video tidslinje.

    Gi dette en Gaussian Blur (Filter> Blur> Gaussian Blur) satt til 6,8 piksler. Dette vil legge til at gløden som ofte følger et gjenskinn.

    Trinn 43

    Vi kan gjøre noe kreativt med blending ved å legge en Radial Blur. Gå videre og lage en ny kopi av den opprinnelige blending lag og gå til Filter> Blur> Radial Blur. Sett Beløp 100. Gjerne legge til en andre Radial Blur for en ekstra vekt (smartfiltre kan legges flere ganger).

    Din scene bør ligne på følgende.

    Trinn 44

    Nå som vår animasjonen er nesten ferdig, har vi tenkt å legge noen siste detaljene. Legg et nytt lag med Layers Panel og fyll med svart. Navn dette laget "Fade".

    I Video Tidslinje, snurre ned "Fade" lag, og klikk på Stoppeklokke ikonet for å Aktiver Keyframe Animasjon for Opacity eiendommen. Når du aktiverer Keyframe Animasjon, vil en keyframe bli plassert på stedet av Current Time Indicator — flytte den tilbake til rammen 00.

    Step 45

    Opprett en annen på den tiende rammen. Du kan klikke og dra en keyframe etter at den er lagt for å plassere den mer nøyaktig.

    Trinn 46

    Med andre nøkkel fortsatt aktivere (donert av den gule høydepunkt), justere "Fade" lagets opacity til 0% ved bruk av Layers Panel. Vår fade-in er nå fullført.

    Trinn 47

    Den siste tingen å gjøre er å legge til lyden funnet i Instruksjons eiendeler. Vi skal bruke et lydklipp bunt kalt "Magisk Wooshes." Denne filen inneholder fire seaparet "woosh" klipp.

    På bunnen av vår Video Tidslinje, klikker du på plusstegnet på slutten av Audio Track laget. Legg den "Wooshes 01.mp3" lydklipp.

    Step 48

    Ved å trykke på mellomromstasten vil forhåndsvise animasjonen med lyden. Lydklipp høres ut som det vil fungere best når blende effekten går over vår objekt. Flytt denne lydklipp slik at at "woosh" spiller som blende begynner å bevege seg på tvers av vår objekt.

    Trinn 49

    Foreløpig holder lydavspilling forbi slutten av vår animasjon, for å fikse dette vil vi trenger å trimme klippet. Klikk på slutten av lydspor og dra den tilbake, slik at det ender med vår animasjon.

    På dette punktet, gå videre og drar igjen til lagene tilbake slik at de ender med animasjon.

    Lyden fortsatt kutter tidlig. For å fikse det, vil vi legge til en fade ut til lyden. Klikk på pilen ikonet i enden av sporet og sett Fade Out til 0,5 sek.

    Trinn 50

    Hvis du vil, kan du legge til en annen lydspor til begynnelsen av vår scene å spille når våre objekt roterer i posisjon. For å legge til et annet lydspor, klikker du på Music Notes Ikon på lydsporet og velg New Audio Track

    Bare gjenta trinn 47 –. 49. Jeg har funnet ut at klippet "Wooshes 02.mp3" fungerer bra, men det krever litt mer justering.

    Trinn 51

    Til slutt, gå til Fil> Eksporter> Render Video.

    Final Rende

    Du er ferdig! Nedenfor er det siste animasjon med lyder effekter: