Create et enkelt sett med Vector Hyller
I det følgende opplæringen vil du lære hvordan du oppretter en tre hylle og et glassaktig hylle illustrasjon. Vi vil bruke pixel perfekt vektor bygge teknikker, bygget i Illustrator mønstre, kontrollerte graderinger, Pathfinder verktøy, og mer for å skape disse hyllene.
Trinn 1
Hit Command + N for å 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 din klikker OK
Aktiver Grid (View > Vis rutenett). og Fest til rutenett (View > Fest til rutenett). Deretter trenger du et rutenett hver 5px. 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 å bytte måleenhet for å piksler fra Rediger > Preferanser > Enhet > General. Alle disse alternativene vil øke arbeidshastigheten.
Trinn 2
Velg den rektangelverktøyet (M) og lage en 300 av 15px form. Fyll den med en tilfeldig farge og fjerne fargen fra hjerneslag. Kontroller at denne formen er valgt og bytte til Direct Selection Tool (A). Velg den øverste, venstre forankringspunkt og flytte den 25px til høyre. Nå velger toppen, til høyre forankringspunkt og flytte den 25px til venstre. Til slutt, bør formen ser ut som et trapes (bilde 2). Reselect det, erstatte den eksisterende fylle farge med R = 5 G = 211 B = 248, og senke Opacity til 5%
Trinn 3
Deaktiver Fest til rutenett (View >.; Fest til rutenett), og deretter gå til Rediger > Preferanser > Generelt, og sørge for at Keyboard Increment er satt til 1px. Reselect formen opprettet i forrige trinn, og lage to kopier foran (Command + C > Command + F > Command + F). Velg den øverste kopien og traff høyre piltast to ganger for å flytte den 2 piksler til høyre. Reselect begge kopiene, åpne Pathfinder-panelet, og klikk på Minus Front-knappen. Fyll den resulterende form med R = 0 G = 157 B = 221 og senke Opacity til 10%.
Trinn 4
Velg det formen opprettet i andre trinn og lage to kopier foran (Command + C > Command + F > Command + F). Velg den øverste kopiere og flytte den 2 piksler til venstre. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Igjen, fyll den resulterende form med R = 0 G = 157 B = 221 og senke Opacity til 10%
Trinn 5
Aktiver Fest til rutenett (View >. Snap til rutenett). Plukk rektangel Tool (M), opprette en 25 ved 10px form, og plasser den som vist i det første bildet. Fyll den med en tilfeldig farge og fjerne fargen fra hjerneslag. Kontroller at denne formen er valgt og bytte til Direct Selection Tool (A). Velg riktige ankerpunktene og flytte dem 15px ned. Til slutt formen din skal se ut som det andre bildet som vises. Reselect det, erstatte den eksisterende fylle farge med R = 5 G = 211 B = 248, og senke Opacity til 5%.
Trinn 6
Velg den rektangelverktøyet (M), opprette en ny 25 av 10px form, og plasser den som vist i det første bildet. Fyll den med en tilfeldig farge og fjerne fargen fra hjerneslag. Kontroller at denne formen er valgt og bytte til Direct Selection Tool (A). Velg venstre ankerpunktene og flytte dem 15px ned. Til slutt, bør formen ser ut som det andre bildet som vises. Reselect det, erstatte den eksisterende fylle farge med R = 5 G = 211 B = 248, og senke Opacity til 5%.
Trinn 7
Velg den rektangelverktøyet (M), opprette 250 av 10px form, og plasser den som vist i det første bildet. Sørg for at denne nye formen er valgt og fokusere på utseendet panel. Først velger fyll, sette farge på R = 5 G = 211 B = 248, og senke Opacity til 5%.
Deretter legger en 1pt slag for denne formen. Velg det fra Utseende panel, sette farge på R = 0 G = 157 B = 221, justere den til innsiden, og senke Opacity til 10%. Reselect dette rektangelet, sørg for at det ikke fyll eller hjerneslag er valgt (i Utseende-panelet), og gå til Effect > Stylize > Drop Shadow. Tast inn dataene vist i det andre bildet, og klikk på OK.
Trinn 8
Velg den rektangelverktøyet (M), opprette en 300 av 10px form, og plasser den som vist i det første bildet . Deaktiver Fest til rutenett (View > Fest til rutenett). Velg dette rektangelet og gå til Object > Sti > Offset Path. . Skriv en -1px Offsettrykk, og klikk på OK
Velg den resulterende formen og lage en kopi i front (Command + C > Command + F). Velg denne kopien og flytte den 1px ned. Reselect dette flyttet kopi, sammen med den opprinnelige formen, og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med hvit og senke Opacity til 60%.
Trinn 9
Velg det rektangelet opprettet i begynnelsen av forrige trinn, og lage to kopier i front (Command + C > Command + F > Command + F). Velg bunnen kopiere og flytte den 3px ned. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med svart og senke Opacity til 5%.
Trinn 10
Velg det rektangelet opprettet i begynnelsen av åttende trinn, og fyll den med lineær gradient vist nedenfor. De gule tall fra gradient bilde stå for Opacity prosentandel. Kontroller at denne formen er valgt, legger en 1pt slag, og fokus på utseendet panel. Velg hjerneslag, justere den til innsiden, sette farge på R = 0 G = 157 B = 221, og senke Opacity til 15%.
Trinn 11
Re-aktivere Snap til Grid (View > Fest til rutenett). Plukk rektangel Tool (M), opprette en 300 av 15px form og legg den som vist i det første bildet. Fyll den med en tilfeldig farge og fjerne fargen fra hjerneslag. Kontroller at denne formen er valgt og bytte til Direct Selection Tool (A).
Velg den øverste, venstre forankringspunkt, og flytte det 25 piksler til høyre. Nå velger toppen, til høyre forankringspunkt og flytte den 25px til venstre. Til slutt, bør formen ser ut som et trapes (bilde 2). Deaktiver Fest til rutenett (View > Fest til rutenett). Velg det trapes form og lage to kopier foran (Command + C > Command + F > Command + F).
Velg den øverste kopiere og flytte den 2 piksler til høyre. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 0 G = 157 B = 221 og senke Opacity til 10%.
Trinn 12
Velg det trapesform opprettet i forrige trinn, og lage to kopier i front (Command + C > Command + F > Command + F). Velg den øverste kopiere og flytte den 2 piksler til venstre. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 0 G = 157 B = 221 og senke Opacity til 10%.
Trinn 13
Velg det trapesform opprettet i forrige trinn, og erstatte den flate farge anvendes for fyll med den komplekse lineær gradient er vist i følgende bilde. Husk at de gule tall fra gradienten bildet står for Opacity prosentpoeng, mens de hvite tallene står for plassering prosent
Trinn 14
Aktiver Fest til rutenett (View >. Snap til Grid). Plukk rektangelverktøyet og lage en 10 x 35px form. Fyll den med lineær gradient vist nedenfor, og plasser den som vist i det første bildet. Deaktiver Fest til rutenett (View > Fest til rutenett), velger du dette nye rektangel, og lage to kopier foran (Command + C > Command + F > Command + F). Velg den øverste kopiere og flytte den 1px til venstre. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 122 G = 122 B = 122
Trinn 15
Aktiver Fest til rutenett (View > Fest til rutenett).. Plukk rektangelverktøyet og lage en 10 x 15px form. Fyll den med lineær gradient vist nedenfor, og plasser den som vist i det første bildet. Kontroller at denne formen er valgt og bytte til Direct Selection Tool (A). Velg de nederste festepunktene og flytte dem 25px til venstre
Trinn 16
Deaktiver Fest til rutenett (View > Fest til rutenett).. Reselect formen opprettet i forrige trinn, og lage to kopier foran (Command + C > Command + F > Command + F). Velg den øverste kopiere og flytte den 1px til venstre. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 122 G = 122 B = 122
Trinn 17
Velg det formen skapt i det femtende trinnet og lage to kopier i front (Command + C >. Command + F > Command + F). Velg den øverste kopiere og flytte den 1PX til høyre. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 205 G = 205 B = 205
Trinn 18
Aktiver Fest til rutenett (View > Fest til rutenett).. For neste trinn må du et rutenett hver 1px. Så, gå til Rediger > Preferanser > Guides & Grid, og skriv en i linjenettet hver boks. Plukk Ellipse Tool (L), lage to 2 av 2 piksler sirkler, og plassere dem som vist i det første bildet.
Velg den øverste sirkelen, fyll den med R = 45 G = 45 B = 45, og gå til Effect > Stylize > Drop Shadow. Legg inn dataene som vises i det venstre vinduet og klikk på OK. Velg den nederste sirkel, fyll den med R = 150 G = 150 B = 150, og gjelder Effect > Stylize > Drop Shadow. Legg inn dataene som vises i vinduet til høyre og klikk på OK
Trinn 19
Gå tilbake til ". Linjenettet hver 5px ". Så, gå til Rediger > Preferanser > Guides & Grid og skriv 5 i linjenettet hver boks. Velg alle figurene som er opprettet i løpet av de siste fem trinn og gruppere dem (Kommando + G). Velg denne nye gruppen og sende den til å sikkerhets (Shift + Kommando + [).
Trinn 20
Velg det gruppen ble opprettet i forrige trinn, og lage en kopi i front (Command + C > Command + F). Velg denne nye gruppen, dra den til høyre, og plasser den som vist i det første bildet. Sørg for at denne gruppen kopien er fortsatt valgt og gå til Object > Transform > Reflektere. Sjekk Horisontal og klikk OK. Den resulterende gruppe skal se ut som det andre bildet.
Flytt til Lag-panelet og åpne gruppen ble opprettet i forrige trinn. Velg 10 av 35px rektangel og gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor (i venstre vindu) og klikk OK. Hold fokus på Lag-panelet og åpne gruppe kopi opprettet i begynnelsen av dette trinnet. Igjen, velg 10 av 35px rektangel og gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor (i vinduet til høyre) og klikk på OK.
Trinn 21
Velg den rektangelverktøyet og lage en 10 av 5px form. Fyll den med lineær gradient vist i følgende bilde og legg det som indikert
Trinn 22
Deaktiver Fest til rutenett (View > Fest til rutenett).. Reselect rektangelet opprettet i forrige trinn, og lage to kopier foran (Command + C > Command + F > Command + F). Velg den øverste kopiere og flytte den 1px opp. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 160 G = 160 B = 160
Trinn 23
Velg det rektangelet opprettet i trinn 21 og går til Effect >.; Stylize > Drop Shadow. Oppgi dataene nedenfor (i venstre vindu), klikk OK, og gå tilbake til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor (i vinduet til høyre) og klikk OK
Trinn 24
Aktiver Fest til rutenett (View > Fest til rutenett).. Reselect figurer skapt i de tre siste trinnene og kopiere dem (Command + C > Command + F). Velg disse kopiene, dra dem til høyre, og plasser dem som vist nedenfor. Velg 10 av 5px rektangel og fokus på utseendet panel. Åpne andre Drop Shadow effekt og redigere det som vist i følgende bilde
Trinn 25
Velg alle figurene er laget så langt, og kopiere dem (Command + C > Command + F). . Velg disse kopiene og klikk på Unite knappen fra Pathfinder-panelet.
Trinn 26
Igjen, for neste trinn vil du trenge et rutenett hver 1px. Så, gå til Rediger > Preferanser > Guides & Grid og skriv en i linjenettet hver boks. Reselect formen opprettet i forrige trinn, og roter den 180 grader. Dra den ned, plasser den som vist i det første bildet, og sender den til å sikkerhets (Shift + Kommando + [). Neste, fyll den med lineær gradient vist i det andre bildet. Senke Opacity til 15% og gå til Effect > Blur > Gaussian Blur. Skriv inn et 5px radius, og klikk OK
Trinn 27
Gå tilbake til ". Linjenettet hver 5px ". Plukk rektangel Tool (M), opprette en 250 av 10px form, og fyll den med lineær gradient vist nedenfor. Plasser den som vist i det første bildet, senke Opacity til 5%, og gå til Effect > Blur > Gaussian Blur. Skriv en 3px radius, og klikk OK.
Trinn 28
Velg alle figurene laget så langt og gruppere dem (Kommando + G). Dette blir din din glassaktig sokkel. Lag en kopi av denne gruppen, og dra den flere piksler ned. Flytt til Lag-panelet, åpne denne nye gruppen, og slette de formene som er valgt i andre og tredje bildene. Til slutt, bør du bare ha den blå trapes og 300 av 10px rektangel, sammen med de to, tynnere rektangler. Velg trapes, øke sin Opacity til 100%, og fyll den med R = 185 G = 143 B = 92
Trinn 29
Deaktiver Fest til rutenett (View >. Snap til Grid). Velg det trapes og lage to kopier foran (Command + C > Command + F > Command + 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 R = 139 G = 94 B = 60
Trinn 30
Velg det trapes og lage to nye kopier i front (Command + C >. Command + F > Command + F). Velg den øverste kopiere og flytte den 1px opp. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 238 G = 208 B = 157.
Trinn 31
Velg det trapes, fokus på utseendet panel, og legge til en annen fylling ved hjelp av Legg til ny Fill knappen . Det er den lille, hvite firkanten ikonet nederst på Utseende panel. Velg denne nye fylle fra Utseende panel, senke Opacity til 50%, og legge den lineære gradient vist i det første bildet. Husk at den gule null fra gradienten bildet står for Opacity prosentandel. Sørg for at din trapes er fortsatt valgt og legge til en tredje fyll. Igjen, velger du den fra Utseende panel, senke Opacity til 50%, og legge den lineære gradient vist i det andre bildet.
Trinn 32
Velg trapes og legge til en fjerde fyll. Velg det fra Utseende panel, gjør det svart, senke Opacity til 10%, endre blending mode til Multipliser, og gå til Effect > Sketch > Graphic Pen. Oppgi dataene nedenfor og klikk på OK. Velg det trapes, sørge for at ingen fyll eller hjerneslag er valgt (i Utseende-panelet), og gå til Effect > Stylize > Drop Shadow. Tast inn dataene vist i følgende bilde og klikk på OK.
Step 33
Flytt ned til 300 av 10px rektangel. Øke sin Opacity til 100% og fyll den med R = 185 G = 143 B = 92. Deretter velger du den tynne, hvite rektangelet. Øke sin Opacity til 100% og erstatte den hvite med R = 238 G = 208 B = 157.
Trinn 34
Velg det 300 av 10px rektangel, legge til en annen fylling, og bruke lineær gradient vist nedenfor. Hold fokus på Utseende panel og legge til en 1pt slag. Sett farge på R = 139 G = 94 B = 60 og juster den til innsiden.
Trinn 35
Velg det 300 av 10px rektangel og legge til en tredje fyll. Velg det fra Utseende panel, gjør det svart, senke Opacity til 10%, endre blending mode til Multipliser, og gå til Effect > Sketch > Graphic Pen. Oppgi dataene nedenfor og klikk på OK. Dette er ditt tre hylle.
Trinn 36
Her er er hvordan du enkelt kan øke lengden på hyllen. Plukk direkte Select Tool (A), klikk deretter på & Dra for å velge ankerpunktene sirklet i det første bildet. Nå, hold Shift og bare dra dem til venstre. Selvfølgelig kan du bruke samme teknikk for å redusere lengden.
Trinn 37
Til slutt, la oss lage en enkel bakgrunn for våre hyller. Plukk rektangel Tool (M) og lage en form av størrelsen på artboard. Fyll den med radial gradient vist nedenfor og send den til å sikkerhets (Shift + Kommando + [).
Trinn 38
Velg det rektangelet opprettet i forrige trinn, og legge til en annen fylling. Velg det fra Utseende panel, gjør det svart, senke Opacity til 15%, endre blending mode til Multipliser, og gå til Effect > Sketch > Merk Paper. Oppgi dataene nedenfor og klikk på OK.
Trinn 39
Velg det rektangelet redigeres i forrige trinn, fokus på utseendet panel, og legge til en tredje fyll. Du trenger en innebygd mønster for denne nye fyll. Flytt til Fargeprøver-panelet, åpner fly-out menyen, og gå til Open Swatch Library > Patterns > Grunnleggende Grafikk > Grunnleggende Graphics_Textures. Dette vil åpne et nytt vindu med et sett med innebygde mønstre. Du trenger “ Diamond ” . Mønster
Tilbake til Utseende panel, velg det tredje fyll, legger “ Diamond ” mønster, senke Opacity til 10%, endre blending mode til Multipliser, og gå til Effect > Kunstnerisk > Film Grain. Oppgi dataene nedenfor, klikk OK, og du ’. Re ferdig
Konklusjon
Nå arbeidet er ferdig. Her er hvordan det skal se ut.