Hvordan lage en fantastisk, 3D, Sunset Type Illustration

I dag skal vi løpe gjennom flere plattformer for å lage en varm og solfylt typografisk behandling. Vi bruker C4D til å lage tekst, Illustrator for flere dekorative motiver, og Photoshop for å få dem alle sammen. La oss få våre hender til å lage denne varme typen illustrasjonen.

Endelig bildeforhåndsvisning

Ta en titt på bildet vi skal skape. Du kan se den endelige bildet forhåndsvisning nedenfor, eller du kan se en større versjon her.

Trinn 1

Start opp Photoshop og opprett et nytt dokument (4000px ved 2000px ved 300 ppi). Skriv opp ordet, i dette tilfellet "type", med denne skrifttypen: Sloop. Tydeligvis er dette ikke en gratis font fordi denne fonten ikke har hvilke frie skrifter som regel - bugs.

Virvlene er konstant og glatt. Eventuelle pigger eller inkonsekvente endepunkter vil bare bli verre når vi gjør dette til en 3D-form. En annen ting å ta hensyn til er vekten. Jeg ville ha en elegant skrift, men det er også fet nok til å fungere som en 3D-form. Hvis det er for tynt, vil det ikke fungere. Krøller eller linjer som er for tynne, ser ut som knivblad.

Steg 2

Høyreklikk på lagets type og klikk på "Konverter til form".

Trinn 3

Gå til Arkiv> Eksporter> Eksporter baner til Illustrator. Lagre det som en Illustrator-fil.

Trinn 4

Nå trenger du Maxons Cinema 4D, eller noen form for 3D-programvare. Instruksjonene her er imidlertid basert på C4D. Start et nytt prosjekt og gå til File> Merge. Åpne Illustrator-filen du opprettet i forrige trinn.

Og som en ansvarsfraskrivelse, vet jeg knapt C4D, så tilgi meg hvis jeg knuser ting litt opp, eller sett opp vilkår som jeg går :)

Trinn 5

Klikk og hold nede på Hyper Nurbs-knappen. Dra for å ekstrudere Nurbs og slipp ut.

Trinn 6

Finn type bane laget i Objekt-menyen, og trykk på pluss-knappen for å hente innholdet. Trykk på Kommando og klikk på alle banene for å velge dem sammen.

Høyreklikk og gå til Koble til. Etter at du har gjort det, får du en slags "flat" versjon av de fire på toppen av listen. Du kan slette de gamle banene, da vi bare bruker den tilkoblede versjonen nå.

Trinn 7

Klikk nå og dra den nye banen til Extrude Nurbs-effekten. Det vil gjelde Nurbs til banen.

Trinn 8

Klikk på banen i visningsområdet (jeg sa nesten lerret fordi jeg aner ikke hva det kalles). I nederste høyre hjørne ser du Extrude Nurbs-effekten. Klikk på Objekt-fanen og endre den til 10 meter.

Trinn 9

Klikk nå på Caps-kategorien, og bruk følgende innstillinger. Nå som jeg ser på det, er 15 trinn for et jevnt hjørne overkill, så bruk bare ca 5 for å lagre gjengivelse. Hold imidlertid 0,75 eller 1 for radien skjønt. Alt under det kan bli for skarpt i Photoshop når du skjerper bildet.

Trinn 10

Klikk på typen og kopier den (Command + V). Lim inn den på plass (Command + V) og trykk på den midtre klikkknappen på musen. Det burde gi opp fire forskjellige visninger. Zoom inn i perspektivet, slik at du kan se hvor nær de to typen objekter må være. Bruk nå Flytt-verktøyet til å dra "Z" -aksen (blå) i høyre visning om 12 poeng.

Trinn 11

I nedre menyen klikker du på Arkiv> Shader> Nukei. Dette er en forhåndsinnstilling som vi vil endre litt.

Trinn 12

Klikk på materialets ikon i den nederste dokken. Det vil gi opp innstillingene i nederste høyre hjørne. Klikk på kategorien Diffuse en. Tenk på denne som en primær farge. Andre farger følger, men vi vil bare endre den primære diffuse fargen. Jeg vil fortsatt ha en skygge av cyan der inne. Endre fargen ved å klikke på fargeikonet.

Trinn 13

Dra nå materialikonet til det første laget av teksten, inne i visningsområdet.

Trinn 14

Opprett et nytt Nukei-materiale og endre Diffuse A-farge til denne: R: 255 G: 241 B: 74. Dra deretter den på det andre laget.

Trinn 15

Det er på tide å sette inn noen lys. Klikk på Add Light Object-knappen og dra den til Area Light.

Trinn 16

Bruk flytteverktøyet og dra "Y" aksen til lyset er i riktig høyde.

Trinn 17

Bruk rotasjonsverktøyet til å gjøre lyset ansiktet teksten.

Trinn 18

Dra den grønne aksen til flyet vender mot teksten.

Trinn 19

Opprett en ny lyskilde på motsatt side.

Trinn 20

Legg til en på toppen som utgjør lysstyrken.

Trinn 21

På samme måte som i de forrige trinnene, legg til noen andre tegn som vist nedenfor. Lag bare ett lag for disse og bruk den gyldne fargen.

Trinn 22

Gå nå til Render> Render Settings. Endre dem tilsvarende.

Pass på at pikselstørrelsen er ganske stor.

Ikke glem å spesifisere banen hvor du vil at gjengen skal bli lagret.

Når du er ferdig, lag en første gjengivelse ved å trykke Shift + R.

Trinn 23

Finn gjengivelsen i mappen du valgte, og åpne den i Photoshop. Åpne Kanal-menyen (Vindu> Kanaler), og Kommandoklikk på "Alpha 1-ikonet." Det vil gjøre et utvalg av teksten.

Trinn 24

Gå tilbake til Lag-menyen og dobbeltklikk på "Bakgrunn" -laget. Gi det et navn. Vi gjør dette bare gjør det til et vanlig lag.

Trinn 25

Trykk nå på Legg til lagmaske-knappen for å skjule de svarte områdene.

Trinn 26

Her er avtalen. Vi ønsker ikke å kutte ut hver karakter bort fra gjengivelsen manuelt. Det er lettere å lage en gjengivelse av hvert tegn separat, og bruk bare Alfa-kanalen til å kutte den ut fra bakgrunnen.

Med det opprinnelige laget under, deler vi det sammen ved å tilpasse hvert element med sin posisjon inne i den opprinnelige gjengivelsen. Så gå tilbake til C4D, skjul alt annet enn ett element ved å uncheck det i Objects-menyen.

Trinn 27

Gi det ut, og skill det fra bakgrunnen som før.

Trinn 28

Juster deretter alle dem ved å plassere dem på toppen av den gamle gjengivelsen. En av dem er uthevet for å vise at den er skilt fra den opprinnelige gjengen.

Trinn 29

Gå nå til Layer> New Adjustment Layer> Gradient Map. Bruk disse fargene (venstre til høyre): #ffffff, # ffe73f, # 542a9a og # 07030e. Sett laget Opacity til 50% og gjør det til en kappemaske for tekstlaget slik at det bare påvirker tekstens farger.

Trinn 30

Gjenta prosessen for de gjenværende elementene, og fyll bakgrunnen med denne fargen: # ffe73f.

Trinn 31

Dobbeltklikk på tekstlaget og legg til disse lageffekter. For drop shadow bruker denne fargen: # 6b506b. Bruk dette til Outer Glow: # fff260.

Trinn 32

Over bakgrunnslaget maler du en skygge med denne fargen: # a89e3b.

Trinn 33

Legg nå en mindre overflate med denne fargen: # a89e3b.

Trinn 34

For denne delen trenger du denne børstepakken. Start et nytt stort dokument (ca. 2500 px ved 2000 px) og maler med svart på en hvit bakgrunn (børsten er den første i pakken). Velg alt (Command + A) og lim det inn i en tom Illustrator-fil. Den store størrelsen gjør det enkelt å vektorisere.

Trinn 35

Inside Illustrator, trykk på Live Trace-knappen, og endre fargen til dette: # 776767.

Trinn 36

Kopier og lim det inn i Photoshop-dokumentet.

Trinn 37

Bruk den andre børsten i børstepakken og vektoriser dem også. Bare bruk denne fargen i stedet: # 3c2958.

Trinn 38

Gå tilbake til Illustrator, og bruk Direct Selection Tool (A) for å kopiere bare et enkelt blad ut av hele børsten. Plukk ut en større for mest mulig kvalitet. Lim inn det i Photoshop med denne fargen: # a39485.

Trinn 39

Legg disse små bladene over de andre grenene.

Trinn 40

Nå skal vi lage et utfyllende mønster. Start et nytt Photoshop-dokument (165 px ved 165 px ved 300 ppi). Ta opp linjalen (Command + R) og dra hjelpelinjer som knytter seg til kantene på lerretet.

Trinn 41

Velg Beskjæringsverktøyet (C) og dra det over hele lerretet. Hold Shift og Alt, og dra boksen til du får omtrent dobbelt så mye som lerretet. Bruk Rectangle Tool (U) -settet på 10 px radius for å lage et symmetrisk rektangel (Hold Shift når du lager). Dupliser det, flytt det noen piksler med tastaturet (husk nummeret) og opprett et lignende mønster som vist.

Trinn 42

Beskjær dokumentet tilbake til sin opprinnelige størrelse ved å knipse det til styrene. Fyll bakgrunnsfarge med # 533d63 og form farge med # ac9c8f.

Trinn 43

Dobbeltklikk på et av figurlagene, og legg til et 5 piksler, indre slag med denne fargen: # ecdd18. Gå deretter til Rediger> Definer mønster.

Trinn 44

Velg Bucket Tool (G). Fra rullegardinmenyen nær toppen av skjermen, velg Mønster. Lag en kappemaske for en av bladene, og fyll den med dette mønsteret.

Trinn 45

Fyll noen andre leafs med samme mønster.

Trinn 46

Endre fargene rundt mønsterfilen med forskjellige nyanser av gul, og fyll litt med dem.

Trinn 47

Nå legger vi til noen vektormotiver. Først av alt, start et nytt Illustrator-dokument og velg Polygon Tool. Hold tilde-tasten (~) og dra som vist med pilen. Ikke hold på å dra til du har nådd slutten av neste trinn. Jeg lagde to skjermbilder for å bryte ned hele bevegelsen.

Etter at du har draget, drar du nedover mot midten i et spiralmønster. Hastigheten av din slep bestemmer mengden linjer.

Trinn 48

Dette er hvordan det skal se ut. Endre motivet til denne fargen: # f5e750.

Trinn 49

Plasser den i Photoshop-dokumentet som et smart objekt.

Trinn 50

Sett et sekund større på venstre side.

Trinn 51

Lag et annet motiv, men bruk Star Tool i Illustrator.

Trinn 52

Legg til noen få små stjerner over hele lerretet også.

Trinn 53

Opprett nå et rektangel et sted inne i komposisjonen og gi det et 5 piksler indre slag, akkurat som mønsteret. Bruk dette til fyllfarge: # 543d63.

Trinn 54

Lag en kappemaske for denne formen, og lakk med en myk børste med denne fargen: # cbef8e. Med de samme to farger, opprett andre rektangler.

Trinn 55

Gjenta denne prosessen til dryss disse motivene over hele sammensetningen. Hold den subtil og smakfull.

Trinn 56

Opprett nå et nytt, tomt lag over teksten, og bruk pennverktøyet (P) til å spore i banemodus, hva vil snart være en tynn linje.

Trinn 57

Når du er ferdig, bruk børsteverktøyet (B) for å redigere innstillingene (velg en liten, hard pensel) og trykk på P når du er ferdig. Høyreklikk, velg Stroke Path, kryss av Simuler trykk boksen og trykk OK.

Trinn 58

Gjenta det forrige trinnet for å lage noen flere linjer. Ikke legg for mange skjønt.

Trinn 59

Og til slutt vil vi røre opp de gule verdiene og få det til å se varmere ut. På toppen av alle lagene, gå til Lag> Nytt justeringslag> Selektiv farge. Fra rullegardinmenyen, velg Yellows og dra glidebryterne til tallene som er vist nedenfor.

Endelig bilde

Det var alt folkens! Hvis du er sikker på at du vil komme inn i type behandlinger, er 3D en fin måte å gå. Jeg trodde ikke at jeg ville trenge et 3D-program, og trodde at Illustrators Extrude and Bevel-funksjonen var alt jeg trengte. Vel, jeg tok feil. 3D åpner opp en helt ny dimensjon - bokstavelig talt!