Cum se creează un simplu buton din sticlă în Photoshop

Crearea unui buton de sticlă modernă în Adobe Photoshop este foarte simplu.

conținut

Pași
Creați o imagine nouă
Creați un fundal în formă de panglică
Modificați funcția buton de sticlă
Formarea butonului
Aplicați distorsiunea pe fundal
Adăugați un reflex
Adăugarea unui marcaj la stilul wikihow
Unele atingeri finale
Sfaturi
Materiale necesare

Creați un fundal în formă de panglică

Creați un document temporar pentru fundalul dungat. Apăsați CTRL + N pentru a crea un document nou. Introduceți 1 pentru "Lățime", 10 pentru "Înălțime", 72 pentru "Rezoluție" și "Alb" pentru "Conținut de fond". Faceți clic pe "OK".
Apăsați Z pentru a deschide Magnifierul de mărire. Faceți clic pe document până când creșterea este de cel puțin 1600%, apoi faceți clic pe "OK".
Apăsați M pentru a deschide instrumentul "Square Marquee". Dacă dintr-un anumit motiv se deschide instrumentul Circle Marquee, puteți comuta la pătrat prin apăsarea butonului stâng al mouse-ului pe pătrat din cutia de instrumente. O fereastră mică va fi afișată lângă caseta de instrumente și puteți alege instrumentul pătrat.
Pe documentul dungat, trageți un marcaj în jurul butonului cu 1 pixel. Asigurați-vă că grosimea cursei este setată la 0.
Apăsați SHIFT + F5 pentru a deschide fereastra de umplere. Setați "Utilizați:" la "Negru" și faceți clic pe "OK". Acum, apăsați CTRL + A pentru a selecta întregul document.
Dați clic pe "Editați"> "Definiți modelul". O fereastră vă va fi prezentată. Setați "Nume:" în "Stripes".
Închideți documentul de tip pinstrip (dungi). Nu mai avem nevoie de ea și nu există nici un motiv să o salvăm.

Modificați funcția Buton de sticlă

Faceți clic pe bara de titlu a documentului pentru butonul de sticlă pentru ao activa.
Apăsați SHIFT + F5 pentru a deschide fereastra de umplere. Modificați atributul "Utilizați:" la "Model". Modificați "modelul personalizat" pentru modelul dungat pe care l-am creat. Apoi faceți clic pe "OK". Documentul dvs. ar trebui să arate astfel:

Formarea butonului

Faceți clic și țineți apăsat butonul stâng al mouse-ului pe instrumentul "Marquee" din caseta de instrumente. Când fereastra mică apare lângă instrument, navigați la instrumentul "Eliptical Marquee".
În timp ce țineți apăsată tasta SHIFT, faceți clic pe partea stângă sus a documentului, apoi glisați marcajul eliptic până când indicatorul mouse-ului se află în colțul din dreapta jos al documentului. Se așteaptă ca cercul să fie puțin mai mic decât documentul. Apăsați SHIFT + CTRL + N pentru a crea un strat nou. Când fereastra noului strat este creată, modificați "Nume:" (Nume) în ShapeButton.
Personalizați culoarea într-un ton frumos de albastru închis. Faceți clic pe culoarea din prim plan în bara de instrumente.
Când este afișată fereastra de selectare a culorii, modificați valoarea de la "#" la 000066 (acestea sunt zerouri).
Faceți clic pe "OK".
Înapoi la documentul butonului de sticlă, apăsați SHIFT + F5 pentru a deschide fereastra de umplere. Setați "Utilizați:" la "Culoare prim plan" și faceți clic pe "OK". Introduceți CTRL + A pentru a selecta documentul ca întreg. Apăsați CTRL + X pentru a tăia cercul, apoi CTRL + V pentru al lipi. Actul tăierii și lipirii centrează cercul din document. În paleta de straturi, schimbați "Modul de amestecare" în "Burnare liniară".
Documentul dvs. ar trebui să arate astfel:
- Dacă nu, întoarce-te și verifică din nou fiecare etapă a instrucțiunilor.

Aplicați distorsiunea pe fundal

Dacă ați văzut deja un pahar de apă, este posibil să fi observat că imaginea văzută prin ea este ușor distorsionată. Cu butonul nostru, dungile de fond vor fi prezentate prin sticlă, așa că trebuie să distorsionăm ușor liniile.
Țineți apăsată tasta CTRL și faceți clic pe stratul "ShapeButton" din paleta de straturi. Aceasta va face o selecție în jurul formei butonului nostru. Acum faceți clic pe stratul de strat al paletei de straturi. Dați clic pe "Filtre"> "Distort"> "Spherize". Setați valoarea "Suma" la 66%.
Faceți clic pe "OK". Documentul dvs. ar trebui să arate astfel:

Adăugați un Reflex

Asigurați-vă că există încă o selecție în jurul cercului. Apăsați SHIFT + CTRL + N pentru a crea un strat nou. Când apare fereastra noului strat, schimbați "Nume:" la "Reflecție". Faceți clic pe "OK". Noul layer numit "Relfexo" ar fi trebuit să fie creat între straturile de fundal și forma butonului, când se uită la paleta de straturi. Trebuie să mutați stratul Reflection în partea de sus a paletei de straturi. Faceți clic și trageți-l în partea de sus a cursului.
Apăsați D și apoi X. Aceasta schimbă culorile primului și fundalului în negru și alb. Apăsați G pentru a utiliza instrumentul "Gradient". Setați gradientul culorii din prim plan la "Transparent".
Asigurați-vă că este selectat stratul Reflection, începeți să desenați o linie de gradient din partea de sus a cercului spre partea de jos a cercului. Țineți apăsată tasta SHIFT în timp ce faceți acest lucru pentru a vă asigura că faceți o linie perfect dreaptă. Când linia a ajuns la cercul de bază d, eliberați butonul mouse-ului. Acum, apăsați CTRL + D pentru a deselecta cercul. Documentul dvs. ar trebui să arate astfel:
Modificați dimensiunea și forma stratului Reflection. Apăsați CTRL + T pentru a transforma liber stratul Reflection. Faceți clic pe pătratul din dreapta. În timp ce țineți apăsată tasta ALT, glisați pătratul în pivot până când stratul de reflexie este de aproximativ 4/5 dimensiunea originală. Trageți acum pătratul de-a lungul bazei. În timp ce țineți apăsată tasta ALT, trageți pătratul în sus până când stratul de reflecție este de aproximativ 3/5 din dimensiunea originală. Apăsați ENTER pentru a confirma transformarea. Documentul dvs. ar trebui să arate astfel:
Nu vrem ca Reflecția să fie în centrul butonului, așa cum se arată mai sus, așa că apăsați V pentru a utiliza instrumentul "Mutare". Acum faceți clic pe reflexie și trageți-l până când se apropie de partea superioară a cercului. În paleta Straturi, schimbați Opacitatea la 85%.
Acum, documentul ar trebui să arate astfel:
Ați putea să vă opriți aici dacă doriți. Dar să adăugăm un semn de selectare stilului wikiHow din centrul obotão.

Adăugarea unui marcaj la stilul wikiHow

Faceți clic pe stratul ShapeBox din paleta Straturi. Agroa apăsați pe SHIFT + CTRL + N pentru a crea un strat nou deasupra stratului ShapeBox. Când apare fereastra noului strat, modificați "Nume:" la "Marcare". Acum trebuie să deschideți instrumentul "Custom Shape". În caseta de instrumente, faceți clic și țineți apăsat butonul mouse-ului de pe instrumentul dreptunghiular până când apare o fereastră lângă instrument. Selectați "Custom Shape" din listă.
Din bara de instrumente, modificați forma pentru "forma marcajului".
Faceți clic pe modelul de culori din prim plan în caseta de instrumente. Când apare fereastra de selectare a culorii, modificați valoarea de la "#" la 932200. Faceți clic pe "OK".
În stratul de marcare, desenați un marcaj mare de marcare care este puțin mai mic decât butonul. Veți face acest lucru făcând clic pe lângă baza cercului și trăgând din formă.
Faceți clic pe "Layer"> "Rasterize"> "Shpe". Acum modificați opacitatea stratului de marcare la 80%. Documentul dvs. ar trebui să arate astfel:
În timp ce țineți apăsată tasta CTRL, faceți clic pe stratul de marcare din paleta de straturi. Apăsați V pentru a utiliza instrumentul "Mutare". Acum țineți apăsată tasta ALT și apăsați tasta săgeată în jos de pe tastatură de 8 ori. Acum schimba culoarea prim-planului la A72903. Apăsați SHIFT + F5 pentru a deschide fereastra de umplere. Asigurați-vă că atributul "Utilizare:" este setat să utilizeze culoarea primului ecran. Faceți clic pe "OK". Apăsați CTRL + D pentru a deselecta stratul.
În paleta de straturi, faceți clic dreapta pe stratul Marcare și selectați Opțiuni de amestecare. Se va afișa fereastra stilului stratului. Faceți clic pe "DropShadow". Schimbați "Unghiul" la 90 și "Distanță" la 15.
Faceți clic pe "OK".

Unele atingeri finale

Faceți clic dreapta pe stratul ShapeBox și alegeți opțiunea "Blending Options". Când apare fereastra stilului de strat, faceți clic pe "Shadow Inner". Modificați valorile de la "Mod amestec:" la "Înmulțire", "Opacitate:" la 75%, "Unghi:" la "Distanță: pentru 5, "Choke:" pentru 0 și "Size:" pentru 75. Faceți clic pe "Drop Shadow". Lăsați toate setările așa cum sunt. Faceți clic pe "OK".
Și asta este, butonul dvs. este gata. Imaginea finală ar trebui să arate astfel:

sfaturi

Puteți face teste cu fereastra stilului stratului pentru a obține rezultate interesante.
Puteți adăuga text la buton utilizând instrumentul "Text".
Puteți face clic pe "Imagine"> "Dimensiunea imaginii" pentru a modifica dimensiunea imaginii. Dacă intenționați să utilizați ceva de genul acesta pe un site web, cu siguranță ați prefera ceva mai mic.