Página 1 de 2 1 2 ÚltimoÚltimo
Resultados 1 al 10 de 16

Tema: Líneas de Bisel en photoshop

      
  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 Líneas de Bisel en photoshop

    Os voy a explicar como hacer este sencillísimo efecto, para que lo apliquéis a vuestros botones, banners o diseños que hagáis en Photoshop...
    Como ejemplo, yo lo voy a aplicar sobre un pequeño rectángulo, que tal vez luego nos pudiera serir para un botón o un gif. Para eso abro un archivo de tamaño aproximadamente 400x60 píxeles de fondo blanco y le aplico un estilo de capa. Podéis aplicar cualquier estilo de capa. Esto es sólo un ejemplo para tratar de explicaros los pasos a dar...



    Este es el resultado hasta aquí:



    Ahora creamos una nueva capa vacía y con la herramienta Marco fila única, pulsamos sobre nuestro botón, más o menos sobre la altura a la que queramos ver nuestra línea de bisel.



    Contorneamos la línea de negro. Esto lo podemos hacer desde Edición----> Contornear-----> Elegir color negro. Usaremos la anchura de un pixel y el resto de valores que podéis ver aquí:





    Ahora, creamos una nueva capa vacía y contorneamos de nuevo, pero ahora seleccionaremos el color blanco y después, moveremos la capa un pixel hacia abajo. Esto lo podéis hacer, seleccionando la herramienta mover en la ventana de herramientas que tiene forma de estrella y pulsando sobre la flecha de cursor que apunta hacia abajo en vuestro teclado del ordenador una vez...
    Ahora deseleccionamos, para quitar esa línea de puntos discontínuos y poder ver nuestro trabajo acabado.
    Selección----> Deseleccionar:



    También podéis repetir el efecto para darle un mejor acabado. Eso ya lo debéis de decidir vosotros. Yo os lanzo la idea...



    Espero que os guste el resultado.
    Como véis, este es un efecto muy clásico y muy utilizado en el diseño web...
    Me gustaría que lo repitiérais, lo aplicárais a vuestros propios trabajos y después nos los enseñárais...
    A ver si os animáis...
    Un abrazo
    Nacho

  2.  
  3. #2
    Guille está desconectado
    Ya no soy novato!
    Fecha de ingreso
    19 Feb, 05
    Ubicación
    Murcia
    Mensajes
    135

    Predeterminado

    Este tipo de banners y botones me encantan, los he visto (algunos) por tu página web de distintos colores y quedan muy bien.
    Gracias por el tutorial. Pronto me pongo en marcha y te muestro lo que consigo con tus tutoriales.

    Saludos!


  4. #3
    Avatar de JC
    JC
    JC está desconectado
    Ya no soy novato!
    Fecha de ingreso
    08 Mar, 05
    Mensajes
    169

    Predeterminado

    estarias bien ke explicaras tambien como aplicar el estilo o si lo has creado tu decir los valores para ke se tome referencia sobre el ejemplo un saludo


  5. #4
    Avatar de JC
    JC
    JC está desconectado
    Ya no soy novato!
    Fecha de ingreso
    08 Mar, 05
    Mensajes
    169

    Predeterminado

    e aqui mi ejemplo de este tutorial un saludo


  6. #5
    Avatar de artefakto
    artefakto está desconectado
    Realmente sabe de esto!
    Fecha de ingreso
    11 Feb, 05
    Ubicación
    Santiago de Chile
    Mensajes
    923

    Predeterminado

    Buen trabajo JC =D>
    Un detalle...
    La sombra que diste es bastante intensa, y al proyectarse por el lado derecho, debiese hacer más tenues las líneas que atraviesan el botón justo en el bisel del lado derecho.
    Creo que con eso quedará muy bueno.


  7. #6
    Avatar de JC
    JC
    JC está desconectado
    Ya no soy novato!
    Fecha de ingreso
    08 Mar, 05
    Mensajes
    169

    Predeterminado

    jejeejjeej compañero ya lo tube en cuenta pero es ke toy vaguete y keria dar un ejemplo rapido como otra opcion pero tienes razon lo se, para otra ocasion seguire tu consejo un saludo


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

    atefakto lleva razón, pero lo que son las líneas te han quedado perfectas JC...
    A ver si un día os pongo un tutorial donde os explique como utilizar la ventana de estilos de capa...
    Toy en ello...
    Un abrazo para todos
    Nacho


  9. #8
    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, Hay que predicar con el ejemplo no?? pues aquí teneis lo que se me ha ocurrido hacer cuando he visto el tuto...




    Saludos!!!


  10. #9
    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

    Fantástico...
    Me alegra muchísimo ver que todos habéis entendido el tutorial y lo habéis hecho de maravilla...
    Un abrazo

    Cita Iniciado por lucydre
    Bueno, Hay que predicar con el ejemplo no?? pues aquí teneis lo que se me ha ocurrido hacer cuando he visto el tuto...




    Saludos!!!


  11. #10
    Avatar de JC
    JC
    JC está desconectado
    Ya no soy novato!
    Fecha de ingreso
    08 Mar, 05
    Mensajes
    169

    Predeterminado

    otra variacion del tutorial
    muy guapo felicidades
    un saludo


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

Temas similares

  1. LINEAS EN PHOTOSHOP
    Por argen2006 en el foro Consultas sobre Photoshop Creative Cloud, Photoshop CS6 - otras versiones Photoshop
    Respuestas: 2
    Último mensaje: 08/07/2006, 22:29

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