Perspectiva de punto de fuga: Vanishing Point en Photoshop

Comunidad de dise�o web y desarrollo en internet online

Perspectiva de punto de fuga: Vanishing Point en Photoshop

Vanishing Point es un filtro que viene con Photoshop CS3 y CS2, lo cual nos facilita el uso de trabajar con perspectiva en nuestros dise�os, hasta inclusive podemos clonar tambi�n en perspectiva gracias a este filtro.

Lo que vamos a necesitar para este tip es una imagen de un edificio y el logo de Cristalab.

Empecemos:

Abrimos nuestra imagen la cual va a ser la base con la que nos guiaremos para crear el filtro.



Creamos una Capa Nueva y le colocamos de nombre vanishingPoint.



Nos dirigimos a la Barra de Menu � Filter � Vanishing Point.



Sale la pantalla de edici�n del Filtro Vanishing Point.



De la Barra de Herramientas seleccionamos la Herramienta Create Plane Tool (Nos permitir� dibujar la perspectiva).



Hacemos click donde empezaremos la perspectiva, quedando un Marco Azul con la perspectiva creada.



Si queremos mover un nodo, seleccionamos la Herramienta Edit Plane Tool.



Nos situamos en el nodo que deseamos mejorar.



Para crear otro recuadro, seleccionamos la Herramienta Create Plane Tool y nos colocamos en el Nodo del Medio.



Arrastramos para crear otra perspectiva hacia la derecha de la imagen.



Hacemos lo mismo con el lado Izquierdo y creamos dos recuadros mas.





Para ampliar un recuadro, nos colocamos en el nodo del medio y arrastramos.



Una vez hecho nuestra perspectiva, le damos al Bot�n Ok.



Creamos una Capa Nueva la cual contendr� el Logo de Cristalab.



Seleccionamos la capa y la copiamos. Menu � Edit- Copy.



Ocultamos la Capa del Logo de Cristalab (Quitando el ojito) y seleccionamos la capa de vanishinPoint.



Nos vamos nuevamente para el Filtro Vanishing Point. Menu � Filter � Vanishing Point.



Y pegamos la imagen del Logo de Cristalab.



Arrastramos la imagen hacia los recuadros de las perspectivas.



Como vemos que la imagen es peque�a, seleccionamos la Herramienta Transform Tool.



Nos colocamos en cualquier nodo de una esquina y agrandamos la imagen.



Al quedar conforme con el resultado, le damos al Bot�n Ok.



As� le hemos dado la perspectiva al Logo de Cristalab.



Y como queremos darle un mejor resultado, seleccionamos la capa vanishing point y le colocamos un blending mode de Linear Burn.



Quedando este resultado.



Espero que les sea f�cil de comprender para animarme a realizar m�s tips..!

�Sabes SQL? �No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y m�s con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

  • Por rolv el 21 de Agosto de 2008

    Buen tip, (y), que me recuerda que debo practicar el photoshop;Sin embargo como perfil netamente de programador, no se si deba.

    Queremos m�s tips de estos XD!!
    Saludos.
  • Por Sisco el 21 de Agosto de 2008

    En espa�ol es punto de fuga. Muy buen tip. Casi hago un tip igual, pero todav�a no hab�a empezado, XD menos mal!

    Ad�u!
  • Por Mariux el 23 de Septiembre de 2008

    excelente tip Torrealbaruben! se entiende muy bien :)
  • Por gabriel el 06 de Octubre de 2008

    gracias espero q te sigas animando sera util gracias.....
  • Por Gabriel el 08 de Octubre de 2008

    Mmmmmm, normalmente quien publica un tuto nos deja el archivo fuente...

    En cuanto a lo dem�s, excelente explicaci�n y ejemplo grafico.

    Gracias!.
  • Por Mariux el 08 de Octubre de 2008

    Gabriel-blog :

    Mmmmmm, normalmente quien publica un tuto nos deja el archivo fuente...

    En cuanto a lo dem�s, excelente explicaci�n y ejemplo grafico.

    Gracias!.


    eso para los tips de flash y demas sirve para ver como se hace pero en un tip de photoshop lo veo inutil ya que no queda mucha constancia del procedimiento. para eso esta el tip, para que lo sigas.
  • Por Keith_NT el 08 de Octubre de 2008

    Que buen tip!!!! :D :D
    Eres muy bueno torrealbaruben,
    Me gusto mucho :D
  • Por torrealbaruben el 09 de Octubre de 2008

    Gracias a todos, veo que se entendi� el tip.

    @Keith: todav�a me falta mucho..!
  • Por diego2008kat el 27 de Octubre de 2008

    gracias por el tip
  • Por Fabian el 28 de Diciembre de 2008

    �Excelente tip! �Gracias!
  • Por litotec el 21 de Enero de 2009

    maravilloso trabajo
  • Por clara el 08 de Abril de 2009

    muy buen dato,gracias!!!
    como se hace para las formas que son con puntas redondeadas? hay alguna manera de ahcer esto ?
    Gracias
  • Por isantos el 08 de Abril de 2009

    muy bueno!!!

    a practicar :D:D
  • Por juli el 20 de Abril de 2009

    BUENIIIIIIIIIIIIIIIIIISIMO !!!!!!!
  • Por WRaziel el 03 de Junio de 2009

    Sta Muy Weno el Tip
  • Por blanca el 08 de Junio de 2009

    pues la berdad no esta mal
  • Por sarita el 16 de Julio de 2009

    geniial
  • Por julian el 19 de Agosto de 2009

    grosoooooooo!
    exelente
  • Por tuto_blog el 02 de Septiembre de 2009

    blanca, lo que esta mal es tu ortograf�a XD
  • Por Enzo Master el 22 de Septiembre de 2009

    me gusto mucho y me diste muchas ganas de aprender a usar el fotoshop (y hacerme rubio jaja) BUENIIIIIIIISIMOOOO
  • Por Kastey el 30 de Noviembre de 2009

    Hola, soy bastante novato con el photoshop y estaba probando de poner un icono a un edificio encontrado en el google cualquiera lo de poner los vanishes si lo he encontrado lo que pasa que mi imagen no se acompla a las profundidades osea se queda rigida.

    �Como puedo solucionar eso?
  • Por lud el 26 de Mayo de 2010

    esta muy bueno pero no me sirve
  • Por Ola Amigo el 11 de Junio de 2010

    una consulta pork el programa se cierra cuanto intento hacer la perspectiva, tenia el cs4 lo desintale, intale el cs 2 y el 3 y sigue igual. k puede ser??
  • Por Fer el 19 de Junio de 2010

    Gracias monstruo
  • Por loiu el 26 de Junio de 2010

    me sirvio pzzz
  • Por Jonathann el 13 de Agosto de 2010

    Muy bueno, me sirvi� mucho
  • Por norma el 07 de Septiembre de 2010

    est muy benooooooo??????????????????
  • Por led el 22 de Septiembre de 2010

    la capa no se puede copiar
  • Por CARLOS33 el 08 de Diciembre de 2010

    EXCELENTE
  • Por CLAnonimo el 20 de Enero de 2011

    Esta muy bueno probando ... :)
  • Por CLAnonimo el 27 de Enero de 2011

    Se complico al principo pero me salio no = pero casi este es en CS4 , con otras cositas O.o :D ... Aca esta la imagen para q la vean [img]http://piczasso.com/i/wnoxz.png[img] , espero les guste ....
  • Por torrealbaruben el 28 de Enero de 2011

    Te qued� genial, felicitaciones...!
  • Por CLAnonimo el 29 de Enero de 2011

    torrealbaruben :

    Te qued� genial, felicitaciones...!


    Muchas Gracias :) ... Y espero nuevos tips tuyos o que me recomiendes otras cosas ^^ ...
  • Por mc el 15 de Julio de 2011

    no sabes de la que me salvaste!! estuve buscando un buen tutorial para usar este filtro y el tuyo esta PERFECTO.

    mil gracias!!!
  • Por el 01 de Noviembre de 2011

    mmmmmmmmmmmmmmm
  • Por Fernando el 27 de Marzo de 2012

    Excelente tutorial. Muchas gracias!!!
  • Por peter el 19 de Agosto de 2013

    Me ha sido muy �til. Muchas gracias por tu trabajo. Sigue as�.
  • Por anonimo el 08 de Noviembre de 2014

    Mola mucho:-) creo que es genial
  • Por leo el 01 de Abril de 2015

    Muy buen tutorial, gracias me sirvi� mucho

Publica tu comentario

El autor de este artículo ha cerrado los comentarios. Si tienes preguntas o comentarios, puedes hacerlos en el foro

Entra al foro y participa en la discusión

o puedes...

�Est�s registrado en Cristalab y quieres
publicar tu URL y avatar?

�No est�s registrado a�n pero quieres hacerlo antes de publicar tu comentario?

Registrate