Share
I de følgende trinnene lærer du hvordan du lager et enkelt filikon i Adobe Illustrator. Det er en ganske enkel opplæring som vil introdusere deg til det grunnleggende om pixel-perfekt vektorkonstruksjonsteknikker. For startformene trenger du kun rektangelverktøyet (M), avrundet hjørner-effekten og noen enkle Pathfinder-alternativer. Deretter, for fargingen trenger du en enkel lineær gradient, en haug med flade farger og noen enkle blandingsteknikker. I det siste / ekstra trinnet lærer du hvor kraftig Transform-effekten kan være.
Åpne Adobe Illustrator og klikk på Command + N for å opprette et nytt dokument. Skriv 600 i breddeboksen og 300 i høydeboksen, klikk deretter på Avansert-knappen. Velg RGB, skjerm (72ppi) og kontroller at boksen "Juster nye objekter til pikselruten" ikke er merket før du klikker OK.
Aktiver gridet (Vis> Vis grid) og Snap to Grid (Vis> Snap to Grid). Deretter trenger du et rutenett hver 1px. Bare gå til Edit> Preferences> Guides & Grid, skriv inn 1 i gridlinjen hver boks og 1 i underrubrikkene. Du kan også åpne Info-panelet (Vindu> Info) for et forhåndsvisning med størrelsen og plasseringen av figurene dine. Ikke glem å sette måleenheten ved piksler fra Rediger> Innstillinger> Enhet> Generelt. Alle disse alternativene øker arbeidshastigheten betydelig.
Bruk rektangulærverktøyet (M) til å lage en 49 x 64 px form, fyll den med R = 210, G = 212, B = 214 og gå til Effect> Stylize> Rounded Corners. Skriv inn en radius på 2px, klikk OK og gå til Objekt> Utvid utseende.
Fokuser på øverste, høyre hjørne av formen som ble gjort i forrige trinn. Bruk rektangulærverktøyet (M) til å lage et 22px-firkant og legg det som vist i det første bildet. Fyll det med ingen, men på en 1pt, svart slag. Pass på at denne nye formen er valgt, bytt til Slett ankerpunktsverktøyet (-) og klikk bare på det øverste høyre ankerpunktet (uthevet i det første bildet). Dette bør gjøre det lille torget ditt til en trekant som vist i det andre bildet. Kontroller at Direktevalgsverktøyet (A) fortsatt er aktivt, velg nederst, venstre ankerpunkt (uthevet i det andre bildet) og trykk Slett-tasten fra tastaturet. Til slutt bør du få en enkel, skrå bane som vist i det tredje bildet.
Velg skrå bane og avrundet rektangel, åpne Pathfinder-panelet (Vindu> Pathfinder) og klikk på Divide-knappen. Velg den resulterende gruppen av former og Ungroup den (Shift + Control + G).
Velg den mindre formen som ble gjort i det forrige trinnet, fyll den med R = 190, G = 192, B = 194, ta den til forsiden (Shift + Control +]) og gå til Objekt> Transform> Rotere. Angi en 180 graders vinkel og klikk OK.
Deaktiver Snap to Grid (Vis> Snap to Grid), gå til Rediger> Innstillinger> Generelt, og kontroller at Tastaturøkningen er satt til 1px. Velg den lille trekantformen som er redigert i forrige trinn, og gå til Objekt> Path> Offset Path. Skriv inn en -1px Offset og klikk OK. Velg den resulterende formen, gjør en kopi foran (Kontroll + C> Kontroll + F), velg den og flytt den 1px opp ved å bruke pil opp fra tastaturet. Velg begge fasene som er laget i dette trinnet, og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 210, G = 212, B = 214.
Gjenta trekantformen og gå igjen til Objekt> Sti> Offset-vei. Skriv inn en -1px Offset og klikk OK. Velg den resulterende formen, gjør en kopi foran (Kontroll + C> Kontroll + F), velg den og flytt den 1px ned med nedpilen fra tastaturet. Velg begge fasene som er laget i dette trinnet, og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med hvit.
Velg den større formen som ble gjort i fjerde trinn, og lag en kopi foran (Kontroll + C> Kontroll + F). Gå tilbake til trekanten form, velg den og gå til Objekt> Path> Offset Path. Skriv inn en 1px Offset og klikk OK. Velg den resulterende formen sammen med kopien som ble gjort i begynnelsen av trinnet, og klikk på Intersect-knappen fra Pathfinder-panelet. Fyll den resulterende formen med svart og senk dens Opacity til 5%.
Velg trekantformen og fokus på Utseendepanelet (Vindu> Utseende). Først skal du erstatte den flade farge som brukes til fyllingen med den lineære gradienten som vises i følgende bilde, og legg deretter til 1pt slag. Juster den innvendig og sett fargen på R = 210, G = 212, B = 214. Velg denne trekantformen sammen med de andre tre figurene som er laget i de tre siste trinnene, og grupper dem (Control + G).
La oss flytte til den større gråformen. Velg den og gå til Objekt> Path> Offset Path. Skriv inn en -1px Offset og klikk OK. Velg den resulterende formen, gjør en kopi foran (Kontroll + C> Kontroll + F), velg den og flytt den 1px opp. Velg begge formene som er laget i dette trinnet, og klikk på Minus Front-knappen fra Pathfinder-panelet. For øyeblikket vil den resulterende formen ikke bli synlig, så vær ikke bekymret hvis du ikke merker noen endring.
Velg den grå formen og gå til Objekt> Sti> Offset-vei. Skriv inn en -1px Offset og klikk OK. Velg den resulterende formen, gjør en kopi foran (Kontroll + C> Kontroll + F), velg den og flytt den 1px ned og til høyre. Velg begge formene som er laget i dette trinnet, og klikk på Minus Front-knappen fra Pathfinder-panelet. Fyll den resulterende formen med hvit.
Velg den grå formen og fokus på Utseendepanelet (Vindu> Utseende). Først skal du erstatte den flade farge som brukes til fyllingen med den lineære gradienten som vises i følgende bilde, og legg deretter til 1pt slag. Juster den innvendig og sett fargen på R = 210, G = 212, B = 214.
Aktiver Snap to Grid (Vis> Snap to Grid). Bruk rektangulærverktøyet (M) til å lage en 47 x 1px-form, fyll den med R = 198, G = 215, B = 235 og legg den som vist i det første bildet. Flytt til lagpanelet, velg dette tynne rektangelet, dra det under gruppen som ble gjort i det niende trinnet, og gå til Effekt> Forvreng og transformer> Transform. Skriv inn egenskapene som vises i følgende bilde, og klikk OK.
Bruk rektangulærverktøyet (M) ved å lage en 1 x 60px-form, fyll den med R = 232 G = 190 B = 189 og legg den som vist i det følgende bildet.
Bruk Ellipseverktøyet (L) til å lage to, 3px-sirkler og plassere dem som vist på bildet nedenfor. Fyll begge formene med R = 250, G = 250, B = 250 og legg til 1pt slag med fargen satt på R = 210, G = 210, B = 210.
Bruk rektangulærverktøyet (M), opprett en 49 til 3 px-form, fyll den den lineære gradienten som vises nedenfor, og legg den som vist i det første bildet. De gule nullene fra gradientbildet står for Opacity-prosentandel. Velg denne nye formen, send den til baksiden (Shift + Control + [) og senk Opacity til 15%.
Velg alle formene du har laget så langt, og grupper dem (Control + G). Til slutt velger du denne nye gruppen og legger til en enkel Transform-effekt (Effect> Distort & Transform> Transform) som vist i følgende bilde.
Nå er arbeidet ditt gjort. Slik ser det ut. Prøv å spille med Transform-effekten for å lage flere forskjellige stabler papir, enten det er organisert i en haug eller alt sammenblandet.
Accentsconagua