Técnica No Destructiva Para Colocar CUALQUIER COSA en PERSPECTIVA - Tutorial de Photoshop en Español

en este tutorial les voy a enseñar a colocar logos o diseños en perspectiva usando técnicas no destructivas que les permite regresar en cualquier momento hacer los cambios que quieran hola a todos bienvenidos de nuevos a vídeos ptc mi nombre es jesús ramírez si me pueden encontrar en instagram como jrr from etc en este tutorial de photoshop les voy a enseñar a colocar diseños o logos en cualquier superficie que tenga perspectiva y todo lo vamos a hacer de manera no destructiva así en cualquier momento pueden volver a editar los contenidos de su logo o diseño esta es una técnica que desarrollé cuando trabajaba como diseñador y realmente es muy útil en entornos de producción en los que tienen que trabajar de manera no destructiva y tienes que hacer las cosas muy rápido también asegúrense de quedarse hasta el final del tutorial para ver cómo use las capas de ajuste para darle más realismo a la composición recuerden que pueden aplicar los principios que vamos a aprender en este tutorial a cualquier superficie por ejemplo a un muro un teléfono o al costado de un camión o en realidad a cualquier cosa muy bien comencemos vamos a trabajar con este archivo que contiene nuestra imagen de fondo en la que tenemos este espectacular gogh cartelera en blanco aquí es donde vamos a colocar diseño también tenemos esta capa que se llama campen y luego el logotipo de la empresa y es simplemente un logo genérico de una empresa con un poco de texto y si quisiéramos colocar el logo en esta imagen lo que mucha gente hace es presionar control de comando t para transformar luego clic derecho y clic en distorsionar para igualar la perspectiva y quizás podrían haberle ajustado a ojo y obtener un resultado decente pero eso no es lo que vamos a hacer en este tutorial así que voy a presionar la tecla skip y el problema más grande es que no sabemos cuál es la proporción de aspecto de esta área incluso si tenemos una imagen con una forma similar no podemos hacer que las esquinas de nuestro diseño encajen con las esquinas de la cartelera porque la imagen se distorsionaría la proporción de aspecto es diferente entonces si presionamos control de comando t para transformar y seleccionamos distorsionar para tratar de colocarlo puede que la perspectiva nos quede bien pero quizás nos equivocamos con la proporción de aspecto estamos estirando la imagen y claro podemos hacer clic derecho y seleccionamos escala presionamos shift option en mac y lo hacemos más pequeño para tratar de centrarlo pero eso no resuelve nuestro problema seguramente algunos de ustedes están pensando que podemos crear una nueva capa y luego seleccionar el logo de la compañía y hacerle una copia nos vamos a edición copiar y luego en la capa vacía usamos el punto de fuga y el punto de fuga simplemente nos permite crear una cuadrícula en la que podemos pegar objetos en perspectiva y esto más o menos resuelven este problema aquí tenemos esta cuadrícula y puedo presionar control de comando b para pegar el logo y puedo moverlo en perspectiva y funciona pero el problema es que esto no es un mujer o inteligente no le podemos aplicar este filtro a un objeto inteligente pero yo quiero tener un objeto inteligente en el que simplemente pueda poner lo que yo quiera y que automáticamente su perspectiva sea la misma que la de la cartelera entonces voy a ocultar esto y lo que les recomiendo que hagan es que usted en este pequeño truco que como les decía se me ocurrió cuando trabajaba como diseñador y tenía que hacer muchos trabajos de este tipo no sé si alguien más use esta técnica pero lo que sé es que no he visto a nadie usarlo en un vídeo de youtube así que por eso decidí crear este tutorial para ustedes y básicamente lo que hay que hacer es seleccionar la herramienta recorte con perspectiva en esta imagen yo ya cree unas guías que me van a facilitar las cosas así que voy a presionar control h comando h en mac tengo estas guías que creé antes de grabar pero es muy fácil crearlas solo tenemos que hacer clic y arrastrar desde las reglas si no tienen las reglas pueden irse a vista reglas y pueden mostrarlas u ocultar las y en realidad lo único que hice fue crear guías sobre las esquinas y bajo vista tengo activada la opción ajustar entonces rápidamente puedo hacer clic en esta esquina y se va a ajustar a la siguiente esquina y clic así me aseguro de que siempre estoy seleccionando correctamente a la esquina y lo que hace la herramienta recorte en perspectiva es que toma una imagen en perspectiva y luego aceptamos los cambios y la herramienta lo recorte y elimina la perspectiva entonces ahora tenemos una vista de frente así que ahora sabemos exactamente cuál es su proporción del aspecto entonces simplemente voy a presionar control a comando a en mac para seleccionar todo es decir estoy seleccionando todo lo que hay en el lienzo y luego puedo usar el atajo de teclado o irme a edición copiar combinado luego voy a deshacer así que voy a presionar control ez comando opción se está en mac y voy a deshacer varios pasos hasta volver a la imagen original luego me puedo ir a opción pegar o puedo presionar control de comando ve en mac para pegar entonces ahora esta capa de aquí va a ser nuestro contenedor así que le voy a cambiar el nombre a place holder y luego la voy a convertir en un objeto inteligente hago clic derecho y seleccionó convertir en objeto inteligente luego voy a presionar control de comando t para transformar después clic derecho y seleccionó distorsionar simplemente voy a arrastrar las esquinas a esos mismos puntos y voy a presionar enter o clique la marca de verificación para aceptar los cambios y voy a presionar control h comando h en mac para ocultar todos los extras incluyendo las guías y ahora van a ver que básicamente tenemos la misma imagen original solo que ahora puedo darle doble click a este contenedor y esta es mi plantilla para colocar cualquier cosa dentro de esta cartelera entonces puedo volver a mi diseño original y seleccionó el logo de la compañía voy a seleccionar la herramienta mover clic en el logo y lo arrastró a la siguiente pestaña paso el cursor sobre la pestaña presiono shift y suelto asi photoshop para colocar el logo en el centro y por ahora en realidad no necesito el contenedor así que simplemente puedo ocultarlo y presiono control ese comando es en mac para guardar y ahora este logo está en perspectiva déjenme ocultar el original la ventaja de este proceso de trabajo es que puedo darle doble click al objeto inteligente del contenedor y puedo ponerle cualquier imagen que quiera y siempre va a quedar en perspectiva entonces déjenme seleccionar una imagen de mi panel de bibliotecas y voy a seleccionar esta imagen de hong kong y simplemente la voy a arrastrar a su lugar y la voy a escalar para que abarque todo el lienzo y está bien si tapamos el logo realmente ya no lo necesito y también voy a seleccionar la herramienta texto horizontal y simplemente voy a escribir photoshop training chino que es mi canal en inglés y luego clic en la marca de verificación para confirmar los cambios y aquí les de un pequeño truco si presionan control a comando a en mac para seleccionar todo y luego clic en la herramienta mover pueden usar los botones de alinear centros verticales y alinear centros horizontales para que el texto quede justo en el centro pero en realidad no quiero centrarla verticalmente lo quiero un poco más abajo justo por aquí luego puedo presionar control ese comando es para guardar y si regreso a mi vista en perspectiva y van a notar que tenemos algunos problemas en primer lugar no hemos enmascarado en el edificio así que voy a hacerlo ahora y voy a ocultar esta capa del contenedor y una de las formas más fáciles de hacerlo es seleccionar la herramienta lazo poligonal y simplemente vamos a hacer zoom y hacemos una selección alrededor de esta zona del edificio y solamente hay que ser precisos aquí en la parte superior en lo demás la precisión realmente no es tan importante luego pueden presionar olt opción en mac y clic en el icono de añadir máscara de capa para crear una máscara de capa invertida después cuando me alejo pueden ver que ya tenemos esta parte luego voy a cambiar el modo de fusión de esta capa a multiplicar en este caso el fondo en realidad no tiene sombra pero si la tuviera queríamos que la sombra apareciera en la imagen y el modo de fusión multiplicar nos ayuda a lograr esto también me va a facilitar el enmascarado de estas lámparas así que click en la herramienta de zoom nos acercamos a una de las lámparas y en la máscara de capa del contenedor voy a pintar de negro las áreas en las que queremos que se muestren estas lámparas y estoy usando las teclas de corchete para hacer mi pincel más pequeño o más grande y para algo como esto quizás quieran usar el pincel más duro uno que no esté tan suave ahí tenemos los bordes duros porque esos bordes suaves no funcionan tan bien para crear este tipo de máscaras y esa fue nuestra primera lámpara lo que voy a hacer ahora es pausar la grabación y voy a seguir trabajando en las otras lámparas para que ustedes no pierdan el tiempo viéndome hacer lo mismo una y otra vez muy bien ya terminé y ya enmascare las otras lámparas y este es mi resultado y como les decía realmente no se perdieron gran cosa básicamente sólo hice lo mismo que me vieron hacer con la primera lámpara el último paso es darle un poco más de realismo después de todo estamos haciendo un trabajo de composición entonces si se fijan van a ver que hay un par de cosas que no se ven realistas en primer lugar no parece que encaje la escena y esto sucede porque la imagen original de la ciudad no tiene la misma atmósfera la misma luminosidad de la escena entonces una de las cosas que pueden hacer es quedar una capa de ajuste de blanco y negro simplemente para quitarle el color de la imagen y observar solamente estos valores de luminosidad esto le ayuda al cerebro a entender realmente lo que está pasando entonces clic en el contenedor y voy a crear una capa de ajuste de niveles clic en este icono de aquí para ligarla la capa de abajo luego puede usar el selector de en medio para ajustar el contraste creo que tiene mucho contraste y que los oscuros se ven muy oscuros así que clic y arrastro este selector un poco hacia la derecha y por lo menos para mi gusto ya se ve mucho mejor y así se ve con color y ellas del antes y el después y la ventaja de este proceso de trabajo es que siempre pueden volver a ajustar los contenidos de la cartelera sin tener que rehacer ninguna otra cosa vamos a darle doble clic al contenedor y quizás estemos trabajando en una campaña que incluye varias ciudades entonces ahí tenemos hong kong y tal vez ahora podemos usar una imagen del sydney ahora tenemos aquí una imagen de sydney y simplemente la voy a hacer más grande para que encaje en el lienzo y la voy a arrastrar debajo del letrero de photoshop keynesiano pero esta vez voy a arrastrar el letrero de photoshop lenin ya no hacia arriba justo ahí presiono control ese comando este para guardar volvemos a nuestro documento de trabajo y ahí está todo está en perspectiva y eso es todo que les haya gustado y que hayan aprendido algo nuevo cuéntenme en los comentarios si les gustó esta técnica de recorte con perspectiva también si esta es la primera vez que visitan a vídeos ptc no se les olvide suscribirse al canal muchas gracias por mirar y nos vemos en el próximo tutorial