How å lage en Lego Inspirert Tekst effekt i Adobe Photoshop
Hva du skal lage
I denne opplæringen vil vi lære å lage en realistisk utseende 3D-tekst effekt uten å benytte noen 3D-programvare. Jeg vil spesielt være å bruke Adobe Photoshop, men du bør være i stand til å gjøre det i din favoritt 3D-programvare av valget. Vi starter med å lage en enkelt blokk og, gjennom en rekke teknikker, vil vi begynne å bygge et ord. Vi vil fullføre ordet ved å legge noen tilpasset belysning og skygger. La oss komme i gang!
1. Bygg Block
Trinn 1
Opprett en Ny
dokument med lerretet dimensjoner på 1000 piksler
av 1000 piksler
.
Trinn 2
Gå til Vis > Show > Grid. Dette vil bidra til å samordne våre figurer senere.
Trinn 3
Velg rektangelverktøyet, og med den øverste menyelementer, endre Fyll til grå. Nå tegne et rektangel på lerretet. Navn dette laget "Front".
Trinn 4
Bruk Direct Selection Tool for å velge de to lengst til venstre endepunkter og dra dem ned for å lage et parallellogram form. En fantastisk kan komme opp spørsmål om du ønsker å konvertere dette til en vanlig bane. Klikk på Ja.
Trinn 5
Formen ser litt stort. Som et valgfritt trinn, fortsette å bruke Direct Selection Tool for å justere formen.
Trinn 6
Lag en kopi av "Front" lag og bruke Direct Selection Tool for å velge to høyre-flest poeng. Dra punktene til venstre for å gjøre siden av blokken vår. Navn dette laget "Side".
Trinn 7
Med "Front" laget valgt, Ctrl-Drag
en kopi av dette laget mot baksiden av blokken vår.
Trinn 8
Gjør det samme med "Side" lag. Vi skal nå ha fire sider til vår blokk.
Trinn 9
For å rydde opp i våre lag, velge de to lags kopier som utgjør baksiden av blokken vår og flett sammen (Ctrl-E ). Gi nytt navn til dette laget "Top" og sted på bunnen av våre lag stabelen.
Trinn 10
Velg "Front" lag og legge til en Gradient Overlay Layer stil
.
Trinn 11
Legg til en Color Overlay Layer stil til "Side" lag. Bruk farge vist nedenfor.
Trinn 12
Til slutt, legg en Gradient Overlay til "Top" lag. Bruk farger som vist.
2. Lag en Peg
Trinn 1
På et nytt lag, bruk Ellipse Tool til å skape en ellipse med en lys grå fill
Trinn 2
Trykk Ctrl-T
å aktivere Transform-modus og bruke pil ned-tasten for å dytte posisjonen til ellipsen ned 2 piksler
. Trykk på Retur for å begå transformasjon.
Trinn 3
Ved å trykke Ctrl
-Alt-Shift-T vil nå kopiere laget og gjenta transformasjon. Fortsett å trykke dette før pinnen har rett dybde.
Trinn 4
I lagpanelet velger alle lagene vi bare skapt unntatt for den øverste. Flett (Ctrl-E) dem sammen.
Trinn 5
Deretter flytter de sammenslåtte lagene under toppen ellipse. Legg en Gradient Overlay Layer Style til ligne belysning fra høyre side av vår scene.
Trinn 6
Akkurat nå pinne synes å ha harde kanter. For å gjøre kantene vises avrundet, velger du den øverste ellipse laget og Transform (Ctrl-T) litt for å redusere størrelsen.
Trinn 7
Deretter bruke Blur Tool til å viske ut to kanter som utgjør pinne.
3. Fullfør Plugger
Trinn 1
Det neste trinnet er å skape en illusjon av en subtil refleksjon fra pinnen. Start med å velge de to lagene som utgjør pinne og trykke Ctrl-G til konsernet.
Trinn 2
Lag en kopi av gruppen, og trykk Ctrl-E for å slå sammen gruppen inn i en enkelt lag.
Trinn 3
Flytt kopien av pinnen ned slik at det er synlig under den opprinnelige pinne og justere Levels (Ctrl-L) for å gjøre det mørkere.
Trinn 4
Deretter går du til Filter > Blur > Motion Blur. Sett Radius til 90 grader
og avstanden til 38px
.
Trinn 5
Sett Blend Mode til Hardt lys til slutt, gruppe alle lag som utgjør pinne. Plasser fire eksemplarer av pluggen rundt toppen av blokken. Resize (Ctrl-T) om nødvendig. Vi vil nå jobbe med mykgjørende kantene. Velg alle lagene som utgjør blokken og Merge (Ctrl-E) dem sammen. Høyreklikk på layer og velg Rastrer. Med blokken laget fortsatt er valgt, klikker du på Lås gjennomsiktige punkter ikonet. Bruke Blur Tool, angi styrken til 100% Hotell og viske ut tre innvendige kantene av blokken vår. kanten ser mykere, men fortsatt trenger litt mer arbeid. Lag et nytt lag, og gjøre det til en klipping lag til "Block" lag. Bruk Brush Tool (B) med en lys grå farge og tegne en strek over tre innerkantene. Bruk Gaussian Blur filteret med en radius på 7.0px Deretter velger du "Block" lag og fjern merket for Lås gjennomsiktige punkter ikonet. Bruk Eraser Tool (E) for å slette de fem synlige hjørner av blokken for å gi inntrykk av avrundede hjørner. Til slutt velger du alle lagene som utgjør blokken og knagger. Høyreklikk og velg Konverter til smart objekt. På dette punktet, må vi bestemme hva ord vi ønsker å bygge. Når et ord er valgt, bidrar det til å skape en 2D mockup. Bildet nedenfor viser en mockup av ordet "skape" tegnet med bare piksler. Hver piksel representerer en blokk. For å begynne å bygge ord, skape en Ny Gå tilbake til vårt opprinnelige dokumentet og dra smart objekt i det nye dokumentet og endre størrelse på det ved hjelp Transform (Ctrl-T). Vi vil nå lage kopier av blokken. Først, sørg for at Move Tool (V) er valgt. Zoome inn i blokken, deretter Alt-klikk-dra Plasser kopi ved siden av den opprinnelige blokken. Se tilbake til vår 2D mockup og telle antall piksler over bokstavene. I dette eksempel er det ni piksler. Fortsett å dra ut kopier av blokken før vi har ni blokker på rad. Velg alle lag og Alt-klikk-dra Se tilbake til 2D mock-up for å se hvor mange piksler høyt brevene er ( Merk:. Flytt hele denne stable til høyre side av lerretet for å gi oss plass til å arbeide mot venstre. Hvis du holder nede Control, tegne en markering rundt bunken av blokker. Alle lag i utvalget er nå valgt. Alt-klikk-dra Fortsett å lage nok eksemplarer for hver bokstav i vårt ord. Siden ordet "skape" har seks bokstaver, ville jeg normalt gjør seks kopier av stabler. Men siden bokstaven "e" vises to ganger, jeg vil bare skape fem stabler og lage en kopi av bokstaven "e" når den tid kommer. Det neste trinnet er å begynne å forme bokstavene. Med henvisning tilbake til 2D mock-up som er nødvendig, begynner å slette unødvendige blokker. Dette kan gjøres ved å Kontroll-klikker på en blokk for å velge den og trykke Delete. For å velge flere blokker på en gang, Kontroll-klikk den første blokken, deretter holder du nede Shift -kontroll mens du klikker på flere blokker. Gjenta dette trinnet for hver bokstav. Merk: For å lage en kopi av bokstaven "e", holde kontroll og trekke en markering rundt brevet. Alt-klikk-dra ut en kopi av brevet og posisjon som vist. Som et valgfritt trinn, trykker du på Kontroll-Skift- [. Dette vil flytte de valgte lag til bunnen av laget stabelen slik at de er bak de andre lagene. For å avslutte bokstaven "t", holde kontroll og trekke en markering rundt toppen av "t" og dets tverrliggeren. Flytt de valgte lagene opp og ut av veien. Deretter Kontroll-klikk de tre blokker av den gjenværende "t" mens du holder Shift for å velge dem Alt-klikk-dra Velg de blokkene som utgjør den øverste delen av "t" og plassere dem tilbake på den nederste delen. for å fullføre bokstaver, velger hver bokstav en etter en og plass dem ut for å forberede seg til de neste trinnene. Det kan hjelpe å tegne en midlertidig linje for å justere bokstaver. Vi skal bygge vår tekst slik at det er tre lag tykk. Men før vi kopiere lag, må vi finne en måte å hjelpe oss med å identifisere hver rad med tekst. Vi kan gjøre dette ved å tildele farger til hver rad. For å starte, holde kontroll og trekke en markering rundt hele teksten. I Lag-panelet Høyreklikk på hvilket som helst lag og gi den en farge. Fargen vil nå bli tildelt alle valgte lag. Alt-klikk-dra Med lagene fortsatt valgt, gå til Lag-panelet og tilordne en annen farge for å representere andre rad. Gjenta denne prosessen for den tredje rad med tekst. Sørg for å velge en annen farge for lagene. Når du har tre rader av blokker, gå gjennom og posisjon hver bokstav for å stramme opp avstanden. Siden vi jobber med en rekke lag, kan Photoshop bremse ned litt (dette kan også være avhengig av datamaskinen). Som et valgfritt trinn, gå tilbake gjennom de to første radene for å slette alle blokkene som er 100% skjult fra visningen. For å finne hvilke blokker er 100% skjult, må vi velge alle lagene som utgjør første rad. En rask måte å gjøre dette på er å bruke filtreringsfunksjonen i Lag Nå som alle de fremre lagene er isolert, vi kan bruke Lag-panelet til velge alle lag og trykk (Ctrl-G) til gruppen. Slå av filteret ved å trykke på den røde bryteren i lag-panelet. Vi kan nå se gruppen vi nettopp opprettet. Gi gruppen en påfylling av 0% Hotell og legge standard slag ved hjelp av lagstiler. Klikk på låssymbolet for å låse gruppe Bruk av hjerneslag som en guide, Kontroll-klikker blokkene i andre rad som er helt inne i slag, og trykk på Slett for å fjerne. Gjør dette for resten av denne raden. Gjenta dette trinnet for bakerste rad. Når du er ferdig, Løs opp gruppe Nå er det på tide å legge litt farge til blokkene. Start med å bruke filteret i Lag-panelet for å isolere første rad. Kontroll-Klikk på en blokk på første rad og legge til følgende Layer stil i lag-panelet, finn Layer stil og høyreklikk. Velg Kopier Layer Style. Bruk Lag-panelet for å velge alle synlige lag (som skal bestå av hele første rad). Høyreklikk på laget og Paste Layer Style. Dette bør bruke Layer Style til første rad av blokker. Som du kan se på bildet nedenfor, alle gule lagene har nå FX-ikonet (indikerer et lag stil brukes). Sørg for at alle lag er deaktivert (dette kan være gjøres ved å Ctrl-klikke på et ledig område av lerretet). Nå, Kontroll-Klikk på en av blokkene i sentrum av den første bokstaven og legge til følgende Layer stil Høyreklikk på effekt og Copy Layer Style. Nå, Kontroll-klikk de andre blokkene i sentrum av brevet for å velge dem og lime inn lag stil til blokkene. Fortsett med å velge blokker og lime inn Layer stil Velg Crop Tool og justere håndtakene for å beskjære scenen. Før du går videre til skyggene kan vi legge litt farge til den siste raden av blokker. Bruk av filter i Lag-panelet, isolere den bakerste raden ved å vise bare de rød-farget lag. Velg alle lagene. Fjern haken ved at filteret skal vist alle lagene. Med bare de rød-farget lag valgt, trykker du Ctrl-G for å gruppere dem. Legg følgende Layer Style til gruppen. Lag et nytt lag og plassere den i bunnen av laget stabelen. Ved hjelp av Gradient Tool, klikker du på Rediger gradering Legg til i noen graderinger på toppen og bunnen av scenen. Deretter bruker det mangekantede lassoverktøyet, og velg bunnen av hver bokstav manuelt. Holding Shift vil tillate deg å gjøre flere valg Lag et nytt lag og fylle valg med sort. Gi basen skygger en liten Gaussian Blur (Filter > Blur > Gaussian Blur). Ta en kopi av dette laget (Ctrl-J) og legge en Motion Blur (Filter > Blur > Motion Blur). Sørg for at vinkelen samsvarer med retningen av bokstavene. Den forrige trinn laget skyggene litt tøffe i hjørnene. Påfør Gaussian Blur filteret en gang til for å myke opp disse skyggene. Lag en kopi av dette laget og legge til en Gaussian Blur filter med en mye høyere radius. Dette skaper en ambient skygge i scenen. Det neste trinnet er å opprette en skygge på bakken som er støpt av vår tekst. For å gjøre dette, bruker det mangekantede lassoverktøyet til å velge forsiden av vår tekst. På et nytt lag, fylle markeringen med svart. Bruk av Transform (Ctrl-T), skew teksten før det er oppreist. Dette tilbakestiller i hovedsak den posisjon slik at vi vil ha bedre kontroll over det når vi forvandle det til cast skyggen. Konverter dette laget i en smart objekt. Trykk Ctrl-T og forvandle form til å se ut som om det er en skygge kastet fra tekstobjektet. Siden vår skygge var et 2D-bilde, og vår tekst er 3D, vi trenger å gjøre litt ekstra arbeid for å gjøre det vises tykkere. Start med å lage en kopi av den smarte objektet og trykk Ctrl-T for å forvandle form igjen. Siden vi bruker en smart objekt, vil transformasjons håndtakene være lett å justere. Gå videre og gjøre en liten justering av andre skyggen. Fyll i de områdene av skyggen som ble oppveid for å gjøre dem ser ut som om de er fra ett objekt. Slå sammen begge skygger sammen (Ctrl-E). Legg til en Motion Blur filter med og Vinkel -12 grader Legg til en Gaussian Blur filteret med en radius på 1.2px Legg til en lagmaske og med en større, myk pensel med Opacity satt til 30% Reduser Opacity til 46% Det neste trinnet er å legge til skygger på bokstavene selv. Etter vår scene, bør det være åpenbart at lyskilden er opp og til høyre for vår scene. Ved hjelp av denne informasjonen, vil vi legge til skygger på venstre side av våre brev stedene. Hvis du vil starte, velge alle lagene som utgjør ut tekstobjektet og Group (Ctrl-G) dem sammen. Gi nytt navn til gruppen "Opprett" Tekst ". Lag et nytt lag som klipping lag til" Opprett "Text" gruppe og sett Opacity til 77 % Lag et nytt lag og fyll med blå (dette er en midlertidig farge som vil hjelpe oss å visual skyggene bedre som et valgfritt trinn, bruke Eraser Tool (satt til en liten størrelse) og slette de pinnene som ikke skal ha skygger. Fortsett dette for hver bokstav. Når er lagt alle skyggene, endre farge til svart, sett Blend Mode til Multipliser skyggene fortsatt vises flat. i den virkelige verden, ser en skygge mørkere jo nærmere den kommer til en annen overflate. Vi vil etterligne denne effekten. Start med å lage en kopi av skyggelaget og redusere Opacity til 52% Legg til en lagmaske ved å Alt-klikke på Legg til lagmaske ikonet i lag med lagmaske aktiv, bruk en myk, hvit pensel til å male over de innvendige hjørnene eller områder av nærhet for å avsløre en mørkere skygge. Slå opp bildene under for å se før og etter. For å avslutte scenen, vil vi legge til refleksjon i møte med vår tekstobjekt. Start med å lage et nytt lag som heter "Reflection" og plassere den rett ovenfor "Opprett" tekst "lag som klipping lag. Ved hjelp av en stor, myk børste, tegne en linje over nedre halvdel av tekstobjektet. Reduser lagets Opacity etter behov. I denne opplæringen, viste jeg deg hvordan du oppretter en Lego-inspirert tekst effekt ved hjelp av en enkelt Lego blokk som base. Jeg viste deg hvordan du kan kopiere den Lego blokk for å lage en 3-dimensjonal ord. Til slutt, hvordan du legger til lys og skygge til det. Jeg håper at du har lært noe fra denne opplæringen og kan bruke disse teknikkene til å skape noe fantastisk av dine egne.
. Som et valgfritt trinn, legge til en Gaussian Blur (Filter > Blur > Gaussian Blur) med en radius på 4.6px
til ytterligere mykne refleksjon
Trinn 6
Trinn 7
4. Fullfør Block
Trinn 1
Trinn 2
Trinn 3
Trinn 4
Trinn 5
. Dette vil legge til en liten mengde høydepunkt rundt kantene.
Trinn 6
Trinn 7
5. Bygg en bunken av blokker
Trinn 1
Trinn 2
dokument med dimensjonene på 3300px
av 2550px
Trinn 3
Trinn 4
å lage en kopi.
Trinn 5
Trinn 6
ut en kopi av hele raden. Plassering denne nye raden av blokker direkte på toppen av den opprinnelige raden.
Trinn 7
i dette tilfellet, er det 13 piksler høyt). Fortsett å bygge opp radene av blokker til du har 13 rader.
Hold Shift vil begrense bevegelsen av blokker til Y-aksen (loddrett strek)
Trinn 8
6. Kopier Stacks
Trinn 1
Trinn 2
ut en kopi av stabelen. Plasser den til venstre for den opprinnelige stabelen.
Trinn 3
7. Forme Letters
Trinn 1
Trinn 2
Trinn 3
hvert som du kommer til bokstaven "t" kan du legge merke til at den ikke har nok blokker. Ikke bekymre deg; vi vil fikse "t" senere.
8. Avslutt Letters
Trinn 1
Trinn 2
Trinn 3
Trinn 4
Trinn 5
Trinn 6
ut en kopi av de tre blokkene. Plasser disse på toppen av eksisterende blokker
Trinn 7
trinn 8
9. Legg mer dybde
Trinn 1
Trinn 2
ut en kopi av teksten. Plasser den nye raden med tekst som vist. Ikke fjern markeringen disse lagene.
Trinn 3
Trinn 4
Trinn 5
10. Fjerne unødvendige blokker (valgfritt)
Trinn 1
panel. Gå videre og filter etter farge og velge samme farge som lagene i første rad.
Trinn 2
Trinn 3
Trinn 4
Trinn 5
trinn 6
trinn 7
alle lag.
11. Color blokkene
Trinn 1
Trinn 2
.
Trinn 3
Trinn 4
Trinn 5
.
Trinn 6
Det er verdt å merke seg at du holder Shift vil tillate flere blokker som skal velges.
Trinn 7
for resten av bokstavene
12. Juster Scene
Trinn 1
Trinn 2
Trinn 3
Trinn 4
13. Legg Base Shadows
Trinn 1
i menylinjen øverst. Sett første farge til lys grå og endre Preset til forgrunnen til gjennomsiktig.
Trinn 2
Trinn 3
Trinn 4
Trinn 5
Trinn 6
Trinn 7
Trinn 8
14. Legg Direkte Shadows
Trinn 1
Trinn 2
Trinn 3
Trinn 4
Trinn 5
Trinn 6
Trinn 7
Trinn 8
og en avstand på 17 piksler
.
Trinn 9
.
Step 10
, male over toppen av skyggen å fade den ut litt.
Trinn 11
og sett Blend Mode til Multipliser
.
15. Avslutt Direkte Shadows
Trinn 1
Trinn 2
Trinn 3
. Dette vil hjelpe oss til å se gjennom skyggen som vi legger dem til åstedet. Bruk det mangekantede Selection Tool til å gjøre valg om hvor skyggene kan falle.
Trinn 4
Trinn 5
trinn 6
Trinn 7
, og justere Opacity til 70%
.
Trinn 8
. Gjør dette laget en klipping lag til "Opprett" Text "gruppe også.
Trinn 9
panelet. Dette vil automatisk maskere ut hele laget.
Trinn 10
16. Legg til en refleksjon
Trinn 1
Trinn 2
Trinn 3
Gratulerer, du er ferdig!