Hola nois una més Tutorial Photoshop. En aquest tutorial us trobaré Com crear un simple botó verd en Photoshop. Això és molt simple i molt eficaç tutorial. Espero que gaudeixin d'aquest tutorial.

Resultat final

Això és el que hem anat fer avui

Pas # 1

Photoshop Obrir i crear un nou document, el meu és 550px × 398px amb un fons blanc.

Pas # 2

Ompli el color de la capa de fons, el color de la meva és # 979.696.

Pas # 3

Seleccioneu l'eina Rectangle arrodonit i crear el botó, la mina de Ràdio és 5px, width: 219px i height: 40px ..

Ara anem a aplicar alguns efectes

Superposició de degradat

L'estil del botó de doble clic sobre la miniatura de la capa de botó en el panell Capes per obrir el quadre de diàleg Estil de capa, anem a aplicar un efecte de degradat vertical per el botó. Després feu clic al degradat de color a la dreta de l'opció de degradat per obrir l'Editor de degradat de color.

Feu doble clic al left-color-stop i entrar en el valor de color # 55A646, a continuació, feu doble clic sobre el dret-color-stop i entrar en el valor de color # A5CE3F.

Ombra

Després apliques l'estil de la capa d'ombra. Mantingui l'angle en el 120, de canviar els valors d'opacitat, distància i la mida. Puc escollir per establir la Opacitat al 20%, a distància a 1px i mida 5px.

Ombra interior

Després apliques l'estil d'ombra Capa interna. Mantingui l'angle en el 120, de canviar els valors d'opacitat, Bobina de xoc i mida. Puc escollir per establir la Opacitat al 27% i ofegar al 100% i la mida al 2px.

El proper canvi de l'opció de fusió a Normal.

Bisell Relleu

A continuació s'aplicarà Bisell Relleu, Primera Canviar l'estil de Bisell interior i la tècnica per Llis, de canviar els valors de profunditat, direcció, mida i suavitzar. Trio Per establir la profunditat de 100%, Direcció de Arriba, Mida en 1px i estovar a 0px

Mantingui l'angle en el 120, altitud a 30

Mode destacat: que jo decideixi establir l'opacitat al 0%.

Mode d'ombra: trio per establir la Opacitat al 14%.

Cop

Finalment, s'aplicarà el moviment. Primer canvi dels valors de la seva mida. Puc triar per establir la mida de 1px. Canvi de la posició a l'interior de

Puc escollir per establir la Opacitat al 50%.

Canviar el color dels traços per defecte # 529.846

Hauria de tenir aquest aspecte.

Pas # 4

Seleccioneu Horitzontal tipus d'eina i escriviu el text en la part davantera.

Anem a aplicar alguns efectes per al text.

Superposició de degradat

Feu doble clic a la miniatura de la capa de text en el panell Capes per obrir el quadre de diàleg Estil de capa. Primer s'aplicarà Superposició de degradat, anem a aplicar un efecte de degradat vertical per el text. Després feu clic al degradat de color a la dreta de l'opció de degradat per obrir l'Editor de degradat de color ..

Feu doble clic al left-color-stop i entrar en el valor de color # DDDCDC, a continuació, feu doble clic al centre-color-stop i entrar en el valor de color FFFFFF #.

Ombra

Finalment, s'aplicarà l'estil de la capa d'ombra. Mantingui l'angle en el 120, de canviar els valors d'opacitat, distància i la mida. Puc escollir per establir la Opacitat al 34%, a distància a 1px i la mida al 1px.

Resultat final

Si ho desitja, per comprovar el seu treball, podeu descarregar l'arxiu PSD per aquest tutorial

Descarregar arxiu [240KB]

Si vol rebre més inspiració de nosaltres, si us plau considera subscriure't al nostre feed de RSS o per correu electrònic.