Registrarse Buscar Colabora FAQ Miembros Grupos de Usuarios Login  
Responder al tema Crear un Botón usando la Ventana de Estilo de Capa...
Ir a página 1, 2  Siguiente
Crear un Botón usando la Ventana de Estilo de Capa...
Nacho-Lopez
Administrador y Fundador

Registrado: 02 Feb 2005
Mensajes: 9687
Ubicación: Logroño
Responder citando
Pues vamos a ver si os explico de forma sencilla como crear un bonito botón, que luego podréis usar para vuestros trabajos de diseño, usando únicamente toda la potencia de la Ventana de Estilo de Capa:
Para eso, abrimos un documento nuevo con fondo blanco adecuado al tamaño de vuestro botón que váis a crear...
Creamos una nueva capa vacía y con la herramienta marco elíptico, vamos a hacer un círculo. Para eso a medida que usamos la herramienta sobre el documento, mantenemos pulsada la tecla "Shift". A continuación, rellenamos la selección de negro. Edición----> Rellenar-----> Negro



Deseleccionamos la selección. Selección----> Deseleccionar. Pulsamos dos veces seguidas con el botón izquierdo del ratón sobre la capa que habéis creado, la del círculo negro, y se abrirá la ventana de Estilo de Capa. Veréis como a mano izquierda aparecen muchas opciones, que nosotros iremos modificando poco a poco.
Primero pulsamos sobre la Sombra paralela y en la ventana que se abre, vamos a ir introduciendo estos valores o cualquiera otros que consideréis oportuno para conseguir un resultado acorde con vuestras necesidades. Con la casilla de previsualizar activada, podéis ir viendo en tiempo real como cambia vuestro diseño...
Acordaros de cambiar todos y cada uno de los valores que véis en la siguiente captura de imagen hasta que coincidan todos... Rolling Eyes



El resultado hasta aquí, sería este:



Pulsamos ahora sobre la casilla de Superposición de colores, seleccionamos el color blanco y modificamos los valores de esta manera aproximadamente:



Y veremos esto:



Vamos a darle un aspecto más profesional. Para eso nos vamos a la casilla de Satinado, usamos el color blanco de nuevo y cambiamos los valores de la siguiente manera, incluido el Contorno, tal y como véis aquí:



Y de nuevo, veremos esto:



Vamos ahora a modificar tres cosas llegado este momento. El Bisel y relieve y dentro de él, su Contorno.
Después la Sombra interior, con estos valores para cada opción
:







Llegados a este punto, este el resultado final de nuestro botón:



Podéis ahora modificar todos los valores hasta que el resultado se adapte a vuestras necesidades o añadir más opciones, como texturas, degrados, motivos...
Ya véis la enorme potencia de la ventana Estilo de Capa para diseño...
A modo de ejemplo, yo he cambiado en la opción Superposición de colores, el color blanco que habíamos usado anteriormente por el rojo, siendo este el resultado:



Ya se queda para vosotros el seguir experimentando y seguir conociendo en profundidad esta increible aplicación del Photoshop... Very Happy
Un abrazo para todos

_________________
¿Quieres seguir hablando de otros temas?: Foros24h
Photoshop designs Orla Photoshop Blog Photoshop
Portal Photoshop designs
Galería Photoshop
Photoshop
Tutoriales Photoshop
Nacho Lopez
Libro Visitas
Miembros VIP
Sitemap
Ver perfil de usuarioBuscar todos los mensajes de Nacho-LopezEnviar mensaje privadoEnviar emailVisitar sitio web del autor
lucydre
Administra el Foro
Administra el Foro

Registrado: 02 Mar 2005
Mensajes: 13685
Ubicación: Linares (Jaén)
Responder citando
Como siempre muy bien explicado el tutorial...

aquí te pongo un ejemplo de lo que hice gracias a este tuto... para que veas que además de leerte hacemos lo que nos dices :p

Ver perfil de usuarioBuscar todos los mensajes de lucydreEnviar mensaje privadoEnviar emailVisitar sitio web del autorMSN Messenger
Nacho-Lopez
Administrador y Fundador

Registrado: 02 Feb 2005
Mensajes: 9687
Ubicación: Logroño
Responder citando
Jajaja lucydre Razz
Pues te quedó de maravilla...
Ya veo que entendiste todos los pasos perfectamente si
Un abrazo Very Happy

_________________
¿Quieres seguir hablando de otros temas?: Foros24h
Photoshop designs Orla Photoshop Blog Photoshop
Portal Photoshop designs
Galería Photoshop
Photoshop
Tutoriales Photoshop
Nacho Lopez
Libro Visitas
Miembros VIP
Sitemap
Ver perfil de usuarioBuscar todos los mensajes de Nacho-LopezEnviar mensaje privadoEnviar emailVisitar sitio web del autor
bertiboxter
Artista
Artista

Registrado: 29 Mar 2005
Mensajes: 636
Responder citando
Shocked ¡Joer, Lucydre! Vaya alumna aventajada. En el cole te sentabas siempre en la primera fila ¿no?
Muy bien explicado, Nacho. Tomo nota.
SAludos.,
Ver perfil de usuarioBuscar todos los mensajes de bertiboxterEnviar mensaje privado
lucydre
Administra el Foro
Administra el Foro

Registrado: 02 Mar 2005
Mensajes: 13685
Ubicación: Linares (Jaén)
Responder citando
jajaja berti, el merito no es mio sino del profe... que yo lo único que hice diferente fue darle un poco de textura...

y nop, soy de las que siempre se sientan al final... que es para mi gusto el mejor sitio para observar :p

saludos!!!
Ver perfil de usuarioBuscar todos los mensajes de lucydreEnviar mensaje privadoEnviar emailVisitar sitio web del autorMSN Messenger
jose50albacete
Sabe de esto...
Sabe de esto...

Registrado: 17 Oct 2005
Mensajes: 144
Responder citando
De nuevo Nacho, gracias, gracias de todo corazón por tan magnifico tutorial, me ha salido genial, pero una pregunta, por favor y espero que no se moleste nadie, porque no se explican todos los tutoriales así

Saludos
Ver perfil de usuarioBuscar todos los mensajes de jose50albaceteEnviar mensaje privado
lucydre
Administra el Foro
Administra el Foro

Registrado: 02 Mar 2005
Mensajes: 13685
Ubicación: Linares (Jaén)
Responder citando
Bueno, yo personalmente no me molesto... Estoy contigo en que Nacho explica los tutoriales muy bien... pero ten en cuenta que hay tutoriales y tutoriales...
Es como la cocina... no es lo mismo explicar a freir un huevo que hacer estofado de carne con patatas... por ejemplo...

Un saludo y me alegra que te haya salido...

Saludos!!!
Ver perfil de usuarioBuscar todos los mensajes de lucydreEnviar mensaje privadoEnviar emailVisitar sitio web del autorMSN Messenger
chii
Calentando Motores
Calentando Motores

Registrado: 26 Nov 2005
Mensajes: 29
Responder citando
ta fazilito ^^ mu bien

http://img387.imageshack.us/my.php?image=sinttulo18io.gif

_________________
Ver perfil de usuarioBuscar todos los mensajes de chiiEnviar mensaje privado
lucydre
Administra el Foro
Administra el Foro

Registrado: 02 Mar 2005
Mensajes: 13685
Ubicación: Linares (Jaén)
Responder citando
Buen trabajo Chii... aunque lo cortaste un poco por arriba...


saludos!!
Ver perfil de usuarioBuscar todos los mensajes de lucydreEnviar mensaje privadoEnviar emailVisitar sitio web del autorMSN Messenger
downraindancer
Sabe de esto...
Sabe de esto...

Registrado: 25 Nov 2005
Mensajes: 121
Responder citando
Y para muestra...nunca mejor dicho.


Un BOTON!!


_________________
Ver perfil de usuarioBuscar todos los mensajes de downraindancerEnviar mensaje privadoEnviar emailMSN Messenger
lucydre
Administra el Foro
Administra el Foro

Registrado: 02 Mar 2005
Mensajes: 13685
Ubicación: Linares (Jaén)
Responder citando
Buen trabajo Down... :-D



saludos!!!
Ver perfil de usuarioBuscar todos los mensajes de lucydreEnviar mensaje privadoEnviar emailVisitar sitio web del autorMSN Messenger
NOSKAK
Geni@ del Photoshop
Geni@ del Photoshop

Registrado: 28 Oct 2005
Mensajes: 1544
Ubicación: España
Responder citando
Y otro más para la colección
Gracias por el tuto
Ver perfil de usuarioBuscar todos los mensajes de NOSKAKEnviar mensaje privado
jose50albacete
Sabe de esto...
Sabe de esto...

Registrado: 17 Oct 2005
Mensajes: 144
Responder citando


De nuevo itero mis gracias por todo y a todos
Ver perfil de usuarioBuscar todos los mensajes de jose50albaceteEnviar mensaje privado
AQUI ESTA MI EJEMPLO
jordel
Recién llegad@...
Recién llegad@...

Registrado: 30 May 2006
Mensajes: 1
Ubicación: mexico
Responder citando
HOLA SOY EN PRINCIPIANTE EN PHOTO SHOP AQUI EL EJEMPLO QUE HE REALIZADO EXTRAIDO DE ALGUNOS TUTORIALES DEL SITIO EN LOS TRES ULTIMOS DIAS.

Smile



Ver perfil de usuarioBuscar todos los mensajes de jordelEnviar mensaje privado
Nacho-Lopez
Administrador y Fundador

Registrado: 02 Feb 2005
Mensajes: 9687
Ubicación: Logroño
Responder citando
Están fenomenales todos los trabajos aplausos
Un abrazo Very Happy

_________________
¿Quieres seguir hablando de otros temas?: Foros24h
Photoshop designs Orla Photoshop Blog Photoshop
Portal Photoshop designs
Galería Photoshop
Photoshop
Tutoriales Photoshop
Nacho Lopez
Libro Visitas
Miembros VIP
Sitemap
Ver perfil de usuarioBuscar todos los mensajes de Nacho-LopezEnviar mensaje privadoEnviar emailVisitar sitio web del autor
Crear un Botón usando la Ventana de Estilo de Capa...
Puede publicar nuevos temas en este foro
No puede responder a temas en este foro
No puede editar sus mensajes en este foro
No puede borrar sus mensajes en este foro
No puede votar en encuestas en este foro
Todas las horas son GMT  
Página 1 de 2  

  
  
 Responder al tema  
.::: ENLÁZANOS DESDE TU PROPIA PÁGINA WEB! :::.
Proyecto desarrollado por: NACHO LOPEZ | Videosgratis24h. || Sitemap || Topics || Modelos || Galería
Todo el contenido © Photoshop Designs - Asesoramiento Jurídico y Trámites: HGN, Logroño