Blog and Web

  • Inicio
  • Nosotros
  • Publicidad
  • Plantillas Blogger
  • Categorias
    • Adsense
    • Blogandweb
    • Blogger
    • Blogs
    • CSS
    • Diseño
      • Fuentes
      • Iconos
      • Logos
    • Dominios
    • Geek
    • HTML
    • Javascript
    • México
    • Notas rápidas
    • Photoshop
      • Brushes
    • PHP
    • Plantillas Blogger
    • Productos Google
      • Firefox
    • Recursos en linea
    • Red
    • SEO
    • Software
    • Tutoriales
    • Uncategorized
    • Web 2.0
    • Widgets para Blogger
    • Wordpress
      • Plugins
      • Themes
  • Suscríbete vía RSS
« Imagenes aleatorias con PHP
Cómo instalar o cambiar una plantilla en el nuevo Blogger »

Reflejar objetos o texto con Photoshop

Marzo 12th, 2007  |  Publicado por Francisco en Photoshop, Web 2.0  |  4 Comentarios

Uno de los efectos que más se estan usando ultimamente es la de usar reflejos, ya sea en texto o en imagenes. Es algo que va muy acorde con el filosofia de diseño de la web 2.0 y que seguramente seguira teniendo mucha aplicación. Bien pues en este minitutorial te diremos paso a paso como hacer este efecto en Photoshop.

  1. Lo primero que tenemos que hacer es tener nuestro elemento solo, sin fondo y lo podemos conseguir seleccionando el objeto y eliminando el fondo como vimos en el tutorial “Selecciones dificiles en Photoshop”. Para nuestro ejemplo usaremos el siguiente simpatico jarrito de tequila:
  2. Lo siguiente que tenemos que hacer es duplicar la capa, para esto damos click derecho sobre el nombre de la capa de nuestro jarro y en las opciones que se despliegan damos click en “Duplicar capa” (Duplicate Layer) y haceptamos el cuadro de dialogo que nos aparece.
  3. Nuestra nueva capa queda exactamente encima de la otra y lo que tenemos que hacer es reflejarla hacia abajo, para esto lo hacemos vamos al menú “editar” (edit) ahi a “transformar” (transform) y “Flip Vertical”. Lo que nos gira nuestra imagen 180°. Ahora hay que mover esa imagen de cabeza hacia abajo para que coinsida con la otra como sigue:
  4. Ahora creamos una nueva capa . En esta nueva capa, hacemos un gradiente de arriba hacia abajo en la zona que esta nuestro jarro de cabeza con se muestra en la figura:
  5. Ahora vamos a cargar la selección del gradiente, presionando la tecla Ctrl damos click justo sobre el icono de la capa que contiene el degradado.
  6. Como veras, nos aparece una selección. Ahora nos ubicamos en la capa del jarro reflejada y presionamos la tecla suprimir, con esto eliminamos en forma de gradiente parte de esa imagen. Y presionamos Crtl+D para desaparecer la selección.
  7. Como la capa del gradiente ya no la utilizaremos, nos ubicamos en dicha capa y la eliminamos con el boton del bote de basera bajo las capas.Y nos permite observar el resultado en la capa reflejada:

  8. Para mejorar el efecto podemos bajar la opacidad de la imagen, para este ejemplo usare 60% pero esta en función de la imagen y del resultado que busques. Juega con estos varios valores hasta que encuentres el que más te guste.
  9. Y el resultado final es el siguiente:Este metodología puede aplicarse de la misma forma para el texto con buenos resultados.

Artículos relacionados

  • Generar el efecto de reflejo en imágenes
  • El efecto de reflejo en las imágenes crea un sensación de naturalidad...

  • Reflejar imagenes con javascript
  • En nuestro artículo "Reflejar objetos o texto con Photoshop" te enseñamos a...

  • Los 80 mejores efectos de texto con Photoshop
  • Una de las cosas que más se requieren en photoshop son efectos...

Respuestas

Feed | Dirección de Trackback
  1. Joaquín:

    Noviembre 10th, 2007 a las 9:52 am (#)

    Hola Francisco, intento hacer este truco, pero no me sale ya que cuando duplico la capa, no me queda una arriba de la otra, me podrías decir cómo hacerlo?
    Saludos

  2. Francisco:

    Noviembre 12th, 2007 a las 10:46 pm (#)

    Joaquín, al duplicar la capa se genera automaticamente encima de la original, de que modo la intentas duplicar?

  3. Mendi:

    Enero 11th, 2008 a las 3:14 pm (#)

    Gracias Francisco, para hacer reflejos usaba el comando “fundir imagen” de Fireworks, me gustó mucho este tutorial.

    Excelente Blog.

    Saludos

  4. halı yıkama:

    Julio 19th, 2008 a las 9:35 am (#)

    thanks

Deja tu comentario

Blogger templates, layouts, themes, plantillas Ser Turista Blog ingeniería Web a 2.0

Categorías

  • Adsense
  • Blogandweb
  • Blogger
  • Blogs
  • Brushes
  • CSS
  • Diseño
  • Dominios
  • Firefox
  • Fuentes
  • Geek
  • HTML
  • Iconos
  • Javascript
  • Logos
  • México
  • Notas rápidas
  • Photoshop
  • PHP
  • Plantillas Blogger
  • Plugins
  • Productos Google
  • Recursos en linea
  • Red
  • SEO
  • Software
  • Themes
  • Tutoriales
  • Uncategorized
  • Web 2.0
  • Widgets para Blogger
  • Wordpress

¿Porqué tienes un blog?

Ver resultados

Loading ... Loading ...

Patrocinadores

  • Anúnciate aquí
  • ¿Quieres aprender sobre casinos?
  • Web a 2.0
  • BTemplates
  • Ser Turista
  • Blog ingeniería

Blogroll

  • Infected-FX
  • Blogmundi
  • Adseok
  • Zona Cerebral
  • Sigt
  • Loogic
  • Blog en serio
  • Isopixel
  • Vecindad Gráfica

Entradas Recientes

  • Thermal
  • Compressed
  • 5 bloggers, 5 concursos
  • Just Google
  • SubtlyMade, muy bonito tema para Wordpress

Comentarios Recientes

  • alejandro en Integrar Share This 2.0 a Blogger
  • Octavi en iPhone y WordPress: ¿la pareja ideal?
  • Alejandro Arco en Extensiones que no funcionan en Firefox 3.0.1
  • Minibruja en WP-Poll. Crea encuestas en Wordpress
  • ısı sistemleri en Recursos para diseñar un tema para Wordpress

Archivos

  • Julio 2008
  • Junio 2008
  • Mayo 2008
  • Abril 2008
  • Marzo 2008
  • Febrero 2008
  • Enero 2008
  • Diciembre 2007
  • Noviembre 2007
  • Octubre 2007
  • Septiembre 2007
  • Agosto 2007
  • Julio 2007
  • Junio 2007
  • Mayo 2007
  • Abril 2007
  • Marzo 2007
  • Febrero 2007

©2008 Blog and Web
Bajo WordPress. Diseño basado en grindlite.