Página 1 de 3 1 2 3 ÚltimoÚltimo
Resultados 1 al 10 de 24

Tema: Crear un Botón usando la Ventana de Estilo de Capa...

      
  1. #1
    Avatar de Nacho-Lopez
    Nacho-Lopez está desconectado

    Miembro VIP + 3000 mensajes en el foro!!!
    Fecha de ingreso
    02 Feb, 05
    Ubicación
    Logroño
    Mensajes
    9,755

    Predeterminado Crear un Botón usando la Ventana de Estilo de Capa...

    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...



    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...
    Un abrazo para todos

  2.  
  3. #2
    Avatar de lucydre
    lucydre está desconectado

    Miembro VIP + 3000 mensajes en el foro!!!
    Fecha de ingreso
    02 Mar, 05
    Ubicación
    Linares (Jaén)
    Mensajes
    14,205

    Predeterminado

    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



  4. #3
    Avatar de Nacho-Lopez
    Nacho-Lopez está desconectado

    Miembro VIP + 3000 mensajes en el foro!!!
    Fecha de ingreso
    02 Feb, 05
    Ubicación
    Logroño
    Mensajes
    9,755

    Predeterminado

    Jajaja lucydre
    Pues te quedó de maravilla...
    Ya veo que entendiste todos los pasos perfectamente
    Un abrazo


  5. #4
    Avatar de bertiboxter
    bertiboxter está desconectado
    Realmente sabe de esto!
    Fecha de ingreso
    29 Mar, 05
    Mensajes
    636

    Predeterminado

    ¡Joer, Lucydre! Vaya alumna aventajada. En el cole te sentabas siempre en la primera fila ¿no?
    Muy bien explicado, Nacho. Tomo nota.
    SAludos.,


  6. #5
    Avatar de lucydre
    lucydre está desconectado

    Miembro VIP + 3000 mensajes en el foro!!!
    Fecha de ingreso
    02 Mar, 05
    Ubicación
    Linares (Jaén)
    Mensajes
    14,205

    Predeterminado

    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

    saludos!!!


  7. #6
    jose50albacete está desconectado
    Ya no soy novato!
    Fecha de ingreso
    17 Oct, 05
    Mensajes
    144

    Predeterminado

    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


  8. #7
    Avatar de lucydre
    lucydre está desconectado

    Miembro VIP + 3000 mensajes en el foro!!!
    Fecha de ingreso
    02 Mar, 05
    Ubicación
    Linares (Jaén)
    Mensajes
    14,205

    Predeterminado

    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!!!


  9. #8
    Avatar de chii
    chii está desconectado
    Novato absoluto
    Fecha de ingreso
    26 Nov, 05
    Mensajes
    29


  10. #9
    Avatar de lucydre
    lucydre está desconectado

    Miembro VIP + 3000 mensajes en el foro!!!
    Fecha de ingreso
    02 Mar, 05
    Ubicación
    Linares (Jaén)
    Mensajes
    14,205

    Predeterminado

    Buen trabajo Chii... aunque lo cortaste un poco por arriba...


    saludos!!


  11. #10
    Avatar de downraindancer
    downraindancer está desconectado
    Ya no soy novato!
    Fecha de ingreso
    24 Nov, 05
    Mensajes
    121

    Predeterminado

    Y para muestra...nunca mejor dicho.


    Un BOTON!!



Página 1 de 3 1 2 3 ÚltimoÚltimo

Temas similares

  1. Crear un botón con un solo click desde estilo!
    Por klangbaumherz en el foro Tutoriales Photoshop
    Respuestas: 7
    Último mensaje: 13/06/2009, 02:08

Etiquetas para este tema

Permisos de publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •  
Photoshop Designs v2.0
Photoshop designs es una comunidad dedicada a Photoshop, el retoque fotográfico, la fotografía digital, el arte digital, 3d, el diseño Web y otros programas de edición de imágenes como Corel photopaint, corel draw ó GIMP. Entre sus páginas encontraréis cientos de tutoriales photoshop y de retoque fotográfico, cursos de fotografía, concursos, información sobre cámaras digitales, soporte photoshop, miles de recursos photoshop, una increíble galería photoshop y un blog que recopila los mejores tutoriales y recursos que se publican a lo largo de toda la red
Compartir
Photoshop Designs v1.0
Visita Photoshop Designs v1.0
Búsqueda personalizada

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52