Página 1 de 6 1 2 3 ... ÚltimoÚltimo
Resultados 1 al 10 de 57

Tema: Creando objetos para nuestras páginas Web...

      
  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 Creando objetos para nuestras páginas Web...

    Como parece que estos temas os interesan, voy a tratar de explicaros como hacer algunos de esos botones y objetos con los que los diseñadores decoran muchas veces sus páginas Web a través del siguiente ejemplo...
    Lo que voy a tratar de hacer es dar un acabado muy atractivo a una de las miles de Formas personalizadas que podéis descargaros de forma gratuita desde internet o desde las que el propio photoshop lleva incorporadas...
    Para eso, abro un documento de aproximadamente 200x200 píxeles y voy a usar la siguiente Forma personalizada para después rasterizarla:



    Después pulso dos veces sobre esta capa en la que se encuentra mi forma para abrir la ventana de estilos de capa y le aplico una superposición de colores para rellenarlo de ese color que os interese en cada caso. Yo he elegido un tono verdoso:



    A continuación, selecciono mi forma pulsando con el botón izquierdo del ratón y la tecla control simultáneamente sobre su capa y contraigo la selección alrededor de 3 píxeles. Esto lo podéis hacer desde Selección----> Modificar-----> Contraer:



    Ahora seleccionamos en el color frontal el color blanco y cogemos la herramienta degradado. Arriba a mano isquierda, donde os muestra la flecha en la captura de imagen debéis elegir el degradado Color Frontal/transparente:



    Creamos una nueva capa vacía y aplicamos el degradado dentro de la selección:



    Aplicamos un desenfoque gaussiano en esta capa que contiene el degradado blanco de alrededor 2 o 4 píxeles para suavizar un poco los bordes del mismo. Después volvemos a seleccionar nuestra forma inicial y cogemos la herramienta marco elíptico. Arriba a mano izquierda, debemos de pulsar sobre el pequeño icono que dice Restar de la selección y trazamos una elipse parecida a esta aún con nuestra forma seleccionada también:



    De esta forma eliminaremos de la selección de la forma el trozo contenida en ella de elipse. Una vez más, cogemos la herramienta degradado con el color blanco como color frontal y rellenamos la selección con él:



    Es tiempo para ir a la capa en la que tenemos nuestra forma y añadimos un trazo de color negro y un pixel y una sombra paralela. Lo podéis hacer desde la ventana de estilos de capa y así añadimos algo más de volumen a nuestra forma:



    Para terminar de decorar, podéis añadir otra forma encima de esta y la ponemos en el modo de fusión Superponer. Yo elegí una señal de prohibido el paso. También iluminé alguna zona pintando en una nueva capa vacía de blanco estando el modo de fusión de esta capa en luz suave:



    Para terminar, ya podéis usar un fondo y añadir más elementos a vuestro gusto. Esto es solo un pequeño ejemplo que espero os pueda orientar y daros nuevas ideas...



    Si tenéis algún problema para reproducir el tutorial ya me diréis. He tratado de hacer el mayor número de capturas de imagen posible pero tal vez algún paso pueda no haber quedado demasiado claro...
    Ya me diréis...
    Un abrazo

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

    Miembro VIP + 3000 mensajes en el foro!!!
    Fecha de ingreso
    29 May, 05
    Ubicación
    Manresa
    Mensajes
    4,074

    Predeterminado

    Muy buen tutorial Nacho y una explicacion clarísima, muchísimas gracias

    Un abrazo!!!


  4. #3
    Avatar de kamchatka
    kamchatka está desconectado

    Miembro VIP + 3000 mensajes en el foro!!!
    Fecha de ingreso
    29 May, 05
    Ubicación
    Manresa
    Mensajes
    4,074

    Predeterminado

    Estoy intentando llevar a cabo el tutorial, pero a la hora de rasterizar la forma no me deja la opcion de hacerlo(me sale en gris) No se porque será


  5. #4
    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

    Eso será que al aplicar la forma, tendrás elegido arriba la opción trazados o rellenar pixeles...
    Si tienes marcada la opción rellenar pixeles no hace falta que rasterices. Si tienes las otra, la de trazados, cámbiala por la de Capas de Forma...
    Ya me diras...
    Un abrazo


  6. #5
    Avatar de kamchatka
    kamchatka está desconectado

    Miembro VIP + 3000 mensajes en el foro!!!
    Fecha de ingreso
    29 May, 05
    Ubicación
    Manresa
    Mensajes
    4,074

    Predeterminado

    Exacto, era eso, tenia seleccionada la opcion de rellenar pixeles, gracias Nacho


  7. #6
    Avatar de brujita85
    brujita85 está desconectado
    Algo sabe de esto...
    Fecha de ingreso
    02 Jul, 05
    Ubicación
    Castellón
    Mensajes
    495

    Predeterminado

    Muy util, gracias


  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

    Genial Nacho, muy buen aporte... a ver mañana que me sale... jeje

    saludos!!!


  9. #8
    Avatar de n69
    n69
    n69 está desconectado
    Novato absoluto
    Fecha de ingreso
    05 Apr, 05
    Ubicación
    Madrid
    Mensajes
    39

    Predeterminado

    Esta genail nacho, y keda un acabado muy profesional.

    saludos


  10. #9
    jdgb está desconectado
    Algo sabe de esto...
    Fecha de ingreso
    29 Mar, 05
    Ubicación
    Málaga
    Mensajes
    339

    Predeterminado

    Muy interesante, gracias por el tutorial.

    Algún dia me deciciré a aplicar este tipo de cosas y hacerme un avatar.

    Saludos.


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

    Gracias a todos
    El tutorial partió de una consulta en el foro de un compañero que quería saber como se hacen los brillos que aparecen en esta imagen:



    Con el tutorial trataba de explicarle como se hacen a partir de selecciones y degradados. Espero que os sirva también a todos y podáis aplicarlo después a otros muchos trabajos...
    Un abrazo


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

Temas similares

  1. Creando un sencillo fondo para nuestras Imágenes...
    Por Nacho-Lopez en el foro Tutoriales Photoshop
    Respuestas: 5
    Último mensaje: 16/08/2008, 05:43

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