Design Gift Bokser Bruke Illustrator 3D-Tools
Dette innlegget er en del av en serie som heter jule Illustrasjon Content.Quick Tips: Hvordan lage en Ornament Illustrasjon for et Holiday SaleHow å lage en Holiday Themed Typografi Piece i Adobe Illustrator

raskt gjøre innpakket og uåpnende gaveesker bruker Illustrator innebygde 3D Extrude & Bevel effekt. Lær å lage en fullt redigerbar 3D bånd og maskert 3D typografi. Dessuten vil vi være å skape gnistrer hjelp Symbol Tools.

Final Bilde Forhåndsvisning

Til å begynne med la oss ta en titt på bildet vi skal opprette.

Trinn 1

Opprett vår Document på 800 piksler x 600 piksler. Forsikre deg om at Andelene er satt til piksler. Slå på Smart Guides ved å trykke Command + U. I våre generelle Innstillingene Tastatur Increment å 1px

Opprett et lag og gi den et navn på ". Box Mal ". Deretter slår du på Outline Mode (Command + Y), slik at vi ikke blir distrahert av fyll og slag.

Vi begynner med enkle former. Tegn et rektangel på 150 px med 150 px. Deretter velger du det og kopiere det (hold Alt + Shift mens du drar oppover) og sette størrelsen til 155 px med 65 px. Deretter velger du Pen Tool og trekke båndet skisserer følgende boksen konturer. Være plass mellom linjen og bokser.

Trinn 2

Velg båndet disposisjonen og velg Nødvendigvis Tool (O). Deretter drar rotasjonsmidtpunktet til den nederste forankringspunktet, som vist nedenfor. Flytt markøren til nedre toppen ankerpunkt, og mens du holder Alt + Shift, flytte markøren til høyre eller venstre. Båndet banen vil bli speilet, dupliseres, og perfekt horisontalt justert på samme tid. Deretter Lagre filen.

Trinn 3

Nå skal vi lage en ny boks, men denne gangen pakket og avdekket. Velg alle elementer og Alt + Shift + Dra dem til høyre. Husk å ha nok plass mellom boksene, trenger vi at i de neste trinnene. Zoome inn til høyre boksen og velge riktig bånd banen og slette den. Velg venstre båndet banen, velger Delete Anchor Point Tool, og slette den " bøye " poeng, som vist nedenfor.

Trinn 4

Bruk Direct Selection Tool for å endre banen, flytte individuelle ankerpunkt i en form, som vist nedenfor. Duplisere og speile banen.

Trinn 5

Neste trekk boksen dekselet sti ned den store boksen og roter det til resultatet ser ut som på bildet nedenfor. Rotasjonssenteret er nede til høyre endepunkt på banen. Deretter lagre filen.

Trinn 6

Båndene er ganske skarp nå, så vi kommer til å gi den en fin jevn form ved å justere festepunkter som bruker Convert Anchor Point Tool. Også flytte bånd festepunkter mot straffe konturer, men la litt plass mellom.

Trinn 7

La oss organisere elementene i separate lag. I utgangspunktet bør hvert kasseelement og hvert bånd bane ha sitt eget lag. Bruk Cut (Command + X) og lim i Front (Command + F) for å lime elementer inn i separate lag. Slå på modus (Command + Y). Still båndene til solid disposisjon (uten fyll) og boksene til fyllingsgraden (uten omriss), og angi fyllfargen til K = 30 og skissere til K = 50.

Trinn 8

Neste vi vil slå 2D til 3D. Velg alle objektene og gå til menyen Effect > 3D > Extrude & Bevel. Sett X /Y /Z
koordinatverdier til -10, -30, og 3 grader. Sett også Perspective til 50 grader, som vist nedenfor. Jeg anbefaler at du skriver ned alle verdiene sted på papir, siden vi kommer til å bruke dem senere. Jeg også pleier å gjøre duplikater av alle elementene på dette punktet, bare en sikkerhetskopi, og flytte dem et sted utenfor artboard. Deretter lagre filen.

Trinn 9

Nå, her kommer den morsomme delen av å spille med farger og teksturer. Velg " Box 1 " og endre fyllfarge (C = 85, M = 50, Y = 0 og K = 0). Deretter endrer " Box 1 Cover " Fylle samt (C = 60, M = 40, Y = 5, og K = 0). Deretter endrer " Box en Ribbon en " Skissere farge (C = 5, M = 90, Y = 75 og K = 0), og bruke samme kantfarge på " Ribbon 2. "

Sett fyllfarge for " Box 2 " neste (C = 5, M = 90, Y = 75, og K = 0), og sette dekselet fargen deretter (C = 5, M = 70, Y = 90, og K = 0). Deretter satt " Box 2 Bånd 1 " og " Box 2 Ribbon 2 " kantfarge (C = 70, M = 15, Y = 0 og K = 0). Nå skal du se noe som ligner på bildet nedenfor. Ikke bekymre deg om den flate utseende, vil vi legge til høylys og skygger i videre skritt.

Trinn 8

La oss gjøre noen endringer i dimensjoner og plassering av 3D-modeller. Velg " Box 1, " og endre X /Y /Z
verdier til -10, 27, og -6 grader. Sett også Extrude Dybde til 150 grader. Still de samme verdier for " Box 1 Cover, " " Box 2, " og " Box 2 Cover 2. ".

Trinn 9

Grab Slett Anchor Point Tool og slette alle ankerpunktene er vist nedenfor

Trinn 10 Anmeldelser

Velg endeforankringspunkt og flytte den opp til den når dekselet boksen øverste kanten

Trinn 11

Velg ". Box en Ribbon 2 " og flytte den nederste enden ankerpunktet til høyre (ved hjelp av piltastene). Gjør dette til den når høyre side av sekstenmeteren. Det kan være lurt å justere perspektivet og justere geometrien manuelt for å få et enda bedre utseende, så bare flytte festepunkter til nødvendige steder.

Legg to mer bånd geometri ved å duplisere 1 &2 og plassere dem på enkelte lag " Box en Ribbon 3 " og " Box en Ribbon 4. " Rotere objektene rundt Y-aksen og slette skjulte ankerpunkt for å få en full 3D boks pakket rundt det med et rødt bånd. Så sørg for å spare

Trinn 12

". Box 2 " er i utgangspunktet laget og redigeres på samme måte som " Box 1. " Det betyr å sette boksen og boksen dekselet extrude dybder til 150, duplisere bånd til nye lag, og rotere dem rundt Y-aksen. Du må dra " Box 2 Cover, " " Ribbon 2 " og " Ribbon 4 " lag, slik de er under " Box to lag, " som vist nedenfor.

Trinn 13

Og igjen, justere festepunkter og posisjonering element fører til noe som på bildet nedenfor.

Trinn 14

Vi trenger å maskere båndet geometri under oransje dekselet. Tegne en bane og bruke den som en Clipping Mask å få et resultat som følgende bilde. Så sørg for å lagre dokumentet.

Trinn 15

På dette punktet har vi to gaveesker og bånd, som er fullt redigerbar og tilpasses, slik at du kan rotere dem, endre extrude verdier , perspektiv, flytte ankerpunkt, og resultatene er sett i sanntid
.

Trinn 16

Vi kommer til å spille med lys og skygger litt. La oss si at det er et lyspunkt et sted over hele scenen. Dette vil hjelpe oss til å definere høylys og skygger. Først velger " Box 1 " objekt og dobbeltklikk på 3D Extrude &Bevel lag i Utseende-paletten.

Kontroller at du har forhåndsvisning slått på, og klikk på Flere innstillinger knappen. Følg bildet under for å sette verdiene. For å få en sterkere kontrast legge mer lys ved å klikke på New Light ikonet. Dra de små sirkler over sfære og plassere dem slik at de skaper fine høylys og skygger.

Step 17

Bruk lignende innstillinger til den lyseblå dekselet. For bånd, sett Uthev Intensitet til 90%, Marker størrelse til 90%, og Blend steg til 150 (gradienter vil bli jevnere). . Legg merke til, at jeg også endret ankerpunkter som bruker Convert Anchor Point Tool for å få runde kanter og et jevnere utseende

Du kan også prøve å runde hjørner ved å påføre den runde hjørner virkning fra Effect > Stilisere menyen. Jeg brukte en to pixel radius for " Ribbon 2 " " Ribbon 3, " og " Ribbon 4. " Deretter lagre filen.

Trinn 18

Sett mer lys, noe som vil skape høydepunktene for alle gjenværende elementer. Husk, du kan alltid redigere ankerpunktene for å glatte kurver.

Vi kommer til å gjøre den røde boksen åpen. Dette er litt vanskelig, vi kan ikke bare bruke Utseende kommandoen Utvid mens geometrien er skyggelagt. Illustrator gjengir bare synlige deler, så hvis vi gjør dette, og løse opp de utvidede objekter, dette er hva vi får.

Trinn 19

Så gjør vi to sikkerhetskopier av den røde boksen og oransje dekselet. Deretter flytte dem vekk fra artboard. Ett eksemplar er en backup (i tilfelle vi bestemmer deg for å lage flere bokser med forskjellige farger og former). Den andre vil være et fargereferanse for boksene, som brukes på hovedscenen. Dermed bruker Utvid Utseende kommandoen på en av sikkerhetskopien (utvide både den røde boksen og den orange).

Trinn 20

Zoom inn for å artboard, velg den røde boksen og sette Surface til Rammeverk ved å klikke på 3D Extrude & Bevel i Utseende Panel, som åpner opp dialogen der du kan velge innstillingene. Gjør det samme på den oransje boksen. Nå er hver boks laget av seks fly. Utvid Utseende. Deretter velger du den røde boksen og trykk Command + Shift + G seks ganger. Gjør det samme med den oransje boksen.

Velg øverste plan av den røde boksen og sette fill stykke, og skissere til gul (det er bare en visuell ledetråd, senere vil vi bruke dette flyet som en klipping maske) . Deretter flytte den et sted utenfor artboard. Høyreklikk og velg Frigi klipping maske. Nå velger foran flyet, velg pipetteverktøyet (O), og plukke den røde fargen fra frontplanet av den røde skygge utvidet boks.

Trinn 21

Eller du kan bare blande din egen rødt. Varsel, er at baksiden flyet plassert over front en. Gå til Objekt > Ordne og velg Flytt bakover.

Trinn 22

Fyll siste flyet med en mørkere rød og ordne bunnplanet til baksiden. Gjør det samme til den oransje boksen. Deretter lagre filen.

Trinn 23

La oss legge litt tekstur til den røde boksen. Tegn et rektangel og fyll den med grønt. Duplisere det seks ganger. Hold nede Alt klikk på Legg til Shape-området knappen i Pathfinder paletten. Deretter duplisere striper mønster (vi trenger en kopi for sideplanet også). Deretter plassere mønsteret objektet slik at den dekker fronten planet den røde boksen.

Trinn 24

Husk at når jeg foreslo å skrive ned alle disse 3D-koordinater og perspektiv verdier? Vi vil bruke den nå. Velg stripe mønster og bruke en 3D > Rotere effekt med disse verdiene -10, -30, og 3 grader. Dessuten er en perspektiv på 50 grader. Deretter Utvid Utseende

Flytt stripene til nytt lag, navn det ".. Pattern " Slå laget av ved å klikke øyeikonet). Velg frontplanet av den røde boksen og kopiere den til utklippstavlen Command + C. Dette kommer til å bli en klipping maske. Lim den inn i Front (Command + F) på mønsteret (sørg for at aktive laget er Pattern).

Deretter Alt + Klikk for å velge begge stedene, høyreklikk og velg Lag klipping maske. Dobbeltklikk for å angi Isolation Mode, slik at vi kan redigere mønsterfargene. Utvid laggrupper ved å klikke på pilene, og klikk på sirkelikonet heter Compound Path. Dette vil velge striper geometri. Sett farge til en oransje til lilla gradient med en vinkel verdi på -90.

Trinn 25

Dobbeltklikk et sted utenfor artboard å forlate isolasjonsmodus. Deretter Alt + Klikk på " Pattern " lag og sett Transparency mode til Overlay. Klikk på den lille pilen for å utvide lagene, dobbeltklikker Gruppe lag, og endre navnet til " Pattern 1 ". Velg alle objektene på " Pattern " lag, Skjær dem, velg " Box 2 " lag, og lim dem i Front. Dette vil bringe mønsteret foran straffe flyene, men bak båndet geometri.

For å lage et mønster på siden av boksen, bruker vi duplisert grønne striper følgende alle trinnene skrevet ovenfor, med ett unntak : 3D-koordinatene må modifiseres for å oppnå et korrekt rotasjon og perspektiv. Sett også objektet Transparency til Soft Light.

Trinn 26

Nå vil vi legge til noen skygger. Dette er ganske enkelt, opprette et nytt lag og trekke noen enkle figurer ved hjelp av Pen Tool. Deretter Fyll dem med svart til hvitt gradienter og sette Transparency modus for hvert objekt separat for å formere seg. Jeg pleier å låse alle lag, bortsett fra den nåværende å unngå å legge festepunkter til forskjellige baner. Tegn en skygge for hvert enkelt element, som vist nedenfor.

Trinn 27

Legg en enkel gradient bakgrunn for å gi scenen dybde. Jeg brukte tre nyanser av brunt for graderingen. Jeg anbefaler å låse dette laget, siden vi kommer til å jobbe med området.

Trinn 28

Neste vi vil fylle en boks med 3D typografi. Lag et nytt lag og gi den navnet " 3D Tekst ". Plasser litt tekst og velg en font (jeg brukte Myriad Pro svart). Deretter fylle den med noen lys farge (C = 30, M = 0, Y = 10 og K = 0). Velg all tekst du ønsker å plassere i boksen, gjelder 3D Extrude & Bevel, og trykk OK. Ikke bry deg med andre innstillinger, vil vi endre dem individuelt. Nå velger hver tekst og plassere dem i nærheten av boksen hullet området.

Trinn 29

Slå på 3D-tekstlag av. Velg den gule skissert plan, som skal være et sted rundt artboard, legg det på toppen av boksen, og gå til menyen Objekt > Ordne > Legg foran.

Hvis du ikke kan se det, sjekk lag synlighet. Hvis du ved et uhell slettet den, bare tegne et nytt rektangel. Også flytte ankerpunkter som bruker Direct Selection Tool og smarte guider vil hjelpe deg å plassere og justere festepunkter til hjørne. Sørg for å legge til noen flere poeng til banen.

Trinn 30

Kopier stien, slå på synligheten av 3D Tekst laget, og lime inn banen til 3D Tekst lag. Velg alle objekter på dette laget og gjøre en Clipping Mask. Du får noe som bildet nedenfor

Trinn 31

Nå avslører alle lag til du ser to av dem heter ".. Rel " Slett den andre og flytte de enkelte ankerpunkt på den første. Du kan se resultatet nedenfor. Hvis du har problemer å velge punkter, slå av Smart guider (Command + U).

Trinn 32

Dobbeltklikk inne i banen for å angi isolasjonsmodus, slik at vi kan spille med 3D-tekst . Flytte og rotere objekter ved hjelp av 3D Extrude & Bevel dialog effekt for å passe det din smak. Leke med lysinnstillinger, kan du legge til mer lys, som jeg gjorde. Dette vil vise mer kontrast og dybde mellom lys og skygger. Husk å sette perspektiv verdien til 50. Deretter endrer farger, fonter, og spare.

Trinn 33

Legg litt glød inne i boksen ved å opprette et nytt lag over alle andre lag og navn det ". Glow " Lag en sirkel 100 px bred og fyll den med rent hvitt. Påfør en Gaussian Blur effekt med en diameter på 50 px. Tegn en Clipping Mask følgende boksen konturer. Velg både gjenstander og maske sirkelen med banen. Deretter satt objektets Transparency til Soft Light og traff spare

Trinn 34

Opprett nytt lag, navn det ".. Sparkles " Velg Star Tool fra verktøypaletten. Klikk på artboard og sette den første radius til 10 px, andre til 20 px, og de peker på 5. Fyll den med ren hvit. Slå på Symboler Palette og dra stjernen i en tom plass. Når Symbol alternativer dialogen åpnes, satt navnet til " stjerne, " og Skriv for å Graphic.

Trinn 35

Velg Symbol Sprayer Tool og spray stjernene over artboard.

Trinn 36

Velg Symbol Sizer Tool, hold nede Alt-tasten og klikker over stjerner for å gjøre dem mindre. Bruk Symbol Spinner Tool for å gi stjernene tilfeldig rotasjon. Gå til Symboler paletten, dobbeltklikker du på " stjerne " symbol og fylle det med en 30% gul farge. Exit Isolation modus, velger du objekter på " Sparkles " lag, stiller Transparency mode til Overlay, og lagre.

Trinn 37

Vi er nesten ferdig! Du kan legge litt glatt shading til " Blue Box 1, " " Blue Box 2, " Orange Box 2, " og " Cover 2. " Bare tegne en strek og fyll dem med svart til hvitt gradienter og satt sin Transparency til Multipliser

Tips Bilde:. Hvis du har tenkt å endre størrelsen på boksene, utvide sitt utseende først. Deretter gruppere objekter og endre gruppen på vilje.

Konklusjon

Vi er ferdig! Resultatet er nedenfor. Håper du likte denne opplæringen på å bruke Illustrator 3D-effekter, klipping Masker og Symbol Tools. Selvfølgelig, det er et par andre måter å oppnå resultater som dette, men ved hjelp av 3D-verktøy gir deg en mulighet til å fritt endre og tilpasse nesten hver eneste element i scenen. Ikke bare en gang, men igjen og igjen.