hurtig tip: at skabe et sæt af mørke lige knapper

hurtigt tip: at skabe et sæt af mørke lige knapper,,,,,,, i denne lille hurtigt tip, du vil lære at skabe et enkelt sæt mørkt lige knap.først skal vi skabe en lille afrundet rektangel, ved hjælp af en simpel rektangel og afrundede hjørner virkning.næste, bruger en stifinder og tilpasning muligheder sammen med en flok grundlæggende virkninger vil vi tilføje yderligere oplysninger og se tegn form.endelig vil vi bruge nogle nye virkninger for de forskellige typer af knapper.,,,, trin 1, ramte command + n for at skabe et nyt dokument.i 600 i bredde kasse og 200 i højden kasse, så klik på avancerede knap.vælg rgb, skærm (72ppi) og sikre, at de nye objekter til at tilpasse " pixel net " rubrik er ukontrolleret før dine klik, okay.gøre nettet (betragtning > show - nettet), og den kom i kvadratnet (betragtning > snap til nettet).næste, du får brug for et net, hver 1px.gå til edit > præferencer > vejledninger > nettet, træde 1 i gridline hver rubrik og 1 i underafsnit kasse.du kan også åbne info - panel (vindue > info) for en levende billede med størrelse og placering af deres form.glem ikke at erstatte den måleenhed, pixel fra edit > præferencer > unit > generelle.alle disse muligheder vil stige betydeligt, deres arbejde hurtigt.,, trin 2, lad os starte med baggrunden.tag den rektangel værktøj (m), skabe en form, størrelsen af deres artboard og fylder den med r = 80 g = 80 b = 80.sikre, at denne nye form bliver udvalgt, fokusere på udseende panel og tilføje et andet fyldes ved hjælp af tilføje nye fylder knap.vælg det nye fylde fra udseende panel, sænke sine uklarhed til 75% og brug den radiale gradient vist i det følgende billede.hold fokus på dette rektangel og tilføje en tredje del.vælg det fra udseende panel, sort, sænke sine opacitet, til 10%, ændre den blanding af mode at formere sig og gå til virkning > kunstneriske > film korn.i de data, som vist nedenfor og klik, okay.- det vil være din baggrund.gå over til lag - panelet, og bare låse denne form.,, trin 3, saml den rektangel værktøj (m), skabe en 20px square, fyld den med r = 70 g = 70 b = 70 og gå til virkning > stylize > afrundede hjørner.ind i en 2px radius, klik - og gå imod > udvide udseende.,, trin 4, reselect afrundede rektangel, der er skabt i det foregående trin og to kopier i front (control + c > kontrol + f > kontrol + f).vælg den øverste eksemplar og flytte den 1px med ned pil.reselect begge eksemplarer, åbne pathfinder panel og klik på minus foran knap.fyld den deraf følgende form med r = 115 g = 115 b = 115.,, løntrin 5, reselect afrundede rektangel og to nye eksemplarer i front (control + c > kontrol + f > kontrol + f).vælg den øverste eksemplar og flytte den 1px ved hjælp af den pil.reselect begge eksemplarer og klik på minus foran knap fra pathfinder panel.fyld den deraf følgende form med r = 55 g = 55 b = 55.,, trin 6, reselect afrundede rektangel og fokusere på udseende panel.første, udvælge de udfylde og gå til virkning > stylize > drop shadow.i de data, der fremgår af følgende billede og klik, okay.hold fokus på udseende panel, sørg for, at din afrundet rektangel stadig er udvalgt, og tilføje en 1pt slagtilfælde.dets farve på r = 40 g = 40 b = 40 og tilpasse det til udenfor.,, trin 7, tag den rektangel værktøj (m) skabe et 3 af 6px form og fylder den med hvide.fortsætte med den rektangel værktøj (m), skabe en 8 af 3px form, fyld den med hvidt, og det, som er vist i det andet.reselect både i kvadratisk eller rektangulær form, ubearbejdet, der er blevet skabt i dette skridt, og klik på det forene knap fra pathfinder panel.vælg den deraf følgende form og gå imod > omdanne > roterer.ind i en 45 graders vinkel og klik, okay.,, trin 8, åbne tilpasse panel, så reselect form, der er skabt i de tidligere skridt sammen med afrundede rektangel.tag udvælgelse værktøj (v), klik på grænsen af afrundede rektangel (det bør få understreget), så klik på den horisontale og vertikale linje tilpasse center center knapper fra tilpasse panel.dette center din check tegn som vist på det andet billede.,, trin 9, reselect din check tegn.første, erstatte de faste farve, der anvendes til at udfylde med lineær gradient vist i det følgende billede.næste, gå til virkning > stylize > afrundede hjørner.ind i en 1px radius, klik - og gå til virkning > stylize > drop shadow.i de data, der fremgår af følgende billede og klik -, trin 10 reselect alle former, der gør din knap så langt og gruppe (control + g).en kopi af denne nye gruppe (control + c > kontrol + f) og flytte et par pixels til højre som vist i det følgende billede.fokus på denne nye gruppe, udvælge de afrundede rektangel og flytte til udseende panel.først fjerne det eksisterende drop shadow virkning.næste, sørg for, at ingen fyld eller slagtilfælde er udvalgt i udseende panel) og tilføje en ny drop shadow virkning.brug data egenskaber i det følgende billede.,, trin 11, en kopi af den gruppe, der er oprettet og redigeret i det foregående trin og trække det til den ret, som vist i følgende billede.fokus på denne nye gruppe, udvælge bunden, tynde form (en fyldt med r = 55 g = 55 b = 55) og slette det.vælg den øverste, tynde form, fyld den med sort og sænke sine opacitet, til 30%.vælg afrundet rektangel i denne nye gruppe og fokusere på udseende panel.udvælge de udfylde og gå til virkning > stylize > indre glød.i de data, som vist nedenfor og klik, okay.,, trin 12, endelig kan man bruge en cirkel, i stedet for at afrundet rektangel.tag den ellipse værktøj (l), skabe 20px cirkel og fylder den med r = 20 g = 20 b = 20.fortsætte med pathfinder panel og skabt den tynde former (billede) ved hjælp af de teknikker, der er nævnt i&#skridt og 5.reselect din cirkel og tilføje slagtilfælde og drop shadow virkning (billede).glem ikke det flueben (billede).,, når du har den første runde lige knap kan du fortsætte og skabe de andre to.jeg gentager den teknik og de virkninger, der er nævnt i afrundede rektangel version.,, konkluderes, at dit arbejde er gjort.her er hvordan det skal se ud.


















Previous:
Next Page: