{"id":13257,"date":"2011-07-08T09:40:47","date_gmt":"2011-07-08T07:40:47","guid":{"rendered":"http:\/\/onsoftware.softonic.com\/?p=13257"},"modified":"2025-06-13T06:26:09","modified_gmt":"2025-06-13T04:26:09","slug":"punto-de-fuga-vanishing-point-en-photoshop","status":"publish","type":"post","link":"https:\/\/cms-articles.softonic.io\/es\/punto-de-fuga-vanishing-point-en-photoshop\/","title":{"rendered":"Pinta y retoca en perspectiva con Photoshop"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" style=\"margin-left: 0px;margin-right: 0px;border: 0px\" title=\"puntofugaphotoshopl\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/06\/puntofugaphotoshopl.jpg\" border=\"0\" alt=\"puntofugaphotoshopl\" width=\"128\" height=\"128\" align=\"right\" \/> <a href=\"http:\/\/photoshop.softonic.com\/\"><strong>Photoshop<\/strong><\/a> es un programa <strong>muy extenso<\/strong>, con infinidad de herramientas, ajustes y efectos; es normal que algunas de sus virtudes se pasen por alto, aunque poco a poco <a href=\"http:\/\/onsoftware.softonic.com\/t\/photoshop-tutoriales\">te explicamos en qu\u00e9 consisten<\/a> y c\u00f3mo pueden ayudarte.<\/p>\n<p>Quiz\u00e1 una de las herramientas que pasan m\u00e1s desapercibidas, por ser algo espec\u00edfica, es la del <strong>Punto de Fuga<\/strong> (<em>Vanishing Point<\/em>). En este tutorial aprender\u00e1s a usarla y comprobar\u00e1s lo mucho que puede ayudarte a retocar fotos con perspectiva.<\/p>\n<p><!--more--><\/p>\n<h3>\u00bfQu\u00e9 es el punto de fuga?<\/h3>\n<p>Si est\u00e1s familiarizado con los t\u00e9rminos de dibujo, sabr\u00e1s que el punto de fuga es <strong>aquel en el que convergen las l\u00edneas proyectadas en una misma direcci\u00f3n<\/strong>.<\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" style=\"margin-left: 0px;margin-right: 0px;border: 0px\" title=\"Zentralperspektive\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/06\/Zentralperspektive.png\" border=\"0\" alt=\"Zentralperspektive\" width=\"265\" height=\"176\" \/> <img loading=\"lazy\" decoding=\"async\" style=\"margin-left: 0px;margin-right: 0px;border: 0px\" title=\"400px-2-punktperspektive.svg\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/06\/400px2punktperspektive.svg_.png\" border=\"0\" alt=\"400px-2-punktperspektive.svg\" width=\"256\" height=\"170\" \/><\/p>\n<p style=\"text-align: center\"><small>Ejemplos de perspectiva con uno y dos puntos de fuga (Fuente: <a href=\"http:\/\/es.wikipedia.org\/wiki\/Punto_de_fuga\">Wikipedia<\/a>)<\/small><\/p>\n<p>En el caso de <strong>Photoshop<\/strong>, la herramienta Punto de Fuga te permite <strong>corregir y a\u00f1adir elementos a una imagen en funci\u00f3n de la perspectiva<\/strong> de la foto. Dicha perspectiva vendr\u00e1 dada por uno o varios planos, definidos por las rectas que convergen en un mismo punto de fuga.<\/p>\n<h3>Creando la perspectiva con Punto de Fuga<\/h3>\n<p>Usar esta herramienta de Photoshop puede parece un poco complicado al principio, pero nada m\u00e1s lejos de la realidad. Lo que hay que tener claro es <strong>cu\u00e1ntos planos es necesario hacer<\/strong> y qu\u00e9 orientaci\u00f3n han de tener.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"float: none;margin-left: auto;margin-right: auto;border-width: 0px\" title=\"oficinas\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/06\/oficinas.jpg\" border=\"0\" alt=\"oficinas\" width=\"300\" height=\"427\" \/><\/p>\n<p>Para el siguiente ejemplo, vamos a tomar una foto del edificio donde se encuentran nuestras oficinas. Nuestro objetivo es <strong>colocar unas pancartas<\/strong> en la fachada con la imagen de Softonic. No te preocupes: las retiraremos en cuanto acabe este tutorial \ud83d\ude42<\/p>\n<p>Comenzamos la labor acudiendo a la herramienta <strong>Punto de Fuga<\/strong> (o <strong>Vanishing Point<\/strong>) disponible desde CS3 en adelante. Esta se encuentra entre los primeros elementos del <strong>men\u00fa Filtros<\/strong>. Aseg\u00farate que la capa donde queremos colocar los motivos est\u00e1 visible.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"float: none;margin-left: auto;margin-right: auto;border-width: 0px\" title=\"Vanishing Point\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/06\/VanishingPoint.png\" border=\"0\" alt=\"Vanishing Point\" width=\"294\" height=\"197\" \/><\/p>\n<p>Una vez dentro de la herramienta, ver\u00e1s dos opciones a la izquierda: la \u00fanica que puedes seleccionar en este momento es la de <strong>Crear Plano<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"float: none;margin-left: auto;margin-right: auto;border-width: 0px\" title=\"Crear Plano\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/06\/CrearPlano.jpg\" border=\"0\" alt=\"Crear Plano\" width=\"201\" height=\"283\" \/><\/p>\n<p>La herramienta Crear Plano sirve, evidentemente, para <strong>definir los puntos del plano<\/strong> donde queremos colocar el motivo. Cada plano ha de coincidir con un lado de la figura en perspectiva, en este caso nuestro edificio, por lo que has de <strong>ajustar los puntos a las esquinas<\/strong> del lateral por el que quieres comenzar.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"float: none;margin-left: auto;margin-right: auto;border-width: 0px\" title=\"Definiendo el plano\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/06\/Definiendoelplano.jpg\" border=\"0\" alt=\"Definiendo el plano\" width=\"338\" height=\"401\" \/><\/p>\n<p>Cuando hayas hecho clic encima de los cuatro puntos del plano, habr\u00e1s creado tu primera perspectiva . El plano completo <strong>se presenta a modo de rejilla<\/strong> y, como puedes ver, dispones de <strong>ocho nodos<\/strong> para modificarlo a tu antojo. Para hacerlo, utiliza la herramienta <strong>Editar Plano<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"float: none;margin-left: auto;margin-right: auto;border-width: 0px\" title=\"Editar Plano\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/06\/EditarPlano.jpg\" border=\"0\" alt=\"Editar Plano\" width=\"359\" height=\"441\" \/><\/p>\n<h3>Completando la perspectiva<\/h3>\n<p>Queremos que nuestra pancarta gire en la esquina del edificio, as\u00ed que vamos a <strong>crear un plano perpendicular<\/strong> para envolver el lateral del edificio. Como este segundo plano va a estar conectado con el primero, no hace falta crearlo desde el principio. Simplemente has de seleccionar de nuevo Crear Plano y <strong>arrastrar el rat\u00f3n desde el nodo intermedio<\/strong> de la arista que va a hacer de esquina.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13377\" title=\"Creando el segundo plano\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/06\/06-07-2011-13-21-431.jpg\" alt=\"\" width=\"335\" height=\"332\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2011\/06\/06-07-2011-13-21-431.jpg 335w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2011\/06\/06-07-2011-13-21-431-256x253.jpg 256w\" sizes=\"auto, (max-width: 335px) 100vw, 335px\" \/><\/p>\n<p>Es posible que la perspectiva de este nuevo plano no sea la correcta. En ese caso, <strong>modifica los nodos necesarios<\/strong> con la herramienta Editar Plano.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"float: none;margin-left: auto;margin-right: auto;border-width: 0px\" title=\"Plano Incorrecto\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/06\/PlanoIncorrecto.jpg\" border=\"0\" alt=\"Plano Incorrecto\" width=\"324\" height=\"412\" \/><\/p>\n<p>\u00a1Ups! Tenemos un problema\u2026 Al modificar este nuevo plano, <strong>los bordes salen rojos<\/strong>. Este color es una alerta de Photoshop, que avisa de que el plano creado no es v\u00e1lido. Esto impide que se puedan crear planos perpendiculares desde \u00e9l, y adem\u00e1s <strong>corremos el peligro de que nuestra pancarta aparezca torcida<\/strong> cuando la insertemos en la malla. Algo parecido sucede si los bordes son de color amarillo. En ambos casos, <strong>conviene que cambies la ubicaci\u00f3n de los nodos<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13375\" title=\"Segundo plano con perspectiva corregida\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/06\/06-07-2011-13-28-491.jpg\" alt=\"\" width=\"297\" height=\"424\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2011\/06\/06-07-2011-13-28-491.jpg 297w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2011\/06\/06-07-2011-13-28-491-179x256.jpg 179w\" sizes=\"auto, (max-width: 297px) 100vw, 297px\" \/><\/p>\n<h3>Colocando los objetos y retocando un poco<\/h3>\n<p>Una vez tengas los planos creados con la herramienta <strong>Punto de Fuga<\/strong>, el siguiente paso es copiar los motivos que quieres pegar en \u00e9l. No te preocupes por los planos ya que, al pulsar OK, estos <strong>se guardar\u00e1n aunque no los veas<\/strong> en la imagen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"float: none;margin-left: auto;margin-right: auto;border-width: 0px\" title=\"Pancartas\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/06\/Pancartas.jpg\" border=\"0\" alt=\"Pancartas\" width=\"278\" height=\"53\" \/><\/p>\n<p>Cuando hayas copiado la imagen del motivo al portapapeles, dir\u00edgete de nuevo a la original y, otra vez dentro de Punto de Fuga, <strong>p\u00e9gala sobre dicha imagen<\/strong>. Al arrastrarla dentro del plano, el contenido <strong>se adaptar\u00e1 a la perspectiva<\/strong> como por arte de magia, incluso teniendo en cuenta la orientaci\u00f3n en las esquinas.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"float: none;margin-left: auto;margin-right: auto;border-width: 0px\" title=\"Colocando el logo\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/06\/Colocandoellogo.jpg\" border=\"0\" alt=\"Colocando el logo\" width=\"377\" height=\"360\" \/><\/p>\n<p>Otra cosa interesante que puedes hacer con el Punto de Fuga de Photoshop es <strong>clonar \u00e1reas de un plano a otro<\/strong>. Antes de nada, nosotros hemos creado otro plano en el edificio de al lado, al que queremos dar el aspecto del nuestro. Lo siguiente que hay que hacer es seleccionar el <strong>tamp\u00f3n de clonado<\/strong> y, manteniendo pulsada la tecla <strong>Alt<\/strong>, tomar una muestra de nuestro edificio para, a continuaci\u00f3n, <strong>empezar a pintar en el nuevo plano<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"float: none;margin-left: auto;margin-right: auto;border-width: 0px\" title=\"Clonando una superficie\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/06\/Clonandounasuperficie.jpg\" border=\"0\" alt=\"Clonando una superficie\" width=\"345\" height=\"438\" \/><\/p>\n<p>Como puedes ver, los resultados de Punto de Fuga son muy aparentes y sobre todo, el esfuerzo para aplicarlos es m\u00ednimo. Con estas utilidades, <strong>\u00bfalguien duda del potencial de esta bestia del dise\u00f1o que es Photoshop?<\/strong><\/p>\n<h3><strong><strong>Otras herramientas<\/strong><\/strong><\/h3>\n<p>Ahora que conoces el punto de fuga, seguro que te interesar\u00e1 conocer otros aspectos la mar de interesantes de Photoshop:<\/p>\n<ul>\n<li><a href=\"http:\/\/onsoftware.softonic.com\/herramientas-de-photoshop-la-pluma\">La pluma vectorial<\/a><\/li>\n<li><a href=\"http:\/\/onsoftware.softonic.com\/herramientas-de-photoshop-la-mascara\">Las m\u00e1scaras de capa<\/a><\/li>\n<li><a href=\"http:\/\/onsoftware.softonic.com\/herramientas-de-photoshop-la-seleccion\">Las herramientas de selecci\u00f3n<\/a><\/li>\n<\/ul>\n<p><strong>\u00bfConoc\u00edas esta herramienta? \u00bfQu\u00e9 usos se te ocurren para ella?<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Photoshop es un programa muy extenso, con infinidad de herramientas, ajustes y efectos; es normal que algunas de sus virtudes se pasen por alto, aunque poco a poco te explicamos en qu\u00e9 consisten y c\u00f3mo pueden ayudarte. Quiz\u00e1 una de las herramientas que pasan m\u00e1s desapercibidas, por ser algo espec\u00edfica, es la del Punto de &hellip; <a href=\"https:\/\/cms-articles.softonic.io\/es\/punto-de-fuga-vanishing-point-en-photoshop\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Pinta y retoca en perspectiva con Photoshop&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1029,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","wpcf-pageviews":1},"categories":[],"tags":[],"usertag":[],"vertical":[],"content-category":[],"class_list":["post-13257","post","type-post","status-publish","format-standard","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/posts\/13257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/users\/1029"}],"replies":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/comments?post=13257"}],"version-history":[{"count":1,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/posts\/13257\/revisions"}],"predecessor-version":[{"id":385398,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/posts\/13257\/revisions\/385398"}],"wp:attachment":[{"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/media?parent=13257"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/categories?post=13257"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/tags?post=13257"},{"taxonomy":"usertag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/usertag?post=13257"},{"taxonomy":"vertical","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/vertical?post=13257"},{"taxonomy":"content-category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/content-category?post=13257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}