How å lage en resepsjon Scenery Illustrasjon bruke Adobe Illustrator
Hva du skal lage
I dagens tutorial jeg er goingto viser deg hvordan du kan lage en enkel arbeidsplass miljø med AdobeIllustrator . Prosessen er ganske enkel som de fleste av trinnene vil stole onusing noen av de grunnleggende former som kommer med Illustrator, med hjelp ofwhich vi vil skape nesten alle våre illustrasjon er elementer.
1. Lag en NewDocument
Som med alle nye prosjekt er det første youshould gjøre er å sørge for at du sette opp dokumentet riktig. Forutsatt youalready har Illustrator løping, gå til Fil > Ny (Ctrl-N) Hotell og opprette et nytt dokument med thefollowing innstillinger:
Antall tegnebord:
1
bredde:
800px
Høyde:
600 px
Enheter:
piksler
Og fra < b> fanen Avansert
:
Fargemodus product:: RGB
Raster Effects
: Høy (300ppi)
Align nye objekter toPixel Grid
: merket
2. Layer YourArtwork
Fordi layersimprove vår arbeidsflyt ved å tillate oss å låse og skjule visse deler av theillustration, anbefaler jeg at du setter opp et par av dem, slik at mens you'removing gjennom den kreative prosessen vil du ikke tilfeldigvis har forlagt elements.I've satt opp åtte forskjellige lag og kalte dem som følger:
bakgrunn
delimitationline
pulten
kaffe~~POS=TRUNC krus~~POS=HEADCOMP
macbook
bøker
søppelbøtta
kalender
3. Sette opp acustom Grid
Hvis du arefamiliar med måten Illustrator fungerer, bør du vite at det gir deg theoption å knipse design til sin PixelGrid
. Det betyr at hvert forankringspunkt vil bli plassert på middleintersection av fire piksler.
Fordi thereare ulike situasjoner som krever forskjellige innstillinger for rutenett, noen ganger youmight finne deg selv i posisjon til å justere de som kjører på din versionof Adobe Illustrator.
jeg personallyhave gått for laveste og samtidig den mest nøyaktige innstillingene, fordi jeg føler jeg har mer kontroll over mine motiver.
for å endre disse innstillingene, må du gå til Rediger > Preferanser > Guides & Grid
. Derfra vil en liten popup vises, der vi trenger å justere thefollowing:
Uten kraftlinjer hver
: 1 px
Underinndeling
: 1
Når you'veadjusted disse innstillingene, alt du trenger å gjøre for å gjøre alt pixelcrisp er aktivere Fest til rutenett
optionlocated under Vis
menyen.
6. Opprette thedesk
Trinn 1
Bruke RectangleTool (M)
skape en 336 x 10 px
form, satt sin farge til # 797270 og deretter plasser den ved hjelp av disse koordinatene:
X
: 384 px
Y
: 314 px
Trinn 2
Lag en kopi av den tidligere opprettede form ( Ctrl-C > Kontroll-F
) , etter å velge det, og deretter gi den en Offset Sti
effekt ( Effect > Sti > Offset Sti)
av 6 px
, og pass på å sette tiltrer anbefale til Round < .no>
Trinn 3
Endre offset farge til # 453F3C og thensend det til baksiden av pulten vår øverste delen ved å høyreklikke >.
Ordne > Send til Back
.
Trinn 4
Legg en liten høydepunkt til den øverste delen av ourdesk ved å opprette en 336 x 4 px
hvitt rektangel, som vi vil justere ved å sette sin BlendingMode
til Overlay Hotell og dens Opacity
nivå til 30%
.
Når du har lagt høydepunktet, velger du det, omrisset og lysere delen av pulten vår, og gruppere dem ved hjelp av Ctrl-G
slik at elementene ikke vil bli flyttet av feil.
Trinn 5
Ta RectangleTool (M) Hotell og skape en 10 x 112 px
objekt, som vi vil posisjonere mot bunnen av pulten vår omriss, på om 26 px
til interiøret fra sin leftside. Gi den formen den samme # 797270 skygge, og deretter opprette en outlinefollowing den samme prosessen vi brukte for skrivebordet øverste delen.
Trinn 6
Legg en liten skygge ved å opprette en 10 x 6 px
rektangel og posisjonering itright ved siden av pulten sin disposisjon, og pass på å horisontalt justere den til theleg. Farge det svart (# 000000), og deretter endre Blending Mode
til Multipliser
,
loweringits Opacity
nivå til 30%
.
Trinn 7
på om 182px
til høyre beinet, skape en 98 x112 piksler
rektangel, som vil fungere som vår skuff basen.
Trinn 8
Igjen, følger samme prosessen som brukes før, legger en disposisjon og en skygge til skuffen base.
Trinn 9
Opprett den første skuffen ved å tegne en større 82 x 36 px
avrundet rektangel (# 453F3C) med en Hjørneradius
av 3 px
. Legg en mindre 74 x 28px
rektangel på toppen av det, som vi vil bruke til å lage en utskjæring slik at inthe slutt vil vi bare omrisset av skuffen.
Når du har både shapesselected, bruk Pathfinder
's Minus Front
muligheten til å trekke fra topone (som jeg har uthevet med rød) fra en under.
Deretter legger en 74 x 4 px
høydepunkt (hvit #FFFFFF med Blending Mode
satt til Overlay Hotell og Opacity
satt til 30%
) mot toppen, og en 10 x 10 px
sirkel (# 453F3C) i midten, whichwill fungerer som håndtak.
Trinn 10
Velg alle elementene danner opp vår skuff, og deretter gruppere dem ( Ctrl-G
) .Når du har dem gruppert sammen, plasser skuffen på kabinettet atabout 24 px
fra sin oversiden, og pass på å horisontalt justere den.
Trinn 11
Opprett en sekundær skuff, ved å velge og thendragging den vi har mot bunnen mens du holder nede Alt
. Når du har opprettet to eksemplarer, sørg for å bruke Align
panel todistance det på om 8 px
fra theoriginal.
Trinn 12
Bruke RectangleTool (M)
skape en 176 x 18 px
form, farge den med # 797270, og plasser den mellom skuffen compartmentand pulten ben.
Trinn 13
Legg til en 176x 6 px
rektangel (# 453F3C) under, som vil fungere som drawer'soutline. Bruke rektangelverktøyet (M)
, Legg til de topp- og side skygger, som vil ha Blending Mode
satt til Multipliser Hotell og Opacity
senkes til 30%
.
Bytt til Avrundet rektangel Tool Hotell og skape en 38 x 6 px
form (# 453F3C) med en 3 px Hjørneradius
, som vi vil posisjonere like under topsection skygge, og pass på å justere den horisontalt til skuffen.
Trinn 14
Når vi har skapt alle pulten sin elementer, merker dem og sørge for å gruppere dem sammen ved hjelp av Ctrl-G
.
7. Opprette coffeemug
Trinn 1
Flytt på kaffe krus laget, og ved hjelp av Avrundet rektangel Tool
skape en 14 x 18 px
form med en Hjørneradius
av 2 px
. Sett farge til # CCC4C4, og deretter bruke Direct Selection Tool (A)
fjerne itstop senterankerpunkter ved å velge dem og deretter trykke på Slett
.
Så snart du fjerner theanchors, trykker du på Ctrl-J
å unitethe gjenværende. Deretter bruker du OffsetPath
effekt for å skape et omriss av 6PX
, og pass på å plassere den under krus selv. Legg en 14 x 2 px
høydepunkt (hvit #FFFFFF med Blending Mode
satt til Overlay Hotell og Opacity
nivå satt til 60 %
) og plasser den mot topsection.
Opprett håndtaket ved å tegne en 7x 14 px
avrundet rektangel med en CornerRadius
av 2 px
. Flip sin fillwith sitt slag ( Shift-X
) og thenchange hjerneslag vekt til 4 px
.
Hvis du bruker CC (Creative Cloud) versjon av Illustrator, kan du addrounded hjørner til eventuelle ankerpunkt, ved å velge den med Direct Selection Tool (A) Hotell og thenadding ønsket verdi inn i CornerType
alternativet. Hvis du bruker en eldre versjon av AI deretter prøve å usethe Pen Tool (P)
å trekke desiredsections.
Trinn 2
For å lage kaffe flavored damp kommer outof kruset, må du være kreativ og trekke et par roundedrectangles i forskjellige størrelser og bredder. For eksempel, jeg opprettet base usingan 18 x 4 px product: ( 2 px Hjørneradius
) form, og deretter opprettet en mindre 11 x 2 px
en som har venstre og høyre seksjoner kuttet ut å bruke en 2 x 2 px
sirkel.
Da jeg lagt til en annen 16 x 4 px product: ( 2 px Hjørneradius
) form på toppen, og da jeg varierte størrelsen på både myround linjer og cutout seg, og pass på å farge dem ved hjelp av # 797270. Når du har noe du liker, er det bare groupall av elementene ( Ctrl-G
) andsend dem til baksiden av kruset med Ordne > Send til Back
funksjon.
Trinn 3
Gruppe både kaffe krus og damp ( Ctrl-G
) og deretter plassere dem ontop av skrivebordet, mot venstre side på ca 14 px
fra kanten.
8. Opprette theMacBook
Trinn 1
Komme i gang med å lage en 126 x 6 px
avrundet rektangel med en 2 px Hjørneradius
. Color formen ved hjelp # E2E0E0 og deretter usethe Direct Selection Tool (A) anbefale til selectand fjerne ( Slett
) sin topp-middleanchor poeng, samle de gjenværende ( Ctrl-J
).
Bruke Offset Sti
effekt, createan omrisset av 6 px Hotell og sørge tosend den til baksiden av vår MacBook base. Deretter legger en subtil høydepunkt towardsthe toppen ved å opprette en 128 x 3 px
rektangel, som vi vil posisjonere på hoved form, og deretter maskere ved å lime inn en kopi ofthat på den og deretter høyreklikke og velge MakeClipping Mask
.
Avslutt bunnen av MacBook ved å legge til et 28 x 8 px
avrundet rektangel (# 453F3C) med en Hjørneradius
av 2 px
på toppen av alle de andre elementene, og pass på å horisontalt justere den til den øverste delen av disposisjonen. Som alwaysmake sikker å gruppere alle elementene ved hjelp av Ctrl-G
.
Trinn 2
Plasser MacBook base på skrivebordet, mot venstre side, i en avstand på 14 px
fra krus håndtak.
Trinn 3
begynne å jobbe på skjermen delen av thedevice, ved å opprette en 106 x 72 px
roundedrectangle (# CCC4C4) med en Hjørneradius
av 6 px
. Fjern itsbottom sentrert ankerpunkt ved hjelp av DirectSelection Tool (A)
, og deretter lage en kopi på som du vil bruke en Offset Sti
effekten av 6 px
.
Send den resulterende omrisset til theback ( høyreklikk > Arranger > sendto Tilbake Ta RectangleTool (M) Hotell og skape en 94 x 54 px Nå, la oss begynne å legge noen detaljer av creatinga 106 x 3 px Flytt mot den øverste delen av lokket, andusing Ellipse Tool (L) Opprett en annen 108 x 4 px Når du har rektangelet plassert på plass, lage en kopi av hele lokket (ikke omrisset) og lim den på toppen av høydepunktet, og deretter med begge valgt høyreklikk > Gjør Clipping Mask Enter IsolationMode Legg en 64x 4 px Legg til en 4px Bruke EllipseTool (L) Lag fire rekker med sju 4 x 4 px Avslutt kalenderen ved å opprette en 2 x 2 px det er det! Hvis du fulgte hver stepcorrectly bør du nå ha en søt ser skrivebord natur, som du kan furthertweak ved å legge til eller omorganisere objekter avhengig yourpersonal smak. Jeg håper du hadde det gøy å gjøre dette littleillustration, men viktigst jeg håper du har lært noe nytt sammen theway.
) og sørg for å endre sin farge til # 453F3C
Trinn 4
shapewhich vil fungere som skjermen. Endre fargen til # 453F3C og sørg toposition det midt i sentrum av den øverste delen lokket.
Trinn 5
svart rektangel andpositioning det rett på undersiden av lokket. Endre formen Blending Mode
til Multipliser
, og deretter senke Opacity
til 30%
.
Trinn 6
skape en 4 x 4 px
sirkel som vil fungere som ourwebcam. Farge form ved hjelp av samme omriss skyggen # 453F3C, og deretter positionit mot midten av oversiden av lokket.
Trinn 7
hvite rektangelet som vil fungere asa høydepunkt, og plassere den mot oversiden av lokket slik at det covershalf av webkameraet sirkel. Endre formen Blending Mode
til Overlegg Hotell og senke Opacity
nivå til om 60%
.
.
Trinn 2
ved å dobbeltklikke på kalenderen, og deretter lage en kopi av thelighter delen og farge det ved hjelp av # 797270 . Bruke Direct Selection Tool (A)
velge bunnen midten anker pointsand fjerne dem ved å trykke på Slett
.Unite de rester ankere ved hjelp av Ctrl-J
, Hotell og deretter med de nederste som er valgt, høyreklikk > Transform > Flytt
. Skriv inn -46 px
inn i Vertikal
valuefield, forlater Horisontal ett sett til 0px
.
Trinn 3
rektangel under tidligere opprettet form og farge det ved hjelp av # 453F3C.
Trinn 4
høy høydepunkt og skygge for å gi den samme visuelle behandling som weused på de andre stedene.
Trinn 5
lage to 4 x 4 px
sirkler, farge dem ved hjelp av # 453F3C, og deretter distansere dem på 40 px
fra hverandre, og pass på å gruppe ( Ctrl-G
) og deretter horisontalt og vertikalt justere dem til thedarker øverste delen av vår kalender.
Trinn 6
firkanter (# 453F3C), distansere både elementene og radene på 4 px
fra hverandre. Fjern firstsquare av den øverste raden og den siste av den nederste raden, og deretter bruke somedifferent farger (# 797270 for litt lysere seg og # F78764 for theorange uthevet en) til noen av dagen indikatorer for å gjøre det moreinteresting. Gruppe alle rutene sammen ( Ctrl-G
) og deretter både vertikalt og horisontalt sentrere dem tothe senke tom del av vår kalender.
Trinn 7
sirkel (# E2E0E0) med en 2 px
omriss (# 453F3C) som vil Actas vår vegg pin. Deretter bruker PenTool (P)
spore streng som starter fra venstre kulehullet sentrum, går opp til midten av pinnen og deretter ned igjen til andre kulehullet, sette strek til 2 px
.
Og det er det slutt!