Create en isometrisk Vector Art Island Med Hexels og Illustrator
Hva du skal lage

Med denne opplæringen vil jeg gjerne vise deg hvordan du oppretter et stykke isometrisk kunst hjelp Hexels av Marmoset og Illustrator. Les videre for å lære om Hexels 'raskt tempo for å iterere konsepter og enkle å lage pene teksturer.

For å følge veiledningen med letthet, anbefaler jeg at du laster ned de ressursene som følger med opplæringen, har Hexels og en grafisk tablett klar til å tegne, og Illustrator åpen. Når du gjør det, bla ned for å begynne.

1. Reagere konsepter med Hexels

Trinn 1

Med Hexels åpne og tegnebrett kablet, opprette en ny fil (Kommando-N). Deretter klikker du på Modes (Kommando-2) og velg Trixel, og sjekk Roter 90.

Velg deretter fanen Glow (Kommando-3) og fjern haken aktivert.

Til slutt, gå til Dokument tab (Kommando-4), endre bredden til 36 og Høyde til 48, og sjekk Trim lerret Border.

Trinn 2

Først vil vi lage et fargesett for illustrasjon. Velg kategorien Color (Kommando-1) og velg en farge for gulvet (# FFCC66), høyre vegg (# CB4425), venstre vegg (# F29946) og havet (# 66FFB3) male dem i et hjørne med Brush Tool (B) for å lagre dem med en Opacity satt til 100%.

bruk gjerne din egen farge sett.

nå kan du male et konsept med sett med farger . Velg Color Drop (I) og bruke Brush Tool (B) for å male

Hvis du vil lagre et konsept, velger du Fil >.; Export (Kommando-E) og velge en oppløsning nær 600 i bredde og 450 i høyde, beste kvalitet og trykk OK for å lagre konseptet.

Du kan velge å bruke begreper eller den jeg ga deg med arkivet.

2. Importer Din Concept Into Illustrator

Trinn 1

Åpne filen "Grid.ai" og Open (Kommando-O) for å åpne konsept. Deretter Kopier (Kommando-C) og lim Foran (Kommando-F) i filen "Grid.ai" i Layer Reference

Slå på Smart Guide (View > smartguiden). Og lås guider (Vis > guides > Lock).

Lagre filen, fil > Lagre som (Kommando-Skift-S), for å ha en fil på din egen øy.

Trinn 2

Velg Layer Land, plukke Pen Tool (P), og velg ingen Fill og en svart strek av en piksel å lage omrisset av gulvet, høyre vegg og venstre vegg.

Group (Kommando-G) gulv elementer, de rette veggelementer og venstre vegg elementer. Velg gulvet gruppen, plukke pipetteverktøyet (I) og bruke som referanse for å matche fargen. Gjenta handlingen for rett vegg og venstre vegg.

Legg til bakgrunn, velger rektangelverktøyet (M), klikk på en tom plass til å lage en 600 x 450 bakgrunn i Layer Havet, og bruke pipetteverktøyet Tool (i) for å fylle sjøen med sin farge.

Trinn 3

Opprett refleksjon av vannet i laget Reflection_land. Plukk Pen Tool (P) og bruker nettet for å skape en dybde på -2 for de rette vegger og venstre vegger av samme farge for hver vegg.

Gruppe refleksjon rette vegger, og endre Transparency ( vindu >. transparent) til Multipliser 50%

Gjenta handlingen for venstre veggene med en Transparency å Overlegg 50%

Lagre (Kommando-S) arbeidet og åpen Hexel å lage. teksturer.

3. Opprett teksturer ved hjelp Hexels

Trinn 1

Velg Fil > Ny for å opprette et nytt dokument. Deretter klikker du på fanen Modes (Kommando-2) og velg Trixel, og sjekk Roter 90.

Velg deretter fanen Glow og sjekk aktivert.

Til slutt, gå til kategorien Document ( kommando-4) og endre bredden til 48 og Høyde til 48, og sjekk Wrapped (flislegging) Canvas.

Bruk Brush Tool (B) og hvit (#FFFFFF) med lav Opacity (10 %) for å male en tekstur mønster. Velg Eraser Tool (E) med lav Opacity (10%) for å justere tonen i tekstur

Hvis du vil lagre en tekstur, velger du Fil >.; Export (Kommando-E) og velge en bredde og høyde høyere enn 600 pixel, Best kvalitet og trykk OK for å lagre konseptet.

Du kan deretter gå til Modes (Kommando-3) og endre modus for å produsere flere teksturer med samme black & hvitt mønster.

Du kan gå videre med enten dine egne teksturer eller de jeg laget.

4. Importer Texture Into Illustrator

Trinn 1

Åpne dine teksturer. Deretter Kopier og lim Foran i laget Texture_sea Hotell og Texture_land
.

Trinn 2

Velg gulvet gruppen og Kopier og lim Foran i laget Texture_land.

Velg gulvet gruppen og gulvet tekstur, gå til Transparency, trykker Gjør maske og velge Overlay 100%.

Gjenta handlingen med havet med Transparency satt til overlegg 40 %.

5. Legg til detaljer

Trinn 1

Velg gulvet gruppen og Kopier og lim Foran i laget Ripple_sea. Deretter, ved hjelp av rutenettet guide, flytte gulvet til -1 dybde.

Velg ingen Fill og en hvit strek av en piksel. Gå til Effect > Sti > Offset Sti og sette offset til 5 pixel, skjøtene til gjærings og gjærings grense for 3. Til slutt endre Transparent til Overlegg 40%.

Trinn 2

Velg gulvet gruppen og Kopier og lim inn Forsiden i laget Gradient_sea.

Velg Gradient og skape en lineær gradient på 45 grader, med en start farge (# 115E4D) og en slutt farge (# 005978) og en Transparency satt til Overlegg 60%.

Trinn 3

Velg havet gradient du nettopp laget og Kopier og lim Foran i laget Mood_light.

Endre gradient til en start farge (# D3E169) med Opacity 80% og en slutt farge (# 8C3331) med Opacity 0% og en Transparency satt til Overlegg.

Trinn 4

Velg gulvet gruppen og Kopier og lim i laget Highlight_land.

Deretter fjerner fyll, og legge til en gradient slag. I Gradient panelet, stiller Gradient til Linear og 45 grader, en start farge (#FFFFFF) med Opacity 100% og en slutt farge (#FFFFFF) med Opacity 0%, og endre Transparent til Overlegg 80%.

Trinn 5

Bruk Pen Tool (P) for å lage en fisk ved hjelp av rutenettet som en referanse i laget fisk.

Color fisken (# 652C90) og sett Transparency Multiplisere 20%.

6. Befolke Scene

Nå vil vi lage et strandhåndkle, en parasoll, en ball og en palme å fylle landet vi skapt sammen. Vi skal lage hvert element i Illustrator og bruke fargevariasjoner, mønstre og detaljer å ta med noen forskjeller i hver av dem.

Trinn 1

La oss starte med en ball, noe vi kan ha det gøy spille med. Bruk Ellipse Tool (L) for å lage en 24 px sirkel.

Lag et mønster /tekstur for å få opp noen varianter. I dette tilfellet bruker Pen Tool (P) for å lage tre forskjellige mønstre.

For å lage en maske, Kopier og lim inn Forsiden ballen, velger du både sirkelen og mønsteret, og gå til Åpenhet og trykk Gjør Mask.

Bruk Ellipse Tool (L) for å skape et høydepunkt, sett Transparent for Overlegg 80% og Pen Tool (P) for å vise at ballen er under vann med et Transparency til Multipliser 40%.

til slutt, la oss legge samme bølge effekt som vi gjorde for landet. Velg ring havet virkning fra laget Ripple_Sea. Åpne Graphic Styles vinduet og dra og slippe en av effektene i vinduet. Du lagret den ringvirkninger.

Nå kan du bruke Ellipse Tool (L) rundt sirkelen og klikk på den grafiske stilen du nettopp lagret. Vi trenger en maske for å dekke den høyere delen av ballen. Kopier og lim Foran ballen, og bruke Direct Selection Tool (A) for å endre form, slik at sirkelen dekker bare toppen av ballen. Gå til Transparency lage en maske.

Trinn 2

Deretter oppretter vi et håndkle å legge ned på denne vakre dagen. Bruk Pen Tool (P) for å skape et håndkle og et enkelt mønster.

Bruk Pen Tool (P) for å lage fire små slag i hver ende av håndkle. Deretter bruker Blend Tool (W) for å fylle gapet mellom to slag, dobbeltklikker du på Blend Tool ikon for å endre avstanden til spesifisert, og inngangs 14.

Kopier og lim foran tre eksemplarer av håndkleet. Velg et håndkle, bruker Recolor Artwork (ved siden av Opacity vinduet, under menylinjen) og bytte til Tab Rediger for å endre fargen raskt.

Trinn 3

Nå vil vi legge til en parasoll for å beskytte oss fra den brennende solen. Bruk Polygon Tool (finnes innenfor rektangelverktøyet eller Ellipse Tool, i handlingsfeltet) for å opprette en base på 24 px Radius og 12 sider. Deretter endre bredden til 48 px og høyde til 24 px. Bruk Pen Tool (P) for å legge en pinne under parasollen.

Legg et mønster til parasollen, ved hjelp av Pen Tool (P) for å lage striper, som vist på bildet nedenfor.
< p> Avslutt parasollen ved å legge til lys. Bruk Ellipse Tool (L) for å dekke parasoll. For å lage en maske, Kopier og lim inn Forsiden parasollen, velge både parasoll og lyset, og gå til Transparency lage en maske med overlegg 80%.

Deretter gjenta de samme trinnene som for håndkle . Kopier og lim foran tre eksemplarer av parasoll. Velg en parasoll, bruker Recolor Artwork (ved siden av Opacity vinduet, under menylinjen), og bytt til kategorien Rediger for å endre fargen raskt.

Trinn 4

Til slutt, la oss lage en palme å legge til et snev av liv til denne illustrasjonen.

start med å lage formen, ved hjelp av Pen Tool (P) for å lage blad og stammen.

Da mønstre: bruke Pen Tool (P) for å lage et mønster for treet. Bruk Pen Tool (P) for å lage hull og Pathfinder > Trekk til å kutte bladet

Avslutt med lys. Bruke Pen Tool (P) for å skape et område med lys. For å lage en maske, Kopier og lim inn Forsiden stammen eller blad, velger både bagasjerommet eller blad og lyset, og gå til Transparency lage en maske med overlegg 80%.

Great Job, Du Ferdig!

i denne opplæringen, viste jeg deg hvordan du oppretter en isometrisk øya ved hjelp av styrken av Hexels av Marmoset med Illustrator.

jeg håper at du likte denne opplæringen og kan bruke det du har lært for dine egne prosjekter. Please, gjerne kommentere og vise meg resultatene.