Hola Taringeros hoy les traigo este post con la finalidad de enseñarles a como crear botones insignias en el adobe photoshop.
Comencemos con el tutorial
1. Para empezar creamos un documento de 300x300px, fondo blanco, 72ppp de resolución, modo RGB
2. Con selector elíptico creamos un círculo que ocupe casi toda la superficie (260x260px)
3. A hora crearemos una nueva capa y la llamaremos "anillo exterior"
4. Le pondremos como color frontal # D0ECF8 y como color de fondo #2997C4
5. Seleccionamos la herramienta de degradado lineal con los colores anteriores y aplicamos en diagonal desde la esquina superior izquierda a la inferior derecha
6. A continuacion vamos al menú Selección -->Transformar -->Escala al 85% proporcional
7. A hora crearemos una nueva capa y vamos a llamarla "anillo interno"
8. Crearemos desde la herramienta degradado un gradiente que contenga como valores: a la izquierda= #1F5978, a la derecha= #49A5D4 y al 40% = #3C83BB y aplicamos con degradado lineal como en el paso 5
9. Una vez creado el botón pasamos a aplicarle uno o varios efectos de capa: sombra paralela, sombra interna, bisel y relieve, etc
10. Una vez creado los efectos al botón pasamos a colocar la imagen, texto o número sobre el botón. A hora crearemos una nueva capa e insertaremos la imagen, texto o número con efectos de capa, le daremos bisel y relieve.
posdata:
Los colores y la forma son obcionales, yo solo puse esos como guia en el tutorial, ustedes pueden poner los colores y la forma que quieran.
Espero que les aya gustado.
Saludos.
Por fa opinen
Comencemos con el tutorial
1. Para empezar creamos un documento de 300x300px, fondo blanco, 72ppp de resolución, modo RGB
2. Con selector elíptico creamos un círculo que ocupe casi toda la superficie (260x260px)
3. A hora crearemos una nueva capa y la llamaremos "anillo exterior"
4. Le pondremos como color frontal # D0ECF8 y como color de fondo #2997C4
5. Seleccionamos la herramienta de degradado lineal con los colores anteriores y aplicamos en diagonal desde la esquina superior izquierda a la inferior derecha
6. A continuacion vamos al menú Selección -->Transformar -->Escala al 85% proporcional
7. A hora crearemos una nueva capa y vamos a llamarla "anillo interno"
8. Crearemos desde la herramienta degradado un gradiente que contenga como valores: a la izquierda= #1F5978, a la derecha= #49A5D4 y al 40% = #3C83BB y aplicamos con degradado lineal como en el paso 5
9. Una vez creado el botón pasamos a aplicarle uno o varios efectos de capa: sombra paralela, sombra interna, bisel y relieve, etc
10. Una vez creado los efectos al botón pasamos a colocar la imagen, texto o número sobre el botón. A hora crearemos una nueva capa e insertaremos la imagen, texto o número con efectos de capa, le daremos bisel y relieve.
posdata:
Los colores y la forma son obcionales, yo solo puse esos como guia en el tutorial, ustedes pueden poner los colores y la forma que quieran.
Espero que les aya gustado.
Saludos.
Por fa opinen