How å lage en prisklasse filter i Adobe Illustrator
I det følgende opplæringen vil du lære hvordan du oppretter en prisklasse filter som ville se flott ut i en mobiltelefon app eller nettside grensesnitt. Vi skal jobbe i Adobe Illustrator med noen grunnleggende verktøy for å skape et vesentlig element for noen designere portefølje.
Trinn 1
Åpne Illustrator og trykke Command + N for å opprette et nytt dokument. Skriv inn 600 i bredden boksen og 300 i høyden boksen og klikk på knappen Avansert. Velg RGB, Screen (72ppi) og sørg for at " Juster nye objekter til Pixel Grid " boksen ikke er krysset før din klikker OK.
Aktiver Grid (View > Vis rutenett) og Fest til rutenett (View > Fest til rutenett). Du trenger et rutenett hver 1px. Bare gå til Rediger > Preferanser > Guides > Grid, skriver en 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. Al disse alternativene vil øke arbeidshastigheten.
Trinn 2
Bruke rektangel Tool (M), lage en 301 ved 3px form og fyll den med R = 50 G = 50 B = 50. Velg dette tynne rektangel, fokus på Utseende panelet (Vindu > Utseende) og legge til en annen fylling ved hjelp av Legg til ny Fill-knappen (påpekt av pilen i bildet nedenfor). Velg denne nye fyll, satt sin farge på R = 25 G = 25 B = 25 og gå til Effect > Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk OK. Gå tilbake til Utseende panel, sørg for at det ikke fyll eller hjerneslag er valgt og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 1.5px radius og klikk på OK.
Trinn 3
Fokus på venstre side av formen gjorde i forrige trinn. Bruke rektangel Tool (M), lage to, en av 3PX rektangler. Fyll begge former med R = 50 G = 50 B = 50, plassere dem som vist i det første bildet deretter slå dem i en sammensatt bane (Object > Compound Sti > Lag). Velg denne friske sammensatt bane og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 0.5px radius, klikk på OK og gå til Effect > Forvrenge & Transform > Transform. Tast inn dataene som vises i tredje bildet, og klikk OK.
Trinn 4
Bruke rektangel Tool (M), lage to, en av 4px rektangler. Fyll begge former med R = 50 G = 50 B = 50, plassere dem som vist i det første bildet deretter slå dem i en sammensatt bane (Object > Compound Sti > Lag). Velg denne friske sammensatt bane og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn et 0.5px radius, klikk på OK og gå til Effect > Forvrenge & Transform > Transform. Tast inn dataene som vises i tredje bildet, og klikk OK.
Trinn 5
Med rektangel Tool (M), opprette en 359 ved 96px form, fyll den med lineær gradient vist nedenfor, send den til å sikkerhets (Shift + Ctrl + [) og plassere den som er vist i følgende bilde.
Trinn 6
Velg det rektangelet gjort i forrige trinn, fokus på Utseende panel, legge til en ekstra fyll, satt sin farge på R = 210 G = 210 B = 210 og dra den i bunnen av panelet. Tilbake til den første fyll, velger du den og går til Effect > Forvrenge & Transform > Transform. Tast inn dataene vist i følgende bilde og klikk på OK.
Trinn 7
Velg det rektangel laget i femte trinn, fokus på Utseende panel, legge til en tredje fyll og dra den i bunnen av panelet. Velg denne nye fyll, tilsett lineær gradient vist i følgende bilde og gå til Effect > Sti > Offset Path. Skriv inn en 1px Offsettrykk, og klikk OK.
Trinn 8
Velg det rektangel laget i femte trinn, fokus på Utseende panel, sørg for at det ikke fyll eller hjerneslag er valgt og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn en 3px radius, klikk på OK og gå til Effect > Stilisere > Drop Shadow. Tast inn dataene som vises i det øverste vinduet, klikk på OK og gå igjen til Effect > Stilisere > Drop Shadow. Tast inn dataene som vises i vinduet i midten, klikk på OK og gå igjen til Effect > Stilisere > Drop Shadow. Tast inn dataene som vises i det nederste vinduet og klikk på OK. Til slutt formen din skal se ut i følgende bilde.
Step 9
Bruke Ellipse Tool (L), opprette en 9px sirkel, fyll den med R = 88 G = 88 B = 88 og plasser den som vist i følgende bilde.
Step 10
Velg det formen gjorde i forrige trinn, fokus på Utseende panel og legge til en annen fylling. Velg det, sette farge på R = 190 G = 190 B = 190 og gå til Effect > Sti > Offset Path. Skriv inn et -1px Offsettrykk, og klikk OK.
Trinn 11
Velg det sirkel laget i den niende trinn, fokus på Utseende panel og legge til en tredje fyll. Velg den, legge den lineære gradient vist i følgende bilde og gå til Effect > Sti > Offset Path. Skriv inn et -1px Offset, klikk på OK og gå til Effect > Forvrenge & Transform > Transform. Tast inn dataene vist i følgende bilde og klikk på OK.
Trinn 12
Velg det sirkel laget i den niende trinn, fokus på Utseende panel og legge 1pt hjerneslag. Velg det, sette farge på svart, justere den til utsiden og senke opacity til 20%. Hold fokus på Utseende panel og legge til en andre slag for denne form ved hjelp av Legg til ny Stroke knappen (påpekt av pilen i bildet nedenfor). Velg denne nye slag, gjør det 1PT bred, sette farge på R = 50 G = 50 B = 50 og justere den til innsiden.
Trinn 13
reselektere den 9px sirkel og lage en kopi i front (Ctrl + C > Control + F). Velg den og flytte den 84px til høyre, som vist i følgende bilde.
Trinn 14
Velg det tynne avrundet rektangel gjort i andre trinn og lage en kopi i front (Ctrl + C > Control + F). Velg denne kopien og endre størrelse på det som vist i følgende bilde. Hold høyden satt til 2 piksler, men reduserer bredden til 85px. Flytt til Utseende panel og endre fargeegenskapene for denne nye formen. Først velger fyll og sette farge på R = 0 G = 69 B = 33 velg deretter slag og sette farge på R = 57 G = 181 B = 74. Til slutt ting skal se ut i det tredje bildet.
Step 15
Velg det sammensatte baner gjort i trinn 3 og 4, og gå til Effect > Stilisere > Drop Shadow. Tast inn dataene vist i følgende bilde og klikk på OK.
Step 16
Bruke Type Tool (T), legg til litt enkel tekst som vist nedenfor. Bruk tekstegenskaper og fargekoder vist i følgende bilde.
Trinn 17
Velg det tekststykker lagt i forrige trinn og legg til Drop Shadow effekt vist i følgende bilde.
Trinn 18
Til slutt kan du enkelt endre den generelle fargen på hovedform. Velg det grå rektangelet laget i femte trinn, fokus på Utseende panel, legge til en ny fyll og sørge for at det går i toppen av panelet. Velg det, sette farge på R = 196 G = 154 B = 108, senke opacity til 70%, endre blending mode til Color og gå til Effect > Sti > Offset Path. Skriv inn en 1px Offsettrykk, og klikk OK. Klart, kan du velge en annen farge for denne nye fyll, kan du prøve noen andre blandingsmodi eller du kan øke /redusere opacity prosenten. Det finnes utallige muligheter.
Konklusjon
Nå arbeidet er ferdig. Her er hvordan det skal se ut. Anmeldelser