Create et tastatur knapp Ved hjelp av Adobe Illustrator

Denne veiledningen vil vise deg hvordan du kan lage deg egen tastaturknapp. Vi vil bruke grunnleggende form bygge- og Pathfinder verktøy for å lage våre figurer, og deretter farge vår knappen bruker gradienter, mens du holder et skarpt øye på belysning regi. Ved hjelp av teknikkene i denne opplæringen kan du lage andre tastaturknapper ved hjelp av ulike former. La oss begynne

Trinn 1

Opprett et nytt dokument (Command + N) med følgende innstillinger.

Trinn 2

Bruk Avrundet rektangel Tool til å lage to rektangler med følgende innstillinger og farger.. rød og svart

Trinn 3

Velg de to rektangler og justere dem Vertical Align Bottom Anmeldelser

Hvis Align vinduet ikke er aktiv eller om det er noen andre vinduet som brukes i denne opplæringen som du ikke finner, kan du aktivere den ved hjelp av Vindu-menyen.

Trinn 4

Plasser de to lagene i sentrum, ved hjelp av følgende innstillinger:

Trinn 5

Velg den svarte firkanten og flytte den litt høyere med Transform Y av 250px

Step. 6

Velg de to rektangler og holde Alt-tasten inne for å velge en forbindelse Shape. Nå Utvid fra Pathfinder vinduet. Farge på knappen med RGB (R = 175, G = 175, B = 175)

Trinn 7

Lag en kopi av knappen ved hjelp av Command + C >.; Kommando + F. Color knappen med Gradient-verktøy på en ende (R = 0, G = 0, B = 0) og (R = 100, G = 100, b = 100) ved den andre enden, vinkel- -45.

Trinn 8

Lag en kopi av knappen ved hjelp av Command + C > Command + F. Endre vinkelen på graderingen til 135.

Trinn 9

Bruk Offset Sti for å krympe knappen bruker Effect > Sti > Offset Sti

Bruk Utvid Utseende å bringe knappene til dimensjonene ved hjelp Object >.; Utvid Utseende

Trinn 10

Velg det første laget og forstørre den ved hjelp av offset Path. (Effect > Sti > Offset Sti). Påfør Utvid Utseende å bringe knappene til dimensjonene ved å sette Object > Utvid Utseende. Lag en kopi av laget ved hjelp av Command + C > Command + F.

Step 11

Velg lag i midten, og lage en kopi (Command + C > Command + F). Velg de to lagene som er opprettet, må du holde Alt-tasten nede, velger Ekskluder, og deretter Utvid fra Pathfinder vinduet

Trinn 12

Lag en kopi av den endelige laget (Command + C >.; Command + F), og deretter velge bort alle andre lag, slik at den eneste aktive laget er resultatet fra å søke Ekskluder.

Trinn 13

Bruk Eraser Tool (Shift + E) for å slette visse deler av knappen, holde bare hjørnene. For å lage en firkant /rektangulært sletting, holde Alt-tasten trykkes. Dobbeltklikk på viskelær i menylinjen for å endre innstillingene for viskelær

Trinn 14

Velg alle lagene og gruppere dem (Command + A > Command + G)..

Step 15

Color øvre venstre hjørne med Gradient verktøy i den ene enden (R = 230, G = 230, B = 230), (R = 200, G = 200, B = 200 ) i midten, og (R = 230, b = 230, G = 230) ved den andre ende, plassering (R = 20, G = 50, B = 80) med vinkel 45.

Trinn 16

Nå vil vi bruke Gradient farge på de andre hjørnene bruker pipetteverktøyet (I). Velg de andre hjørnene og klikk pipetteverktøyet på den fargede hjørnet. Nå må du gjøre noen endringer i de fargede hjørnene. For å få dem i ønsket fasong. Noen trenger å bli endret fra Angle 45 til Angle -45, og den dimensjonen av Gradient må innstilles i forhold til størrelsen på hjørnet som vist

Trinn 17

Ta en kopi av den gruppen av hjørnene ved hjelp av Command + C > Command + F. Nå løser du opp dem og deretter gruppe /flette dem: hold Alt-tasten inne for å velge Compound form og deretter Utvid dem fra Pathfinder vinduet

Trinn 18

Aktiver neste lag. å se bildet

Trinn 19

Lag en kopi av laget under ved hjelp av Command + C >.; Command + F.

Step 20

Velg laget du nettopp kopierte, sammen med laget over, og holde Alt-tasten inne for å velge Ekskluder og Utvid fra Pathfinder vinduet. Hold Kommando-tasten inne for å velge begge lagene og klikk på dem.

Trinn 21

Farge alle marginene med RGB (R = 230, G = 230, B = 230). Hold Alt-tasten inne for å velge Divide fra Pathfinder vinduet for å skille marginene.

Trinn 22

Aktiver alle lagene og gjøre små korrigeringer.

Trinn 23

Color laget valgt med RGB (R = 230, G = 230, B = 230).

Trinn 24

Velg laget under og endre Gradient Slider beliggenhet til 75 .

Trinn 25

Lys opp fargen på Gradient på laget foran

Trinn 26

Velg laget og endre sin posisjon.: forvandle x = 301 og y = 276

Trinn 27

Velg del av lagene å forlenge Direct Selection Tool (A) og deretter Høyreklikk Transform >.; Flytt.

Trinn 28

Velg margin vist nedenfor. Klikk den med Direct Selection Tool (A) for å legge en skygge i hjørnet. Bruk Gradient verktøy til å farge den ene enden med RGB (R = 230, G = 230, B = 230), RGB (R = 200, G = 200, B = 200) i midten, og RGB (R = 230, G = 230, B = 230) på den andre enden, med plassering (20 37 50), og Angle 45.

Trinn 29

Legg en liten bit av skyggen til knappen; den enkleste måten å gjøre dette på er: Effekt > Stilisere > Drop Shadow.

Trinn 30

En annen måte å legge skygge til knappen bruker en blandingsmodus. Lag en kopi av det valgte laget og kopiere den til baksiden ved hjelp av Command + C > Command + B, deretter farge det med RGB (R = 200, G = 200, B = 200).

Lag en annen kopi av laget du nettopp kopierte, farge det hvitt RGB (R = 0, G = 0, B = 0), og plasser den i midten ved hjelp Transform. x = 275 og y = 275

Bruk Move Tool (V) for å forstørre laget i høyre hjørne. Hold nede Shift-tasten inne for å opprettholde andelen av-knappen, og velg deretter de to lagene, og gjelder Object > Blend > Merke (Command + Alt + B).

Konklusjon

Du kan legge til "Enter" tekst og pil som vist. Nå tastaturet knappen er gjort.

Ved hjelp av teknikker i denne opplæringen kan du lage andre tastaturknapper ved hjelp av ulike former. Jeg håper du har hatt glede av denne opplæringen. Anmeldelser