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”.
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.
Más artículos de interés
¡Déjanos tu comentario!
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
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
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
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
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
