Tutoriales Photoshop - Efectos Photoshop
Nuestro Facebook Nuestro Twitter Canal de YouTube Google Plus Suscríbete al Feed RSS
julio 7, 2012 Autor: Tony Lázaro EfectosPs » Tutoriales Photoshop 0

Paso 1: Creamos un nuevo documento del tamaño que queramos.

Paso 2: Creamos una nueva capa y con la herramienta elipse, vamos a dibujar un círculo perfecto (manteniendo presionado la tecla “SHIFT”) del color que queramos. En este caso el color que uso es “#2292dc”.

Centramos la imagen.

Paso 3: Vamos al menú “Capa → Estilo de capa → Sombra interior”. Colocamos lo siguiente:

Paso 4: Duplicamos esta imagen yendo al menú “Capa → Duplicar Capa → Ok”.

Paso 5: Con la herramienta mover, vamos a mover (valga la redundancia) el círculo hacia en centro de la imagen.

Paso 6: Eliminamos los estilos, para esto, hacemos “Clic derecho a esta capa → Borrar estilo de capa”.

Paso 7: Vamos al menú “Imagen → Ajustes → Tono/saturación”. Colocamos:

Queda:

Paso 8: Hacemos, “Clic derecho a esta capa → Crear máscara de recorte”.
En “Opacidad”, bajamos a “30%”.

Paso 9: Ahora, creamos una nueva capa y con la herramienta forma personalizada, ubicamos la flecha de descarga y dibujamos.

Paso 10: Dibujamos de color blanco, manteniendo presionada la tecla “SHIFT” para que salga perfecta en las dimensiones. Luego, si no está centrada, centramos la imagen.

Queda:

Paso 11: Ahora, vamos al menú “Capa → Estilo de capa → Sombra interior”. Colocamos:

Paso 12: En la misma ventana, vamos a “Superposición de degradado”. Colocamos:

Podemos cambiar el color del botón seleccionando la capa del círculo, vamos al menú “Imagen → Ajustes → Tono/saturación” y en “Saturación”, movemos.

Y eso son todos los pasos para crear un botón de descarga para un sitio web.

Al finalizar el efecto.

Botón de descarga para página web

¡Déjanos tu comentario!

Suscríbete y recibe los artículos actuales en tu email:

 

0 Comentarios para 'Botón de descarga para página web'

No hay ningún comentario. ¡Sé el primero!
Nombre:   E-mail:
Sitio web: (Opcional)
Felíz Alegre :P XD Cool Guiño LOL Molesto Inseguro Con duda Normal Triste No Llorando Sorprendido 8| Maligno Endemoniado Sonrojado ^^ Me gusta No me gusta
Límite de caracteres: 500/500
Me reservo el derecho de eliminar los comentarios considerados como spam, que no esté relacionado al artículo o que estos incluyan ofensas, racismo, obscenidades y groserías que puedan agraviar tanto a un usuario como al sitio web.

Síguenos en las redes sociales
¡ Recibe las actualizaciones !

Suscríbete con tu correo electrónico y recibe cada artículo actual de EfectosPs en tu bandeja.

Videotutoriales
Últimos tutoriales y artículos
Blanquear dientes con Photoshop
Dientes blancos con Photoshop

Hola, después de mucho tiempo que vuelvo a hacer un tutorial Photoshop. En esta ocasión vamos a aprender a blanquear los dientes de una fotografía con Photoshop. Yo estoy usando… Seguir leyendo

Paquete de iconos de Microsoft
Paquete de iconos de Microsoft

Si ahora estás buscando como loco iconos de los programas de Microsoft, ahora los podrás descargar todos en un solo paquete. Dentro de este paquete viene 60 imágenes en formato PNG, también… Seguir leyendo

Set de vectores de elementos de oficina
Vectores de elementos de oficina

Descarga este set completo con los elementos de oficina entre los cuales hay lapiceros, lápices, diferentes tipos de hojas y alfileres. El peso del archivo es de 997 KB. Dentro… Seguir leyendo

Conjunto de banderas vectoriales
Conjunto de banderas vectoriales

Tal vez necesites algunas de estas banderas para trabajos de colegio, por ejemplo, tal vez usarlas para tu sitio web o quizás para algún diseño que estés realizando. Este conjunto… Seguir leyendo

14 Plantillas Responsive HTML5 y CSS3
14 Plantillas Responsive HTML5 y CSS3

En un artículo anterior ya había publicado unos enlaces para acceder a 111 plantillas HTML 5 y CSS3, así que hoy les traigo 14 más del sitio HTML5Up. Si vas… Seguir leyendo