How å lage en linje kunst Minimal Designers Stamp i Adobe Illustrator
Hva du skal lage
Hvis du elsker Illustrator så mye som jeg gjør, er denne opplæringen perfekt for deg, som det willteach deg hvordan du oppretter en awesome liten stempel til ære for den lille buddythat gjort alt vektor mulig.
Som du kanskje har gjettet, vil prosessen bebased hovedsak på enkle former og et lite snev av Pathfinder , så alt skal være veldig grei.
1. Klar Vår Document
Antar du allerede er inne Adobe Illustrator, opprette et nytt dokument med følgende innstillinger:
Antall tegnebord:
1
Bredde:
800 px
Høyde:
600 px
Units:
piksler
Og fra fanen Avansert Bilde:
Fargemodus:
RGB
Raster Effects:
Screen
Juster nye objekter være Pixel Grid:
sjekket
2. Lagdeling Vår Document
Selv om vår illustrasjon vil være ganske enkel, vi er fortsatt kommer til å laget det slik at wecan arbeid vei opp uten å måtte bekymre deg for utilsiktet flytting partsaround.
Så, leder opp til Layers Quick tips: Nå som ourdocument er satt opp og lagdelt riktig, det er på tide å skape fargene palettethat vi skal bruke under designprosessen. Først må sureyou're på bakgrunnslaget, og deretter lage et lite torg (bare noen fewpixels over Artboard) ved hjelp av RectangleTool (M) Som du kan se, på dette punktet har vi en verylight farge, og en veldig mørk, så vi trenger å fylle på at gap.Instead av å gå gjennom vår ColorPicker Hotell og prøve ut forskjellige farger, vi kommer til å gjøre bruk av Blend Når BlendOptions Fordi vi skal bruke Dråpetellerverktøyet Tool (I) Even skjønt Vihar en palett av ni farger, vil vi faktisk ikke bruke alle av dem, så jeg wantedyou å ha litt rom for å skape en mørkere eller lysere generelle grensesnittet, så der du finner ut at en mørkere verdi kan passe ditt behov, bare prøve at andsee hvordan det ser ut Quick tips. Nå som vi haveour farger, er det på tide å begynne å bruke dem. Det første vi må opprette isa bakgrunnen for å holde vår design. Bruke RectangleTool (M) For å gjøre så, simplygrab Dråpetellerverktøyet Tool (I) Neste vi må sørge for at vår bakgrunn huset isboth vertikalt og horisontalt justert til vår Artboard. Det er der Align Quick tips. Når du har justert bakgrunnen, er det på tide tolock laget og gå videre opp til stempelet en, hvor vi faktisk vil startworking på formen på vår lille illustrasjonen. Som jeg sa i thebeginning, hele kunstverk vil bli bygget ved hjelp av grunnleggende former. Tocreate stempel, trenger vi et rektangel, et par sirkler, og det er om det. Først, ta tak i rektangel Tool (M) Hotell og create a 230 x 280 px Neste må vi velge Ellipse Tool (L) Så snart du har alt satt på plass, velger både hoved rektangel og sirkler og bruke Minus Front Du skal nå ha noe sånt som dette. Neste vi trenger å legge tykkere omrisset til givethe illustrasjon noen vekt. Bare duplisere laget tidligere form ( Ctrl-C > Kontroll-F Når popup vises, endrer valuesas følger: Så snart som forskyvningen er gjort, utvide form ( Objekt > Utvid På dette punktet vår illustrasjon bør looksomething som dette Neste, la oss.. legge noen myke høydepunkter mot thetop delen av stempelet. Duplisere grå gjenstand ( Ctrl-C farge den resulterende gruppe av objekter ved hjelp Verdidata fra torget nummer én. Vi skal nå flytte til vår tredje og siste laget tostart legger til minimal grensesnitt som vil fullføre vår illustrasjon. Som vi har lagt ut vårt stempel grunnform, Vivil nå fokusere på å skape den midtre delen, grensesnittet. Sørg for at du havethe to første lagene låst, og deretter, ved hjelp av rektangel Tool (M) Deretter duplisere laget tidligere objekt, endre farge til verdien fra torget nummer ni, og deretter vende sin fillwith sitt slag ( Shift-X Du kanskje havenoticed at den lettere form går om fire px under disposisjon, men that'ssimply å sørge for at ingen gap mellom de to er dannet. Nå som vi havethe grensesnitt bakgrunn og omrisset å ramme den fra resten av thestamp, må vi skape den øverste linjen og sidebar venstre. Ved hjelp av vår nå kjære rektangel Tool (M) Endre sin colorto noe mørkere (firkant nummer fire) for å skille det fra resten av theelements. For sidepanelet, må du først opprette en 18 x 180 px Vi trenger nå å legge til noen avgrensinger til twosections av grensesnittet. For å gjøre dette, vil vi først opprette en 152 x 4 px For sidepanelet, må vi opprette en 4 x 177px Som du kan se vi trenger bare en mer horizontalseparator, så ved hjelp av rektangel Tool (M) Når vi har skilt de to delene av ourinterface, må vi legge til øverst til høyre knapper. Bruke Ellipse Tool Utvid og thenduplicate knappen slik at i slutten du har tre. Deretter horizontallyalign dem på to px fra hverandre, og pass på å plassere dem på topbar delen, på ca 6 px fra høyre side Quick Tips:. Nå la oss legge til noen knapper til sidepanelet. Usingthe Avrundet rektangel Tool Når vi har ourbuttons, er det på tide å legge til et annet sett med myke høydepunkter og en subtil skygge. Anmeldelser For høydepunktene, lage to 152 x 2 px Sørg for at andre høydepunkt er positionedunder sidepanelet skilletegn, ved å høyreklikke på objektet og bruke Ordne > Send til Back Det er bare ett mer høydepunkt vi må legge til, under rammen holder selve grensesnittet. Sammenlignet med de to foregående vi laget, vil dette være litt tykkere, har en bredde på 168 px For skyggen, bare lage en 18 x 2 px Som du kan se vår illustrasjon er nesten ferdig, alt vi trenger å legge til nå å være den sentrale sirkelen med sine fire ankerpunktene . Ved hjelp av EllipseTool (L) Igjen må vi gjenta den samme prosessen med invertingthe fill med hjerneslag ( Shift-X Quick tips. Nå, for å skape sirkelens illustrerte firkantede festepunkter, må vi trekke en 14 x 14 px Når vi har laget vår første anker, simplyduplicate det til du har totalt tre eksemplarer, og deretter plassere den andre twoon venstre og høyre side, slik at de justeres med bredden av sirkelen. For bunnen anker, som har de twohandles, må vi først kopiere den øverste objektet vi nettopp opprettet, flytter itdown, sørg for å bytte fyllingen med sitt slag, og til slutt fjerne thestroke helt. Deretter oppretter du en 90 x 6 px Når vi har laget vår bunnen anker med thetwo håndtak, det eneste vi trenger å legge til vår illustrasjon er en slightreflection. For å gjøre dette, ta tak i RectangleTool (M) Hotell og skape en 160 x 24 px Etter at du har rotert objektet, senke sin Opacity Hvis du vil plassere refleksjon, bruker du Transform Som du kan se , refleksjonen er faktisk goingoutside vår stempel, så det betyr at vi må lage en Beskjærings Mask Du skal nå ha en kul stempel som du candigitally bruke, eller selv skrive ut (hvis du ikke har noe imot noen små fargeendringer på grunn tothe RGB til CMYK konvertering), slik at du kan gi den til en av dine designer kompiser.
panel og skape tre lag og navngi dem som følger:
bakgrunn
stempel
grensesnitt
som vi skal jobbe på ett lag om gangen, Iusually anbefaler låsing lagene som ikke tiden blir brukt, så thatyou kan fokusere på det du jobber med. For å gjøre det, klikker du bare på theempty boksen nær View-ikonet i Lag-panelet. Når du har låst et lag, vil litt låseikon vises, slik at du vet at laget er for tiden utilgjengelig.
3. Opprette en fargepalett
Trinn 1
, fargelagt det å bruke # E8E3E3. Duplisere form ved å velge det andthen dra til høyre mens du holder nede Alt. Farge duplikat bruker # 474040.
funksjon. Med begge therectangles valgt, gå til Objekt > Blend
> Blend Valg
.
Trinn 2
popup-vinduet vises, sørg for å endre avstanden til Spesifiserte Steps
og modifisere verdien syne rett til 7.
Trinn 3
å gjelde colorsdirectly til objektene (i stedet for å skrive inn hex verdier), må vi numberthe rutene fra venstre til høyre, slik at vi vet hvilke verdier som use.
#F7F2F2
#E1DCDC
#CBC5C5
#B5AFAF
#9F9999
#898383
#736D6D
#5D5656
#474040
som du kanskje har lagt merke til, fargen blander du nettopp har opprettet Linkedin er en rett linje, slik at du ikke kan virkelig klikke på en av rutene withoutselecting dem alle. Du kan endre dette ved å klikke på blandingen, og thenexpanding det. ( Objekt > Utvid
)
4. Opprette Stamp Shape
Trinn 1
,
opprette en 800 x 600 px
shapeand farge den med verdien fra torget nummer fem.
clickon farge, og hold deretter nede Alt Hotell og klikk på bakgrunnen for å bruke hue til det.
panel
kommer i hjelp. Med theobject valgt, bruker du HorizontalAlign Senter Hotell og Vertikal AlignCenter
funksjoner for å plassere den midt i
Ifyou've La merke til at Juster funksjonene ikke fungerer, kan det være på grunn av factthat du har Juster for bedriften satt opp til Juster til markering
, i stedet for Juster til artboard
.
Trinn 2
form, som vi vil farge ved hjelp av kvadrattall to. Aswith bakgrunnen, bruker du Align
panelto sentrere det både vertikalt og horisontalt.
Trinn 3
og lage en 30x 30 px
form. Fordi vi har flere åpninger på hver side av stempelet (fire på topp og bunn, og fem på venstre og høyre) vi må duplicatethe første sirkelen og distansere objektene på 20 px
fra hverandre, å sørge for at hver side av stamp'sbase formen går nøyaktig gjennom sentrum av sirklene.
Trinn 4
funksjon i Pathfinder
å lage utskjæringer.
Trinn 5
), og thenuse Offset Sti
funksjon ( Effect > Sti > Offset Sti Anmeldelser .)
Trinn 6
Offset:
8 px
< li> tiltrer:
Spisst
Spisst grense:
4 px
Trinn 7
), endre colorto verdien av torget nummer ni, og sørg for å plassere den under thelighter form ved hjelp av Ordne
)
Trinn 8
), og lim den på plass ( Ctrl-F
). Fordi vi trenger å trekke ett objekt fra sin duplikat, må vi sørge for å lage to kopier. Når du har dem, bare flytte thetop en om 4 px ned, velger du både det og én under, og deretter bruke Pathfinder Minus Front
funksjon.
Trinn 9
5. Legge Barer og knapper
Trinn 1
, opprette en 160X 210 px
objekt og vertikalt og horisontalt justere den til Artboard
bruke Align
panel. Endre farge ved hjelp av verdien fra torget numberthree.
Trinn 2
). Adjustthe Stroke
Vekt
til en tykkere verdi på 8 px, og deretter sørge for å expandthe form ( Objekt > Utvid
).
Trinn 3
, opprette en 152X 22 px
objekt, og plasser den like under den øverste delen av ourframe.
Trinn 4
rektangel, og forlot justere ITTO den tidligere opprettede form, noe som gjør at de to berørings towardsthe toppen. Deretter oppretter du en annen mindre 18x 92 px
rektangel, farge det med verdi fra torget nummer fem, andthen bunn og venstre justere den til større form.
Trinn 5
form, farge det ved hjelp squarenumber ni, og plasser den i underkant av undersiden av vår øverste linjen.
Trinn 6
objekt, med samme farge asbefore, og sørg for å plassere den på høyre side av vår leftinterface panel.
< h3> Trinn 7
, lage en mindre 18 x 4 px
segmentwhich vi må plassere like over mørkere nederste delen av vår leftsidebar.
Trinn 8
opprette en 10 x 10 px
sirkel, sprelle med fill withits slag, og deretter endre vekten til 4 px.
Trinn 9 Anmeldelser
Du kan bruke < b> Pixel Forhåndsvisning product: ( View > Pixel Preview
eller Alt-Control-Y
) for å få abetter visning av pixel grid. Vær oppmerksom på at jeg bruker en tilpasset Grid
med Rutenett hver 1 px
, og en underavdeling. Du kan adjustyour versjon av Illustrator til disse verdiene ved å gå til Rediger > Preferanser > Guider og Grids
.
Trinn 10
tegne en 10 x 10 px
form, med et hjørne radiusof 1 px. Bruk den samme prosessen med å bla fyllet med en 4 px slag, utvide form, farge det å bruke plassen nummer ni, og plasser den onthe sidebar på ca 16 px fra sin øverste delen. Lag et duplikat andposition som på ca 8 px fra den opprinnelige formen.
Trinn 11
rektangler, farge dem usingsquare nummer to, og plassere dem som følger.
Trinn 12
funksjon.
Trinn 13
og en høyde på 4 px, og det vil også ha en brightershade som det vil bli ved hjelp av farge fra kvadrat nummer én.
Trinn 14
rektangel med rektangel Tool (M)
, farge det usingsquare nummer seks, og deretter plassere det nøyaktig på bunnen av sidepanelet horizontaldelimiter.
6. Legge til Circle
Trinn 1
lage en 100 x 100 piksler
sirkel, plasser den i midten av tomt linjeavstand rektangel som vi har på lowerright hjørnet av våre grensesnitt, og sørg for å bruke kvadrattall ni til COLORIT.
Trinn 2
), og endre vekten av de siste til 8 px
Du kan expandthe form akkurat nå, eller du kan først gjøre bruk av sine ankerpunktene toposition de neste elementene, og utvide den når du er ferdig med å lage them.It er alt opp til deg.
Trinn 3
form, farge sin fill bruker plassen nummer tre, butenter en manuell hex verdi (# 474040-kvadrat nummer ni) for sitt slag. Youmight lurer på hvorfor vi trenger både en fyll og et slag for disse elementene. Vel, er TheAnswer å dekke opp noen deler av sirkelen, slik at vi ikke vil ha tocut ut av det.
Trinn 4
Trinn 5
Trinn 6
rektangel, og senter justere den både vertikalt og horisontalt tothe bunnen torget. Bruke EllipseTool (L)
,
opprette et sett med to 12 x12 px
objekter, og posisjon hver og en i enden av baren vi nettopp opprettet. < .no>
Trinn 7
form. Farge det å bruke plassen nummer én, og ved hjelp av Transform
funksjon, rotere den på en 30 °
vinkel ( høyreklikk > Transform > Roter
).
Trinn 8
til om 50% Hotell og endre sin BlendingMode Anmeldelser Soft Light
Trinn 9
panelet for å legge inn followingcoordinates.
X:
444 px
Y:
286 px
Trinn 10
å vise bare en bestemt del av det. For å gjøre det, bare kopiere grensesnittet bakgrunn ( Ctrl-C
), lim den på toppen ( Ctrl-F
) og med både det og vår refleksjon valgt, høyre- Klikk på > Gjør Clipping Mask
.
Du har Got It Slikket!