Dette er den første delen av en todelerserie. Del to vil bli utgitt i morgen. I dette stykket lærer du hvordan du får en enkel tekst til liv og plasserer alt i fantastisk, farget og glødende 3D-plass. Noen fine teknikker som dekkes her, lar deg bringe din kunst til neste nivå. Ikke gå glipp av det!
Ta en titt på bildet vi skal skape på slutten av denne to delserien. Du kan se den endelige bildet forhåndsvisning nedenfor eller se en større versjon her.
Denne opplæringsserien er en del av en videreføring av opplæringen Super Malleable Lines. Det er noen lignende effekter vist her, men fra en helt annen vinkel. I del I av denne opplæringen vil vi fokusere på hvordan du lager 3D-tekst og splattereffekten.
Først av alt, for å lage 3D-teksten, må du laste ned demoversjonen av Xara 3D6. Du kan også bruke Adobe Illustrator, men jeg anbefaler på det sterkeste at du får Xara for dette stykket. Last ned også det farget metall tekstur bildet vi bruker fra cgtextures.com.
Den beste måten å starte et fargerikt kunstverk, er å finne de riktige farger. I Super Malleable Lines opplæringen var bakgrunnens farger solfylte, så dette ga oss et varmt inntrykk. Her flytter vi mer inn i kalde toner.
La oss begynne med å åpne et nytt dokument på rundt 1350 piksler med 1600 piksler med en oppløsning på 300px / tommer. Lag et nytt lag og lag en kort fargevalg. Ikke velg den første farge du velger, prøv å leke med noen forskjellige toner. Folk ødelegger ofte sine arbeider med dårlige bakgrunner.
Så nå som vi fant en god passende farge, ta tak i Paint Bucket Tool (G) og fyll det nye laget med # 166a91. Navn dette laget "bakgrunn".
Nå er det vi trenger å gi denne bakgrunnen noe liv. Igjen, tilbringe litt tid på å søke farger, prøv å få noen riktige kule toner. Det jeg snakker om, er å finne mørkere og lettere toner av denne blå farge. Fargene jeg brukte er vist i bildene nedenfor.
Hvis du allerede har valgt en god mørkere farge (eller hvis du har noen problemer med farger, se bildene nedenfor - jeg viste den spesifikke fargen som ble brukt). Ta tak i børsteverktøyet (B), sett strømmen til 5%, hardhet til 0% og gjør diameteren din så stor som du ser nedenfor. Lag et nytt lag, betegne det "bg_color" og maling i hjørnene med denne store børsten. Gjør hver børsting av ny farge på sitt eget nye lag.
Prøv å male på forskjellige steder, gjør kantene mørkere og midten lysere. På denne måten får du noen uregelmessige gradienter, og det er det vi vil ha.
Når du er ferdig med å fargelegge bakgrunnen, sørg for at alt fungerer for deg fint. Fargene virket litt for lyse for meg, så jeg bestemte meg for å gå til Layer Palette, og jeg la til et nytt justeringslag av Hue / Saturation over alle lagene. Da jeg litt redusert Metning, fjerner jeg litt farge.
Åpne nå noen farget metall tekstur. Jeg vet ikke hvorfor dette kalles "metall", virker for meg som noen flekker. Uansett, flekker er poenget, du kan velge et bilde av eget valg. Det må være egnet til dine behov.
Klikk nå Kommando + T, bruk Distort for å få et perspektiv på dette bildet. Deretter trykker du på Command + Shift + U for å desaturere. Kommando-klikk på dette lagets miniatyrbilde for å ringe utvalget. Kopier den ved hjelp av Command + C.
Gå tilbake til vårt hovedprosjektdokument. Ta tak i pennverktøyet (P) og tegne en splatterform, og slå den til et utvalg. Lag et nytt lag fremfor alt, nevner det "tekstur". Gå nå til Rediger> Lim inn. Vår tekstur bør nå limes dynamisk inn i utvalget, det betyr at du kan endre posisjonen i utvalget. Endre nå dette lag Blending Mode til Overlay og sett Opacity til 70% og prosjektet ditt skal se ut som det andre bildet nedenfor.
Opprett nå et nytt lag fremfor alt og kaller det "splatter shading." Ta tak i børsteverktøyet (B) og endre fargen til # 125361. Pass på at børstinnstillingene dine er veldig myke, noe som Hardness 0%, Flow 10%. Gjør nå valget av teksturlaget (Kommandoklikk på lagets miniatyrbilde). Ta en titt på det tredje bildet under og maling i de angitte stedene. Vi må mørke de indre buede delene av denne splatteren for å skape et konveks utseende. Denne splatter må dukke opp litt, for ikke å være så flatt. Se det fjerde og femte bildet nedenfor.
OK, nå da du opprettet noe skygge, la oss flytte til lys. Se på det første bildet nedenfor. Jeg laget en liten forberedelse (dette er ikke noe du trenger å gjøre). Før du legger til belysning må du forestille deg hvordan det ville se ut om det var ekte. Så laget jeg flere enkle linjer for å vise deg hvilke steder som er bra å sette lysene på.
Hvis du er klar, så opprett et nytt lag fremfor alt og kaller det "splatter lighting." Ring valget av "tekstur" laget. Nå med de samme penselinnstillingene og en lysere farge # 99e9ea, må du begynne å male på de angitte stedene (hold en liten plass fra splashkanten).
Merk: Husk at du kan gjøre endringer når som helst du føler at noe ikke stemmer, så hvis du gir for mye nyanse eller lys, kan du hjelpe deg med det myke Eraser Tool (E) for å slette uønskede deler.
Før vi går videre, gå til børstepalet og endre børstinnstillingene, som vist nedenfor.
Hva er dette for? Bruk en liten, myk og blek børste du enkelt kan male med en mus. Hvis du maler på ett sted, har du lov til å lage noen feil linjer, da de vil være knapt synlige. Se det andre bildet nedenfor, og se hvordan lyslinjene blir opprettet. I det tredje bildet under er det hvite piler som angir hvor man skal male. Legg disse lys linjene på hver ytre buet kant av splatter.
Ikke endre børstinnstillingene, bare øk diameteren litt og skift fargen til hvit. Deretter lager du et nytt lag fremfor alt, nevner det "belysningsoverlegg." Sett dette lagets blandingstilstand til overlegg, og begynn å male på de samme stedene som ble angitt i trinn 6. Lag bare små flekker, ikke linjer.
Fortsett å legge til belysning på utvalgte splatterdeler. Husk å jobbe dynamisk med diameteren. Du kan gå fra større til mindre for å skape flotte spotlights.
Hjelp deg også med Eraser Tool (E) og en veldig myk viskelær, noe som 0% Hardness og 8% Flow. Ta deg tid mens du jobber med detaljene.
Deretter lager du et nytt lag fremfor alt, nevner det "splatter touch ups" og endrer det Blending Mode til Multiply. Tilbakestill børstinnstillingene. Sett deretter børsten til Hardness 0%, Flow 5%, bytt farge til # 125361. Se nå på det første bildet under og mørk på de angitte stedene bare et snev. Skift deretter til en hvit farge, opprett et nytt lag, navnet "splatter light", bruk deretter de samme børsteinnstillingene for å legge litt mer lys til denne splatteren.
Før vi flytter til å skape splatter skygge, er her et par ting du trenger å forstå:
Vi har ikke angitt kilden til lys i dette arbeidet, så vi vil hoppe over skyggen forårsaket av kildelyset. Vi vil bare ta vare på skyggen under splatteren (se pekeren 2 i forrige trinn).
Nå er det bare en liten forskjell mellom splatter med skygge og uten det. Men det er greit for nå. I del II av denne opplæringen vil vi gjøre overflaten mer skitten, og dette vil gi en sterkere skyggeeffekt.
Vi er nesten ferdige med det, men før vi går videre, vil jeg at du skal se på det tredje bildet nedenfor. Kanskje du lurer på hvorfor disse stedene ikke har noen skygge? Splatteren ser ut som et 3D-objekt, så hvis du hadde det i 3D-program, kan du rotere det og se hvordan hver side ser ut. Nå, hvis du kunne se på splatter fra høyre side, ville skyggen være der. Men fra vårt synspunkt (front) er det bare ikke synlig, så vi legger ikke til det.
Det er litt vanskelig å forklare, noen ganger trenger du bare å forestille seg hvordan det ville se ut i virkeligheten.
OK, når vi er ferdige med splatteren, kan vi gå videre for å lage tekst. Men før du gjør dette, la oss ta en titt på det første bildet nedenfor. Som du ser, var ikke hele sprutet dekket med lys og skygge. Området angitt med den rosa fargen ser uferdig ut. Det er OK, fordi jeg planla denne illustrasjonen fra begynnelsen for å lage en tekst i midten. Så teksten skal dekke noen ufullkommenheter i ryggen.
Det andre, tredje og fjerde bildet nedenfor er et lite show på hvordan jeg egentlig planla å gjøre teksten. Jeg laget en liten forberedelse fordi jeg ikke visste nøyaktig hvordan dette skulle se ut. Dette er ikke noe du må gjøre, men noen ganger er det godt å eksperimentere. Så nå da denne flate teksten skjedde, kom mange ideer til hodet mitt. Dette ganske mye hjalp meg til å se hva jeg vil oppnå.
For å sette 3D-tekst på en overflate i 3D-rom må du sette horisontlinjen. Ta en titt på første bildet nedenfor. Min base var splatteren jeg opprettet. I vårt tilfelle skal horisontlinjen være litt over toppkanten av splatteren. Du trenger ikke å tegne disse linjene som jeg gjorde i det første bildet under, bare prøv å forestille deg hvor denne linjen skal være.
Dette er ikke nødvendig i noen abstrakte stykker der for eksempel: bokstaver flyr i luften, som de kan rotere.
Før vi går videre til å lage 3D-teksten, må du også forstå bokstavsposisjonen: Ta en titt på det andre bildet nedenfor. Hvis bokstavene ligger under horisontlinjen, så husk at du ser på dem fra toppen, og dette er måten vi skal lage vår tekst på.
OK, til slutt litt handling. Åpne Xara3D 6. Og som jeg sa før, holder toppen av bokstavene synlige. Xara er veldig enkelt å bruke, hvis du bruker rundt 5 minutter, vil du bli kjent med alt.
I bildene nedenfor angav jeg noen viktige alternativer som ble brukt her for å generere denne teksten. Jeg anbefaler at du leker med dine egne innstillinger. Men hvis du vil oppnå noe som ligner på meg, så er fargene som brukes her:
Resten av fargevalgene forblir uberørt.
Folk glemmer noen ganger noen få ting i Xara3D 6:
OK, vi lagret teksten i PNG-format slik at den er gjennomsiktig. Åpne teksten i Photoshop og dra den inn i prosjektet. Deretter klikker du Command + T (Free Transform) og velger Warp. Prøv å gjøre denne teksten mindre rett og mer avrundet som om den var sirkel. Det gir en bedre 3D følelse.
Neste henvis til det tredje bildet nedenfor: Ta tak i brennverktøyet (O), still inn rekkevidde til midtoner, strømmen til 25% og lakk litt på bunnen av hvert brev (senere vil dette bidra til å oppnå en bedre skyggeeffekt).
Etter dette korrigerer du noen toner av teksten ved å bruke Lag> Justeringer> Selektiv farge (fremre og femte bilder nedenfor). Dette er opp til personlig smak. Prøv å justere det meste Reds, da dette alternativet for det meste vil påvirke din rosa tekst.
OK, ta en titt på det første bildet nedenfor. Jeg har angitt noen steder som ser ganske dårlig ut. Denne mørke farge passer ikke akkurat til vår illustrasjon. Ved siden av viser den røde pilen et sted som Xara ganske ødelagt, dette ser skitne ut. Vi kommer til å røre opp alle disse stedene.
Så ta først pennverktøyet (P) og tegne en bane på det verste blikket på denne teksten (det er angitt med en rød pil). Slå dette valget på (høyreklikk> Lag valg). Velg deretter Clone Stamp Tool (S), se det tredje bildet nedenfor. Gjør innstillingene dine de samme som mine (still inn hardheten til 0%). Ta deretter opp dette dårlige, kjekke stedet. Og det er godt å gjøre dette på et nytt lag.
OK, la oss nå ta vare på resten av de dårlige kikkene. Opprett et nytt lag over tekstlaget, du kan navngi det "tekstkorreksjon" og endre blendingmodus til overlegg. Ta tak i børsteverktøyet (B), bytt børstinnstillingene til Flow 10%, Hardness 0%, og gi den en stor diameter. Velg nå # ffbdf3 for fargen. Next hold Command-klikk på tekstlags miniatyrbildet for å ringe utvalget av denne teksten. Deretter gjør du en myk børste på de flekkene som ser for mørke ut.
Hovedoppgaven er å velge en lys rosa farge (som samsvarer med fargen på teksten) og dekke noen ufullkommenheter ved å bruke overlay-blandingsmodus. Du kan til og med gå gjennom noen tilfeldige flekker av tekstflater, dette vil gi en fin tonal variasjon til teksten.
La oss nå ta vare på glansen. Jeg skrev alt på bildene under, du burde kunne enkelt følge dem. Det viktigste med dette er å skape en myk gradient fra midten av bokstavene til toppen.
Du kan gjøre dette på samme måte som du er komfortabel med, selv om jeg tror at måten som vises nedenfor, er ganske kul og rask.
La oss flytte til å skape litt dybde. Disse bokstavene ser OK for nå, men det er ikke noe spesielt enda. Vi må gi dem et mer unikt utseende. Vi skal lage en illusjon om at teksten reflekterer noe fra miljøet. Og det er ingen som bryr seg om refleksjonen viser virkelige objekter eller falske, så lenge det ser bra ut.
Så kommando-klikk på miniatyrbildet for tekstlag for å ringe utvalget av denne teksten. Deretter klikker du Kommando + Skift + C (Kopier fusjonert) og Kommando + V (Lim inn). Nå har vi gjort nøyaktig samme duplikat av hele teksten. Navngi dette laget "Refleksjon 1", gjør noen duplikater av dette laget, og navngi dem i orden "Refleksjon 1", "Refleksjon 2" og "Refleksjon 3".
Ta nå et av refleksjonslagene, trykk Command + T (Free Transform), og roter det som du ser i det første bildet nedenfor. Ring deretter valget fra det opprinnelige tekstlaget (andre bilde nedenfor). Gå til Velg> Inverse og hit delete (husk å velge det transformerte reflekteringslaget mens du treffer slett). Du bør få noe som ser ut som det andre bildet nedenfor.
Deretter endrer du refleksjonslaget Opacity til rundt 15-20% og setter blandingsmodus til overlegg. Du bør få noe som ligner på det tredje bildet nedenfor. Sørg for at refleksjonen forblir bare i tekstflatene, så hvis det går et sted for langt å bruke en myk viskelær for å få berøringsvinduene (frem bildet nedenfor).
Gjenta refleksjonsprosessen rundt 2-3 ganger til du dekker hele teksten (forsiktig, ikke bli rotete). Se det femte bildet under, bør du få noe sånt.
Nå vil vi gjøre glans og refleksjonseffekt enda sterkere. Ta tak i Eraser Tool (E), setter strømmen til 5% og hardhet til 0%, og gjør deretter en liten sletting rundt glossen til hvert brev (hvor de hvite pilene indikerer). Bytt deretter til Brennverktøyet (O), still inn rekkevidde til midttoner og eksponering til rundt 20%, og legg til litt dybde til hvert brev (der de røde pilene indikerer).
La oss nå løse noen belysningsproblemer. Tydeligvis er teksten for det meste lettet fra øverst til venstre (første bilde nedenfor). Du kan se at øverste venstre side av disse bokstavene er lysere enn høyre side. Selvfølgelig er det få lyskilder på denne teksten fordi fronten er også lys, men la oss fokusere på den sterkeste lyskilden.
Se på det andre bildet under, det ser ut til at vi mangler noe. Resten av bokstavene har et fint lys og skygge, men toppen av bokstavene "L" og "R" mangler nesten helt skygge. Det er sannsynligvis forårsaket av lyset fra Xara. Jeg antar at det var for lavt for å nå toppen av disse bokstavene. Men det er ikke noe problem, vi skal fikse det, da det vil se mye bedre etterpå.
Så ring valget av tekstlaget (tredje bildet nedenfor). Ta tak i børsteverktøyet med de samme innstillingene som tidligere (hardhet 0%, flyt rundt 5%), bytt farge til noe mørkere rosa (# 79185d). Opprett et nytt lag fremfor alt, nevn det "ekstra nyanse" og begynn å male på høyre side av toppen av disse bokstavene, se det tredje bildet nedenfor.
Neste opprett nytt lag ovenfor, nevn det "ekstra lys" og gjenta samme prosess, men denne gangen fra venstre side av disse bokstavene (se fjerde bilde nedenfor).
Merk: Husk alltid å hjelpe deg med en myk viskelær hvis noe ikke går rett.
Gå til lagpaletten og opprett et nytt justeringslag Gradient Map over alle lagene. Velg gradienten fra svart til hvitt, og du bør ha noe som ligner på det første bildet nedenfor. Endre deretter blandingsmodusen til dette laget til mykt lys, og senk opaciteten til 70% (andre bilde nedenfor).
Endelig ring valget av tekstlaget, gå til Velg> Inverse. Deretter går du til Lagpaletten og velger Mask av Gradient Map-laget. Når du gjør dette, ta tak i Paint Bucket Tool (G), endre fargen til svart og fyll masken (tredje bildet nedenfor).
Og hva gjorde det? Nå er vi sikre på at dette gradientkartet bare påvirker denne teksten, ingenting utenfor det.
Nå er det en liten detalj, men jeg liker å legge til dette. Endre penselinnstillingene til Hardness 100%, Flow 100%, og ta deretter pennverktøyet (P). Opprett et nytt lag fremfor alt, og lag en kurve eller rett linje øverst på hvert brev som du ser nedenfor.
Når du er ferdig, høyreklikk og velg Stroke Path. Pass på at alternativet Simulate Pressure er merket.
Jeg antar at den vanskeligste delen av alt alltid legger til skygger. OK, la oss først lage en standard skygge mellom splash og bokstaver.
Før du begynner, husk at det er godt å behandle skygger med samme farge som overflaten har, men i forskjellig tone. Så vår splatter overflate er en lyseblå farge, så for skyggen velg en mørkblå farge (noe som # 092330). Ta nå børsteverktøyet (B), husk å ha hardhet satt til 0%, og resten av alternativene du har under.
Opprett et nytt lag under tekstlaget, og merk det "tekstskygge". Start med en liten diameter og legg til små skyggelinjer nøyaktig under bokstavene. Gjør diameteren større for å fylle de tomme mellomrom mellom bokstavene.
Merk: Bruk alltid en myk viskelær!
Vi er på vei til slutten av del I av denne opplæringen. Jeg pleier å leke med noen generelle tilpasninger når jeg skal ferdigstille. Så gå til lagpaletten, opprett et nytt Gradient Map-justeringslag, velg "Violett, Orange" forhåndsinnstilt og klikk OK. Deretter endrer du dette lagets blandingstilstand til mykt lys og senker opaciteten til rundt 20% (dette vil gi litt mer varme til dette stykket).
Neste gjenta denne prosessen, men denne gangen oppretter du en Gradient Map fra mørkblå (greeny black) # 202930 til en lysere farge (selv om den blir grå) # 31505b. Sett dette lagets blandingstilstand til mykt lys og opacitet til rundt 80%. Dette vil øke litt farge og kontrast.
Denne teksten så fremdeles for kaldt for meg, så jeg bestemte meg for å opprette en annen Gradient Map ved hjelp av samme prosess. Denne gangen brukte jeg farger fra # 2e2111 til # e2be84 (tredje bildet nedenfor). Disse er noen brune, gulaktige farger for å legge til litt mer varme. Og igjen bytt dette lagets blandingstilstand til mykt lys og dets opasitet til rundt 30%.
Og til slutt kan du legge til kurvjusteringslag hvis du vil. Dette er ikke nødvendig, men jeg tror den mørke og kontrasterende tonen gir en fin følelse. Du kan også spille med den røde kanalen i kurver for å gi tekstfargen et mer ønsket utseende.
Etter å ha lagt til noen få gradientkart bestemte jeg meg for å flytte noen lyse deler (angitt med hvite piler). Jeg lagde også en liten skyggekorreksjon som det virket for mørkt og tett.
Også som du kan se i det andre bildet under, senket jeg skyggens opasitet mellom teksten og splatteren. Det er bare fordi kurver gjorde det litt for mørkt.
Vær klar til eventuelle korrigeringer, etter at du har justert farger og kontrast, kan du kanskje endre noe. Og det er godt å ta en ny titt på stykket ditt og jobbe med noen detaljer hvis de ikke passer riktig.
Så nå vet du hvordan du lager en kul splatter fra grunnen, legg til skinnende fargerik 3D-tekst. Fyll hele bildet med flotte farger og legg alt i 3D-plass. Jeg tror det er mange nyttige effekter og teknikker du kan bruke i dine egne prosjekter.
Og på denne måten har vi nådd slutten av Tutorial Part I. Selv om dette stykket trenger litt mer detaljert arbeid over det, da det er for tomt. Så i Tutorial Part II vil du lære om noen fine teknikker for å oppnå glødende effekter og skape et kreativt rotete utseende. Sjekk det snart!
Takk for at du leser opplæringen. Du kan se det endelige bildet av denne to delserien nedenfor eller se en større versjon her.