How lage den definitive Designer Essential Pack i Adobe Illustrator
Hva du skal lage
Fordi Ibelieve at alle designere har sin egen hemmelige Essentials Pack, bestemte jeg toshow deg hvordan å bygge en liten, men søt sett med illustrasjoner som du kan usehowever du vil.
entirecreative prosessen vil fokusere på å bruke rektangelverktøyet er grunnleggende former, som Vivil justere her og der.
1. Sette opp OurDocument
Åpne opp AdobeIllustrator, og skape en Nytt dokument
(Fil > Ny)
hjelp av followingsettings:
< b> Antall tegnebord:
1
Bredde:
600 px
Høyde:
600 px
Enheter:
piksler
Og fra fanen Avansert
:
Fargemodus:
RGB-standard digital fargemodell for det digitale medium
Raster Effects:
Screen (72 ppi)
Align nye objekter toPixel Grid:
sjekket
2. Lagdeling OurDocument
Hvis you'vefollowed noen av mine andre tutorials, har du kanskje lagt merke til at jeg har en "ting" for lag. Så dagens opplæringen vil ikke være den første unntaket todrop lagdelingen prosessen, som jeg finner hjelper oss med å oppnå en bedre følelse av kontroll over våre elementer.
Nå som jeg har påpekt det ut, gå til lag Sørg you'reon den bærbare lag, låse alle de andre, og deretter bruke Avrundet rektangel Tool Som du mighthave lagt merke til fra siste eksempel bilde, needsto venstre side av maskinen være vanskelig kutt, noe som betyr at vi må kvitte seg toppen og bunnen avrundet corners.To gjør det, rett og slett ta tak i DirectSelection Tool (A) Når du har dem valgt, trykker du bare Slett Som vi nå har vår høyre side grunnleggende form, weneed å skape venstre bindende. For å gjøre dette, klikk på rektangelverktøyet (M) Hotell og trekke en 8 x 230 px nå som vi haveour grunnleggende formen for våre bærbare, er det på tide å begynne å legge noen detaljer. Asour illustrasjon er linjebasert, trenger vi å skape den tykke omrisset thatoverall legger noen lekne vekt på vår sammensetning. Så snart forskyvningen er gjort, endre theshape farge til en mørkere nyanse # 453939, utvide det (Object > Utvid) Hotell og deretter plassere den under den bærbare byright klikke på den og deretter Ordne > Send til Back På dette punktet vår illustrasjon bør looksomething som dette. På grunn almostevery del av vår illustrasjon vil ha en disposisjon, trenger vi å legge en til thebinding også. For å gjøre dette, simplygrab rektangelverktøyet (M) Quick tips. også, hvis noen alternativer som Fordel Spacing Vår neste taskwill være å legge til noen høylys og skygger til den bærbare . Først la oss takecare av høyre side høydepunkt. Bare kopier (Ctrl-C) Hotell og lim på plass (Ctrl-F) For å være så nøyaktig som mulig, aktivere Pixel Preview. (View > Pixel Preview Med begge duplikater valgt, bruker du Pathfinder Endre theresulting figurens farge til hvit (#FFFFFF) og deretter gå over til Gjennomsiktighet Neste, vi willadd et høydepunkt for bindingen. bruke RectangleTool (M) Når vi har addedthe høydepunkter og skygge, kan vi gå til å legge den subtile sy som willadd til følelsen av lær. Bruke PenTool (P) Legg til små pauser i linjen, ved å bruke Stroke Som jeg allerede har posisjonert skinn sting inmy versjon av design, for å hjelpe deg med å visualisere det mer tydelig, youwill må sørge for å distansere det på om 2 px Neste vi willwork på å legge den vinklede skrapelignende linjer som vil gå over høyre sideof våre bærbare. Ta RectangleTool (M) Hotell og lage to 1 x 438 px nå kommer theinteresting del, som vi trenger for å lage totalt ca 57 individuelle stykker .Du kan bli fristet til å kopiere den første, og trykk deretter Ctrl-F med begge objektene valgt, gå til Object > Blend > Blend alternativer BlendOptions for de som er nye til Blend Som du har sikkert allerede sett, objektene inthe blanding selv er knyttet sammen, noe som betyr at vi trenger å utvide blanding ( Object > Utvid Når du har oppheves objektene fra theblend, sørg for å klikke på den første på venstre (for å markere det som keyobject), og deretter ved hjelp av Align Når du har distansert themcorrectly, omgruppere dem (Ctrl-G) nå er alt vi needto gjøre er posisjon linjene på toppen av høyre side av vår bærbare, og applya maske på den slik at den dekker bare overflaten . at vi vil at den skal Velg thegrouped objekter, og ved hjelp av Transform Zoom inn litt (Alt-rullehjul) Hotell og velge theright side (lysere) av den bærbare, kopiere den (Ctrl-C) Hotell og lim den på toppen (Ctrl-F) Når du har gjort det, rett og slett velge boththe linjer og limt objekt og lage en Beskjærings Mask (høyreklikk >.; Gjør Klipping Mask) Du har kanskje lagt merke til at våre klippet diagonallines er nå lagt over på høyre side høydepunkt og den vertikale sting wecreated en liten stund siden. For å rette opp dette, velger både highlightand sting og flytte dem opp ved å bruke Ordne > Legg foran illustrasjonen skal nå se lignende tothis. For sirkelen delen, med ankerpunktet, Vivil først opprette en 80 x 80 px Utvid theresulting sirkel (Object > Utvid) Hotell og deretter plassere den ved hjelp av følgende koordinater i Transformer For ankerpunkt, skape en 20 x 20 px for å avslutte vektor sirkel representasjon, bare lage en 68 x 4 px nå som bærbare selv er gjort, justneed vi å legge den elastiske stroppen og da kan vi gå videre til andre gjenstander inthe pakke. Før vi beginworking på bandet, anbefaler jeg å gruppere elementer som danner den bærbare (velg dem alle, og trykk på Ctrl-G Bruke RectangleTool (M) Duplicate formen (Ctrl-C > Kontroll-F) Nå som vi har vår stropp disposisjon, må vi topush det til baksiden sammen med den bærbare datamaskinen selv. For å gjøre dette, velger du både thenewly opprettet objektet og gruppert bærbare, og høyreklikk > Ordne > Send til Back For stroppen høydepunkt skape en 2 x 238 px Kastet en subtil skygge på den bærbare, bycreating en svart 4 x 238 px For å fullbyrde stroppen, må vi createthe prikkete mønster. Først opprette en 2 x 2 px nå bruker Ellipse Tool (L) Gruppe alle fem sirkler (både større centerone og bane små) ved hjelp av Ctrl-G Hotell og deretter lage en kopi ved å velge og deretter dra ned 4 px Duplicate oppskriften ved å trykke på Ctrl-D Flytt opp på thepantone bok lag, og ved hjelp av RectangleTool (M) Gi baseform et omriss ved å duplisere det (Ctrl-C > kontroll- Også endre sin farge til # 453939 og gjøre sureto sende objektet til baksiden (høyreklikk > Arranger > Send til bak). nå som vi har basen Pantone forme og itsoutline, må vi skape det lille utsnittet i nedre høyre hjørne. Vi willdo så ved hjelp av Ellipse Tool (L) Når du har lagt i utskjæringene, er det på tide å givethe toppen en en disposisjon. Bare lim (Ctrl-F) Nå hva med å legge litt farge til vår littleillustration? Lag en 50 x 118 px Legg tre ColorBox verdier på bunnen av den grønne rektangelet ved å lage to mindre 16 x 8 px Color den første boksen med # 7CC290, den secondone bruker samme grønne som de større objekt (# 74B586), og den siste ved hjelp av # 639C73. Legg til en høydepunkt og skygge ved å opprette to 4 x 212 px Separer den grønne delen fra lighterbrown en av Pantone boken ved å legge til en 50 x 4 px Først la oss drawthe lille plusstegnet ved å opprette en 4 x16 px Deretter gruppe to og plasser dem på om 14 px Etter at du har opprettet linjer, plassere dem atabout 12 px For lighterbrown delen, skape ni rektangler som følger:. Pantone boken bør se omtrent likethis Som før thefirst ting vi trenger for å lage er vår base form. Bruke Avrundet rektangel Tool Dupliser laget tidligere formen (Ctrl-C) Hotell og lim den på toppen (Ctrl-F) Det neste vi skal legge skyggen og høydepunktet av simplyduplicating lysere grå formen på iPod to ganger og flytting den upperduplicate 4 px Sett resulterende formen blending Mode Sørg for å justere den til venstre side av theiPod og for å endre sin farge til svart (# 000000) å sette sin Blending Mode Deretter we'llcreate den øverste delen knappene. Ta tak i RoundedRectangle Tool Bruke DirectSelection Tool (A) Opprett høydepunktet og skygge ved hjelp av thesame teknikk vi fulgt for iPod kroppen. Legg et omriss av formen ved å duplisere themain objekt og bruke en Offset Sti Lag den andre knappen ved å kopiere (Ctrl-C) Hotell og lime (Ctrl-F) for de fremre knappene, må vi først createthe ring i forhold til hvor vi vil posisjonere resten av elementene. Usingthe Ellipse Tool (L) Utvid formen (Object Når det gjelder tothe frontknappene, vil først opprette bunnen minus én og bygge opp fromthere. Bruke RectangleTool (M) Kopier minus-knappen, og flytte den til topsection av ringen, noe som gjør Sørg for å holde den sentrert som vi gjorde med bottomone. Lag en annen forekomst og roter den i 90 ° For previousand neste knappene vil vi skape en forekomst som vi . vil da reflektere og positionin sin riktige plass Før vi startcreating pilene, la oss ta den vertikale delen av pluss-knappen og MOVEIT til venstre, plassere den ved hjelp av følgende koordinater: Når du har den første delen av previousbutton posisjonert, må vi ta tak i PenTool (P) Hotell og skape en venstreorientert pil med en høyde på 6 px for å avslutte knappen, duplisere pilen andposition det akkurat på høyre side av den vi allerede har, gruppering allthree av elementene sammen (Ctrl-J) For å lage thenext knapp, bare kopiere og gjenspeile en laget bare noen få momentsago og deretter plassere den på høyre side av ringen med disse coordinatesin Transform for theplay /pause-knappen vi trenger for å lage en litt større versjon av hvert av theelements at vi allerede har trukket. For pausen delen, bare lage to 2 x 8 px Vårt iPod skal nå være klar til bruk. Vi er almostthere gutta. De siste delene av vår illustrasjon er terningen og stift, vil soit ikke være lenge til du skal ha en kul selvlaget vektor pack. Antar du ' har allerede flyttet opp på dicelayer, ta tak i Avrundet rektangel Tool Duplicate terningen base form og aftercoloring det i en mørkere grå # 545454 gi den en Offset Sti Gjenta den samme prosessen for. skape shadowand høydepunkt brukes i iPod delen, holder de samme verdiene for både Blending Modes Hotell og Opacity for å fullføre terningen må vi legge thelittle prikker som indikerer antallet det har landet på. Bruke Ellipse Tool (L) For de andre punktene, bare kopiere middleone fire ganger, og deretter posisjon hver av kopiene i en avstand på 3 px bothhorizontally og vertikalt fra sentrert en. for å lage den andre terningen, bare kopiere en wealready har og flytte det slik at du har om 10 px For å startbuilding blyanten, vi kommer til å stole på den gode gamle rektangelverktøyet (M) Hotell og skape en gulaktig (# F4D484 ) 12 x 122 px for å skape spissen, vil vi først ha todraw hoved rosa (# E2C3C3) form som vi vil bygge på resten av object.Using Pen Tool (P) Som du sikkert har blitt vant til nå, weneed å legge en disposisjon til vår lille gule kompis. For å gjøre dette, må du først opprette aduplicate av både hoveddelen og spissen (Ctrl-C > Kontroll-F) Som vi ønsker at undersiden av blyant til stayflat, vi trenger å utvide omrisset (Object > Utvid) Hotell og deretter fjerne det øvre festepunktene ved hjelp av Direct Selection Tool (A) Neste vi trenger å legge til noen vertikale linjer todelimit de tre delene av vår blyant kropp. Lag to 2 x 120 px Som spissen needssome detaljering vil vi starte arbeidet med å legge til de runde seksjoner som areusually et resultat av å spisse blyanten. Bruke EllipseTool (L) Igjen, ved hjelp av Ellipse Tool (L) Plasser alle tre figurene på 2 px for de avrundede former som vi har justcreated å være synlig, må vi gi dem en Offset Sti Effect (Effekt >.; offset Sti) Du skal nå ha noe sånt dette. Legg skyggen og merke ved å lage to 2 x 120 px Som du kan se, verken skygge eller highlightmanage til dekk bunnen avrundede deler vi opprettet noen få skritt siden. Tocorrect dette, velger du bare venstre og høyre mindre figurer ved hjelp av Direct Selection Tool (A) Hotell og kopiere (Ctrl-C) Hotell og lime dem (Ctrl-F) siden vi har begynt å legge høylys og skygger, let'sdo det samme for blyant tips selv. Dobbeltklikk på den rosa delen toenter Isolation Mode Hotell og deretter createtwo duplikater av formen, flytte den ene på toppen 2 px Velg den resulterende formen og endre Blending Mode Gjenta den samme prosessen i Isolation Mode ikke worryabout overliggende effekt opprettet ved krysset av skyggen andhighlight, som vi vil skape en mørk grå delen som vil dekke det opp. Ta RectangleTool (M) Hotell og skape en 8 x 6 px For å legge til en siste finishen til vår design, makesure du er på bakgrunnslaget, og skape en 600 x 600 px Jeg håper youmanaged å følge trinnene i opplæringen og viktigst learnedsome kule ting underveis. Sorry for lengden, men jeg ønsket tocreate noe som selv tidlig Illustrator adopters kunne forstå.
panel, og opprette seks lag, navngi dem som du ser under:
bakgrunn
bærbare
Pantone boken
ipod
terninger
penn
3. Opprette Dagboken
Trinn 1
, skape en 176 x 230 px
form med en Hjørneradius
av 16 px
. Bruk # 695858 for å gi den en fin skinn farge.
Trinn 2
, klikk på figuren vi nettopp opprettet, og deretter drar andselect til venstre middelankerpunktene.
Trinn 3
å slette dem, og deretter bruke Ctrl-J
å forene remaininganchors, og danner en hele formen.
Trinn 4
objekt, som vi vil colorusing en mørkere nyanse # 5C4D4D og sted nøyaktig på venstre side av vår previouslycreated form.
Trinn 5
Trinn 7
.
Trinn 8
andcreate en 4 x 230 px
form, farge itusing samme verdi som for større omriss (# 453939 ) og deretter plassere det (usingthe Align
panel) på høyre sideof bindingen, horisontalt samkjøre de to
i Hvis du er ny til Align
panel, bør du vite at for å plassere to objekter i forhold til oneanother, må du først ha dem valgt, og deretter definere en av dem som thekey objekt ved å klikke på det, og deretter gjøre bruk av de ulike optionswhich er ganske grei.
ikke er synlige, det er fordi du må aktivere dem ved å klikke på den lille ned-pointingarrow øverst i høyre hjørne, og deretter velge Vis alternativer
.
Trinn 9
lettere bærbare objekt to ganger, og deretter flytte upperduplicate 2 px
mot venstre .
eller Alt-Ctrl-Y)
Trinn 10
's Minus Front
muligheten til å kutte ut den delen som vi ikke egentlig trenger.
Trinn 11
panel (til høyre sidetoolbar) og justere verdiene som nedenfor.
Blending Mode:
Overlay
Opacity:
20%
Trinn 12
skape en 2 x 230 px
whiteshape (bruk samme Overlay BlendingMode
med en Opacity
av 20%
) og deretter plassere den ved å bruke Horisontal Høyrejustér
alternativ.
Trinn 13
< p> for å legge til en skygge til binding, bare duplicatethe høydepunkt vi nettopp opprettet, justere den til venstre margin på vår bindingshape, og deretter sørge for å endre fargen til svart (# 000000), Blending Mode
til Multipliser Hotell og å senke Opacity
til om 10%
.
Trinn 14
, tegne en linje som starter på toppen av bærbare (ikke theoutline) og slutter helt nederst, og sette Vekt
til 1 px
. Farge det usingthe samme # 453939 verdi som vi brukte for konturene.
Trinn 15
panel, og kontrollere stiplet linje
alternativet, gir det en valueof 4 px
.
Trinn 16
fra bindingen omrisset slik at det ser ut som min.
Trinn 17
former, plassere dem på en god avstand fra hverandre.
Trinn 18
57 ganger, men en raskere og mer effektiv løsning ville Beto bruke Blend
verktøy.
.
Step 19
popup-boksen, sette Avstand
til Spesifiserte Steps
angir du 57
i riktig verdifeltet, og thenpress OK.
Trinn 20
verktøy, bør du ta merk at blandingen i seg selv ikke vil bli opprettet før du går tilbake til Object > Bland Hotell og klikk deretter på Gjør plakater (eller hvis du foretrekker snarveier, Alt-Control-B
).
Trinn 21
) og deretter dele opp den ( høyreklikk > Del opp gruppe
).
Trinn 22
panel, horisontalt fordele resten i en avstand på 4 px
fra hverandre.
Step 23
andthen rotere dem på en -45 °
vinkel (høyreklikk
> Transform > Roter)
.
Trinn 24
panel, plassere dem ved hjelp av følgende koordinater:
X:
326 px
Y:
266 px
Trinn 25
av linjene vi plassert tidligere
.
Trinn 26
alternativ.
Trinn 27
circleusing Ellipse Tool
og farge itusing # 453939. Neste vi vil vende fylle med hjerneslag (Shift-X) Hotell og sette den til en tykkere verdi på 4 px
.
Trinn 28
panel
X:.
298px
Y:
304 px
Trinn 29
avrundet rektangel med en Hjørneradius
av 3 px
, og deretter horisontalt justere dem, og pass på at du har 8 px
både på topp og bunn side ofthe rektangel går utenfor høyden på sirkelen.
Trinn 30
rectanglewhich vil fungere som vår håndtak og posisjon to 10 x 10 px
sirkler i hver ende.
Trinn 31
)
slik at vi enkelt kan flytte og adjustdifferent deler av bandet.
skape en 14 x 238 px
objekt, farge det med en lysere nyanse # 9B7B7B og deretter plassere det i en avstand avOm 24 px
fra høyre side ofthe notebook.
Trinn 32
, farge det i samme mørk skygge som Dagboken omrisset (# 453939),
andthen gå til Effect > Sti > OffsetPath
å lage omrisset delen.
Trinn 33
.
Trinn 34
hvitt objekt, og sette Blending Mode
til Overlay
, og pass på å senke Opacity til 20%
. Deretter plasserer den ved vertikalt samkjøre det til right av stroppen segmentet.
Trinn 35
rektangel, med Blending Mode
satt på Multipliser Hotell og Opacity senkes til 10%
. Deretter plasserer den umiddelbart syne venstre side av stroppen omriss.
Trinn 36
sirkel, farge det i samme nyanse som skisserer (# 453939), og horisontalt justere den til stroppen, og pass på å plassere det om 12 px
fra toppen av stroppen omriss.
Trinn 37
opprette fire 1x 1 px
sirkler, og plassere dem i en avstand på 1 px
fra sentral større formen vi opprettet tidligere. Bruk Pixel Forhåndsvisning
(Alt-Ctrl-Y)
å få et bedre syn på ting.
Trinn 38
mens du holder Alt
.
Step 39
21 ganger (eller ved å bruke Blend
triks jeg viste deg når wecreated de diagonale linjene på den bærbare).
4. Opprette thePantone Book
Trinn 1
skape en 50 x 212 px
shapewhich vi vil farge ved hjelp av # D8CECE. Plasser den ved hjelp av Transformer
panelet med thesecoordinates:
X:
442px
Y:
297 px
Trinn 2
F)
, og deretter bruke OffsetPath Effect
.
Offset:
4 px
tiltrer:
Miter
Trinn 3
todraw en 10 x 10 px
sirkel, som Vivil kopiere og deretter trekke fra både hovedform og tilbake disposisjon.
Trinn 4
den tidligere kopierte sirkelen, og sprelle med fyll med sitt slag (Shift-X)
, og pass på å sette Stroke
til en tykkere 4 px
verdi. Også ikke glem å expandthe form ved hjelp av Object > Utvid
whileyou har det valgt.
Trinn 5
rectanglehorizontally toppen justere den til Pantone viktigste form og deretter endre colorto # 74B586.
Trinn 6
figurer (som vil gå towardsto ytre marginer) og en 18 x 8 px
whichwill bli plassert midt i midten.
Trinn 7
rektangler (en svart andone hvit) og plassere dem på hver side av Pantone venstre og rightmargins. Sett skyggens Blending Mode
til Multipliser
senke Opacity
til 14%
, og høydepunktet til Overlay
med Opacity
av 24%
.
Trinn 8
rektangel og plassere den på bunnen, og en annen 50 x 3 px
rektangel som går like over thethree farget boks verdier.
Trinn 9
< p> Siden ourpantone boken er nesten ferdig, er alt vi trenger å gjøre er å legge noen små detaljer thatwill gjør det pop.
rektangel, farge det med en mørkere nyanse (# 5A8C68) og thenduplicating det (Ctrl-C > Control- F) Hotell og rotatingthe resulterende objektet i 90 °
vinkel.
fra topand 6 px
fra venstre.
Trinn 10
< p> Når we'vefinished på plusstegnet, er det på tide å legge til noen horisontale linjer som resembleactual tekst. For den øverste grønne delen, opprette tre rektangler (# 5A8C68) withthe følgende verdier:
rektangel 1:
width26 px /høyde 4 px
rektangel 2:
bredde 12 px /høyde 4 px
rektangel 3:
bredde 18 px /høyde 4 px
fra plusstegnet, og pass på å igjen justere dem til det, noe som gir dem en linje plass på 4 px Hotell og en 2 px
mellom de to nederste bitene
Trinn 11
rektangel 1:
width14 px /høyde 4 px /farge # 969191
rektangel 2:
bredde 22 px /høyde 4 px /farge # A8A1A1
rektangel 3:
width28 px /høyde 4 px /farge # A8A1A1
rektangel 4:
bredde 8 px /høyde 4 px /farge # 969191
rektangel 5:
bredde 12 px /høyde 4 px /farge # A8A1A1
rektangel 6:
bredde 8 px /høyde 4 px /farge # 969191
rektangel 7 :
bredde 14 px /høyde 4 px /farge # A8A1A1
rektangel 8:
bredde 8 px /høyde 4 px /farge # 969191
rektangel 9:
bredde 18 px /høyde 4 px /farge # A8A1A1
5.. Opprette theiPod
Trinn 1
, tegne en 72X 66 px
objekt med en Hjørneradius
av 4 px Hotell og deretter farge det i en lightgrey (# 999999). Ikke glem å plassere den på riktig måte ved hjelp av followingcoordinates:
X:
169px
Y:
370 px
Trinn 2
. Bruke Offset Sti
funksjon, skape en newobject med en forskyvning på 4 px
andcolor det i en mørkere grå (# 545454). Pass også på å sende objektet til theback av vår iPod hoveddel.
Trinn 3
til venstre. Withboth kopier valgt, bruker du Pathfinder
's Minus Front
funksjon for å kutte ut theunwanted delen.
Trinn 4
til Overlay
,
loweringthe Opacity
til 20%
.
Trinn 5
< p> For å opprette theshadow, bare kopiere høydepunktet (Ctrl-C > Kontroll-F) Hotell og deretter vertikalt reflektere formen (høyreklikk > Transform > nødvendigvis)
.
til Multipliser Hotell og dens Opacity
til 10%
.
Trinn 6
og tegne en 8 x 4 px
objectwith en Hjørneradius
av 1 px
. Farge det på en mørkere grå (# A8A8A8) og deretter plassere den ved hjelp av følgende koordinater:
X:
191px
Y:
333 px
Trinn 7
velge bunnsentrerte ankerpunkter og deletethem, å forene de resterende form ved hjelp av Kontroll-J
. Deretter velger de nederste festepunktene en gang til og flytte dem opp 1 px
.
Trinn 8
Trinn 9
effekt, med en Offset
av < b> 4 px
, Round tiltrer Hotell og standard MiterLimit
. Når omrisset er opprettet, velger du den og sende den til baksiden, gruppering (Ctrl-J)
alle buttoncomponents (hoveddelen, høylys, skygge og omriss).
Trinn 10
første omgang og thenpositioning det på om 2 px
towardsthe venstre, og pass på å sende dem begge til baksiden av iPod vår.
Trinn 11
skape en 42 x 42 px
lys grå sirkel (# 808080), sprelle med fyll withits slag, og deretter gi den en tykk 14 piksler
vekt
Trinn 12
> Utvid) Hotell og deretter sentrere det både vertikalt andhorizontally til iPod hovedformål -den lys grå.
Trinn 13
,
skape en 2 x 6 px
objekt, som vi vil farge i en mørkere grå (# 999999). Horisontalt justere den til thering og deretter plassere det på midten av den nederste delen av vår ring.
Trinn 14
vinkel, og dermed skape vår pluss-knappen.
Trinn 15
< li> X:
145px
Y:
370 px
Trinn 16
og en bredde på 3 px
som vi vil holde oss til frontlinjen delen.
Trinn 17
.
Trinn 18
panel:
X:
190px
Y:
370 px
Trinn 19
rektangler, farge dem ved hjelp av # 808080, distanserer dem på 2 px
fra oneanother, og når gruppert, plassere dem på følgende koordinater :
X:
173px
Y:
370 px
Trinn 20
< p> Når det kommer til stykket knappen, igjen usingthe Pen Tool (P)
skape en rightoriented pil med en høyde på 8 px
anda bredde på 6 px
.
6. Opprette theDice
Trinn 1
andcreate en 30 x 30 px
objekt med en Hjørneradius
av 3 px
, som vi vil farge ved hjelp #DBDBDB og posisjon etter thefollowing Opplysninger:
X:
190px
Y:
278 px < .no>
Trinn 2
av 4 px
sendingthe resulterer disposisjon til baksiden (høyreklikk > Arranger > lengst bak)
Trinn 3
nivåer.
Trinn 4
skape en 6 x 6 px
sirkel og farge det i thesame mørk skygge som omrisset (# 545454). Deretter bruker Align
panel, plasser den midt i sentrum av terningene.
Trinn 5
Trinn 6
mellom de to. Deretter duplisere sentrert prikk og alignone kopi til venstre etter prikkene og den andre til de rette.
7. Opprette Pencil
Trinn 1
objekt som vi skal toposition etter følgende koordinater:
X:
150px
Y:
246 px
Trinn 2
skape adownward peker trekant, med en bredde på 12 px
og en høyde på 14 px
, plassere den nøyaktig på slutten av blyanten kropp.
Trinn 3
, farge dem med den grå fra iPod'soutline (# 545454) og etter det gjelder OffsetPath
av 4 px
å få det lookingchunky. Husk også alltid å sende omrisset til baksiden som vi ikke wantit skjule våre viktigste former.
Trinn 4
, å forene de remainingones (Ctrl-J)
og flytte dem upby 4 px
.
Trinn 5
rektangler og posisjon themat en avstand på 4 px
fra oneanother. Etter det raskt gruppere dem (Ctrl-J) Hotell og horisontalt topp justere dem til blyant.
Trinn 6
lage to mindre 2 x 2 px
sirkler og skjær dem i to ved slette de beste ankerpunktene. Når you'vedone det, bruker du Direct Selection Tool (A)
å flytte bunnen anker peker ned etter 1 px
.
Trinn 7
,
skape en litt større 4 x 4 px
sirkel slette bare den øverste anker denne gangen. Du shouldnow har tre figurer som ser ut som disse.
Trinn 8
fra hverandre, gruppere dem andthen horisontalt nederst justere dem til blyanten sin basen gul Rektangulære |
Trinn 9
, utvide og forene theresulting offset Hotell og slett thetop delen slik at det ikke vil forstyrre den gule delen av vår blyant.
Trinn 10
rektangler og samkjøre themto venstre og høyre marg av den gule delen av vår blyant . Endre Blending Modes Hotell og Opacity
nivå for å matche de av theiPod.
Trinn 11
på toppen av originals.Then bruke Eye Dropper Tool (i)
toapply samme farge styling brukes på toppen rektangler. Når du har gjort det, forene skygge- og høylys med sine nedre respektive deler ved hjelp av Pathfinder
's Unite
funksjon.
Trinn 12
til venstre. Med begge valgt, bruker du Minus Front
å bli kvitt den unwantedpart.
Trinn 13
til Overlay
,
senke sin Opacity
til 24%
.
Trinn 14
men denne gangen flytte den øvre duplikat 2 px
til høyre, endre theresulting figurens farge til svart (# 000000), sin Blending Mode
til Multiply
andits Opacity
nivå til 24%
.
Trinn 15
objekt (# 545454), som vi vil horisontalt justere til blyanten og stilling til om 4 px
fra bunnen av pencil'soutline.
Trinn 16
< p> Vi kunne forlate det siste objektet som det er, men asI'm virkelig detalj-drevet jeg mener vi bør maskere det med rosa sectionof blyanten. Så velg blyant tips, kopiere og lime den på toppen, og thenwith både det og grå rektangelet valgt, høyreklikk > Gjør Clipping Mask
.
8. Legge til en ColoredBackground
square (samme størrelse som vår Artboard). Farge det ved hjelp av # 999999 og thensimply justere den både vertikalt og horisontalt til vår Artboard.
Da er det slutt!