Página principal  |  Contacto  

Correo electrónico:

Contraseña:

Registrarse ahora!

¿Has olvidado tu contraseña?

sιʟӘnтuz♚doʟʟ
¡ Feliz Cumpleaños ●vαleяιαα !
 
Novedades
  Únete ahora
  Panel de mensajes 
  Galería de imágenes 
 Archivos y documentos 
 Encuestas y Test 
  Lista de Participantes
   
   
 私は気にしない-✯ 
 STOP, DROP & ROLL✯ 
 ▽ ιn my head 
 ▽ buddιes 
   
 Greenjello━━━❤ 
 ▲ retroaction  
   
 「5 SENSES。」 
 » Bluestar 
 » Monthly 
 » shout up 
 » Vududoll 
   
 ▽ αerobox 
 ▽ resourx 
 ▽ starkprix 
   
  
   
 
 
  Herramientas
 
♦{tutoriales}: (PS) ¿Cómo usar una base de botón?
Elegir otro panel de mensajes
Tema anterior  Tema siguiente
Respuesta  Mensaje 1 de 2 en el tema 
De: rosнιo*  (Mensaje original) Enviado: 12/01/2011 17:06
¿Cómo usar una base de botón?
Pueden utilizar de recursos las bases que se han subido de Silentuz.
Los requerimientos son: TENER UNA IMAGEN LINDA, UNA BASE DE BOTON Y PHOTOSHOP CS, (yo utilizo el CS5).
 
Paso 1.
Con nuestro Photoshop abierto, le damos click en Abrir > Nuevo - y ponemos las medidas de un botón común,
en este caso 100 x 35. Asegurate que tenga el fondo transparente.
 
 
Abre tu imagen y la base de botón que vas a utilizar, copialas y pegalas en el archivo previamente abierto.
Acomoda el tamaño de la imagen para que se vea bien dentro del botón. 
 
Paso 2
Vamos a arreglar nuestra imagen para que quede brillante y linda. Para más rápido yo utilice una Action (By Kyky)
- pero tranquilos, después les enseñaré como usar las Actions ;) -. También puse una capa de luz y otra para resaltar
los colores, y ponemos el texto de nuestro botonsito.
 
 
Nota: Para trabajar mejor podemos dejar oculta la capa de la base para que no nos estorbe mientras trabajamos.
Asegurate que siempre sea la primer capa, o sea la que esta hasta arriba. 
 
Paso 3.
Vamos a acoplar todas las capas del botón, menos la que esta oculta que es nuestra base. 
 

Volvemos a dejar visible la capa de base y la dejamos seleccionada. Damos click en la herramienta de varita mágica
y vamos a seleccionar el area verde de la base.
 
          
 
Seleccionamos la capa del botón ya hecho y damos CTRL+X (que es recortar). Volvemos a seleccionar la capa de la base
y con mucho cuidado de que no se pierda la linea recortamos todo el contorno verde, (de nuevo CTRL+X). Ah, no olvidemos
quitar también el recuadro de crédito.
 

El botón debe verse más o menos así ya recortado.
 
Paso 4.
Guardamos el archivo. Es muy importante que sea en formato .png sino se pondrá por defecto un fondo blanco.
Ahora lo subimos a nuestro servidor de imágenes favorito y lo ponemos donde queramos :D
 
Este es el mío, ¿que tal te salió el tuyo?
 
Espero que te haya servido el tutorial, si tienes dudas puedes dejarlas aquí.



Primer  Anterior  2 a 2 de 2  Siguiente   Último  
Respuesta  Mensaje 2 de 2 en el tema 
De: ιѕa! * Enviado: 22/02/2011 18:17
Cuando harás el de las actions? Luego traigo mi botón con base para que lo veas :$


 
©2024 - Gabitos - Todos los derechos reservados