Quick Tips: Hvordan lage et sett med mørk Sjekk Knapper
I denne lille rask spiss vil du lære hvordan du kan lage et enkelt sett med mørk sjekk knappen. Først vil vi lage en liten avrundet rektangel ved hjelp av et enkelt rektangel og avrundede hjørner effekt. Deretter bruker noen Pathfinder og justeringsalternativene sammen med en haug med grunnleggende effekter vil vi legge ekstra detaljer og sjekken tegn form. Til slutt vil vi bruke noen nye effekter for de ulike typer knapper.
Trinn 1
Hit Command + N for å opprette et nytt dokument. Skriv inn 600 i boksen Bredde og 200 i høyden boksen klikk deretter på knappen Avansert. Velg RGB, Screen (72ppi) og sørge for at " Rett nye objekter til Pixel Grid " er merket før og klikk på OK. Aktiver Grid (View > Vis rutenett) og Fest til rutenett (View > Fest til rutenett).
Deretter trenger du et rutenett hver 1px. Gå til Rediger > Preferanser > Guides > Grid, skriv 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 figurer. Ikke glem å bytte måleenhet for å piksler fra Rediger > Innstillinger > Enhet > General. Al disse alternativene vil øke arbeidshastigheten.
Trinn 2
La oss starte med bakgrunnen. Plukk rektangel Tool (M), opprette en figur med den størrelsen på artboard og fyll den med R = 80 G = 80 B = 80. Sørg for at denne nye formen forblir valgt, fokus på Utseende panel og legge til en annen fylling ved hjelp av Legg til ny Fill-knappen. Velg denne nye fylle fra Utseende panel, senke opacity til 75% og bruke radial gradient vist i følgende bilde. Hold fokus på dette rektangelet 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 > Kunstnerisk > Film Grain. Oppgi dataene nedenfor og klikk på OK. Dette vil være din bakgrunn. Flytt til Lag-panelet og bare låse denne formen.
Trinn 3
Velg den rektangelverktøyet (M), opprette en 20px kvadrat, fyll den med R = 70 G = 70 B = 70 og gå til Effect > Stylize > Avrundede hjørner. Skriv en 2 piksler radius, klikk på OK og gå til Object > Utvid Utseende
Trinn 4
Velg det avrundet rektangel opprettet i forrige trinn, og lage to kopier foran (Ctrl + C > Ctrl + F > Control + F).. Velg den øverste kopiere og flytte den 1PX ned ved hjelp av pil ned. Reselect begge kopiene, åpne Pathfinder-panelet og klikk på Minus Front-knappen. Fyll den resulterende form med R = 115 G = 115 B = 115
Trinn 5
Velg det avrundet rektangel og lage to nye kopier i front (Ctrl + C >. Ctrl + F > Control + F). Velg den øverste kopiere og flytte den 1PX opp ved hjelp av pil opp. Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 55 G = 55 B = 55.
Trinn 6
Velg det avrundet rektangel og fokus på utseendet panel. Først velger fyll og gå til Effect > Stylize > Drop Shadow. Tast inn dataene vist i følgende bilde og klikk på OK. Hold fokus på Utseende panel, sørg for at avrundet rektangel er fortsatt valgt og legge til en 1pt slag. Sett farge på R = 40 G = 40 B = 40 og juster den til utenfor.
Trinn 7
Velg den rektangelverktøyet (M) skaper et tre ved 6PX form og fylle det med hvit. Fortsett med rektangelverktøyet (M), opprette en 8 av 3px form, fyll den med hvit og plasser den som vist i det andre bildet. Reselect begge rektangler opprettet i dette trinnet og klikk på Unite knappen fra Pathfinder-panelet. Velg den resulterende form og gå til Object > Transform > Rotere. Skriv inn en 45 graders vinkel, og klikk OK.
Trinn 8
Åpne Juster-panelet da reselect formen opprettet i forrige trinn sammen med avrundet rektangel. Grip Selection Tool (V), klikk på grensen av avrundet rektangel (det bør bli lagt vekt) og klikk deretter på den horisontale Align Senter og Vertikal Align midtknappen fra Align panel. Dette bør sentrere sjekken tegn som vist i det andre bildet.
Trinn 9
Marker på nytt sjekken tegn. Først erstatte flat farge som brukes for fyll med lineær gradient vist i følgende bilde. Deretter går du til Effect > Stylize > Avrundede hjørner. Skriv en 1px radius, klikk på OK og gå til Effect > Stylize > Drop Shadow. Tast inn dataene vist i følgende bilde og klikk på OK.
Trinn 10
Marker på nytt alle figurene som utgjør knappen så langt, og gruppere dem (Control + G). Lag en kopi av denne nye gruppen (Ctrl + C > Ctrl + F) og flytte den noen piksler til høyre, som vist i følgende bilde. Fokus på denne nye gruppen, velg avrundet rektangel og flytte til Utseende panel. Først fjerne den eksisterende Drop Shadow effekt. Neste, sørg for at det ikke fyll eller hjerneslag er valgt (i Utseende-panelet) og legge en ny Drop Shadow effekt. Bruk data egenskaper i følgende bilde.
Trinn 11
Lag en kopi av gruppen opprettes og redigeres i forrige trinn, og dra den til høyre, som vist i følgende bilde. Fokus på denne nye gruppen, velger du den nederste, tynne formen (den fylt med R = 55 G = 55 B = 55) og slette den. Velg den øverste, tynne formen, fyll den med svart og senke opacity til 30%. Velg avrundet rektangel inne i denne nye gruppen og fokus på utseendet panel. Velg fyll og gå til Effect > Stylize > Indre glød. Oppgi dataene nedenfor og klikk på OK.
Trinn 12
Til slutt kan du bruke en sirkel i stedet for at avrundet rektangel. Grab Ellipse Tool (L), skape 20px sirkel og fyll den med R = 20 G = 20 B = 20. Fortsett med Pathfinder-panelet og skapte de tynne figurer (bilde # 2) ved hjelp av teknikker som er nevnt i trinn # 4 og # 5. Reselect sirkelen og legge slaget og Drop Shadow effekt (bilde # 3). Ikke glem hake (bilde # 4).
Når du har den første, runde sjekk knappen kan du fortsette og lage de to andre. Bare gjenta teknikker og bivirkningene som er nevnt for avrundet rektangel versjon.
Konklusjon
Nå arbeidet er ferdig. Her er hvordan det skal se ut.