How å lage til postboks Alert-ikon i Adobe Illustrator
I det følgende opplæringen vil du lære hvordan å lage en enkel mail ikon. Vi skal jobbe fra grunnformer og bruke Pathfinder-panelet og graderinger å skape en stilig ikon i Adobe Illustrator.
Trinn 1
Åpne Illustrator og trykke Command + N å opprette et nytt dokument. Skriv inn 600 i bredde og høyde boksene klikk deretter på knappen Avansert. Velg RGB, Screen (72ppi) og sørge for at " Rett nye objekter til Pixel Grid " er merket før og klikk på OK. Aktiver Grid (View > Vis rutenett) og Fest til rutenett (View > Fest til rutenett).
Deretter trenger du et rutenett hver 5px. Bare gå til Rediger > Preferanser > Guides & Grid, skriv 5 i linjenettet hver boks og en i underinndelinger boksen. Du kan også åpne infopanelet (Vindu > Info) for en live forhåndsvisning med størrelsen og plasseringen av figurer. Ikke glem å sette måleenheten til piksler fra Rediger > Preferanser > Enhet > General. Al disse alternativene vil øke arbeidshastigheten.
Trinn 2
Bruke rektangelverktøyet (M), opprette en 200 ved 125px form, fyll den med lineær gradient vist i følgende bilde og gå til Effect > Stylize > Avrundede hjørner. Skriv inn et 10px radius, klikk på OK og gå til Object > Utvid Utseende.
Trinn 3
Velg det formen gjort i forrige trinn og lage en kopi i front (Ctrl + C > Control + F). Bruke rektangelverktøyet (M), opprette en 220 av 95px form, fyll den med R = 119 G = 154 B = 99 og plasser den som vist i det andre bildet. Fokus på oversiden av denne grønne rektangelet og bytte til Direct Selection Tool (A). Velg de to festepunktene (uthevet i det andre bildet) og gå til Object > Sti > Gjennomsnittlig (Alt + Ctrl + J). Sjekk Både knappen og klikk på OK. Dette bør slå grønne rektangelet i en trekant. Velg den sammen med kopien gjort i begynnelsen av trinnet, åpne Pathfinder-panelet og klikk på Snitt knappen. Til slutt grønn form bør se ut i det fjerde bildet.
Trinn 4
Deaktiver Fest til rutenett (View > Fest til rutenett) og deretter gå til Rediger > Preferanser > Generelt og sørge for at tastaturet Økning er satt til 1px. Velg den grønne formen laget i forrige trinn, og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Flytt til Lag-panelet velge nederste kopiere og flytte den 2PX opp ved hjelp av pil opp fra tastaturet. Reselect begge kopier som er laget i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Fokus på den resulterende formen, ta tak i Slett Anchor Point Tool (-) og fjern de to festepunktene pekte pilene i det tredje bildet. Fyll denne tynne formen med lineær gradient som vises i det endelige bildet deretter senke Opacity til 15% og endre Blending Mode til Multipliser. Den gule tall (" 55 ") fra gradienten bildet står for Opacity prosentandel.
Trinn 5
Velg den grønne form og gå til Object > Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk på OK. Velg den resulterende formen og lage en kopi i front (Ctrl + C > Control + F). Velg denne kopien og flytte den 1PX opp ved hjelp av pil opp fra tastaturet. Reselect både formen gjort i dette trinnet og klikk på Minus Front knappen fra tastaturet. Fylle den resulterende form med lineær gradient er vist i følgende bilde. Husk at de gule nuller fra den gradient bilde stå for Opacity prosentandel.
Trinn 6
Velg det avrundet rektangel gjort i andre trinn og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 1px opp. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Velg den resulterende formen, ta den med til fronten (Shift + Ctrl +]), fyll den med lineær gradient vist i følgende bilde og endre Blending Mode til Soft Light.
Trinn 7
Velg det grønne form og erstatte den flate fargen som brukes for fyll med lineær gradient vist i følgende bilde. Den hvite tall (" 50 ") fra gradienten bildet står for plassering prosentandel.
Trinn 8
Aktiver Fest til rutenett (View > Fest til rutenett). Velg det avrundet rektangel gjort i andre trinn, og lage en kopi i front (Ctrl + C > Control + F). Bruke rektangelverktøyet (M), opprette en 220 av 80px form, fyll den med R = 119 G = 154 B = 99 og plasser den som vist i det andre bildet. Fokus på undersiden av denne grønne rektangelet og bytte til Direct Selection Tool (A). Velg de to festepunktene (uthevet i det andre bildet) og gå til Object > Sti > Gjennomsnittlig (Alt + Ctrl + J). Sjekk Både knappen og klikk på OK. Velg den resulterende trekant sammen med kopien gjort i begynnelsen av trinnet og klikk på Skjæring knappen fra Pathfinder-panelet. Til slutt grønn form bør se ut i det fjerde bildet.
Trinn 9
Deaktiver Fest til rutenett (View > Fest til rutenett). Velg den grønne formen laget i forrige trinn, og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 2PX opp ved hjelp av pil opp fra tastaturet. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet.
Fokus på den resulterende formen, ta tak i Slett Anchor Point Tool (-) og fjern de to festepunktene pekte pilene i det tredje bildet. Til slutt, fylle dette skarp form med lineær gradient vist i følgende bilde
Trinn 10
Velg det grønne formen og lage to kopier i front (Ctrl + C >. Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 1px ned. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med lineær gradient vist i tredje bildet, senke Opacity til 50% og endre Blending Mode til Soft Light.
Trinn 11
Velg det grønne form og lage en kopi i front (Ctrl + C > Control + F). Velg den, flytte den 1PX ned deretter kopiere den (Ctrl + C > Control + F). Velg denne andre kopiere og flytte den 1px ned. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med lineær gradient vist i følgende bilde
Trinn 12
Velg den grønne formen og lage to kopier i front (Ctrl + C >. Ctrl + F > kontroll + F). Flytt til Lag-panelet velge nederste kopiere og flytte den 1PX ned ved hjelp av pil ned på tastaturet. Reselect begge kopier som er laget i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Fokus på den resulterende formen, ta tak i Slett Anchor Point Tool (-) og fjern de to festepunktene pekte pilene i det tredje bildet. Til slutt, fylle dette skarp form med lineær gradient vist i følgende bilde, senke Opacity til 10% og endre Blending Mode til Multipliser.
Trinn 13
Aktiver Fest til rutenett ( Vis > Fest til rutenett). Bruke rektangelverktøyet (M), opprette en 180 av 75px form, fyll den med R = 173 G = 149 B = 116 og plasser den som vist i det første bildet. Fokus på undersiden av denne brune rektangel og bytte til Direct Selection Tool (A). Velg de to festepunktene (uthevet i det første bildet) og gå til Object > Sti > Gjennomsnittlig (Alt + Ctrl + J). Sjekk Både knappen og klikk på OK. Flytt til Lag-panelet, velger du dette brun trekant, senke Opacity til 15%, drar det under den grønne form og gå til Effect > Blur > Gaussian Blur. Skriv inn et 4px radius, og klikk OK.
Trinn 14
Velg det grønne form og erstatte den flate fargen som brukes for fyll med lineær gradient vist i følgende bilde.
Trinn 15
Deaktiver Fest til rutenett (View > Fest til rutenett). Velg det avrundet rektangel gjort i det andre trinnet og gå til Object > Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk på OK. Velg den resulterende formen og lage en kopi i front (Ctrl + C > Control + F). Velg denne kopien og flytte den 1px til venstre. Reselect begge former laget i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Fylle den resulterende form med lineær gradient er vist i følgende bilde.
Step 16
Velg det avrundet rektangel gjort i det andre trinnet og gå til Object > Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk på OK. Velg den resulterende formen og lage en kopi i front (Ctrl + C > Control + F). Velg denne kopien og flytte den 1PX til høyre. Reselect begge former laget i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Fylle den resulterende form med lineær gradient er vist i følgende bilde.
Step 17
Velg avrundet rektangel gjort i det andre trinnet, åpner Utseende panel, legge til en annen fylling ved hjelp av Legg til ny Fyll knappen (påpekt av den lille, blå pil) og dra det i bunnen av panelet. Hold fokus på Utseende-panelet velger denne nye fyll, legger den komplekse lineær gradient vist i følgende bilde og gå til Effect > Forvrenge & Transform > Transform. Oppgi dataene nedenfor og klikk på OK.
Trinn 18
Velg det avrundet rektangel gjort i det andre trinnet, legge til en tredje fyll og dra den i bunnen av Utseende panel. Velg det, sette farge på R = 235 G = 231 B = 216 og gå til Effect > Forvrenge & Transform > Transform. Oppgi dataene nedenfor og klikk på OK.
Trinn 19
Velg det avrundet rektangel gjort i det andre trinnet, legge til to, svart fyll og dra dem i bunnen av Utseende panel. Velg den øverste, svart fyll, senke Opacity til 5% og gå til Effect > Sti > Offset Path. Skriv en 1px Offset, klikk på OK og gå til Effect > Forvrenge & Transform > Transform. Oppgi dataene nedenfor og klikk på OK. Velg bunnen, svart fyll, senke Opacity til 5% og gå til Effect > Sti > Offset Path. Skriv en 1px Offsettrykk, og klikk på OK
Trinn 20
Aktiver Fest til rutenett (View > Fest til rutenett). Og fokus på toppen, høyre hjørne av konvolutten. Plukk Ellipse Tool (L), opprette en 45 piksler sirkel, fyll den med lineær gradient vist nedenfor, plasser den som vist i det første bildet og gå til Object > Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk på OK. Velg den resulterende form, lage en kopi i front (Ctrl + C > Ctrl + F) og deaktivere Fest til rutenett (View > Fest til rutenett). Velg denne kopien og flytte den 1px ned. Reselect både mindre sirkler og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 255 G = 104 B = 109
Trinn 21
Velg det sirkel gjort i forrige trinn og gå til Effect >.; Stylize > Drop Shadow. Legg inn dataene som vises i det venstre vinduet, klikk på OK og gå igjen til Effect > Stylize > Drop Shadow. Legg inn dataene som vises i vinduet til høyre og klikk på OK. Sørg for at denne sirkelen er valgt, fokuserer på utseendet panel og legge til en 1pt slag. Juster det til inne og sette farge på R = 135 G = 30 B = 45.
Step 22
Velg den type Tool (T) og legge til et enkelt tall som vist i følgende bilde. Bruk " amerikansk Formål " font med størrelsen satt til 22pt. Velg dette lille stykke tekst, fokus på Utseende panel og legge til to nye fyllingene bruker Legg til ny Fill-knappen. Velg den øverste fyll og gjøre den hvit og velg deretter bunnen fyll, legger den lineære gradient vist i følgende bilde, endre Blending Mode til Overlay og gå til Effect > Sti > Offset Path. Skriv en 1px Offset, klikk på OK og gå til Effect > Stylize > Drop Shadow. Tast inn dataene vist i følgende bilde og klikk på OK.
Trinn 23
For disse siste trinnene du trenger et rutenett hver 1px. Så, gå til Rediger > Preferanser > Guides & Grid og skriv en i linjenettet hver boks. Hvis du ikke liker det enkle sirkel kan du enkelt erstatte den med et bånd. Fokus på bunnen, høyre hjørne på konvolutten og bruke rektangelverktøyet (M), opprette en 50 ved 10px form, fyll den med lineær gradient vist nedenfor. Plasser den som vist i følgende bilde og gå til Effect > Stylize > Avrundede hjørner. Skriv inn et 5px radius, og klikk OK. Velg denne avrundet rektangel og send den til å sikkerhets (Shift + Ctrl + [).
Step 24
Bruke rektangelverktøyet (M), opprette en 40 ved 65px form, fyll den med lineær gradient vist nedenfor, og plasser den som vist i følgende bilde.
Trinn 25
Velg det rektangelet gjort i forrige trinn og gå til Object > Sti > Legg ankerpunkter. Bytt til Direct Selection Tool (A), velg den øverste, midterste festepunkt og dra den 15px ned. Til slutt formen din skal se ut i det andre bildet.
Trinn 26
Velg det formen gjort i forrige trinn, fokus på Utseende-panelet velger fyll og gå til Effect > Warp > Shell Øvre. Oppgi dataene nedenfor, klikk på OK og gå tilbake til Utseende panel. Legg til to, svart fyll og dra dem i bunnen av Utseende panel. Velg den øverste, svart fyll, senke Opacity til 15% og gå til Effect > Forvrenge & Transform > Transform. Oppgi dataene nedenfor og klikk på OK. Velg bunnen, svart fyll, senke Opacity til 25% og gå til Effect > Sti > Offset Path. Skriv inn et -1px Offset, klikk på OK og gå til Effect > Forvrenge & Transform > Transform. Oppgi dataene nedenfor, klikk på OK og gå til Effect > Blur > Gaussian Blur. Skriv en 2 piksler radius, og klikk OK.
Step 27
Velg det formen redigeres i forrige trinn, fokus på Utseende panel og legge til to slag med Legg til ny Stroke knappen (påpekt av den lille, blå pil). Velg den øverste slag, gjør det 1pt bred, justere den til innsiden, sette farge på R = 135 G = 30 B = 45, senke Opacity til 80%, endre Blending Mode til Color Burn og gå til Effect > Warp > Shell Øvre. Oppgi dataene nedenfor og klikk på OK. Velg den andre slag, gjør det 2PT bred og rett inn til innsiden, sette farge på hvit, senke Opacity til 75%, endre Blending Mode til Overlay og gå til Effect > Warp > Shell Øvre. Oppgi dataene nedenfor og klikk på OK.
Step 28
Til slutt, duplisere det lille stykke tekst lagt i det tjue andre trinnet og plassere denne kopien som vist i følgende bilde.
Konklusjon
Nå arbeidet er ferdig. Her er hvordan det skal se med begge stilarter ... klar til å brukes i brukergrensesnittet design.