How å lage et sett med Mini Pirate Icons i Adobe Illustrator
Hva du skal lage
Today'stutorial vil vise deg hvordan du kan lage et sett med pirat-tema ikoner med den helpof Adobe Illustrator. Prosessen vil bli i hovedsak basert på bruk av basicshapes, med en touch av Pen Tool hereand der.
Arr meg mateys! I dag skal vi smart bygge et fiercefulscallywag ikonsett ved hjelp av vår gamle Bucko, Illustrator. Aye! Så kanskje jeg hadde litt litt for mye moro med hele "talk-like-a-pirat-vrøvl", men whocan klandre meg for å elske det.
1. Klar Vår Document
Lytt opp landkrabbe, åpne opp Illustrator og sette opp en Nytt dokument (Fil > New eller Ctrl-N)
bruker følgende innstillinger:
Antall tegnebord
: 1
Bredde Bilde: 800 px
Høyde Bilde: 680 px
Units Bilde: Pixels
Og fra fanen Avansert Bilde:
Color modus Bilde: RGB
Raster Effects Bilde: Høy (300ppi)
Align nye objekter toPixel Grid Bilde: sjekket
2. Lagdeling OurArtboard
Forutsatt at du har opprettet en frisk dokument, bringup Layers Quick tippe Bilde: som du beveger deg gjennom de ulike lagene, låse de du for øyeblikket ikke jobber på slik at du ikke vil getelements av ikonene på ulike lag enn de som er dedikert til dem Hvis du arefamiliar med måten Illustrator fungerer, bør du vite at det gir deg theoption å knipse design til sin PixelGrid Fordi thereare ulike situasjoner som krever forskjellige innstillinger 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 innstillinger, fordi jeg føler jeg har mer kontroll over mine motiver. For å endre disse innstillingene, må du gå til Rediger > Preferanser > Guides & Grid Når you'veadjusted disse innstillingene, alt du trenger å gjøre for å gjøre alt pixelcrisp er mulig Fest til rutenett Quick tips. Hvis du er vant til å flytte ting rundt med thehelp av tastaturets retnings piltastene, kan det være lurt å endre Keyboard Increment Hvis din versjon av Illustrator har verdien satt til pt, bare gå til Enheter Kjøpe og endre Generelt Hotell og Stroke Sørg for at du er på mynten laget, og usingthe Ellipse Tool (L) Opprett mynten er tykkere disposisjon, byduplicating forrige form ( Ctrl-C > Kontroll-F Når vi har vår myntens disposisjon, må vi makesure å sende den til baksiden, slik at det ikke vil forstyrre resten av ourobjects. For å gjøre dette, velger du bare form, og deretter høyreklikk > Ordne > Send til Back Quick tips Bilde:. Prøve å huske dette trinnet som vi vil bruke lengst bak Neste vi vil skape halvring styledhighlight og skygge. Lag en kopi av gullet form ( Ctrl-C > Kontroll-F Quick tips Bilde: vi kunne ha fått den samme effekten byflipping den duplisere sin fylle med sitt slag (Shift-X) og deretter expandingthe form, men jeg fant ut at noen ganger Velg den resulterende formen, endre farge towhite (#FFFFFF) og deretter sette sin < b> BlendingMode Med ringen valgt, ta tak i rektangel Tool (M) Hotell og skape en shapethat dekker opp den nederste delen av vår nåværende valg. Med begge theobjects valgt, bruker du Pathfinder Lag en kopi av den øverste delen, og deretter høyreklikk > Transform > Reflektere > Horisontale Quick tips Bilde: hvor du har elementer som danner en annen del av youricon /illustrasjon, gruppere dem sammen ved å markere dem og deretter usingthe Ctrl-G Ved hjelp av EllipseTool (L ) Som du kanskje har sett, har våre øyne super roundcorners på sidene, som er noe som vi ikke ønsker. For å rette opp dette, velger du først formen og deretter ved hjelp av Anchor Point Tool (Shift-C) Begynn å legge detaljer til øyet ved å skape onelarger 24 x 24 px Legg de øvre øyevippene ved å skape ett 2 x 8 px Opprett aslightly kortere 2 x 6 px Legg til en 2 x2 px Når du har toppen øyevipper, velger alle itscomponents, gruppe dem ( Ctrl-G Grab PolygonTool Hotell og skape. en 4 sided Nå, forutsatt at du har forstått hva jeg har sagt, skape arhombus som har 8 px Legg fire mindre 4 x 4 px Legg et par diagonale høydepunkter ved å skape onethinner 2 x 112 px Gå inn PixelPreview Plasser refleksjoner mot rightcorner, og deretter maskere dem ved hjelp av myntens hovedformen som en maske. Start jobber på de største stjerneformede høydepunkt ved å opprette en 28 x 28 px Lag tre eksemplarer, og reflektere dem slik at deres kurvatur peker mot inside.Position alle fire figurer nær hverandre slik at de danner en stjerne. Thensimply velge hver kryssende par av forankringspunkter og forene dem med Ctrl-J Lag to mindre stjerneformede høydepunkter byduplicating ( Control- C Når du har alle tre høydepunkter, gruppere dem ( Ctrl-G Avslutt-ikonet ved å opprette en 90 x 14 px Gå videre til flasken lag, og skape en 72 x 92 px Juster shapeof flasken ved å slette de øverste midtankerpunkt og deretter legge fournew de som du ser under. Det første settet skal være på om 24 px Quick tips Bilde:. må du ta deg tid med formen på flasken som youwill må velge og justere de nye ankerpunktene, slik at du får den shapethat du ønsker Legg en disposisjon til flasken ved å opprette aduplicate og deretter bruke en OffsetPath Opprett indre høydepunkt og skygge i thesame måte som vi gjorde for mynten ikonet, og pass på å justere den objectto formen dannet av flaskens linjer. Ved hjelp av RectangleTool (M) Ved hjelp av PenTool (P) Ved hjelp av EllipseTool (L) Legg to diagonale høydepunkter etter sameprocess vi brukte for mynten ikonet. La oss begynne å jobbe på den lille frontetiketten ved å opprette en 48 x 56 px Ved hjelp av PolygonTool Jeg vet, jeg vet-vanligvis hodeskaller brukes som symboler for dødelig, ikke drikke /spise. Men det er apirate kit, og la oss være ærlige, pirater elsker hodeskaller, så kommer med en skullfor hoved stykke etiketten en no-brainer. Først må vi tocreate runden øverste delen. For å gjøre dette, ta tak i Ellipse Tool (L) Hotell og tegne en 24x 26 px Deretter bryteren til Direct Selection Tool (A) Hotell og endre den nedre delen av ellipse, ved å velge bunnen anchorpoint og flytte den mot toppen av 5px Slå tilbake tothe Ellipse Tool (L) Hotell og lage to 4 x 4 px Ved hjelp av Pen Tool (P ) Finish opp skallen ved å legge to 2 x 4 px Når du er ferdig med etiketten, grip thestar formede høydepunkter fra mynten ikonet, endre sin farge til # AABAA6 andposition dem mot øvre høyre side av flasken. Ved hjelp av RoundedRectangle Tool Endre omrisset farge til # 262626 og deretter sørge for å sende den under themain form av flasken cap. Posisjon både figurer på flasken nakke sothat den nederste delen av disposisjonen overlapper den øverste av flasken. Legg noen detaljer til hetten ved å opprette to vertikale rektangler (ett med en 1 px Neste lage to 40 x 4 px Når du har gjort. det, bare legge til to 24 x 2 px For å avslutte rum flaske ikon, bare kopiere theshadow fra mynten en, og lim den inn under den. Som kompassikonet er basert på mynten ikonet, kan vi kopiere og lime det inn på vårt aktuelle lag, og deretter fjerne øyet, de rhombuses og mindre sirkler, slik alle de andre elementene som de are.Align den modifiserte ikonet til høyre for flasken, i en avstand på 100 px Velg de stjerneformede høydepunkter og flytte themtowards bunnen av 6 px Deretter dobbeltklikker du på den diagonale høydepunkter å legge inn Isolation Mode Hotell og med begge theshapes utvalgte, flytte dem et par piksler mot toppen i venstre hjørne slik at theelements at vi kommer til lag under vil ikke forstyrre dem toomuch. Også prøve å senke diagonal høydepunkt Opacity Start jobber onthe base for den magnetiske nålen ved å opprette en 34 x 34 px Quick tips Bilde:. som du kan se, vår base er nå dekker noen deler av ourhighlights, men ikke bekymre deg-vi vil fikse det når vi har alle våre detaljer tilsatt. Legg til en litt mindre 26 x 26 px Nå er det på tide å begynne å legge de directionalpointers. Slå på Pixel Forhåndsvisning Lag en kopi av indikatoren, og deretter snu ithorizontally ( høyreklikk > Transform > Nødvendigvis > Horisontal Velg både topp og bunn indikatorer, groupthem ( Ctrl-G Nå som vi har våre NESW indikatorer, it'stime å legge til NE-SE-SW-NW seg. Bruke Pen Tool Med de to indikatorene valgt, høyreklikk > Transform > Roter Hotell og skriv 45 Lag en kopi av de grupperte indikatorer, andflip det Vertikal Når du har alle indikatorene satt opp, legge acouple sirkler (# 6D564A) til hver enkelt tips. Opprett 4 x 4 px Bruke EllipseTool (L) Grab Anchor Point Tool (Shift-C Legg en liten peiling på nålen, ved å opprette en 14 x 14 px Så bare cutthe ring i to, skape en reflektert kopi av den, og deretter endre Blending Mode Siden vi er ferdig med nålen og indikatorer, er det på tide å bringe høydepunktene i front, slik at de overlapper noen detaljer thatare plassert under dem. For å gjøre dette, velger du bare de diagonale og stjerneformede høydepunkter og høyreklikk > Arranger > Ta til Front Ved hjelp av RectangleTool (M) Group ( Ctrl-G Bruke RectangleTool (M) Med hjelp av Avrundet rektangel Tool Gi objektet et offsetof 8 px Hotell og deretter plassere de to sothat den nederste delen av disposisjonen lapper toppen en av compass'sneck. Legg til et høydepunkt og en skygge til lys greysection, og deretter et sett med to vertikale linjer, og pass på å gruppere og maskthem hjelp av figuren under som en maske. Fyll flasken ikonet ved å legge til et 30 x 30 px Siden denne formen er også basert på mynten ikonet, kopiere det på riktig lag, og deretter bli kvitt alle unneededelements. Endre basis figurens farge til # 514F4D, og den stjerne shapedhighlights til # BCB8B5, og deretter plassere det under mynten på om 75 px Lag en kopi av halsen vi gjort for thecompass ikonet, og plasser den under bomben ikonet, endre brownshape farge til # 444240. Velg RectangleTool (M) Hotell og skape en 54 x 14 px Bygg den lille sikringen ved å legge til et 24 x 40 px Med objektet valgt, grabthe rektangel Tool (M) Hotell og trekke asquare fra figurens sentrum mot venstre kryss. Bruk Pathfinder Withthe ny form valgt, duplisere den ( Ctrl-C > Kontroll-F Velg alle elementer som danner sikringen, gruppere dem og deretter plassere dem mot den øverste delen av bomben sin nakken, så thatthe høyre side har 9 px Legg en liten runde høydepunkt ved å opprette en 14 x 12 px Legg til en halvmåne skygge av overlapp twoellipses og trekke den øverste fra den ene undersiden ved hjelp av Pathfinder Lag en 128x 98 px Duplicate formen vi nettopp opprettet ( Ctrl-C > Kontroll-F Opprett en ny kopi av den brune objekt, changeits farge til # 947464 og bruke DirectSelection Tool (A)
panel og skape seks lag, navngi dem som follows:
coin
bottle
compass
bomb
treasure
map
<. h2> 3. Sette opp acustom Grid
. Det betyr at hvert forankringspunkt vil bli plassert på middleintersection av fire piksler.
. Derfra vil en liten popup vises, hvor vi trenger å justere thefollowing:
Uten kraftlinjer hver Bilde: 1 px
Underinndeling
: 1
optionlocated under Vis
menyen
bør du vite at Fest til rutenett
optionwill forvandle seg til Snap være Pixel
hver gang du går inn Pixel Preview Mode
, men ikke bekymre deg, det er helt greit, så mesteparten av tiden vil du bli goingback og fremover med denne visningsmodus.
til 1 px
å få det så presis som possible.You kan gjøre dette ved å gå til Rediger > Innstillinger > Generelt > Tastatur Økning
.
enheter til Pixels Hotell og du er godt å gå.
4. Opprette theGold Coin Icon
Trinn 1
lage en 82 x 82 px
form, som vi vil thencolor bruker # FFC05A. Plasser mynten base form med hjelp av Transform
panel:
X Bilde: 193 px
Y Bilde: 264 px
Trinn 2
) , velge kopien (som vi vil farge bruker # 262626) og deretter gå til Effect > Sti > Offset banen
. Et lite popup som ber deg for offset verdi. Skriv inn 8 px
, forlater tiltrer
og Spisst grense
til standardverdiene.
Trinn 3
handling mye som vi bygger våre små ikoner , så når Itell du å sende et objekt til baksiden av en annen vil du vite nøyaktig hvordan andwhy å gjøre det.
Trinn 4
) og deretter legge en mindre 74 x 74 px
sirkel på toppen. Med både ofthe objekter som er valgt, gå til Pathfinder
panel og velg Minus .Dette Foran
vil skape en utskjæring som vil gi oss en 4 px
tykk ring.
whenyou bytte de to objektet blir forskjøvet fra Pixel Grid
.
Trinn 5
til Overlay, etter senke Opacity
til om 24%
.
Trinn 6
's Minus Front
aksjon for å fjerne bottomhalf av ringen.
Trinn 7
å snu formen. Sørg for å flytte den reflekterte objecttowards bunnen av myntens gullobjekt. Når du har skyggen inplace, endre Blending Mode
til Multiply
,
senke sin Opacity
til 10% Anmeldelser .
snarvei på yourkeyboard. Dette gjør arbeidet med ulike deler av kunstverket ditt enklere, trenger asyou ikke å bekymre deg for å miste et objekt når du flytter sin motpart.
Trinn 8
lage en 36 x 20 px
form, farge den med # EAA13F og deretter plassere den i midten av mynten med thehelp av Align
panel.
< p> Quick tips Bilde: når samkjøre to eller flere objekter til hverandre, må du ha dem bothselected, og da må du fortelle Illustrator hvilken som er Key Object
ved å klikke på en av theobjects som er en del av det valget.
Trinn 9
klikk på venstre og høyre anchorpoints å gjøre dem fine og spisse.
Trinn 10
sirkel (# D8903A) som vi vil posisjonere seg mot midten av forrige form (på om 6 px
fra bunnen), og en mindre 8 x 8 px
sirkel (# EAA13F)
som vi vil presse mot nederste høyre side av largerone. Fordi sirklene går utenfor det området av øyet vårt, må vi tocreate en klipping maske ved å duplisere den spisse ellipse på de to formene Wejust opprettet, og deretter med alle tre av dem valgte høyreklikk > Gjør Clipping Mask
.
Trinn 11
avrundet rektangel, med en Hjørneradius
av 1 px
, fargelagt det å bruke # EAA13F og deretter horisontalt samkjøre det tothe øye på en avstand på om 2 px
.
Trinn 12
form, med samme 1 px Corner Radius
, og plasserer den til venstre for den tidligere opprettede form, i en avstand på 2 px
.
velge itsupper ankerpunkt, og flytte dem ved å 1px
til venstre Bruke Direct Selection Tool (A). Du kan gjøre dette ved å trykke én gang på venstre arrowkey, eller du kan høyreklikk > Transform > Flytt Hotell og skriv -1
intothe Horisontal
feltet.
sirkelen til venstre for den modifiserte form, å sørge for å flytte ittowards bunnen av 1 px
. Når youhave venstre side av øyevipper, velger du bare de to former, lage en kopi ( Ctrl-C > Kontroll-F
) andthen flytte duplikater til høyre side av midtstykket vi opprettet i forrige trinn.
Trinn 13
) og deretter lage en kopi som vi vil horisontalt reflektere ( høyreklikk > Transform > Nødvendigvis > Horisontal
) andposition under øyet
Trinn 14
shapewith en 4 px Radius
. Hold ut, har youmight lagt merke til at den resulterende formen er en faktisk firkantet og ikke en rombe (som er hva vi vil), men det er bare becauseinputting verdiene direkte inn i PolygonTool
's popup vil få deg gjenstander som aren 't rotert. Hvis du bytter til Pixel Forhåndsvisning product: ( Alt-Control-Y
) andcreate en figur ved å dra markøren, kan du rotere torget og skape theshape som vi trenger.
mellom thehorizontal og vertikale par av ankerpunktene. Endre fargen til # EAA13F andthen plassere formen på venstre side av øyet, på om 7 px
, og pass på å holde de to verticallyaligned. Legg til en annen forekomst av rombe til høyre for øyet, og thenwith både det og den første som er valgt, gruppere dem sammen ( Ctrl-G
).
Trinn 15
< p> Velg gruppe rhombuses vi nettopp opprettet, og deretter lage et duplikat ( Ctrl-C > Kontroll-F
) som vi vil rotere med en 90 °
vinkel ( høyreklikk > Transform > Rotate >. 90
)
Trinn 16
sirkler (# F2AB44) og posisjon dem ved hjelp av followingcoordinates i Transform
panel:
øverst til venstre sirkel Bilde: X: 173 px /Y: 244 px
< b> øverst til høyre sirkel Bilde: X: 213 px /Y: 244 px
nederst til venstre sirkel Bilde: X: 173 px /Y: 284 px
< b> nederst til høyre sirkel Bilde: X: 213 px /Y: 284 px
Trinn 17
rektangel og onethicker 8 x 112 px
én anddistancing dem på 6 px
fra oneanother. Gruppe dem ( Ctrl-G
), og deretter rotere dem på en 45
° vinkel bypressing R Hotell og dra dem til theright. Sett Blending Mode
til Overlegg Hotell og senk Opacity
nivået til 20%
.
Trinn 18 Anmeldelser
modus
( Alt-Control-Y
) og deretter dobbeltklikke på de diagonale linjene vi har nettopp opprettet slik at vi kan knipse anchorpoints tilbake til Grid
, som therotation vanligvis smekker dem av. Gjøre det ved å velge ankrene med Direct Selection Tool (A) Hotell og thenclicking og dra dem til nærmeste Grid
krysset.
Trinn 19
Trinn 20
sirkel, som vi vil farge ved hjelp #FFEACC. Deretter bruker du Direct Selection Tool (A)
, fjerne venstre og nederste ankerpunkt byfirst markere dem og deretter trykke på Slett
.Adjust formen resulterende bunn forankringspunkt, ved å flytte det mot thebottom av 2 px
.
.
Trinn 21
> Kontroll-F
) og deretter nedskalere dem ved å 50% product: ( høyreklikk > Transform > Scale > -50%
). Plasser kopiene slik at deres ankerfester at arepointing mot hverandre ville krysse hvis du trakk linjer gjennom dem (se thegreen linjene jeg lagt i bildet nedenfor).
Trinn 22
) og deretter stilling themtowards øverst i høyre hjørne av vår sak.
Trinn 23
form, som vil fungere som vår skygge. Endre objektets farge til # F5F5F5 og deretter bunnen justere den til mynt på om 8 px
.
5. Opprette theRum Bottle Icon
Trinn 1
rektangel med en Corner Radius
av 8 px
. Farge form ved hjelp # 5C7057 og deretter plassere den til theright siden av mynten ikon, i en avstand på 108px
,
samkjøre den til undersiden av gull delen. Anmeldelser
Trinn 2
fra flasken øverste delen, og deretter den andre en som vil danne flaskens hals bør legges atabout 12 px
fra det første settet.
Trinn 3
av 8 px
til det. Endre itscolor til # 262626 og deretter sørge for å sende den til baksiden.
Trinn 4
Trinn 5
legge til en liten 16 x 8 px
svart (# 000000) rektangel til toppen av flaskens hals, som vil fungere som ashadow. Endre objektets BlendingMode
til Multipliser Hotell og deretter setthe Opacity
til 40%
.
Trinn 6
< p> Opprett en kopi ( Ctrl-C > Kontroll-F
) av flasken høydepunkt og skygge, forene dem ( Ctrl-J
) inn asingle form. Deretter oppretter du en kopi av flasken hoved form, og ved hjelp av Pathfinder
's Minus Front
alternativet, trekker de tidligere united figurer fra det, farging den resulterende objektet med # 455441. Anmeldelser
Trinn 7
spore en bølgelinje som vil fungere som vår flaske væske (i ourcase, elixir av det ene øyet, skjeggete rum elskere). Endre figurens colorto svart (# 000000) sette sin BlendingMode
til Multipliser Hotell og dens Opacity
nivået til 26%
. Mask væsken, ved å bruke en klipping maske med innersection av flasken som vi opprettet i forrige trinn.
Trinn 8
opprette tretten 4 x 4 px
sirkler (# 262626), som vil tjene som dekorasjon stykker for den nederste delen av vår littlebottle ikonet. Lag en rad med sju
sirkler, distansert på om 4 px
fra oneanother, deretter en rad med fire
andfinally annet ett av to
sirkler , holder samme 4 px
distancebetween dem.
Trinn 9
Trinn 10
form (# 262626) som vi vil horisontalt justere til flasken kropp, og plasser den på ca 40 px
fra bunnen.
Trinn 11
lage to 4 x 4 px
rhombuses (# B5B5B5) og vertikalt justere dem til etiketten, slik at om 4 px
mellom dem og sidene av thelabel. Legg et ekstra sett med to litt lenger ( 8 x 4 px
) figurer, justere dem horisontalt, og igjen sørge toleave om 4 px
mellom dem andthe topp og bunn sider av etiketten .
Trinn 12
form, noe som vil gå på toppen av en 16 x 6 px
rektangel. Color begge figurer ved hjelp av # F0F0F0.
. Deretter velger de beste venstre og høyre ankere av rektangelet og movethem mot innsiden av formen med 2px
. Plasser runde delen av skallen mot undersiden av therectangle, forlater om 2 px
betweenthe ellipse og rektangel bunnen.
sirkler, som vi vil colorin samme mørke fargetone som etiketten (# 262626) og avstand fra hverandre atabout 8 px
. Med både av circlesselected, gruppere dem ( Ctrl-G
) og deretter justere dem til den øverste delen av rektangelet, forming kjeven.
, lage en avrundet tiptriangle som vil fungere som nesen hullet, og plasser den mellom eyesockets, og pass på at spissen går mot bunnen av 2 px
.
avrundet rektangler (# 262626) med en Corner Radius
av 1 px
som vi vil posisjonere på hver side av nese, noe som gjør surethat den øverste halvdelen går over kjeven mens den nederste går utenfor den, intothe etiketten overflate.
Trinn 13
Trinn 14
opprette en 24 x 16 px
brun (# 876A5B) form med en CornerRadius
av 2 px
. Deretter oppretter anoutline ved først å duplisere og deretter bruke en Offset Sti
effekten av 8 px
.
Trinn 15
bredde og en annen med en 2 px
en) distansert på om 1 px
fra hverandre, som vi willcolor hvit (#FFFFFF). Gruppe ( Ctrl-G
) og deretter
posisjon themtowards høyre side av hetten hovedform, forlater om 4 px
tomrom mellom dem andthe sideseksjon. Endre sin BlendingMode
til Overlay Hotell og sørge tolower deres Opacity
til 40%
.
rectanglesand plassere dem på toppen og bunnen sider av hatten. Still toppen ens Blending Mode
bruker samme settingswe brukes for de tidligere gjenstander, sette den nederste til Multipliser
. Maskere to ved hjelp av en copyof hetten brune form (lage en kopi ovenfor, velge alle tre former, og deretter høyreklikk > Gjør Klipping Mask
)
rektangler på toppen av lokket, og pass på å distansere dem på 4 px
fromone en annen, og deretter gruppe og både horisontalt og vertikalt justere dem til thecap viktigste form.
Trinn 16
6. Opprette theCompass Ikon
Trinn 1
. Deretter endre fyll colorfrom gul til mørk brun (# 947464) og stjerneformede høydepunkter til # D3BFB8.
Trinn 2
. Du cando dette enten ved hjelp av tastaturet (hvis du har sin tilvekst satt til 1 px
som jeg viste deg i begynnelsen) eller ved å velge og deretter høyreklikk > Transform > Flytt > Hotell og deretter skrive inn 6 px
i Vertikal
valuefield.
til 12%
som theoriginal verdi ( 20%
) synes å være toohard for den brune grunnfarge av kompasset.
Trinn 3
sirkel, som vi vil farge bruker # 6D564A og deretter positionright i midten av vår ikon
Trinn 4
sirkel på toppen av den vi nettopp opprettet, gir det alighter skygge (# 876A5B).
Trinn 5
modus ( Alt-Control-Y
), og deretter grabthe Pen Tool (P) Hotell og tegne en trianglewith en 10 px
bredde og 14 px
høyde. Horisontalt justere den tothe større sirkel som vi opprettet i trinn 3, og pass på at basen overlapsby 2 px
.
Trinn 6
). sørge for å plassere det mot underside av sirkelen og holder samme 2 px
lapper som før
Trinn 7
) og deretter opprette AKopier som vi vil rotere slik at indikatorene er nå vannrett. Vi vil doso ved å trykke på R Hotell og deretter clickingon ett av elementene, og dra til høyre mens du holder nede Shift
tasten .
Trinn 8
lage et annet sett med indikatorer (en peker oppover andone nedover) med en 8 px
Widthand 10 px
Høyde. Posisjon hver IDen bunnen av laget tidligere indikatorer og gruppere dem ( Ctrl-G
).
Trinn 9
i Angle
verdifeltet. Som du kan se, ourshapes er nå diagonal, men hvis du tar en nærmere titt på deres anker pointsyou kanskje merke til at de ikke lenger festes til Grid
. Ta tak i DirectSelection Tool (A) Hotell og velge hver av ankrene og snapper dem til theclosest Uten kraftlinjer
krysset.
Trinn 10
eller Horisontal product: ( høyreklikk > Transform > Nødvendigvis
) som i dette tilfellet det willhave samme effekt
Step 11
seg for NESW indikatorer og 2 x 2 px
seg for de mindre NE-SE-SW-NW indikatorer.
Trinn 12
, opprette en 12 x 52 px
form (vår magnetisk nål), farge den med # 473830 og deretter justere den både vertikalt og horisontalt til bunnen av kompasset.
) og klikk på sin topp og bottomanchor poeng å endre sine tips fra runde til spisse. Roter theneedle på en -45
° vinkel ( høyreklikk > Transform > Roter
), og pass på å knipse sine anker til nærmeste Uten kraftlinjer
krysset.
Step 13
sirkel (# 6D564A) andpositioning det rett over den. Legg ringen stylet høydepunkt og skygge som weused for hoveddelen av kompasset ved å lage en kopi av bearingand legge en mindre 10 x 10 px
circleabove det, som vi skal kutte ut ved hjelp av Pathfinder
s Minus alternativ Front
.
til Overlay
for høydepunktet og Multiply
for skyggen, holde både Opacity
levelsat 10%.
Trinn 14
.
Step 15
lage en 26 x 10 px
form, farge det ved hjelp # 6D564A og deretter gi den et omriss av 4 px
bruke Offset Sti
effekt ( Effect > Sti > Offset Sti
), og pass på å sende den til baksiden.
) og deretter stilling theobject og omrisset mot den øverste delen av kompasset ved å skrive inn thesecoordinates inn i Transform
panel:
X Bilde: 579 px
Y Bilde: 216 px
Step 16
lage en 26 x 2 px
shapeand plasser den mot toppen av den brune formen vi opprettet i forrige trinn. Colorit hvit (#FFFFFF) og deretter endre BlendingMode
til Overlay
,
senke sin Opacity
til 24% Anmeldelser .
Trinn 17
opprette en 16 x 20 px
form med en CornerRadius
av 8 px
. Endre sin colorto # 6B6664 og deretter kvitte seg med den nederste halvdelen bruker triks jeg viste youwhen vi skapt ring høydepunkt for mynten ikonet.
Trinn 18 <
Step 19
br>
sirkel (# 262626), og deretter flipits fylle med sitt slag ( Shift-X
) og gi den en vekt på 8 px
.Expand formen ( Objekt > Utvid > Fyll Hotell og Stroke
) og thenposition den under runde delen vi opprettet i trinn 17, på omtrent < b> 1 px
fra sin base.
7. Opprette theBomb Ikon
Trinn 1
fra skyggen sin.
Trinn 2
Trinn 3
form (# 262626) som vi vil posisjonere over bomben hals, slik at den overlapper thetop delen av sin disposisjon ( 8 px
suge toppen).
Trinn 4
form med en Corner Radius
av < b> 12 px
. Endre farge til # BCB8B5 og deretter vende sin fylle med itsstroke ( Shift-X
). Gi lattera 4 px Vekt Hotell og deretter utvide den ( Objekt > Utvid > Fyll Hotell og Stroke
).
's Snitt
muligheten til å trekke formen dannet av intersectionof de to stedene. Legg en 4 x 4 px
circleto høyre side, å forene de to .
) og bruke en OffsetPath
av 4 px
, og pass på å sendthe resulterer disposisjon til baksiden ( høyreklikk > Arranger > lengst bak
). Legg en mindre 4 x 3 px
svart (# 000000) rektangel til bunnen av den grå shapeand satt sin Blending Mode
til Multiply
, senke sin Opacity
til 40%
.
Trinn 5
av Freespace mellom det og halsen er større form.
Trinn 6
form (#FFFFFF), som Vivil rotere med en 45
° vinkel ( høyreklikk > Rotate > 45
). Thenchange sin Blending Mode
til Overlay
, sette Opacity
nivået til 24%
. Plasser formen mot toppen venstre side av bomb'sround kroppen.
Trinn 7
's Minus alternativ Front
. Farge det svart (# 000000), setter sin Blending Mode
til Multiply
, senke sin Opacity
til 20% Hotell og deretter plassere den mot thebottom høyre hjørne av bomben viktigste form. Ikke glem å ta thestar formede høydepunkter til fronten ved hjelp av Ordne > Ta til alternativ Front
.
8. Opprette theTreasure Chest Icon
Trinn 1
avrundet rektangel med en CornerRadius
av 5 px
som vi willcolor bruker # 6D564A. Plasser den nye form, slik at undersiden vender alignedto at av bomben lys grå rund form, og pass på å horisontalt alignit til Artboard.
Trinn 2
) og applyan Offset Sti
effekten av 8 px
til det. Endre resultingoutline farge til # 262626 og deretter sende den til baksiden ( høyreklikk > Arranger > lengst bak
).
Trinn 3
velge og deretter fjerne ( Slett
) sine bunnsentrert ankerpunkt, å forene de remainingones ( Kontroll-J
).