Share
I den følgende opplæringen lærer du hvordan du lager et enkelt utklippstavleikon. Bruk en komplett Illustrator CS5-arbeidsflyt, vektorkonstruksjonsteknikker og vektoreffekter for å designe dette ikonet. La oss komme i gang.
Hit kommando + N for å opprette et nytt dokument. Skriv inn 600 i boksen bredde og høyde, og klikk deretter på Avansert-knappen. Velg RGB, Skjerm (72ppi) og kontroller at boksen Juster nye objekter til pixelruten er fjernet fra merket før du klikker OK. Nå slår du på rutenettet (Vis> Rutenett) og Snap to Grid (Vis> Snap to Grid).
Deretter trenger du et rutenett hver 5px. Gå til Rediger> Innstillinger> Veiledninger> Rutenett, skriv inn 5 i Rutenettlinjen hver boks og 1 i Retningslinjene. Du kan også åpne Info-panelet (Vindu> Info) for et forhåndsvisning med størrelsen og plasseringen av figurene dine. Ikke glem å bytte måleenheten til Piksler fra Rediger> Innstillinger> Enhet> Generelt. Alle disse alternativene øker arbeidshastigheten betydelig.
Velg rektangulærverktøyet (M) og opprett en form for 240 x 325 px. Snap to Grid vil lette arbeidet ditt. Husk å se på Info-panelet for live forhåndsvisning med størrelsen og plasseringen av figuren. Når du er opprettet, fyll på formen din med R = 195, G = 153, B = 108. Fjern fargen fra strekningen. Flytt til lagpanelet, Dobbeltklikk på denne friske figuren og navnet "Support".
Velg "Støtte" og flytt til Utseendepanelet. Velg eksisterende fyll og gå til Effect> Stylize> Inner Glow. Skriv inn dataene som er vist nedenfor, og klikk OK.
Velg "Støtte" og klikk på Legg til ny fyll-knappen. Det er det lille hvite firkantikonet fra bunnen av Utseendepanelet. Selvfølgelig vil dette legge til en ny fylling for din form. Velg den fra Utseendepanelet, sett fargen på R = 35 G = 31 B = 32, senk Opacity til 5%, endre blandemodus til Multiply og gå til Effect> Sketch> Graphic Pen. Skriv inn dataene som er vist nedenfor, og klikk OK.
Velg "Støtte" og legg til en tredje fylling. Dra denne nye fylle inn i bunnen av Utseendepanelet, fyll den med den lineære gradienten som vises nedenfor, og gå til Effekt> Forvreng & Transform> Transform. Skriv inn dataene som er vist nedenfor, og klikk OK. De hvite tallene fra gradientbildet står for plasseringsprosent.
Velg "Støtte" og fokus på Utseendepanelet. Velg fyllingen lagt til i forrige trinn og klikk på Dupliser valgt element. Det er det lille filikonet nederst på Utseendepanelet. Dette vil legge til en kopi av fyllingen.
Velg denne nye fyllingen, sett fargen på R = 35 G = 31 B = 32, senk Opacity til 5%, endre blandemodus til Multiply og gå til Effect> Sketch> Graphic Pen. Skriv inn dataene som er vist nedenfor, og klikk OK.
Velg "Støtte" og legg til en femte fylling. Dra den inn i bunnen av Utseendepanelet, fyll den med R = 117 G = 76 B = 41, og gå til Effekt> Forvreng & Transform> Transform. Skriv inn dataene som er vist nedenfor, og klikk OK.
Velg "Støtte" og legg til en sjette fylling. Dra den inn i bunnen av Utseendepanelet, fyll den med R = 35 G = 31 B = 32, senk Opacity til 20%, og gå til Effect> Distort & Transform> Transform. Skriv inn dataene som er vist nedenfor, og klikk OK.
Velg "Støtte" og legg til et første slag. Sett fargen på R = 212 G = 183 B = 150, gjør den 2pt bred, og juster den inn på innsiden. Fokuser på Utseendepanelet og legg til et nytt slag ved hjelp av knappen Legg til ny berøring. Det er det lille svarte firkanten fra bunnen av Utseendepanelet. Velg denne nye takten, sett fargen på R = 138 G = 94 B = 60, gjør den 1pt bred, og sørg for at den er justert til innsiden.
Velg "Støtte", pass på at ingen fylling eller strekk er valgt, og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som vises nedenfor, klikk OK, og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 7px og klikk OK. Ta en nærmere titt på panelet Utseende og sørg for at avrundet hjørner-effekten er øverst på panelet.
For de følgende trinnene trenger du et rutenett hver 1px. Så gå til Edit> Preferences> Guides> Grid og skriv inn 1 i gridline hver boks. Velg rektangelverktøyet (M), opprett en form for 210 x 290 px, og fyll den med hvitt. Bytt til Ellipseverktøyet (L), opprett en sirkel på 7px, fyll den med en tilfeldig farge, og legg den som vist i bildet nedenfor..
Tilbakestill sirkelen som ble opprettet i forrige trinn, og gå til Effekt> Forvreng og overfør> Transform. Skriv inn dataene som vises nedenfor, klikk OK, og bruk Objekt> Utvid utseende.
Velg gruppen sirkler som er opprettet i forrige trinn, sammen med det hvite rektangelet, og klikk på Minus Front-knappen fra Pathfinder-panelet.
Velg den hvite formen (resultatet fra forrige trinn) og legg det som vist i det følgende trinnet.
Velg den hvite formen og legg til et slag. Sett fargen på R = 229 G = 230 B = 231, gjør den 2pt bred, og juster den inn på innsiden. Legg til et nytt slag for denne formen, sett fargen på R = 255 G = 255 B = 255, gjør den 1pt bred og juster den til innsiden.
Velg rektangulærverktøyet (M) og opprett en 202-1px-form. Fyll det med R = 152, G = 199, B = 219. Legg det som vist i bildet nedenfor.
Velg den blå formen som ble opprettet i forrige trinn, og gå til Effect> Distort & Transform> Transform. Skriv inn dataene som er vist nedenfor, og klikk OK.
Velg Rectangle Tool (M) og opprett en 1 til 282px form. Fyll det med R = 246, G = 186, B = 186. Legg det som vist.
Velg den rosa formen som ble opprettet i forrige trinn, og velg Effekt> Forvreng og overfør> Transform. Skriv inn dataene som er vist nedenfor, og klikk OK.
Velg den hvite formen, sammen med de blå og rosa figurene, og grupper dem deretter (Command + G). Velg denne nye gruppen og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som er vist nedenfor, og klikk OK.
Velg den gruppen som ble opprettet i forrige trinn, og gå til Effect> Distort & Transform> Transform. Skriv inn dataene som er vist nedenfor, og klikk OK.
Velg Rektangulærverktøyet (M) og opprett en form for 95 x 24 px. Fjern fargen fra fyllet og legg til et 3pt slag. Sett fargen på R = 109, G = 110, B = 113. Pass på at denne friske formen fortsatt er valgt, og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 5px og klikk OK. Til slutt skal formen din se ut som det første bildet som vises.
Velg det og lag en kopi foran (Command + C> Command + F). Velg denne kopien, øk strekstørrelsen til 5pt, og gå til Objekt> Sti> Strektslag. Velg den resulterende banen og lag en kopi foran (Command + C> Command + F).
Velg Rectangle Tool (M), opprett to, 17px kvadrater og plasser dem som vist i det første bildet. Velg det venstre torget, sammen med en av stiene som er crated på slutten av forrige trinn, og klikk på Intersect-knappen fra Pathfinder-panelet. Velg riktig firkant, sammen med den andre banen som ble opprettet ved slutten av forrige trinn, og klikk igjen på Intersect-knappen fra Pathfinder-panelet.
Fokus på de to figurene som ble opprettet i forrige trinn. Først trenger du Round Any Corner-skriptet. Du finner den i Vectortuts + artikkelen 20 Gratis og nyttig Adobe Illustrator Scripts-artikkelen. Lagre den på harddisken din og ta direkte utvalgingsverktøyet (A).
Velg de åtte ankerpunktene som er markert i det første bildet, og gå til Arkiv> Skript> Annet skript. Åpne Round Any Corner Script, skriv inn en 1px Radius, og klikk OK. Til slutt skal figurene dine se ut som det andre bildet som vises.
Velg de to figurene som er redigert i forrige trinn, og erstatt den flade fargen fra fyllingen med den radiale gradienten som er vist nedenfor.
Igjen, velg formene som ble opprettet i forrige trinn, og legg til de to enkle slagene som vises i Utseendepanelet.
Vellgjør det runde rektangel laget i trinn 22. Legg til et nytt slag for denne banen, gjør det 2,5pt bredt, og sett fargen til hvit. Legg til et tredje slag for denne banen, gjør det 1,75pt bredt, og sett fargen på R = 229, G = 230, B = 231.
Tilbakestill formen redigert i forrige trinn og legg til et nytt slag. Velg det fra Utseendepanelet, gjør det 0,5pt bredt, sett fargen på R = 166, G = 168, B = 171. Gå nå til Effect> Distort & Transform> Transform. Skriv inn dataene som er vist nedenfor, og klikk OK.
Velg rektangulærverktøyet (M) og opprett to, 13 med 1px-former. Fyll begge fasene med R = 250 G = 250 B = 250 og legg dem som vist på bildet nedenfor.
Velg alle figurene som er opprettet i de siste åtte trinnene, og grupp dem (Command + G). Velg denne nye gruppen og gå til Effekt> Stylize> Drop Shadow. Skriv inn dataene som er vist nedenfor, og klikk OK.
Velg Ellipse Tool (L) og opprett en 14px sirkel. Fyll den med den lineære gradienten som vises nedenfor og legg den som vist på bildet nedenfor. Legg til 2pt slag for denne formen, juster den til innsiden, og sett fargen på R = 245, G = 245, B = 245. Legg til et nytt slag for denne banen, sett fargen på R = 166, G = 168, B = 171, gjør den 1pt bred, og juster den til innsiden. Legg til et tredje slag for denne banen, sett fargen på R = 88 G = 89 B = 91, gjør den 0,3 t bred, og juster den til utsiden.
Velg rektangulærverktøyet (M), opprett en form for 85 x 11 px, fyll den med R = 229, G = 230, B = 231. Legg det som vist i bildet nedenfor. Flytt inn i Utseende-panelet og legg til tre trekkene vist nedenfor.
Det er det samme settet av streker som brukes til formen som ble opprettet i forrige trinn. Kontroller at denne formen fortsatt er valgt, og gå til Effekt> Stylize> Avrundede hjørner. Skriv inn en radius på 3px og klikk OK.
Velg Rectangle Tool (M), opprett en form av 83 x 3px, og fyll den med R = 166, G = 168, B = 171. Legg det som vist i første bilde. Fortsett med rektangelverktøyet (M) og opprett to, 81-1px-former. Fyll dem med R = 245 G = 245 B = 245 og R = 128 G = 129 B = 132, legg dem deretter som vist i det andre bildet vist nedenfor.
Velg alle former og grupper som er opprettet i de siste tolv trinnene, og grupp dem (Command + G). Velg denne friske gruppen og legg den som vist i det andre bildet.
Velg rektangulærverktøyet (M), opprett en form av 83 x 8px, fyll den med den lineære gradienten som vises nedenfor, og legg den som vist på bildet nedenfor. Fokuser på Utseendepanelet og legg til tre trekkene vist nedenfor. Flytt til lagpanelet og dra dette friske rektangel under de to gruppene.
Endelig, hvis du kan redigere "Support" -formen. I de følgende bildene finner du to forskjellige sett med egenskaper som du kan bruke til denne formen.
Nå er arbeidet ditt gjort. Slik ser det ut.
Accentsconagua