Botón muy simple, pero atractiva y un tutorial icono de la creación de casi todo el mundo con un mínimo o casi ninguna experiencia en Photoshop. Propósito de este tutorial no es sólo mostrar el truco y la técnica de crear un botón, sino que también le invita a ser creativos e imaginativos para hacer tus propios botones en el futuro.


Uno de los secretos importante en cualquier trabajo creativo es la capacidad de ver el resultado mucho antes de que haya comenzado a aplicar. Existen muchos se acercan para lograrlo, para mí la mejor manera es cerrar los ojos y tratar de ver lo que voy a crear. Una vez que tengo algo interesante tratar de tomar una foto en mi memoria, antes de abrir los ojos y de inmediato se basan en un documento antes que me olvide. Es un ejercicio que puede hacer y hacerlo con regularidad aumentará su capacidad de ver con más claridad.

Digamos que esto es lo que he visto cuando cerré los ojos, ahora ¿cómo puedo ejecutar en Photoshop?

Icono ejercicio dibujar sobre papel

Paso 2: Usted puede mantener el fondo en blanco o usar un poco de textura suavizado, si lo prefiere, sólo creó rápidamente un poco de textura utilizando la biblioteca de la textura.

Crear la textura en photoshop

Paso 3: Añadir una nueva capa y darle un nombre, crear una selección de esquinas redondeadas caja cuadrada (135px X135px) y hacer que el radio de la esquina de 20 píxeles. Hay muchas maneras de crear el cuadro cuadrado redondeado, uno de una manera sencilla es: Dibuja un cuadrado primero y selecciona "Seleccionar -> Modificar -> Smooth" del menú superior y seleccione radio de 20px.

Crear cerrar un cuadrado redondeado la esquina

Paso 5: Ahora es el momento de explorar algún efecto,
Haga clic en "Añadir un estilo de capa" icono en la parte inferior de la ventana de su capa, y en la ventana de Estilo de capa única casilla de verificación 'Sombra' cheque. Siga la imagen de muestra a continuación.

Paso 6: Ahora el cuadro "Resplandor exterior" cheque en cheque. No como se muestra en la imagen de abajo.

Añadir un brillo estilo de la capa exterior

Paso 7: A continuación, compruebe la casilla de verificación "Resplandor interior". No como se muestra en la imagen de abajo.

Añadir un brillo estilo de capa interior

Y aquí está el efecto de estilo final.

Añadir un efecto de nueva capa en Photoshop

Paso 8: Agregar una nueva capa y seleccione 'Stroke' en el menú 'Editar' en la parte superior y dar color verde, 6px dentro de la frontera. Siga la imagen de la muestra.

Use trazo para crear la frontera desde el menú de edición.

Paso 9: Ahora usted tiene una imagen como esta. Cambiar el estilo desde el panel de la capa superior a la 'pantalla' le dará un efecto de transparencia.

Utilice la acción para crear la frontera desde el menú de edición.

Paso 10: Añadir nueva capa y dibujar un cuadro de rectángulo redondeado, como se muestra en la imagen de abajo. Es lo mismo como el "Paso 3" que describo antes.

Dibuje un cuadro de rectángulo redondeado

Paso 11: "Añadir máscara de capa" Seleccionar desde la barra de iconos de la parte inferior de la ventana de capas, y "el icono de degradado" de la ventana seleccione 'Herramientas'. Ahora haga clic y arrastre el ratón sobre la casilla de rectángulo redondeado para aplicar de arriba a abajo y usted debería ver resultado similar como esto.

Añadir máscara de capa y el icono de degradado para el efecto de iluminación

Paso 12: Ahora agregue otra capa y dibujar un círculo como la imagen de abajo y cambiar 'Opecity' desde el panel de la capa a un 50%.

Opecity utilizar el efecto más destacado

Paso 13: Ahora el tiempo para dibujar un icono que desea realizar o se puede utilizar cualquier icono existente de su colección. Acabo de sacar una cámara rápidamente.

Dibuje la cámara en photoshop

efecto de iluminación en el botón

Una vez que tenga el botón de listo, es tiempo de crear el mayor número que desee en pocos minutos. Que tengo ahora, reproducción de sonido, Escucha, dispositivo de audio, ecualizador, DVD, CD, entrada de micrófono, grabación, video, cinta, control de volumen y cámara.

Reproducir sonido, escucha, dispositivos de audio, ecualizador, DVD, CD, entrada de micrófono, grabación, video, cinta, control de volumen y la cámara