Regístrate
Enviar respuesta 
 
Calificación:
  • 0 votos - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Creación Botón Simple
Autor Mensaje
The_Bimbo Sin conexión
Miembro Senior
****

Mensajes: 272
Registro en: Mar 2012
Reputación: 11
Mensaje: #1
Creación Botón Simple
Bueno, gente de Beta Redes, les traigo un nuevo tutorial de la creación de un simple botón, espero que les gusten, como también que les pueda servir.

Creación Botón Simple

1) Bueno empezamos creando un archivo nuevo de unos 150x150px, con fondo transparente, como indica la imagen.

[Imagen: 8nXFL.png]

Previa

[Imagen: 7gJdu.png]

2) Ahora seleccionamos la herramienta Marco Elíptico, y mantenemos pulsando la tecla Shift, y hacemos un circulo perfecto, como les marca la siguiente imagen.

[Imagen: pEbYa.png]

3) Bueno ahora marcamos la herramienta de degradado radial haga un degradado con la dirección que se muestra en la imagen.

[Imagen: rhgHI.png]

[Imagen: x7REx.png]

Previa

[Imagen: V2JZZ.png]

4) Bien, ahora seleccionamos nuevamente la herramienta Marco Elíptico y hacemos una selección circular más pequeña. Luego rotamos la selección 180 grados, (Edición, Transformar, Rotar 180°).

[Imagen: ftxYy.png]

Previa

[Imagen: OOsIh.png]

5) Ahora vamos a Selección, Modificar, Contraer y contraemos la selección a 2 Pixeles, luego lo rotamos de nuevo a 180°.

[Imagen: CwoTo.png]

Previa

[Imagen: uAQGX.png]

6) Luego para darle un poco de color al botón vamos a Imagen, Ajustar, Tono Saturación y cambiamos los valores, asegúrate que la casilla que dice "Colorear" esté marcada, como les muestra la imagen.

[Imagen: LGLdf.png]

Previa final

[Imagen: YT1FO.png]

Bueno amigos eso fue todo, espero que les gusten, cualquier duda, pregunten. Próximamente mas tutoriales.
Saludos.

Los invitados no pueden ver los enlaces en los mensajes. Registrate en el foro: aquí para ver los enlaces.
13-04-2012 12:56 PM
Encuentra todos sus mensajes Cita este mensaje en tu respuesta
Javier Sin conexión
Administrador
*******

Mensajes: 139
Registro en: Mar 2012
Reputación: 10
Mensaje: #2
RE: Creación Botón Simple
Gracias por el aporte, solo me hubiera gustado que fuesen en otro color para que resaltara.

Los invitados no pueden ver los enlaces en los mensajes. Registrate en el foro: aquí para ver los enlaces.
13-04-2012 05:05 PM
Visita su sitio web Encuentra todos sus mensajes Cita este mensaje en tu respuesta
JT7 Sin conexión
Super moderador
******

Mensajes: 277
Registro en: Mar 2012
Reputación: 11
Mensaje: #3
RE: Creación Botón Simple
Gracias por el tuto, buenísimo como siempre!!
PD: Apoyo las palabras de Javier

Los invitados no pueden ver los enlaces en los mensajes. Registrate en el foro: aquí para ver los enlaces.
13-04-2012 05:18 PM
Encuentra todos sus mensajes Cita este mensaje en tu respuesta
The_Bimbo Sin conexión
Miembro Senior
****

Mensajes: 272
Registro en: Mar 2012
Reputación: 11
Mensaje: #4
RE: Creación Botón Simple
Bueno chicos en un rato hago uno nuevo, gracias por pasarse y comentar con la bueno onda de siempre!

Los invitados no pueden ver los enlaces en los mensajes. Registrate en el foro: aquí para ver los enlaces.
13-04-2012 06:45 PM
Encuentra todos sus mensajes Cita este mensaje en tu respuesta
SXzi Sin conexión
Miembro Junior
**

Mensajes: 5
Registro en: Apr 2012
Reputación: 0
Mensaje: #5
RE: Creación Botón Simple
Como dice el título, es muy simple a mi parecer, pero a los que apenas inician les ayudará muchísimo...
No se porque comento estos si ya no me acuerdo ni como moverle al photoshop, igual y ni ese botón me sale sin tuto xD pero igual se me hace muy simple hehe
Gracias por compartir, +1 de reputación Sonrisa
(Este mensaje fue modificado por última vez en: 14-04-2012 07:15 PM por SXzi.)
14-04-2012 07:15 PM
Encuentra todos sus mensajes Cita este mensaje en tu respuesta
Enviar respuesta 


Salto de foro:


Usuario(s) navegando en este tema: 1 invitado(s)