Opret 3D-objekter

Introduktion:

Hej kære PSD-fællesskab. Dejligt at I er med igen til en af mine tutorials. I dag vil vi dykke ned i 3D-verdenen af Adobe Illustrator. Selvom det ikke kan erstatte professionelle 3D-programmer som f.eks. Cinema 4D, kan Illustrator godt bruges til at oprette enkelte 3D-objekter. Til dette tutorial har jeg forberedt tre objekter, som vi sammen vil oprette trin for trin. Men lad os nu komme i gang...

Trin 1: Opret spillefigur

For at dykke direkte ind i 3D-funktionen i Adobe Illustrator, vil vi i første omgang oprette en typisk spillefigur (som man kender fra spillet "Menneske ærgere sig ikke").

Start Illustrator, opret en ny tegneflade med dimensionerne 140x180mm ved at gå til Fil>Ny og bekræft med OK.

Adobe Illustrator - Opret 3D-objekter

Så I ikke behøver at tegne grundformen frit fra hukommelsen, har jeg vedlagt et billede af en sådan spillefigur i de medfølgende arbejdsfiler.

Gå til den øverste menulinje og vælg Fil>Placér, vælg filen "Vorlage.jpg" fra arbejdsfilerne og bekræft ved at klikke på Placér.

Adobe Illustrator - Opret 3D-objekter.

Brug Justér-paletten til at placere billedet på tegnefladen. (Figur 03)

Adobe Illustrator - Opret 3D-objekter

Når I har placeret billedet centralt, aktiverer I linjalerne ved at bruge genvejen Command+R (på PC - Strg+R) og trækker en lodret hjælpelinje direkte i midten af tegnefladen, så spillefiguren er visuelt opdelt midt på. (Figur 04)

Adobe Illustrator - Opret 3D-objekter.

Da en spillefigur er rund, er det nok, hvis I kun tegner den ydre kontur af halvdelen. Brug derefter Tegneværktøjet fra Værktøjskassen og opret en sti som vist i figur 05 (her vist i grønt). Sørg for, at start- og slutpunktet er præcis på hjælpelinjen.

Adobe Illustrator - oprette 3D-objekter

Når I har oprettet stien til jeres tilfredshed, kan I enten slette billedet eller blot skjule det i lag-paletten. Da vi i dette tutorial vil oprette en rød spillefigur, vil vi tildele den nyligt oprettede sti en rød kontur.

Adobe Illustrator - Opret 3D-objekter.

Vi har nu forberedt alt for at omdanne stien til et 3D-objekt. Gå til Effekt>3D>Roter... i den øverste menulinje.

Adobe Illustrator - at skabe 3D-objekter.

Derefter vises et relativt stort dialogvindue, hvor der stadig er flere indstillingsmuligheder.

Aktivér først Forhåndsvisning i nederste venstre hjørne af dette vindue, så I kan se virkningen af denne effekt.

I øverste del (område 1) kan I indstille vinklen eller rotationen af jeres 3D-objekt. Derudover har I her en parameter for perspektivet. Dette er faktisk ikke andet end brændvidden på et kameraobjektiv. Afhængigt af hvordan I ændrer denne værdi, kan I enten opnå et vidvinklet look eller et teleobjektiv-look.

I nederste del (område 2) er det primært kun vinklen, der er relevant for jer. For at få en hel spillefigur skal I indstille denne vinkel til 360°. Hvis I derimod kun vil have en halv spillefigur, kan I sænke vinklen til 180°.

Adobe Illustrator – Opret 3D-objekter.

Da man normalt også vil belyse et 3D-objekt, kan man klikke på Flere indstillinger i bunden af dialogvinduet. Herefter åbner vinduet sig nedad og giver mulighed for at justere en eller flere lyskilder (som dog kun påvirker 3D-objektet).

De første tre menukommandoer som f.eks. Lysintensitet, Omgivelseslys og Spotlysintensitet giver næsten sig selv.

Det bliver interessant igen med Farveafstemningsniveauerne. Dette refererer til de 256 mulige toneværdier, der er tilgængelige i RGB-farverummet. Hvis man sætter disse værdier til en relativ lav værdi, vil glimtet være ret groft og med grimme farvebrud på det 3D-objekt, der projiceres. Dette har dog den fordel, at Illustrator kan beregne det hurtigere. Hvis man sætter værdien til det maksimale, altså 256 toneværdier, bruges alle tilgængelige farvenuancer. Dette resulterer i, at glimtet projiceres på 3D-objektet med høj kvalitet. Dog kan beregningen i Illustrator tage lidt længere tid afhængigt af computerens ydeevne.

Hvis I er tilfredse med jeres indstillinger, skal I bare bekræfte det hele med OK. Nu er jeres spilfigur klar.

Lille tip:

Hvis I efter bekræftelsen finder ud af, at I gerne vil ændre jeres indstillinger, skal I blot vælge jeres spilfigur og i Udseende-paletten klikke på 3D-cirkel-effekten. Derefter åbner dialogvinduet sig igen, hvor I kan foretage 3D-indstillingerne.

Adobe Illustrator - Opret 3D-objekter

For at finjustere lidt mere, kan I nu tage Ellipse-værktøjet og trække en ellipse i cirka samme størrelse som bunden af jeres spilfigur. (Se billede 10)

Adobe Illustrator – Opret 3D-objekter.

Sæt denne ellipse i Lag-paletten bag jeres spilfigur og gå derefter til Effekt>Slørede filtre>Gaussian filtre. Indtast en værdi på cirka 20 pixel i det følgende vindue og bekræft med OK. Nu har I skabt en slags skygge, og jeres spilfigur ser endnu mere tredimensionel ud.

Adobe Illustrator - oprette 3D-objekter

Trin 2: Oprettelse af terning

Efter at I nu har oprettet en 3D-spilfigur i trin 1, er det nu tid til endnu et 3D-objekt. I dette afsnit af tutorial vil vi oprette en fuldt tekstureret spilleterning.

Opret igen en ny arbejdsflade ved at gå til Fil>Ny og vælg derefter formatet A3 liggende. Tag derefter Rektangel-værktøjet og klik én gang på arbejdsfladen, så et vindue vises, hvor I kan indtaste størrelsen af jeres rektangel. Vælg en størrelse på 52x52mm her og bekræft med OK.

Adobe Illustrator - Opret 3D-objekter.

Tildel dette rektangel en sort kant og opret en hvid udfyldning, hvis der ikke allerede er en. Dupliker dette rektangel fem gange og placér dem ved siden af hinanden. (Billede 13)

Adobe Illustrator - Opret 3D-objekter.

Tag nu Ellipse-værktøjet og klik igen på arbejdsfladen. Giv denne ellipse en størrelse på 9,7x9,7mm.

Adobe Illustrator - Opret 3D-objekter

Dupliker denne ellipse og placér den, så I får de typiske sider af en spilleterning. (Se billede 15)

Lille tip:

Aktivér de intelligente hjælpehjælper ved at trykke på Command+U eller Ctrl+U for at kunne klare denne opgave lettere.

Adobe Illustrator - Opret 3D-objekter

Når I har oprettet alle seks sider af en terning, kan I fjerne de sorte kanter fra rektanglerne, så de kun er synlige for Illustrator, men ikke for det menneskelige øje. Derefter grupperer I altid en terningflade og grupperer den med Command eller Ctrl+G. Derefter skal I have seks grupper i jeres Lag-palet.

Adobe Illustrator - Opret 3D-objekter.

Næste skridt er at bruge Symbol-paletten. I finder den ved at gå til Vindue>Symboler.

Adobe Illustrator - Opret 3D-objekter

Vælg nu den første gruppe og klik derefter i Symbol-paletten på den lille pil i øverste højre hjørne. Dette vil åbne en drop-down-menu, hvor I skal klikke på Opret nyt symbol. Nu kan I give en navn til jeres nye symbol.

Adobe Illustrator - Opret 3D-objekter

Efter at I har gjort det med alle grupper, burde I have seks nye symboler i jeres Symbol-palette. (Billede 19)

Adobe Illustrator - opret 3D-objekter.

Nu, hvor I har gemt alle teksturer som symbol, kan I begynde at oprette den passende terning. Tag Rektangel-værktøjet og klik på arbejdsfladen. Vælg en bredde og højde på 100mm og bekræft med OK.

Giv dette rektangel en hvid fyldfarve. I behøver ikke en kontur.

Adobe Illustrator - Opret 3D-objekter.

For at lave dette rektangel om til en terning, skal I gå til Effekt>3D>Udtræk og flade kanter ...

Adobe Illustrator - Opret 3D-objekter.

Når I har valgt denne effekt, vises det velkendte dialogvindue igen, hvor I kan justere alle indstillinger for jeres 3D-objekt. Når det kommer til vinklerne, som bestemmer terningens rotation, kan I vælge en vilkårlig indstilling. (Mine indstillinger kan ses på næste skærmbillede). Da I ønsker at lave en terning, skal alle sider af terningen naturligvis have samme størrelse. Derfor skal I angive en værdi på 100 mm for dybden af udtrækningen. Illustrator omregner dette til punkt som måleenhed.

Adobe Illustrator - at oprette 3D-objekter.

For at teksturere terningen nu, skal I i bunden af dette dialogvindue klikke på tildele billede materiale. (Skærmbillede 23)

Adobe Illustrator - Opret 3D-objekter

I det følgende vindue har I nu mulighed for at teksturere hver side af terningen separat. I område 1 (skærmbillede 24) kan I vælge den respektive sideflade af terningen. Da en terning har 6 sider, kan I navigere mellem værdierne 1-6 op og ned her. I område 2 (skærmbillede 24) kan I vælge den respektive tekstur eller det tidligere oprettede symbol.

Adobe Illustrator - opret 3D-objekter.

For at teksturere terningen nu, skal I tildele et af jeres seks oprettede symbols til hver sideflade af terningen. For at sikre, at symbols virkelig fylder terningens overflade fuldt ud, kan I klikke på skalere side. (Skærmbillede 25)

Adobe Illustrator – Opret 3D-objekter.

Når I har tekstureret terningen, kan I bekræfte vinduet med OK. Dermed er jeres spilleterning færdig.

Til sidst kan I tilføje en let skygge til terningen. Dette gør I nemt ved igen at gå til Effekt>Stiliseringsfiltre>Skygge. i den øverste menulinje.

Adobe Illustrator - at oprette 3D-objekter

Trin 3: Bonusindhold - Ringen

Da jeg personligt er en stor fan af Ringenes Herre, tænkte jeg, at det kunne være en lille bonus at forklare, hvordan man kan oprette Den ene Ring i Illustrator. Da der også her anvendes 3D-funktionerne, passer det meget godt ind i dagens emne. Og jeg er sikker på, at der også er nogle af jer, der er Ringenes Herre-fans. Så lad os komme i gang ...

Som det allerførste, skal I oprette en ny arbejdsflade igen. Et format af DIN A3 i liggende format bør være mere end nok til dette.

Derefter har I brug for Ellipset-værktøjet fra Værktøjskassen. Klik på jeres arbejdsflade med det, vælg en størrelse på 17x17mm og bekræft med OK.

Adobe Illustrator - Opret 3D-objekter.

Derefter tager I Rektangel-værktøjet og opretter et rektangel med målene 8,5x17mm. Positioner dette rektangel sådan, at den ene halvdel af cirklen er helt dækket. (Skærmbillede 28)

Adobe Illustrator - Opret 3D-objekter.

Marker alt med Command+A (på PC - Ctrl+A) og træk rektanglet ud ved hjælp af Pathfinder, så kun en halvcirkel er tilbage. (Skærmbillede 29)

Adobe Illustrator - opretter 3D-objekter

Giv halvcirklen en guldfarvet fyldfarve. Jeg har her valgt følgende CMYK farveværdi: CMYK - 0/28/95/0.

Adobe Illustrator - Opret 3D-objekter.

Gå nu til Effekt>3D>Ringelsvungne... I det efterfølgende vindue kan I, som sædvanligt, justere jeres indstillinger. Mine indstillinger for denne ring kan ses på skærmbillede 31. Bekræft derefter med OK.

Adobe Illustrator - oprette 3D-objekter

For at denne normale guldring nu bliver Den ene ring, skal I nu påføre den typiske beskrivelse. I de vedlagte arbejdsfiler finder I en fil med navnet: "Beskrivelse.ai". Placer denne fil via Fil>Placer på jeres arbejdsområde.

Adobe Illustrator - Opret 3D-objekter.

Når I har placeret teksten, skal I som i trin 2 med hjælp fra Symbol-paletten oprette et Symbol med teksten.

Klik nu igen på jeres ring og åben 3D-rotation-effekten igen (I finder den i Udseende-paletten).

Klik i dette dialogboks på Tildel materiale …

I det følgende vindue kan I nu tildele teksten eller det lige oprettede symbol. (Illustration 33)

Adobe Illustrator - Opret 3D-objekter

Bekræft med OK. Nu bør jeres ring se omtrent sådan ud (Illustration 34):

Færdig er Den ene ring:

Adobe Illustrator - Opret 3D-objekter.

Afsluttende ord:

Og endnu engang er vi nået til enden af en vejledning. Jeg håber, at I har haft det sjovt og har lært lidt nyt. Hvis der opstår spørgsmål om emnet, er I velkomne til at skrive dem som en kommentar under denne vejledning. Jeg vil forsøge at besvare dem så hurtigt som muligt.

Jeres Julian