Share
Acest tutorial vă va arăta cum să creați propriul buton de tastatură. Vom folosi uneltele de bază pentru construirea formei și instrumentele pentru trasee pentru a crea formele noastre și apoi pentru a ne cultiva butonul folosind gradiente, păstrând în același timp un ochi minunat asupra direcționării iluminării. Folosind tehnicile din acest tutorial puteți crea alte butoane de tastatură utilizând diferite forme. Sa incepem.
Creați un document nou (Command + N) cu următoarele setări:
Utilizați Instrumentul rotunjit dreptunghi pentru a crea două dreptunghiuri cu următoarele setări și culori: roșu și negru.
Selectați cele două dreptunghiuri și aliniați-le folosind Vertical Bottom aliniat.
Dacă fereastra Align nu este activă sau dacă există altă fereastră utilizată în acest tutorial pe care nu o puteți găsi, o puteți activa utilizând meniul Window.
Așezați cele două straturi în centru, utilizând următoarele setări:
Selectați dreptunghiul negru și mutați-l puțin mai sus cu Transform Y de 250px.
Selectați cele două dreptunghiuri și mențineți apăsată tasta Alt pentru a selecta o formă compusă. Extindeți acum din fereastra Pathfinder. Culoarea butonului cu RGB (R = 175, G = 175, B = 175).
Faceți o copie a butonului utilizând Command + C> Command + F. Apăsați butonul cu Gradient Tools la un capăt (R = 0, G = 0, B = 0) și (R = 100, G = 100, B = 100 ) la celălalt capăt, Angle -45.
Efectuați o copie a butonului utilizând Command + C> Command + F. Modificați unghiul de înclinare la 135.
Utilizați Cale de decalare pentru a micșora butonul utilizând Efect> Cale> Cale de decalare.
Aplicați Expandați aspectul pentru a aduce butoanele la dimensiuni utilizând Object> Expand Appearance.
Selectați primul strat și măriți-l cu ajutorul traseului Offset (Efect> Cale> Cale de decalare). Aplicați Expandare aspect pentru a aduce butoanele la dimensiuni prin setarea obiectului> Extinderea aspectului. Faceți o copie a stratului folosind Command + C> Command + F.
Selectați stratul în mijloc și faceți o copie (Command + C> Command + F). Selectați cele două straturi create, mențineți apăsată tasta Alt, selectați Excludeți, apoi Extindeți din fereastra Pathfinder.
Faceți o copie a stratului final (Command + C> Command + F) și apoi deselectați toate celelalte straturi, astfel încât singurul strat activ să fie rezultatul aplicării Excludeți.
Utilizați instrumentul Eraser (Shift + E) pentru a șterge anumite părți ale butonului, păstrând doar colțurile. Pentru a face o ștergere pătrată / dreptunghiulară, țineți apăsată tasta Alt. Faceți dublu clic pe radiatorul din bara de meniuri pentru a modifica setările radiatorului.
Selectați toate straturile și grupați-le (Command + A> Command + G).
Culoarea colțului din stânga sus cu uneltele de gradient la un capăt (R = 230, G = 230, B = 230), (R = 200, G = 200, B = 200) 230, G = 230) la celălalt capăt, locația (R = 20, G = 50, B = 80) cu unghiul 45.
Acum vom aplica culoarea Gradientului pe celelalte colțuri folosind Instrumentul pentru picioare (I). Selectați celelalte colțuri și faceți clic pe Instrumentul pentru picioare în colțul colorat. Acum, va trebui să faceți unele modificări la colțurile colorate. Pentru a le aduce în forma dorită: unele trebuie modificate de la unghiul 45 la unghiul -45, iar dimensiunea Gradientului trebuie să fie stabilită în funcție de dimensiunea colțului așa cum este arătat.
Efectuați o copie a grupului de colțuri utilizând Command + C> Command + F. Acum deselectați-le și apoi grupați / îmbinați-le: mențineți apăsată tasta Alt pentru a selecta Forma compusă și apoi Extindeți-le din fereastra Pathfinder.
Activați următoarele straturi pentru a vedea imaginea.
Efectuați o copie a stratului de mai jos utilizând Command + C> Command + F.
Selectați stratul pe care tocmai l-ați copiat, împreună cu stratul de mai sus și mențineți apăsată tasta Alt pentru a selecta Exclude și Extinde din fereastra Pathfinder. Țineți apăsată tasta Comandă pentru a selecta ambele straturi și faceți clic pe ele.
Colorați toate marginile cu RGB (R = 230, G = 230, B = 230). Țineți apăsată tasta Alt pentru a selecta Divide din fereastra Pathfinder pentru a separa marginile.
Activați toate straturile și efectuați mici corecții.
Culoarea stratului selectat cu RGB (R = 230, G = 230, B = 230).
Selectați stratul de mai jos și modificați locația Glisorului Gradient la 75.
Aprindeți culoarea Gradientului pe stratul din față.
Selectați stratul și modificați poziția lui: transform x = 301 și y = 276.
Selectați o parte din straturi pentru a prelungi Instrumentul de selecție directă (A) și apoi faceți clic dreapta pe Transformare> Mutare.
Selectați marja afișată mai jos. Faceți clic pe acesta cu Instrumentul de selecție directă (A) pentru a adăuga o umbră în colț. Utilizați Gradient Tools pentru a colora un capăt cu RGB (R = 230, G = 230, B = 230), RGB (R = 200, G = 200, B = 200) = 230, B = 230) pe celălalt capăt, cu locația (20 37 50) și Unghiul 45.
Adăugați un pic de umbră la buton; cel mai simplu mod de a face acest lucru este: Efect> Stylize> Drop Shadow.
Un alt mod de a adăuga umbra la buton este utilizarea unui mod de amestecare. Faceți o copie a stratului selectat și copiați-l în spate utilizând Command + C> Command + B, apoi colorați-l cu RGB (R = 200, G = 200, B = 200).
Faceți o altă copie a stratului pe care tocmai l-ați copiat, colorați-l cu RGB alb (R = 0, G = 0, B = 0) și plasați-l în centru utilizând Transform: x = 275 și y = 275.
Utilizați Instrumentul de mutare (V) pentru a mări stratul din colțul din dreapta jos. Țineți apăsată tasta Shift pentru a menține proporția butonului, apoi selectați cele două straturi și aplicați Object> Blend> Make (Command + Alt + B).
Puteți adăuga textul și săgeata "Enter" după cum se arată. Acum, butonul de tastatură este terminat.
Folosind tehnicile din acest tutorial puteți crea alte butoane de tastatură utilizând diferite forme. Sper că te-ai bucurat de acest tutorial.
Accentsconagua