La oss lage en lekfull, men robust 3D-brevdesign

Noen ganger hver måned besøker vi noen av leserens favorittinnlegg fra hele historien til Vectortuts +. Denne opplæringen av Jonathan ble først publisert 24. februar 2009.

Denne opplæringen er perfekt for den avanserte nybegynneren som ønsker å ta sine ferdigheter til neste nivå. Vi vil utforske hvordan du oppretter 3D-tekst og bruk dybdeskarphet for å forbedre et design.

Ønsker du tilgang til hele Vector Source-filene og nedlastbare kopier av hver opplæring, inkludert denne? Bli med VECTORTUTS PLUS for bare 9 / måned.


Trinn 1

Begynn med å skrive hvert brev separat slik at du kan justere vinkelen og 3D-egenskapene til hver. Jeg bruker en font som heter Futura Bold. Jeg vil anbefale å bruke en skrift som ikke er tynn og delikat. Jo mer vekt fonten har det bedre.

Bruk også en grå eller lys farge, så når du går videre til neste trinn, kan du se hvordan 3D-teksten ser ut.


Steg 2

Gå til Effect> 3D> Extrude & Command? Skriv inn variabler der jeg har markert nedenfor for å oppnå det utseendet som er angitt.


Trinn 3

Selv etter at du har brukt 3D-effekter som du vil at brevet skal ha, kan du også fortsette å rotere brevet til hvilken vinkel du vil, som jeg har gjort nedenfor. Bruk bare markeringsverktøyet (V) for å rotere brevet.

Klikk på en farge, og skyggingen vil automatisk bli brukt på de forskjellige ansiktene til brevet.


Trinn 4

Bruk samme teknikk på de andre bokstavene. Bruk Strippepaletten til raskt å velge en rekke levende farger og bruke dem til hvert brev.


Trinn 5

Lag et dybdefelt (utseendet på objekter blir nærmere og lengre unna) ved å gå til Effekt> Uklarhet> Gaussisk uskarphet? Skriv inn variabelen under og klikk OK.

Merk: Pass på at brevet ditt ikke skal skaleres større eller mindre etter at du har brukt uskarphet, da uklarhetene ikke skaleres, uansett hvilke preferanser du har angitt i Adobe Illustrator.


Trinn 6

For å skape et enda bredere fokusområde, kan du gi forskjellige bokstaver et unikt blurbeløp.

Vær oppmerksom på hvordan vinkelen, skalaen, uskarpen og fargelegger all faktor i hvordan hele ordet oppfattes. Hvert brev har en tilfeldig kvalitet om det. Skalaen er variert for å foreslå avstand. Igjen forsterker uskarpheten dybden, og fargene er alle lyse og ikke gjentas ved siden av hverandre.


Trinn 7

Skriv resten av uttrykket. Skriften jeg bruker er Bickham Script. Som du kan se, er skriften veldig forskjellig fra skrifttypen som ordet "Playful" er skrevet inn. Dette skaper et fint utvalg og kontrast mellom de to. Gjør det samme for oppsettet ditt.


Trinn 8

Bruk avrundet rektangulært verktøy for å tegne et rektangel som vist nedenfor.

Merk: Du kan justere krumningen til hjørnene ved å holde opp- eller nedpilen mens du tegner formen.


Trinn 9

Fyll rektangelet med en 3-punkts gradient. Den høyeste grønnste fargen bidrar til å skape en litt mørkere grønn som vil ramme rektangelet enda mer.


Trinn 10

Flytt teksten over bakgrunnen. For å kunne bruke en gradient til teksten må du først slå den inn i konturene. Gå til Type> Opprett oversikter. Nå, velg teksten og gi den en subtil grå til hvit gradient.


Trinn 11

For å få teksten til å se enda mer 3D, legg til en Inner Glow ved å gå til Effect> Stylize> Inner Glow? Velg skjermbildet, i nedtastingsmodus. Angi ca 75 for Opacity og sett uskarpheten til din smak.


Trinn 12

Nå som brevet ser litt avrundet, tar vi det et skritt videre og legger til en dråpeskygge. Gå til Effekt> Stylize> Drop Shadow? Still modusen til Multiply (slik at skyggen passer fint sammen med bakgrunnen). Angi Opacity til ca 20 og gi det et uklart valg.


Trinn 13

Dette er hva ditt design skal se ut akkurat nå.


Trinn 14

Vi gir bestemte ansikter til hvert brev et forbedret utseende ved å gi dem gradienter. Først gjør du en kopi av brevet. Velg kopien og gå til Objekt> Utvid utseende. Gå nå til Objekt> Ungroup. Fortsett å oppheve objektet til du kan velge objektets ansikt.


Trinn 15

Velg ansiktet på brevet og gi det en moderat rød til mørk rød gradient.


Trinn 16

Du kan nå slette de resterende delene av brevet som du ikke brukte en gradient til. Legg ansiktet av brevet over brevet med 3D-effektene som er påført det.


Trinn 17

Bruk denne samme teknikken til å skape dybde på andre bokstaver som trenger det. For tilfeller der bokstavene er uskarpe, må du bare bruke den samme uskarpheten til ansiktet av bokstaven. For å se hvor mye uskarpt et brev har du dobbeltklikk på den effekten i utseendepaletten.


Trinn 18

Neste gir vi bakgrunnen et tilfeldig sirkelmønster. Tegn en sirkel ved hjelp av Ellipse Tool (L). I denne veiledningen har jeg brukt en svart sirkel, men sirkelen din skal være hvit, eller hvilken farge du vil at mønsteret ditt skal være. Dra sirkelen inn i børstepaletten. Dialogen i neste trinn åpnes?


Trinn 19

Velg New Scatter Brush og klikk OK?


Trinn 20

Velg Tilfeldig for Størrelse, Spredning og Spredning. Deretter drar du de små trianglene til begge sider av glidebryteren for alle tre alternativene. Dette vil sikre at sirkelmønsteret er variert og ikke for repetitivt. Klikk på OK.


Trinn 21

Velg penselborsten du nettopp har opprettet, i penselpaletten. Velg Paintbrush Tool (B) og tegne en vilkårlig linje. Linjen din vil bli erstattet av et sirkelmønster som ligner på det nedenfor. Hvis kretsene dine ikke er like tilfeldige du vil, bare dobbeltklikk på sirkelen i penselpaletten for å endre parametrene.


Trinn 22

Legg sirklene på eget lag bak bokstavene. Du er velkommen til å tegne flere linjer eller kopiere og lime inn det andre sirkelmønsteret for å bygge en masse sirkler.


Trinn 23

Bruk Ellipseverktøyet til å tegne en sirkel og gi den en Radial-fylling med en 3-punkts gradient. Ved å bruke 3-poeng vil du kunne gi sirkelen et ekstra høydepunkt som vil legge til sin realisme. Kopier og lim inn denne formen noen få ganger i hele oppsettet.


Trinn 24

Du kan lage andre børster med ulike former som firkanter, trekanter og skisserte versjoner av hver form for å holde ting interessant.


Trinn 25

Bruk blyantverktøyet (N) til å tegne noen uberegnelige former som vil fungere som mose eller generelt grønt på bokstavene.

Når du tegner med blyantverktøyet, er det noen ganger vanskelig å lukke formen. Den enkleste måten å lukke en form på er å holde nede Alternativ-tasten når du nærmer deg startpunktet for formen. Dette lukker formen automatisk.


Trinn 26

Legg til andre forskjellige former og gi dem en grønn til mørkegrønn gradient.


Trinn 27

For å lage vinstokker har jeg ganske enkelt brukt en av de alternative tegnene som ble inkludert i skriften Bickham Script. Hvis skriften din ikke har alternative tegn, kan du prøve å bruke deler av andre bokstaver, som en S for eksempel. Ellers må du tegne noen krøllete former på gammeldags måte? bruker en Wacom Tablet og Pen Tool.


Trinn 28

Lag en bladform på omtrent samme måte som du gjorde for mosformene. Du blir bedre til å tegne figurer, jo mer du trener.


Trinn 29

For å forsterke blikkets utseende, gi det en Inner Glow ved å gå til Effect> Stylize> Inner Glow?


Trinn 30

Dette er hvordan oppsettet ditt skal se ut akkurat nå.


Trinn 31

Vi gir bakgrunnen litt bevegelse ved å bruke pennverktøyet (P) for å tegne en form som ligner den nedenfor.


Trinn 32

Dupliser formen et par ganger og juster Opacity for å redusere utseendet på formen. Gi noen av figurene en tålig uklarhet for igjen å skape illusjonen om at noen av swooshes er lenger unna.


Trinn 33

Bruk rektangulærverktøyet til å tegne et rektangel og gi det en 4-punkts gradient med hvite vesener i begge ender.


Trinn 34

Legg gradienten over bakgrunnen og gi den en uskarphet. I gjennomsiktighetspaletten setter formen til Multiply, så den passer godt sammen med bakgrunnen. Du kan også justere Opacity hvis det er nødvendig.


Endelig bilde

Her er det endelige bildet. Du har nettopp lært hvordan du lager en vektor 3D-brevdesign. Jubel!

Abonner på VECTORTUTS RSS-feed for å holde deg oppdatert med de nyeste vektoropplæringene og artiklene.