Hvordan lage 3D tekstblokker i Photoshop

I denne opplæringen vil jeg vise deg hvordan du lager en 3D-blokk-tekst-effekt. Du må ha Adobe Photoshop CS4 Extended for å praktisere denne opplæringen. Dette blir morsomt, og jeg er sikker på at du kan gjøre mange kule ting ved hjelp av denne teknikken. La oss komme i gang!

Endelig bildeforhåndsvisning

Ta en titt på bildet vi skal skape. 

Videoopplæring

Vår videoredaktør Gavin Steele har laget denne videoopplæringen for å komplimentere denne teksten + bildeopplæringen.

Trinn 1

Før vi begynner, vil du kanskje laste ned skriften som vi skal bruke i denne opplæringen. En bitmap skrifttype går bra med denne effekten, slik at du kan bruke noen, eller last ned fonten som jeg brukte kalt Erkjennelse fra dafont.com.

Opprett et nytt dokument på 1000 piksler og 600 piksler høyt. Still oppløsningen til 300 piksler / tommer og sett fargemodus til RGB, kalt "Blokker". Fyll "Bakgrunn" -laget med farge # 3a3a3a. Sett Forgrunnsfarge til svart, ta tak i Horizontal Type Tool og skriv "PSD." Angi skrifttypen for å bekrefte, sett skriftstørrelse til 120 pt og sett anti-aliasingmetoden til Ingen for å oppnå ru kanter.

Steg 2

Opprett et nytt lag og nev det "Mosaic". Sett Forgrunnsfarge til 70% svart og Forgrunnsfarge til 85% svart. Gå til Filter> Render> Clouds. Gå til Filter> Pixelate> Mosaic, sett cellestørrelsen til 50 og søk.

Trinn 3

Velg "Bakgrunn" -laget i Lagpaletten og trykk på Kommando + J for å kopiere det. Nå Alt-klikk på linjen mellom "PSD" og "Mosaic" -lagene for å maskere "Mosaic" -laget.

Trinn 4

I lagpaletten velger du alle lagene annet enn "Bakgrunn" -laget. Gå til 3D> Ny maske fra gråtoner> Tosidig plan. Photoshop vil lage to symmetriske fly og bruke det valgte lag eller lag som et dybdekart for begge fly. Det betyr at vår mosaikktekst er nå et dybdekart for flyet, og lettere kvadrater blir høyere da mørkere blir dypere. Det mørkeste området i dybdekartet er "a3a3a3" farget overflate og alle torgene er lettere enn denne fargen, så det blir ingen bukser, men støter på overflaten.

Trinn 5

Nå har vi et 3D-objekt, og vi ser det fra forsiden. Faktisk ser vi det gjennom kameraet, men kameraet er foran på 3D-objektet. Du har to alternativer for å få et perspektiv utseende. Du kan rotere objektet eller endre retningen til kameraet. Vi velger å forlate objektet der det er fordi det vil hjelpe oss med å gjøre refleksjonen lett senere.

Få 3D Orbit Tool og dra for å bane kameraet. Du kan også bruke 3D Roll View Tool for å rotere kameraet. 3D-baneverktøyet veksler om kameraet i X- eller Y-retningen. 3D Roll View Tool roterer kameraet rundt Z-aksen. Bruk disse verktøyene for å oppnå et perspektiv som vist nedenfor. Deretter tar du 3D-zoomverktøyet og drar for å zoome inn og bruke 3D Pan View Tool til å flytte kameraet om nødvendig.

Trinn 6

Det finnes forskjellige forhåndsinnstillinger for forhåndsvisning i Photoshop. Den eneste gjengivelsesmetoden som gir oss skygger og refleksjoner, er Ray Tracing-metoden. Men for å oppnå den effekten vi ønsker, skal vi ikke bruke Ray Tracing. Så vi må skape refleksjonen ved hjelp av et triks. Det er derfor vi bruker et tosidig fly i stedet for en vanlig.

Trinn 7

Gå til Vindu> 3D eller dobbeltklikk 3D-lag Ikonet i "Mosiac" -laget i Lagpaletten. Velg Scene og sjekk Tverrsnitt. Denne operasjonen vil kutte 3D-modellen med Cross Section Plane og vil kun vise innholdet på den ene siden av det. Flyet er vinkelrett på aksen valgt. Velg Y-aksen. Dermed blir bunnsiden av det tosidige flyet usynlig. For å gjøre kryssseksjonen også usynlig, fjerner du av flyet i 3D-panelet.

Trinn 8

Når du lager et nett fra et gråtonebilde, bruker Photoshop gråtonebildet som en Dybdekart. I lagpaletten når du velger "Mosaic" -laget, kan du se en Mosaic Depth-tekstur. Dobbeltklikk på dette materialet åpner dybdekartet i et nytt dokumentvindu. Siden du valgte tre lag for å opprette nettverket, vil du kunne se og redigere disse lagene i det åpne dokumentet.

Alle endringer vil bli oppdatert når du går tilbake til hovedblokken "Blokker". Så hvis du ikke er fornøyd med blokkstrukturen, kan du åpne Mosaic Depth-tekstur, gå til "Mosaic" -laget, og bruk Clouds and Mosaic-filtre på nytt som beskrevet i trinn 2. Dybdekartet er også tildelt modellen som et diffus og opacitets kart. Siden vi ikke trenger disse teksturer, skal vi fjerne dem. Velg Mosaic-materialet i 3D-panelet, klikk på ikonet Textur kart-meny ved siden av Diffuse og velg Fjern tekstur. Gjør det samme for Opacity.

Trinn 9

I 3D-panelet velger du Scene og klikker på Render Settings-knappen for å hente dialogboksen 3D Render Settings. Angi ansiktsstilen til flat, merk av for Aktiver linjelevering, merk farge til svart, sett Edge Style til Constant og angi Crease Threshold til 2, jo høyere denne terskelen er, desto mindre synlige kanter er. Still linjebredden til 1 og trykk OK. I 3D-panelet settes Anti-Alias ​​to Best for en god anti-aliasing.

Trinn 10

Nå endrer vi noen materielle innstillinger. Gå tilbake til Mosaic-materialet i 3D-panelet, sett ambientfargen til # 880022. Sett Diffus til # ee8800. Sett glans på 0%. Gå til Scene i 3D-panelet og sett Global Ambient Color til # 575757. Omgivende farge definerer lysheten på scenen når alle lysene er slått av.

Trinn 11

Du vil se tre lys i 3D-panelet. Dette er de nåværende lyskildene i scenen. Nå skal vi justere lysene litt. Alle lysene er uendelige lys. Det er tre typer lys i Photoshop. Det er uendelige lys, som virker som sol og skinn fra et retningsplan. Punktlamper skinner fra alle retninger, akkurat som en lyspære og spotlights skinner i en justerbar kjegle.

Velg det uendelige lys 1 og sett fargen til hvit. Velg Infinite Light 2, sett fargen til # 696969 og fjern avmerkingen for Create Shadows. Tydeligvis gir ingen lys skygger for øyeblikket, men når de gjør det, vil vi bare ha ett lys til. Velg det uendelige lyset 3, sett fargen til hvit og fjern merket Lag skygger og sett Lys type til punkt.

Trinn 12

Det tredje lyset er plassert under vårt fly, slik at vi ikke ser noen effekt. For å plassere lyset lett må vi endre vårt syn, men først, for å kunne komme tilbake til vår nåværende visning, må vi lagre det. Få et av 3D-kameraverktøyene som 3D-baneverktøyet, og klikk på Lagre gjeldende visningsknappen og navnet "Cam." Åpne Vis-listen og velg "Topp".

Trinn 13

Klikk på Toggle Lights-knappen nederst på 3D-panelet for å se lysene i scenen. Få 3D Zoom Tool og zoom ut til du ser punktlampen. Klikk på Dra lys-knappen i 3D-panelet og plasser lyset som i bildet nedenfor.

Få ett av kameraverktøyene, åpne Vis-listen og velg "Cam" for å gå tilbake til kameravisningen. Klikk på Toggle Lights-knappen for å skjule lysene. Still intensiteten til punktlyset til 0,6. Du kan fremdeles trekke lyset ved å bruke Dra lyset og Skyv lysverktøyene i 3D-panelet.

Trinn 14

Gå til Layout Palette og dupliser "Mosaic" -laget, og navngi det "Line". Gå til 3D-panelet, velg Linjeleksjonsforhåndsinnstilling og trykk Render Settings. Still linjebredden til 1 og trykk OK.

Få Magic Wand Tool, sett toleransen til 80. Klikk på det svarte området utenfor teksten for å velge rundt teksten. Skift-klikk hullene på bokstavene og eventuelle lukkede områder. Deretter får du Polygonal Lasso Tool og legger til uvalgte områder rundt teksten til utvalget ved å trykke Shift før du velger utvalget.

Trinn 15

Gå til lagpaletten og gjør laglinjen usynlig. Gå til Velg> Inverse for å reversere valget, nå er teksten valgt. Gå til "Mosaic" -laget i lagpaletten. Hit kommando + C for å kopiere og trykk Kommando + V for å lime inn valget til et nytt lag. Navn dette laget "Tekst". Dupliser "Mosaic" -laget og nev det "Refleksjon". Slå av synligheten til "Mosaic" -laget.

Trinn 16

Pass på at "Refleksjon" -laget er valgt i Lagpaletten og gå til 3D-panelet. For å få refleksjonen trenger vi den andre halvdelen av tosidig plan. Velg Scene i 3D-panelet. Klikk på flippekors seksjonsknappen for å få den andre halvdelen synlig. Velg Mosaic Materialet i 3d-planet og fjern merket tosidig. Dette vil gjøre baksideene usynlige, og bare refleksjonen blir igjen.

Trinn 17

Det eneste problemet vi har med refleksjonen er at det er ganske langt unna. Vi trenger å knipse den til teksten, men å gjøre dette fra kameravisningen ville være en vanskelig oppgave. Slå nå lagets synlighet av for "Tekst" -laget og på for "Mosaic". Dette kan se rart, flytt "Refleksjon" -laget under "Mosaic" -laget i lagpaletten.

Nå får du et hvilket som helst kameraverktøy og fra Vis-listen velger du Høyre og gjør det for både "Mosaic" og "Reflection" -lagene. Nå vil du kunne se begge flyene fra riktig visning, og du kan se hvor langt de er fra hverandre. Zoom inn i flyene ved hjelp av standardzoomverktøyet i verktøykassen, få 3D-panverktøyet, kontroller at "Refleksjon" -laget er valgt og dra flyet til venstre, mens du holder nede Skift-tasten til høyre som i bildet nedenfor.

Trinn 18

Nå får du et hvilket som helst kameraverktøy igjen, og for både "Mosaic" og Reflection "-lagene går du tilbake til Cam-visning. Slå sikten av for" Mosaic "-laget og på for" Tekst ".

For å rense linjene i "Refleksjon" -laget må vi rasterisere det først. Velg "Refleksjon" -laget i lagpaletten, gå til 3D> Rasterize. Få Eraser Tool, sett modusen til blyant for å unngå mykhet og ved et uhell slette noen deler av refleksjonen, rengjør kantene på flyet. Sett laget Opacity for "Reflection" laget ved 45%.

Trinn 19

Vi lager nå skyggen. Gå til lagpaletten, slå på synligheten for "Mosaic" -laget, dupliser "Mosaic" -laget og betegn det "Shadow." Flytt "Skygge" -laget over "Tekst" -laget i Lagpaletten.

Gå til 3D-panelet og velg Scene, Angi gjengivelse for forhåndsdefinert til Ray Traced. Velg Mosaic-materialet i 3D-panelet og sett Ambient til svart og diffus til hvitt. Velg uendelig lys 1 og sett Intensity til 4. Slå av Infinite Light 3. Gå til 3D> Rasterize.

Trinn 20

Sett blandemodus til Multiply for "Shadow" -laget og sett lagdensitet på 90%. Vi har ganske skarpe blokker, men de strålestrålende skyggene gjør at det ser jevnt ut. For å kvitte seg med disse glatte hjørner trenger vi litt hjelp fra "Line" -laget. Velg "Line" -laget, gjør det synlig, gå til 3D> Rasterize og slett laget synlig igjen.

Trinn 21

Få Magic Wand Tool og sett toleransen til 60. Pass på at linjen "Linje" er valgt i Lagpaletten. Zoom inn i bokstaven "P." Klikk i den øverste venstre cellen i brevblokken, selv om "Linjelaget" er usynlig, vil cellen bli valgt. Når du holder Shift-tasten nede, klikker du på andre celler som er opplyste og ikke har skygger på dem.

Etter å ha valgt cellene i øverste raden som i bildet nedenfor, gå til "Skygge" -laget, sett Forgrunnsfarge til hvitt og fyll ut valget ved å trykke Alt + Backspace. Husk å gjøre valgene på "Linje" -laget og for å fylle utvalget på "Skygge" -laget. Siden vi brukte et Clouds-filter, som genererer skyer tilfeldig for å lage blokkene, vil dine brev trolig ikke se ut som min. Men ideen er den samme.

Trinn 22

Gå tilbake til "Lines" -laget. Ved hjelp av Magic Wand Tool velger du cellene som skal være flate skyggelagt, og fyll ut valget med farge # 4e4e4e på "Shadow" -laget.

Trinn 23

Helt opplyst og helt skyggelagte celler ville være ganske enkle å fikse. Å fikse cellene som har skygger, vil ta litt lengre tid. Gå igjen til "Lines" -laget og velg en celle med skygge på den ved hjelp av Magic Wand Tool. Få Polygonal Lasso Tool, og hold nede Alt-tasten, velg skyggen for å trekke fra valget. Gå til "Shadow" -laget og fyll ut valget med hvitt.

Trinn 24

Nå må du gjenta disse tre trinnene for resten av cellene for et skarpt utseende.

Trinn 25

Lag "Mosaic" -laget usynlig. Gå til "Tekst" -laget, og bruk et gradientoverlegg ved å bruke disse innstillingene: Blendmodus for farge, Opacity satt til 70%, Gradient satt til Blå, Rød, Gul, med en linje av lineær og vinkel satt til 10 grader.

Gå til Lag> Layer Style> Copy Layer Style. Gå til "Refleksjon" -laget i Layoutpaletten, og gå til Lag> Lagstil> Lim innstil. Still blandingsmodus til hardt lys og opasitet ved 35% for "refleksjon" -laget.

Trinn 26

Nå legger vi til en liten tekstur. Last ned dette flotte bildet fra Flickr ved å klikke her. Ta det inn som et nytt lag i dokumentet ditt og nevne dette laget "Texture." Legg "Texture" -laget over "Text" -laget. Alt-klikk linjen mellom "Texture" og "Text" lagene for å maskere tekstur. Sett Layer Blending Mode til Overlay.

Trinn 27

Vi skal nå lage en tekstur for bakgrunnen. Opprett et nytt lag på toppen og kaller det "Bg." Sett Forgrunnsfarge til 85% Grå og Bakgrunnsfarge til 90% Grå. Få Gradient Tool, sett det til Forgrunn til bakgrunn og sett til Radial. Fyll laget som i bildet nedenfor.

Gå til Filter> Kunstnerisk> Filmkorn og søk med alle parametre satt til 0. Gå til Filter> Forvreng> Glass og bruk med disse innstillingene: Forvrengning satt til 20, Glatt satt til 1, Tekstur satt til Frostet og Skalering satt til 100%.

Konklusjon

Få "Bg" -laget over "Bakgrunn" -laget, og det er det. Jeg håper du likte denne opplæringen, og du er fornøyd med resultatet!

Ytterligere forslag

Du kan oppnå kule effekter med teksturer og parametere. Du kan bruke teksturkart i stedet for solide Diffuse farger, justere Glossiness og Shininess-verdiene, og bruk reflekterende miljøtekstur kart. Ulike lystyper, farger og vinkler vil skape forskjellige effekter. Ha det gøy med det!