Create en Vector diskett Ikon
I det følgende opplæringen vil du lære hvordan du lager en diskett ikon. Vi vil bruke grunnleggende form av byggemetoder, og mange Adobe Illustrator effekter, noe som vil kombinere for å lage den endelige illustrasjonen.
Trinn 1
Lag en 255 px av 255 px dokumentet. Først slår du på Grid (View > Grid) og Fest til rutenett (View > Fest til rutenett). Deretter trenger du et rutenett hver 5 px. Gå til Rediger > Preferanser > Guides > Grid, og 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 dine figurer. Ikke glem å bytte måleenheten til piksler fra Rediger > Preferanser > Unit > General. Alle disse alternativene vil øke arbeidshastigheten.
Trinn 2
Velg rektangel Tool (M) og trekke en 340 px med 350 px form. Fyll den med R = 24, G = 81, B = 160. Nå gå til Effect > Stilisere > Avrundede hjørner. Skriv inn en 5 px radius, klikk OK, da gjelde for Objekt > Utvid Utseende
Trinn 3
Duplicate formen gjorde i forrige trinn. (Command + C > Command + F) og fortsette med rektangel Tool (M). Opprett en 185 px med 120 px form og legg den som vist i det første bildet. Fyll den med hvit, så gå til Effect > Stilisere > . Avrundede hjørner
Skriv inn et 5 px radius, klikk OK, og deretter gå til Objekt > Utvid Utseende. Velg resulterende formen, sammen med ny kopi, og klikk på Skjæring knappen fra Pathfinder-panelet. Slå av synlighet for formen resulterende, så du vil trenge det senere.
Trinn 4
Nå, la oss fokusere på oversiden av det blå form. Plukk rektangel Tool (M), tegne en 235 px med 10 px form og legg den som vist i det første bildet. Velg den sammen med den blå formen og klikk på Minus Front knappen fra Pathfinder-panelet.
Nå formen skal se ut som det andre bildet. Reselect rektangel Tool (M), opprette en 15 px med 15 px form og legg den som vist i tredje bildet. Velg denne lille figuren, sammen med den blå figuren, og klikk igjen på Minus Front knappen fra Pathfinder-panelet. Til slutt, bør blå formen ser ut som den fjerde bildet nedenfor.
Trinn 5
Hold fokus på oversiden av det blå form. Plukk Direct Selection Tool (A), velger ankerpunktet markert i det første bildet, og flytte den 5 px til venstre. Fest til rutenett skal lette arbeidet ditt. Deretter vil du trenger det runde et hjørne script, som kan finnes i Vectortuts + artikkel 20 gratis og nyttig Adobe Illustrator Scripts.
Lagre det på harddisken, deretter plukke Direct Selection Tool (A). Velg de fem ankerpunktene fremhevet i det andre bildet og gå til Fil > Scripts > Andre Script. Åpne Round Enhver Corner Script, skriv en 1 px Radius, og klikk OK. Dette vil legge en diskret rundhet effekt for de valgte ankerpunkt, som vist på bilder som er zoomet.
Trinn 6
Velg rektangel Tool (M) og lage en 30 px med 30 px form . Rotere det 45 grader og legg den som vist i det andre bildet. Velg den, sammen med den blå formen, og klikk på Minus Front knappen fra Pathfinder-panelet.
Igjen, vil du trenge det runde et hjørne script. Plukk Direct Selection Tool (A), velger ankerpunktet markert i tredje bildet, og gå til Fil > Scripts > Andre Script. Åpne Round Enhver Corner Script, skriv en 2 px Radius og klikk på OK.
Trinn 7
Nå fokuserer på bunnen, høyre hjørne av det blå form. Plukk rektangel Tool (M), opprette en 20 px med 15 px form og legg den som vist i det første bildet. Fyll den med hvit og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn en 1 px radius, klikk OK, og deretter gå til Objekt > Utvid Utseende. Velg resulterende formen og lage to kopier i front (Command + C > Command + F > Command + F).
Deaktiver Fest til rutenett, velge øverste kopiere, deretter traff den høyre pil og pil ned en gang. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 10, G = 57, B = 125. Velg den gjenværende hvite formen sammen med den store, blå form og klikk på Minus Front knappen fra Pathfinder-panelet. Dette vil skape et hull i blått form.
Trinn 8
Her er hva arbeidet ditt skal se ut så langt. Nå aktivere Fest til rutenett igjen
Trinn 9
Lag en ny kopi av den blå formen. (Command + C > Command + F). Plukk rektangel Tool (M), lage en 280 px av 210 px form, og legg den som vist i det første bildet. Fyll den med hvilken som helst farge, så gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 5px radius, klikk OK, og deretter bruke Object > Utvid Utseende.
Velg den resulterende formen, sammen med kopi av det blå form, og klikk på Skjæring knappen fra Pathfinder-panelet. Fyll formen resulterer med lineær gradient vist nedenfor
Trinn 10
Deaktiver Fest til rutenett, så gå til Rediger >.; Preferanser > Generell og angir 0,5 i Tastatur verdiboksen. Velge formen gjorde i forrige trinn og lage to kopier.
Velg den øverste kopiere, deretter traff pil ned og pil venstre en gang. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende formen med R = 10, G = 57, B = 125.
Trinn 11
Re-aktivere Fest til rutenett og duplisere den store, blå form. Plukk rektangel Tool (M), lage en 270 px av 205 px form, og legg den som vist i det første bildet. Igjen, fyll den med hvilken som helst farge, så gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 5px radius, klikk OK, og deretter gå til Objekt > Utvid Utseende.
Velg den resulterende formen, sammen med kopi av det blå form, og klikk på Skjæring knappen fra Pathfinder-panelet. Fyll formen resulterer med lineær gradient vist nedenfor.
Trinn 12
Duplicate formen gjorde i forrige trinn, så grip rektangel Tool (M) og tegne en figur som den røde vist i det første bildet. Velg det sammen med ny kopi og klikk på Skjæring knappen fra Pathfinder-panelet. Fyll formen resulterer med lineær gradient vist i det andre bildet.
Trinn 13
Velg den Pen Tool (P), tegne en 270 px horisontal bane, og plasser den som vist i første bildet. Legg en 1pt slag (R = 1, R = 149, B = 237) for denne veien, så gå til Effect > Transform > Forvrenge & Transform. Skriv inn 4 i boksen eksemplarer, drar Move-Vertical glidebryteren til 28 px, og klikk deretter på OK. Velg Type Tool (T) og legge til en liten, blå tekst, som vist i det andre bildet.
Trinn 14
Igjen, duplisere den store blå form. Grab rektangel Tool (M), lage en 255 px med 125 px form, og legg den som vist i følgende bilde. Fyll den med hvilken som helst farge, så gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 5px radius, klikk OK, og deretter gå til Objekt > Utvid Utseende.
Velg den resulterende formen, sammen med kopi av det blå form, og klikk på Skjæring knappen fra Pathfinder-panelet. Fyll formen resulterer med lineær gradient vist i tredje bildet.
Trinn 15
Deaktiver Fest til rutenett og lage to kopier av formen fra forrige trinn. Velg den øverste kopiere, deretter traff den venstre piltast, og pil opp en gang. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll formen resulterer med R = 10, G = 57, B = 125.
Trinn 16
Aktiver Fest til rutenett, slå på sikt for den hvite formen gjort i tredje skritt. Velg den og bringe den til front (Shift + Command + Høyre Bracket nøkkel). Plukk rektangel Tool (M), opprette en 50 px med 95 px form, og legg den som vist i det første bildet. Fyll den med hvilken som helst farge og påfør Effect > Stilisere > Avrundede hjørner. Skriv inn en 1px Radius, klikk OK, og deretter bruke Object > Utvid Utseende.
Velg den resulterende formen, sammen med den hvite formen, og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll denne nylig skapte form med lineær gradient vist i den tredje bildet. De hvite tall fra gradient bilde stå for plassering prosent.
Step 17
Deaktiver Fest til rutenett. Velge formen opprettet i forrige trinn og lage to kopier. Velg den øverste kopiere, deretter traff pil opp og pil venstre en gang. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll de resulterende former med R = 241, G = 242, B = 242.
Trinn 18
Aktiver Fest til rutenett. Plukk rektangel Tool (M), opprette en 20 med 15 form, og legg den som vist i følgende bilde. Fyll den med hvilken som helst farge, så gå til Effect > Stilisere > Avrundede hjørner. Skriv inn en 1px radius, klikk OK, og deretter bruke Object > Utvid Utseende.
Fyll formen resulterer med R = 17, G = 70, B = 150, legge en 0,5, justert til utenfor hjerneslag (R = 10, G = 57, B = 125), og deretter gå til Effect > Stilisere > Indre glød. Skriv inn dataene nedenfor og klikk på OK.
Trinn 19
Nå, la oss legge til noen diskrete slag for noen av dine figurer. Start med den grå. Legg en 1pt, hvit, justert til inne hjerneslag, og senke Opacity til 40%. Fortsett med de mørke blå figurer (laget i den niende og fjortende trinn). For begge former, legge en 0.5pt, justert til inne hjerneslag (R = 28 G = 37 B = 78). Senk Opacity for hver av disse slag til 80%.
Trinn 20
Duplicate de blå figurene redigert i forrige trinn, og den store, blå form. Velg disse tre eksemplarer og klikk på Minus Front knappen fra Pathfinder-panelet. Den resulterende formen skal se ut som det andre bildet nedenfor. Det er fylt med svart, slik at du kan skille det lettere. Velg den, fjerner fyllet, deretter legge til en første slag. Gjør det 0.75pt bred, justere den til inne, sette farge på R = 186 G = 224 B = 255. Nå senke Opacity til 30%.
Med den formen fortsatt valgte å gå den Utseende panel. Åpne fly-out menyen og klikk på Legg til ny Stroke. Dette vil legge et ekstra slag for den valgte formen. Velg det fra Utseende panel, gjør det 0.3pt bred og sette farge på R = 28, G = 37, B = 78. Beholde sin Opacity på 100%.
Trinn 21
Deaktiver Fest til rutenett. Plukk Type Tool (T). Legge til "HD" teksten, plasser den som vist i følgende bilde, og deretter bruke Object > Utvide. Plukk Direct Selection Tool (A), velg "D" form og flytte den noen piksler til venstre (som vist i tredje bildet). Velg begge brev former og klikk på Unite knappen fra Pathfinder-panelet.
Fyll den resulterende formen med R = 10, G = 5, B = 125. Så gå til Effect > Stilisere > Indre glød. Skriv inn de data som vises nedenfor, klikk OK, og deretter gå til Effect > Stilisere > Drop Shadow. Igjen, skriv dataene nedenfor og klikk på OK.
Step 22
Aktiver Fest til rutenett. For neste trinn må du et rutenett hver 1px. Gå til Rediger > Preferanser og skriv en i linjenettet Hver boks. Plukk rektangel Tool (M) og opprette to enkle former: en 5 av 9 rektangel og en 9 av 13 rektangel. Fyll dem med R = 10, G = 57, B = 125. Plasser dem som vist i det første bildet, og deretter fokusere på topp form
Velg den Direct Selection Tool (A), velger de beste ankerpunktene og gå til Objekt >.; Sti > Gjennomsnittlig. Sjekk Både knappen og klikk på OK. Dette bør slå den valgte formen inn i en trekant. Velg den sammen med de resterende rektangel og klikk på Unite knappen fra Pathfinder-panelet.
Trinn 23
Velg den formen laget i forrige trinn og legg den som vist i følgende trinn, så gå til Effect > Stilisere > Indre glød. Skriv inn de data som vises nedenfor, klikk OK, og deretter gå til Effect > Stilisere > Drop Shadow. Igjen, skriv dataene nedenfor og klikk på OK. Nå gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 0,5pt radius og klikk på OK.
Trinn 24
Til slutt velger du alle figurene laget så langt og traff Command + G for å gruppere dem. Velg denne nye gruppen og gå til Effect > Stilisere > Drop Shadow. Skriv inn de data som vises nedenfor, klikk OK, og du er ferdig.
Konklusjon
Her er hvordan den endelige ikonet skal se ut. Anmeldelser