Create Super Glossy 3D Typografi i Illustrator og Photoshop
Dette innlegget er en del av en serie som heter Maste Tekst Effects.Create en spektakulær Grass Tekst effekt i PhotoshopAdd Fantastisk farge til 3D Tekst - Part I
I dagens opplæringen vil vi vise hvordan du kan lage super glossy 3D typografi ved hjelp av Illustrator og Photoshop. La oss komme i gang!
Trinn 1
Åpne Illustrator og opprette et nytt RGB dokument, 1000px av 800px, 72 DPI, og skriv inn teksten i en fin stor skrift. Jeg har brukt Marketing Script størrelse 234pt
Trinn 2
Deretter med deg tekst er markert, kan du gå til Objekt >.; Utvide, og traff ok på pop up vindu. Vår tekst er ikke lenger redigeres som tekst, i stedet er det en rekke veier som vi kan redigere med direkte valg verktøyet.
Foreløpig er våre bokstaver individuelle objekter gruppert sammen, ønsker vi at de skal være ett enkelt sammensatt bane . Vi kan gjøre dette ved hjelp av Unite-knappen på Pathfinder Palette. Hvis du ikke ser den Pathfinder Palette, gå Vindu > Pathfinder å vise det, og med våre veier valgt, klikker Unite.
Trinn 3
Med Pen Tool (P) valgt, tegne en ny bane fra siste flick av den siste bokstaven s, og virvlende vei ned under vår type. Jeg har også endret fargen på teksten til en lysere grå så jeg kan se hva jeg gjør bedre.
Endre Stroke Vekt av vår nye banen til en størrelse som passer til bredden på tekst bane som det vil bli med. I mitt tilfelle Strek Vekt er 12 pkt.
Trinn 4
Duplicate denne banen ved å dra konsernets miniatyrbilde (i lagpaletten) til New Layer-knappen. Slå av denne duplikat ved å klikke på 'øye' neste gruppen thumbnail i lagpaletten. Vi gjør dette fordi uansett hvor våre elementer overlappe vi trenger dem på separate lag i Photoshop for når vi legger til skyggelegging.
Med Direct Selection Tool (A) velger de to nederste høyre ankerpunkter i vår vei, trykk Delete og navn denne gruppen "swirl 1".
Slå denne "swirl en" gruppe av og slå på duplikat som vi gjorde, den navnet "swirl 2" og slett følgende ankerpunkt. Vi gjør dette fordi når vi ekstrudere våre figurer i 3D, ønsker vi ikke våre veier å krysse, vi ønsker en å passere foran den andre.
Trinn 5
< p> Slå alle våre grupper tilbake på nå, og du bør ha den fullstendige opprinnelige banen, bare det er brutt opp på to forskjellige grupper. Med begge disse gruppene valgte å gå til Objekt > Utvide, og trykk OK på pop-up vindu. Nå ønsker vi å gjøre vår virvel litt mer interessant ved å justere bredden på bestemte steder. For å gjøre dette vi kommer til å zoome inn og flytte noen ankerpunkt manuelt.
Nå zoome inn til slutten av vår virvel og legge til to ankerpunkter som vist nedenfor, og deretter flytte dem litt opp og til høyre .
Nå med Convert Anchor Point Tool (Shift + C), juster de to nye ankere for å runde av hjørnene.
Trinn 6
Neste vi trenger å rydde opp området hvor vår tekst vil bli med på vårt virvel. Zoome inn til dette området og justere virvel banen slik at det renner ut pent fra ut tekst
Trinn 7
OK, før vi Extrude denne formen, er dette din siste sjanse til å justere din virvel så nå er det på tide å gjøre noen endelige justeringer, er det verdt å tilbringe tid her for å få din linje arbeid akkurat. Når du er fornøyd med designen, endre objektet slik de er alle i samme farge, en medium grå, deretter med alle av dem valgte gå til Effect > 3D > Extrude & . Bevel
Så med alle våre objekter valgt, gå til Objekt > Utvid Utseende.
Du vil merke at det i enkelte områder våre objekter ikke helt line-up som de skal, omplassere dem litt nå, men du vil ikke være i stand til å få dem perfekt ennå, som vil ta en litt av banen redigering, vil vi gjøre det i et øyeblikk.
Trinn 8
Nå slår de to swirl lag, slik at du bare igjen med teksten. Merk teksten og høyreklikk > Del opp, deretter en gang til, Høyreklikk > Løs opp gruppe. Nå velger fremsiden av vår tekst, og slå av dette laget. Du skal nå sitte igjen med de mørkere 3d-elementer.
Klikk og dra for å velge alle disse gjenværende elementer klikk på Unite Button i Pathfinder Palette og navn denne gruppen "3d 1". Hvis du ikke ser den Pathfinder Palette, gå til Vindu > Pathfinder. Forene disse objektene blir med dem alle som én sammensatt bane; det skal også bli kvitt de små hvite linjer. Gjenta denne prosessen for de to elementene som utgjør virvel, navngi deretter "3d 2" og "3d 3"
Trinn 9
Du skal nå ha seks grupper -.
"tekst", "3d 1", "swirl 1", "3d 2", "swirl 2" og "3d 3"
Før vi eksportere denne filen til Photoshop, vi trenger bare å rydde opp linjen arbeidet rundt der vår tekst møter "swirl 1". Zoome inn på det området med Direct Selection Tool (A), redigere ankerpunktene og deres Handles til å gjøre de to sømløst delta sammen.
Nå er vi klare til å eksportere denne filen til Photoshop som en lagdelte PSD . For å gjøre dette gå til Fil > Eksport og sørg for at du velger Photoshop som Format
Step 10
Åpne den eksporterte filen i Photoshop og gå Bilde >.; Canvas Size og skriver inn 3000 x 2000px og trykk OK. Resize våre lag (Cmd /Ctrl + T) mens du holder Alt + Shift, gjøre dem en behagelig størrelse i dokumentet.
Navn og ordne lagene som følger, så har vi tre "base" lag (disse er lys grå lagene som utgjør forsiden av vår objekt), og tre "3D" lag (de mørkere grå 3D-elementer).
Nå gruppe (Cmd /Ctrl + G) våre tre par lag til enkelte grupper som heter "1" "2" og "3", så "1" inneholder våre tekstlag ("basis 1" og "3d 1"), "2" inneholder "base 2" og "3d 2" og "3 "inneholder" base 3 "og" 3d 3 ".
Trinn 11
Lag et nytt lag, og legg den under gruppen" 3 "som du kaller" bg "(for bakgrunns ) og fyll den med hvitt. Deretter oppretter et nytt lag på toppen av "bg" og gi den navnet "BG2". Sett din forgrunnsfargen til grå # 767676 og velg Gradient Tool (G). Velg en forgrunnen til gjennomsiktig gradient og trekke våre gradient fra toppen av dokumentet ned til midten og sette laget åpenhet ned til 30%.
Lag et nytt lag på toppen av "bg 2" og gi den navnet "bg 3". Velg gradient verktøyet og trykk D for å sette våre forgrunn og bakgrunnsfarger til svart og hvitt. Med en forgrunn til bakgrunn gradient valgt å tegne en ny gradient i bunnen av våre dokumenter og endre laget til 10% Opacity. Gruppe disse tre nye lag og navngi gruppen "bakgrunn"
Trinn 12
Nå velger "base en" lag og påfør en Gradient Overlay Layer stil (Layer >. Layer stil >. Gradient Overlay) ved hjelp av farger # c81d61 og # d3347b
Høyreklikk på "base en" lag og velg Copy Layer stil. Nå velger "base 2" og Cmd /Ctrl + Klikk på "base 3" så vi har begge lagene valgt, deretter høyreklikk på av de to og velg Paste Layer stil. Dobbeltklikk på Layer Stil av "base 3" for å åpne lagpaletten og bakover graderingen.
Step 13
Nå skal vi legge en enkel Color Overlay Layer stil til alle våre "3d" lag. Velg "3d 1" og bruke en Color Overlay (Layer > Layer Stil > Color Overlay) og bruk farge # 797979. Deretter kopierer dette Layer stil (Høyreklikk > Copy Layer stil) og lim den inn i "3d 2" og "3d 3".
Nå opprette et nytt lag i gruppen "1" og navnet "skinne". Våre lag skal nå se slik ut.
Angi hvit som forgrunnsfarge, velge en forgrunnen til gjennomsiktig gradient og trekke denne gradienten fra midten av dokumentet opp til toppen av teksten.
Cmd /Ctrl + Klikk på "base en" lag thumbnail (dette vil laste et valg basert på det laget) og deretter gå til Velg > Endre > Kontrakt og bruk 2px som mengden.
Sett denne "shine" lag 30% Opacity, så med dette valget aktivt og med vår "shine" laget valgt, klikk på Legg til lagmaske knappen plassert nederst av lagpaletten.
Step 14
Nå med lagmaske valgt og forgrunnsfarge satt til svart, ta en mellomstor, hard edged pensel og maskere ut mer av "shine" lag.
Lag et nytt lag som heter "shine" og plassere den i gruppen "2" og trekke et hvitt til gjennomsiktig gradient denne gangen i en diagonal retning.
Cmd /Ctrl + Klikk på laget miniatyr av "base 2" (for å laste et valg basert på dette laget) så Cmd /Ctrl + shift-klikk på laget miniatyr av "base 3" (dette vil legge et utvalg av "base 3" til vår nåværende utvalg). Nok en gang må vi trekke dette valget av 2px, vi gjør dette ved å gå Select > Endre > Contract > 2px. Med vår nye "shine" lag valgt, klikker du på Legg til lagmaske knappen i bunnen av lagpaletten igjen for å bruke vårt utvalg som en maske. Du bør ha noe sånt som dette.
Slå av denne nye "skinne" lag ned til 50% Opacity og deretter med en rekke harde og myke kanter børstet, vi kommer til å maskere mer av dette laget.
Step 15
Opprett en ny gruppe innen gruppen "1", den navnet "3d shading" og plassere den over lag "3d 1" og under "base 1". Nå Cmd /Ctrl + Klikk på laget miniatyr av "3d 1" og klikk på Legg til lagmaske for å bruke utvalget til den nye gruppen som en maske.
Lag et nytt lag inne i denne nye gruppen og navn det "skyggelegging 1", deretter med en liten myk børste satt til 80% svart, skygge i noen områder som ville være i skyggen i henhold til lyskilden.
Så satt lagets Blend Mode til Overlay, 50% opacity.
Lag et nytt lag over "shading 1" og kaller det "skyggelegging 2", deretter med en liten myk børste satt til hvit og 50% Opacity, male noen områder som vil bli opplyst av vårt lys kilde
Sett "skyggelegging 2" til 50% Opacity med Blend Mode -.. Overlay
Lag et nytt lag i denne gruppen og gi den navnet "shading 3". Så med en liten, myk sort pensel satt til 100% Opacity, male mer skygge i de små områdene langs bunnen av teksten som ville være mottar ikke lys.
Step 16
Nå skal vi gjenta denne prosessen for gruppen "2". Innenfor gruppen "2", opprette en ny gruppe ovenfor "3d 2" og under "base 2" som du kaller "3d shading 2", da Cmd /Ctrl + Klikk på miniatyrbildet av "3d 2" og bruke det valget som en maske til "3d shading 2". Deretter oppretter et nytt lag som heter "skyggelegging en" innenfor denne gruppen, og med en middels stor, myk svart pensel maling i noen skygge. Til slutt, endre Blend Mode til Overlay.
Lag et nytt lag i denne gruppen og kaller det "shading 2". Med et medium, myk, hvit pensel, male et høydepunkt på venstre hjørne og endre lagets Blend Mode til Overlay.
Step 17
Nå vil vi gjøre det samme for gruppe "3". Opprett en ny gruppe kalt "3d shading 3" og plassere den i gruppen "3" mellom lagene "basis 3" og "3d tre". Cmd /Ctrl + Klikk på lag "3d 3" og bruke valget som en maske for å "3d shading 3". Lag et nytt lag som heter "skyggelegging en" i denne nye mappen og sette Blend Mode til overlegg. Med en stor svart pensel male litt skygge langs nedre kant.
Lag et nytt lag som heter "skyggelegging 2" og med en stor hvit pensel male et høydepunkt som følger.
Slå Blend Mode å overlappe.
OK på dette stadiet dette er hvordan bildet ditt, og lagene skal se ut.
Trinn 18
Nå kan du gå tilbake til gruppen "1" og duplisere "base 1" ved å dra den til den nye lag-knappen nederst i lagpaletten.
Åpne Layer Styles vinduet for dupliserte laget ved å dobbeltklikke på Gradient Overlay Effect. I Lagstil vinduet, fjern krysset Gradient Overlay og legge en Inner Shadow med følgende innstillinger.
Høyreklikk på effekten seg i lagpaletten og gå til Lag Layer. Dette vil skille effekten fra laget, slik at den vil opphøre å være et lag stil, og vil være en piksel bilde på et lag i seg selv. Navn dette laget "høydepunkt 1."
Nå kan du slette "base en kopi" lag. Nudge "høydepunkt en" 1px venstre ved å trykke venstre piltast, deretter Cmd /Ctrl + Klikk på miniatyrbildet av "base 1" og gjelder som utvalget til "highlight 1" som en lagmaske ved å trykke på Legg til lagmaske knappen nederst på lagpaletten.
med lagmaske på plass, dytte laget 1px opp og 2px igjen ved hjelp av piltastene. Dette er å posisjonere høydepunktet rett over hjørnet av vår lette - der lyset skulle reflekteres fra. Du skal nå ha noe sånt som dette.
Group "høydepunkt en" lag (Cmd /Ctrl + G) og navnet på gruppen "høydepunkt". Gi gruppen en lagmaske ved å klikke på Layer Mask knappen. Vi kan jobbe på "høydepunkt 1" s lagmaske, men denne måten vil det være lettere å korrigere feil og finjustere masken.
Med lagmaske valgt, ved hjelp av et medium myk, svart pensel, maske ut områder av høydepunktet mappen. Maskere eventuelle områder som ikke er på en topp-venstre kant. Her er hvordan det skal se ut
Step 19
Gjenta dette siste trinnet for grupper "2" og "3" -. Duplisere "base" lag, bruk av Indre skygge, deretter å skape et lag fra stil da maske det nødvendig.
OK, vi får det, nå ønsker vi å legge til noen flere farger. Opprett en ny mappe på toppen av alle våre lag /grupper, og gi den navnet "farge overlegg". Lag et nytt lag i denne nye gruppen og kaller det "overlay 1". Sett din forgrunnsfarge til # 7c21c8 og velg Gradient Tool (G) med en forgrunn til gjennomsiktig, sirkulær gradient. Legg en stor radial gradient i høyre hjørne, og deretter sette laget Blend Mode til Color.
Trinn 20
Nå opprette et nytt lag som heter "overlay 2" og tegne ny overgang i øvre høyre hjørne med farge # fee409. Igjen slår Blend Mode til Color.
Trinn 21
Nå ønsker vi å legge et utvalg som inkluderer alle våre "base" lag. Vi gjør dette ved Cmd /Ctrl + klikke på "base 1", Cmd /Ctrl + Shift-klikke på "base 2" og Cmd /Ctrl + shift-klikke på "base 3".
Nå gjelder dette utvalget som en lagmaske til gruppen "farge overlay" ved å klikke på Legg til lagmaske knappen.
Trinn 22
Nå skal vi legge farge til "3d "lag. Lag et nytt lag i gruppen "1", navngi det nye laget "farge 1" og plassere den rett over gruppen "3d shading 1". Velg Gradient Tool og lage en tre-farge gradient bruker farger # a53c3d, # c52366 og # b22d9d. På det nye laget, tegne en lineær gradient over lengden av vår image og endring "farge 1" s Blend Mode til Color.
Step 23
Nå ønsker vi å maskere dette ny gradient lag i form av våre "3D" lag, minus formen av noen av våre "base" lag. Dette kan virke en kompleks serie av klikk, men det er nødvendig for å få riktig valg, så det er viktig at du følger disse klikkene på riktig måte, og husk, du må klikke laget miniatyr, ikke hele laget.
Først , Cmd /Ctrl + klikk på "3d 3", deretter Cmd /Ctrl + Alt + klikk på "base 2", Cmd /Ctrl + Shift-klikk på "3d 2", da Cmd /Ctrl + Shift-klikk på "3d 1 ", endelig Cmd /Ctrl + Alt-klikk på" base 1 ". Når du har fått valget, bruke den som en lagmaske for å "farge 1".
Trinn 24
Deretter oppretter et nytt lag inni, og på toppen av gruppen "2" og gi den navnet "skygge". Cmd /Ctrl + klikk på miniatyrbildet av "base 2" og Cmd /Ctrl + shift-klikk på miniatyrbildet av "3d 2" og bruke det valget som en maske for å "skygge" lag. På dette laget, med et medium, myk, børste satt til 30% Opacity svart, maling i en liten skygge der toppen av vår virvel forsvinner bak teksten. Dette vil skape en illusjon av avstanden mellom de to elementene.
Nå må vi gjøre det samme lenger ned virvel der den overlapper seg selv. Lag et nytt lag inni, og på toppen av gruppe "3" og gi den navnet "skygge 2". Cmd /Ctrl + klikk på miniatyrbildet av "base 3" Cmd /Ctrl + Shift-klikk på miniatyrbildet av "3d 3" for å laste valget og deretter bruke den som en maske for å "skygge 2". Med et medium, myk børste satt til 30% svart, maling i en liten skygge på virvel som er under.
Step 25
OK vi har omtrent ferdig nå, bare en liten skygge og refleksjon igjen å legge til. Hvis du skjule alle mappene dine nå, bør du sitte igjen med fem hovedgrupper. Velg alle av dem bortsett fra "bakgrunn" og dra dem til New Layer-knappen for å kopiere dem. Med alle de dupliserte mapper valgt hit Cmd /Ctrl + E for å sette dem sammen til ett lag, nevne dette laget "refleksjon". Free Transform dette laget (Cmd /Ctrl + T) høyreklikk > Flip Vertical. Flytt dette laget ned på siden og legger til en lagmaske.
Med svart og hvitt som dine forgrunn og bakgrunnsfarger, tegne en forgrunn til bakgrunn lineær gradient på masken, fra bunnen av refleksjon til toppen, deretter bytte lag Opacity ned til 10%.
Trinn 26
Til slutt, opprette et nytt lag, like over vår "bakgrunn" gruppe og gi den navnet "skygge". Med svart som forgrunnsfarge, velg Gradient Tool (G) velge en radial gradient og trekke et stort forgrunnen til gjennomsiktig gradient i midten av vår image.
Free Transform dette laget (Cmd /Ctrl + T) og dra den med topp- og bunn ankere for å redusere høyden som vist
Før du slipper Free Transform, høyreklikk og velg perspektiv. Dra høyre anker i mot venstre (venstre vil gjenspeile dette), og trykk retur.
Konklusjon
Slå laget Opacity ned til 30%, og det er det!