Hvordan lage et trevinduramme med gardiner i Adobe Illustrator

Hva du skal skape

I denne opplæringen lærer du hvordan du bruker Mesh Tool og Mesh Tormentor plugin i Adobe Illustrator for å lage et vektor trevindu med gardiner!

Hvis du vil hoppe over opplæringen og bare bruke denne t-skjorten med mange andre flotte motiver, kjøp trevinduets ramme med gardiner fra GraphicRiver!

Trevinduramme med gardiner

Før du begynner denne opplæringen, bør du installere Mesh Tormentor plugg inn. Gå til Mesh Tormentor-siden og last ned det gratis Mesh Tormentor-plugin som tilsvarer Illustrator-versjonen. Deretter pakker du ut det mottatte arkivet, lukker Adobe Illustrator og kopierer .aip-filen til mappen "Extensions" på den lokale installasjonsdisken. (For eksempel er det C: \ Programmer \ Adobe \ Adobe Illustrator CS6\ Plug-ins \ Extensions mappe på datamaskinen min.) 

Åpne Adobe Illustrator igjen og gå til Vindu> Mesh Tormentor.

1. Hvordan tegne gardinene

Trinn 1

Vi vil begynne med en enkel mesh!

Tegn et langt, smalt, hvitt rektangel (ca. 160 px bred og 7 px høy). Ta så tak i Mesh Tool (U), og ved å klikke på toppkanten av formen, lage en rad der det er angitt.

Opprett to noder, slik at nettgitteret er identisk med det i vårt første underlag. Deretter velger du de to noderne på den midterste rad og farger begge med # E7E7E7.

Fortsett på samme måte. Heksekoden er alltid over nodene som må farges!

Du trenger disse fargene:

  1. # E7E7E7
  2. #AFAFAF
  3. # E7E7E7
  4. # C9C9C9
  5. #AFAFAF
  6. #BDBDBD
  7. #DADADA
  8. # C3C3C3

Steg 2

Nå som Mesh-basen i gardinen er ferdig, strekker du bare den nedover for å lage en full størrelse gardin (ca. 670 px i høyde).

Deretter ta tak i Warp Tool (Shift-R) og dobbeltklikk på den for å hente opp alternativer. Sett dem tilsvarende:

  • Bredde: 150px
  • Høyde: 450px
  • Vinkel: 0 °
  • Intensitet: 50%
  • Detalj: 2
  • Forenkle: 50

Nå bruker du Warp Tool, bøy nederste del av gardinen til venstre.

Trinn 3

Bruk de samme alternativene, bare endre børstens høyde til 650 px, og strekk den øverste delen av gardinen til venstre.

Trinn 4

Sett opacity av gardin til 80%.

Trinn 5

Lag en speil kopi av gardinet vårt (Objekt> Transformere> Reflektere).

2. Hvordan lage tretekstur

Trinn 1

For dette trinnet, last ned vedlegget i sidelinjen til opplæringen og åpne plank.jpg i Adobe Illustrator. Lag en kopi av rasterbildet.

Ta tak i en av kopiene, gå til Vindu> Image Trace, og spore tekstur av treet med disse innstillingene:

  • Modus: Svart og hvitt
  • Terskel: 95
  • Stier: 50%
  • Hjørner: 75%
  • Støy: 25px
  • Opprett: Fyller
  • Alternativer: Ignorer hvite, snapkurver til linjer

Velg resultatet og gå til Objekt> Utvid Utseende.

Steg 2

Endre farge på tekstur til # 5B350C, det er Blandingsmodus til Multiplisere, og opacity til 20%.

Trinn 3

Lag et rektangel med samme størrelse som rasteren. Gå til Objekt> Opprett Gradient Mesh og bruk følgende innstillinger:

  • Rader: 30
  • Kolonner: 4

Trinn 4

Her er hvor Mesh Tormentor kommer inn i spill. Hvis du ikke allerede har installert det (se begynnelsen på opplæringen) og åpne den gjennom Vindu> Mesh Tormentor.

Sett Mesh-rutenettet på toppen av rasterbildet. Velg begge objektene og klikk på "Mona Lisa" -ikonet i Mesh Tormentor panel for å farge vårt Mesh som planken.

Trinn 5

Ta tak i Warp Tool (Shift-R) igjen, ved å bruke disse innstillingene:

  • Bredde: 150px
  • Høyde: 50px
  • Vinkel: 0 °
  • Intensitet: 30%
  • Detalj: 2
  • Forenkle: 7

Flytt linjene til mesh å forvise dem litt, akkurat som i bildet.

Trinn 6

For å lage knuter i skogen, ta noen Mesh noder og dra dem til venstre (de er valgt i skjermbildet nedenfor), og farger dem alle sammen med # 89521C.

Trinn 7

Ta nå teksten vi laget inn Steg 2 og legg den på toppen av planken!

3. Hvordan lage vinduet

Trinn 1

Nå som vår treplank er ferdig, strekker den i lengde og lager en vindusramme ut av fire planker!

Steg 2

Ta en kopi av en av plankene og krympe bredden. Deretter tegner du en form som er identisk i størrelse. Farge det med # 5B350C, og endre dens Blandingsmodus til Multiplisere og opacity til 70%.

Til slutt legger du den nye formen på toppen av planken for å mørke den. jeg anbefaler gruppering Begge gjenstandene ved å velge dem og trykke på Kontroll-G.

Trinn 3

Nå tegner du en litt mindre form med skrå kanter på toppen og bunnen. Flytt den over planken og velg begge objektene, Høyreklikk. Velge Lag Clipping Mask i rullegardinmenyen.

Trinn 4

Lag den indre rammen av vinduet ut av de små plankene.

Trinn 5

Plasser de indre plankene i rammen og strekk dem om nødvendig for å passe.

Trinn 6

For neste plank, må vi tegne et Mesh for å overlappe det. Du trenger disse fargene:

  1. # BAA5A1
  2. #FFFFFF
  3. # D4C7C5
  4. # 947770

Trinn 7

Sett objektet Blandingsmodus til Multiplisere og opacity til 70%.

Trinn 8

Krymp plankens høyde litt, og legg deretter over masken på toppen av den. Dette kommer til å bli Plank 1.

Trinn 9

Skape Plank 2 ved ganske enkelt å krympe høyden på den opprinnelige planken.

Trinn 10

Tilsvarende lage Plank 3.

Trinn 11

Å begynne å jobbe med Plank 4, kraftig krymp det i størrelse.

Trinn 12

Lag en identisk form for overlegg (# 876D5B farge, 70% Opacity, Multiplisere) og legg den på toppen. Deretter tegner du en form med litt skrå kanter og bruker a Klippemaske til planken.

Trinn 13

La oss tegne Plank 5!

Ta tak i det originale stykket og endre størrelsen på det, som vist nedenfor. Så roter det litt. Deretter tegner du en skrå oversikt og bruker den som en Klippemaske.

Trinn 14

Ta en identisk form, fyll den med # D6BFB9, og farg den øverste venstre hjørnet hvitt. Endre dens Blandingsmodus til Multiplisere, og legg det på toppen av Plank 5.

Trinn 15

Til Plank 6, følg de samme instruksjonene som i Trinn 13, bare bruk en annen form.

Trinn 16

Bli ferdig Plank 6 på samme måte som den forrige.

Trinn 17

Begynn å lage Plank 7 ved å ta et langt stykke tre og skape en annen overlegg, denne gangen farget med # CEA365 og bruke Multiplisere og 60% Opacity.

Trinn 18

Roter denne planken, og bruk a Klippemaske bruker en skråstrekning.

Trinn 19

Nå kan du lage en vindusramme! Monter objektet med tallene. Endre størrelsen på plankene etter behov.

Trinn 20

Endelig lager du en annen vindusramme ved å bruke Objekt> Transformere> Reflektere med originalen.

Trinn 21

Monter begge vinduene inne i den store rammen!

4. Hvordan lage Windowsill

Trinn 1

Sist men ikke minst, la oss lage en vinduskarmen for å gå med vinduet vårt!

Ta tak i den originale planken og doble bredden først Reflekterer den horisontalt, og deretter bli med begge deler sammen.

Steg 2

Lag en vindusrammeoversikt for vår nyskapte plank og bruk den som en Clipping Mask.

Trinn 3

La oss nå gjøre et høydepunkt! Vi trenger to former av det samme størrelse-ett fylt med a radial hvit til svart gradient, og en annen fylt med # F7F7F7.

Trinn 4

Plasser gradient over toppen av den grå sirkelen.

Åpne deretter åpenhet panel(Vindu> Gjennomsiktighet) og, etter å ha valgt begge skjemaene, trykker du på Lag maske i panelet.

Trinn 5

Hvis resultatet ikke ser ut som min (jeg har lagt den på en grå bakgrunn for synlighet), merk av Inverter Mask i panelet.

Trinn 6

Utgivelse de Clipping Mask På vinduskarmen, plasser høydepunktet under omrisset, og bruk Clipping Mask en gang til!

Trinn 7

Lag kanten av vinduskarmen ut av en kopi av Plank 1 ved å gjøre det lengre og smalere.

Trinn 8

Fullfør vinduskarmen!

Trinn 9

Det eneste igjen er skyggen! Tegn to former, en farget med # 545454, og den andre hvite. Legg den grå figuren på toppen og bytt den hvite formens opacity til 0%.

Trinn 10

Gå til Objekt> Blend> Blandingsalternativer og velg Spesifikke trinn, 30.

Deretter velger du begge former og bruk Objekt> Blend> Lag.

Trinn 11

Sett vinduskarmen og skyggen.

Trinn 12

Fest gardinene på toppen.

Trinn 13

Hvis du vil sette en scene bak vinduet, kan du gå til denne veiledningen min:

Etter at du har fullført bakgrunnen, må du bare "kutte ut" den delen du vil vise ved hjelp av en Clipping Mask.

Fantastisk arbeid, du er nå ferdig!

Hva nå? Du kan prøve noen av mine andre opplæringsprogrammer fra profilen min, eller sjekk ut porteføljen min på GraphicRiver, så vel som den opprinnelige vektoren vi gjenskapte i denne opplæringen.

Jeg håper du likte opplæringen og vil være super glad for å se noen resultater i kommentarene nedenfor!

Trevinduramme med gardiner