Hoy vamos a hacer una original manipulación de fotos usando objetos de una sola imagen. Aprenderemos a usar guías para que nosotros mismos sea más fácil. Les enseñaré a todos cómo crear una iluminación realista y el uso de la perspectiva correcta. También cambiaremos el propósito de un objeto y usaremos las capas de ajuste para terminar todo. Lo que sí necesita es un conocimiento básico de Photoshop y un conocimiento completo de la herramienta Pluma para este tutorial.
Este es el tutorial ganador del primer lugar del concurso de escritura Psdtuts + First Tutorial. Vea los resultados del concurso aquí. Enhorabuena a ViniMan y disfruta del tutorial.!
Esto es lo que estaremos creando..
Comenzamos buscando una fotografía de una habitación bonita y limpia. Es más fácil trabajar con una habitación con espacio entre los objetos, sin demasiadas fuentes de luz (por preferencia solo una), clara y limpia, y una buena imagen de alta resolución. Voy a usar una imagen
De este artículo en el Arch Daily Blog. Escogí esta imagen. Si estás seguro de tu imagen y crees que podrías hacer algo interesante con ella, hazlo!
Ve a Photoshop y abre tu imagen. Recorta directamente las partes que no te gustan o partes que no te parecen lo suficientemente interesantes. También puede hacer esto al final de todo el trabajo de manipulación de fotos, pero la mayoría de las veces verá inmediatamente qué partes no son interesantes. Utilizamos la Herramienta de recorte (C) y simplemente hacemos clic y arrastramos la parte que desea conservar.
Ahora vamos a cortar cada objeto que queremos mantener. En esta imagen, quiero mantener los armarios de madera, el pilar, las ventanas y la pequeña parte de la pared frente a las ventanas. Entonces duplicas (Comando + J) la imagen 4 veces. Tenemos 4 capas adicionales y la capa de fondo original. Coloque una máscara vectorial en cada capa, excepto la primera capa de fondo. Haga esto presionando el icono de máscara dos veces en la paleta de capas.
Obtenga su Pen Tool (P) y corte cada uno de los objetos en sus propias capas separadas. Si no está familiarizado con la herramienta Pluma, aquí hay una para sus marcadores, Photoshop Path's Made Easy. Practicar con la herramienta Pluma. No es fácil al principio, pero cuando lo has descubierto todo, es una herramienta que hace maravillas. De vuelta al lugar donde estaba, desactiva la visibilidad de la imagen de fondo presionando el icono Ojo frente a la capa en la paleta de capas.
No corté todo el pilar. Quiero que sea sobre toda la imagen. Así que lo redondeé colocando un ancla en el medio de la Máscara Vectorial de los pilares, la levanté y usé la herramienta Convertir punto para redondear.
Puede encontrar el centro del pilar creando Guías verticales en ambos lados del pilar. Encienda sus Reglas (Comando + R) y arrastre una guía desde la regla izquierda a un lado del pilar. Luego arrastra otro por el otro lado. Ahora tome la herramienta Rectangle Marquee (M) y simplemente haga clic y arrastre desde la primera a la segunda guía.
Hice el fondo negro para que todo fuera un poco más claro..
Haga clic derecho en la selección y transformarla. Coloque su ubicación de punto de referencia a la izquierda y luego su ancho en 50%.
Ahora puede ver el centro del pilar arrastrando otra guía vertical desde la regla hasta el lado derecho de la selección. Esto es lo que hice después para redondear la parte superior del pilar como expliqué antes..
No me gustaba el lugar del pilar; Quería que estuviera más en línea con el final del primer armario. Así que creé otra guía, pero esta vez una horizontal. De la misma forma que una guía vertical, pero esta vez comienza a arrastrar por la barra superior de la regla. Después de eso, moví el pilar hacia arriba, mientras mantenía presionada la tecla Mayús para asegurarme de arrastrarla directamente, y se ajustará directamente a la guía..
Vamos a crear nuestro piso, vaya a la primera capa y obtenga su Herramienta Rectángulo (U). Simplemente cree un rectángulo gris claro donde solía estar el piso. Asegúrese de que su capa esté debajo del resto de las cuatro capas de objeto. Abre las opciones de fusión de la capa de forma. Luego vaya a la opción Superposición de degradado y configure el Modo de fusión en Normal, Opacidad al 20%, y use un degradado lineal de negro a blanco, establecido en 90 °.
Vamos a crear algunas baldosas para el piso como se ve en la imagen original. Voy a posponer la visibilidad de la forma de mi piso ahora y establecer la capa de fondo original en visible. Elija su herramienta de línea, que se encuentra en el mismo conjunto que la herramienta de rectángulo, y simplemente haga líneas de 1 píxel sobre las líneas originales del piso en un color blanco. Pon esa capa de forma en 8%.. Nota: mantenga presionada la tecla shift para crear más líneas en una capa de forma.
Vuelve a activar la visibilidad del suelo. Crearemos una pared usando el mismo método que el piso. Elige un color gris más oscuro para crear una pared. Utilice la herramienta Rectángulo de nuevo y haga que la pared se detenga al final de los armarios. Y ahora haremos nuestra configuración de Superposición de degradado un poco diferente, como se muestra a continuación.
Ahora, tenga cuidado con el techo, usaremos la herramienta Pluma para hacer esto, pero primero necesitamos saber dónde está exactamente nuestro punto de fuga. De esta manera sabemos cómo tenemos que dibujar el techo. Tenemos que cambiar la perspectiva de los techos, ya que creamos el muro. Puedes hacer esto al sentir o crear líneas como guías. Siga con una línea debajo de los armarios y las ventanas de la derecha para saber dónde está el punto de fuga.
Elige otro color y comienza una tercera línea desde donde las dos primeras líneas se cortan, que es el punto de fuga.
Utilice la herramienta Pluma con un color gris claro y siga la línea de guía que acaba de crear. Además, use la configuración de Superposición de degradado como se muestra a continuación. Luego puedes borrar las líneas que hicimos como guías para la perspectiva. También puede eliminar la capa de fondo original, ya que no la usaremos más..
La luz viene de la derecha, por lo que a la izquierda el techo debe ser un poco más oscuro. Haz un degradado que esté ligeramente girado en la parte superior del techo.
Copie la máscara de la capa de forma de techo presionando Alt y arrastrándola a la capa de degradado. A continuación, establezca la opacidad en alrededor del 20%. Hice esto para crear un efecto de luz realista..
Quería tener un piso brillante. Pensé que hacer una reflexión para cada objeto era una buena idea, pero ten cuidado, ya que debes tener en cuenta la perspectiva para que se vean realistas. No puedes simplemente voltearlos verticalmente y darles una máscara de degradado. Algunos objetos necesitan ser sesgado primero.
Comenzaremos con la más fácil primero, la capa "pilar". Aquí solo podemos duplicar la capa, voltearla verticalmente y darle una máscara de degradado. Duplicar la capa "pilar". Luego, Transformación libre (Comando + T), haz clic derecho y voltéalo en vertical. Después de eso, muévelo debajo de la capa "pilar".
Agrega una máscara de capa y elige tu herramienta de degradado (G). Cree un degradado de negro a transparente haciendo clic y arrastrando desde un poco por encima de la parte inferior del documento hasta la mitad. Pon esa capa en 40% de opacidad..
Las "ventanas" no son tan fáciles de crear como el "pilar". También duplicar la capa y voltear la capa verticalmente. La diferencia es que, cuando lo bajas, no está en la perspectiva correcta. Así que hacemos clic derecho y presionamos Skew, mientras que en Free Transform. Tienes que alejarte mucho ahora. Mantener presionado Alt y desplazarse hacia arriba y hacia abajo con el desplazamiento del mouse facilita el zoom.
Si pasa por el lado derecho o izquierdo de la imagen ahora, aparecerá un icono. Haga clic y arrastre con el mouse hacia arriba o hacia abajo para inclinar más o menos.
Ahora agregue una máscara de capa y una vez más un degradado de negro a transparente, pero esta vez en diagonal. A continuación, ajuste la opacidad al 40%..
Los "armarios" son los más difíciles de crear. Duplicamos la capa del "armario" original, hacemos clic con el botón derecho en la máscara vectorial y luego presionamos Rasterizar la máscara vectorial. La máscara vectorial se convierte en una máscara de capa, pero queremos que nuestro "armario" sea recortado para que sea más fácil trabajar con él. Así que hacemos clic derecho en la máscara de capa y presionamos Aplicar máscara de capa. El objeto está recortado, sin máscaras, y rasterizado en este momento. Dale una máscara de capa y una máscara de vector una vez más. Duplique esta capa tres veces, para que tenga cuatro capas "de armario" rasterizadas.
Bien, deja las máscaras en paz por un tiempo. Tal vez se esté preguntando por qué hice cuatro capas "de armario" rasterizadas. Bueno, cada lado de los armarios debe tener otra máscara y perspectiva. Los dos lados que miramos directamente son fáciles y se pueden voltear verticalmente. Pero los lados que apuntan a las ventanas tienen que ser volteados y torcidos. Obtendrá algo similar a la imagen de abajo una vez que haya hecho eso.
Este es el momento en el que usaremos las máscaras vectoriales. Elija su herramienta Rectángulo y cree una forma para cada lado de los armarios.
Ahora agregue negro a los degradados transparentes una vez más a cada máscara de capa. Ponga estas cuatro capas en un grupo y establezca la opacidad de ese grupo al 40%. Luego coloca ese grupo debajo de la capa de "armario" original.
Vamos a agregar algunos rayos de luz, que saldrán por las ventanas de la derecha. Esto no solo le dará a la imagen un aspecto más dramático, sino también más realismo. Note que la luz viene de la derecha. Cree una nueva capa y elija la herramienta Lazo de polígono (L). Haga su primera selección en la última ventana, como se muestra a continuación.
Elija un color beige y cree un degradado con la herramienta Degradado.
Vaya a Filtro> Desenfoque> Desenfoque gaussiano y aplique aproximadamente un desenfoque de 2 píxeles. A continuación, ajuste la opacidad de la capa al 30%..
Hagamos rayos saliendo de todas las ventanas superiores también. Duplica esa capa. Escálelo con la herramienta de transformación gratuita (Comando + T). Luego muévalo hasta que toque los lados de la segunda ventana, como se muestra a continuación.
Continúa haciendo esto hasta que tengas tantos rayos como ventanas hay en la parte superior, que puedes ver. Terminé con cuatro rayos encima. Puse los últimos tres en una opacidad del 20% en lugar del 30%.
Para hacerlo más realista, cree un rayo más pequeño en las filas inferiores de las ventanas. Solo creé uno en la parte posterior, pero como es la fila superior, puedes llenar todas las ventanas con rayos. Asegúrate de enmascarar los rayos del fondo con un degradado negro que viene.
Algo que me gusta hacer es elegir un objeto de la imagen y cambiar su propósito. Por ejemplo, aquí podemos hacer los armarios de madera en paredes de madera separadas que tienen puertas. Trabajo fácil, pero tenga en cuenta que tiene que ser realista. Tomamos nuestra Herramienta de lápiz y hacemos un triángulo negro que será el techo de la puerta. La línea superior debe estar en línea con los dos armarios. Luego configúralo en 30% de opacidad.
Dale un degradado de negro a transparente y la siguiente configuración de Superposición de degradado.
Haz lo mismo para el armario de enfrente..
Haremos algunos cambios en los armarios. Elija la herramienta Rectángulo y cree dos rectángulos (en capas separadas) en las paredes de las puertas. A continuación, establezca su opacidad de relleno al 15%.
Otorgue a ambas capas de formas un degradado horizontal de negro a transparente de alrededor de un 55%.
Crea una nueva capa y elige la herramienta Degradado. Utilice un degradado lineal de blanco a transparente. Luego crea un gradiente diagonal que comienza en algún lugar lejos de la esquina inferior derecha de la pared y termina un poco por encima de la parte superior de la pared.
Seleccione la superficie de las paredes, presionando Comando y haciendo clic en la imagen de capas de forma. Invierta su selección presionando Comando + Shift + I. Luego presione Eliminar para borrar fuera del resto del muro. Luego deseleccione presionando Comando + D. Haga esto en ambas paredes y establezca su Opacidad en 50%.
Las puertas, como en la realidad, necesitan resaltar en sus esquinas. Cree dos líneas de 1 píxel utilizando la herramienta Línea con el conjunto de blancos como color. Simplemente siga la esquina de cada puerta con su Herramienta de Línea, mantenga presionada la tecla Mayús mientras crea la segunda línea. Presione F en su teclado para sacar más espacio de su documento.
Nota: mantenga presionada la barra espaciadora y use el botón izquierdo del ratón para que pueda arrastrar fácilmente el documento. También puede presionar la tecla H para la herramienta de mano, pero usar la barra espaciadora es mucho más fácil y rápido.
Ahora pon esa capa de forma en un 15% de Opacidad.
Haga lo mismo ahora, pero esta vez en la parte superior de los armarios con un color negro. A continuación, ajuste la opacidad al 15%..
Los techos de las puertas tienen que crear una sombra porque la luz viene de la derecha. La técnica es casi la misma que la creación de los rayos. Utiliza la herramienta Lazo y selecciona la superficie de las paredes, excepto un pequeño triángulo en la esquina superior izquierda. Ten en cuenta que la parte no seleccionada se convertirá en la sombra..
Elija la herramienta de degradado y cree un degradado lineal de blanco a transparente que vaya de derecha a izquierda. Mantenga presionada la tecla Mayús para asegurarse de que es recto.
Deselecciona y dale un desenfoque de 2 píxeles con el Desenfoque gaussiano. El blanco ahora saldrá un poco de la superficie de las paredes. Así que seleccione la superficie de las paredes, simplemente puede seleccionar la capa de forma de rectángulo que creamos anteriormente. Luego, agregue una máscara de capa, el desenfoque ahora solo estará en la pared. Tiene que ser más oscuro cuando se baja la pared, por lo que también ponemos un degradado de negro a transparente en la máscara de capa. A continuación, establezca la opacidad en alrededor del 70% de esa capa.
Haz lo mismo para la otra pared..
Haremos una ventana para ver el mar y la ciudad. Haremos esta ventana detrás de todas las capas que hemos creado hasta ahora. Ve a tu primera capa, que ahora será la capa con forma de piso. Luego toma tu herramienta Rectángulo y crea un rectángulo en el lugar donde actualmente no hay nada. No importa de que color.
Ahora esto es todo acerca de las opciones de fusión. En primer lugar, ponga su opacidad de relleno al 0% y otorgue a la capa un color gris de 6 píxeles dentro del trazo.
Duplica esta capa. Cambie las opciones de fusión del trazo, brillo interior y la superposición de degradado. Haz un negro de 3 píxeles dentro del trazo. Para el Resplandor interno, configure un Resplandor de opacidad del 10% del tamaño de un negro normal de 100 píxeles.
La superposición de degradado es otra cosa; vamos por un gradiente radial de blanco a gris claro que se posicionará en algún lugar detrás del pilar para otra fuente de luz que proviene de la ciudad. Vamos a hacer esto más tarde. Ponga el Modo de fusión en Superposición, la Opacidad en un 25% y la escala en un 55%. Terminará con algo como la última imagen de la serie a continuación..
Hice el fondo gris oscuro para hacerlo un poco más claro..
Vamos a dar a esto una reflexión en el suelo también. Duplique ambas capas de "ventana" y colóquelas en un grupo. Luego mueva el grupo debajo de la "ventana", agregue una Máscara de capa y dele un degradado negro que venga desde abajo. A continuación, establezca la opacidad del grupo en alrededor del 30%. Asegúrate de que el grupo esté por encima de la capa "piso"!
Vamos a añadir un poco más de luz en la pared izquierda. Además, sombras y retroiluminación para el pilar. Cree una nueva capa encima de la capa "muro izquierdo". En algún lugar en el medio del documento, tome un color rosa muy claro y haga un degradado radial con la herramienta Degradado, pero asegúrese de que todo el degradado esté en el documento..
Transforma gratis el gradiente y ponlo por encima de las paredes de madera. Mantenga presionado el comando mientras hace clic en las esquinas superiores de la transformación para cambiar sus lugares. Esto es lo mismo que una Transformación de distorsión (Editar> Transformar> Distorsionar).
A continuación, establezca la opacidad de esa capa en alrededor del 30%..
Para las sombras del pilar haces prácticamente lo mismo que la luz que hicimos antes. Solo ahora usa degradados radiales negros..
La paleta de capas debe ser similar a la imagen de abajo hasta ahora..
Vamos a crear la luz de fondo para el pilar. Vaya a la capa "pilar" y cree una forma de rectángulo delgado en el lado izquierdo del pilar, sin importar de qué color.
Arrastre el punto de anclaje derecho hacia arriba, donde se detiene el "pilar". Agregue un punto de anclaje en el medio y arrástrelo hacia arriba también.
Haga lo mismo para los puntos de anclaje en la parte inferior del pilar, pero ahora tire de los puntos de anclaje hacia abajo.
Lo único que tienes que hacer ahora es cambiar las opciones de fusión. Establezca la Opacidad de relleno en 0% y otorgue a la Superposición de degradado un gradiente de blanco a transparente establecido en 65% de Opacidad. Cambie el ángulo del gradiente a 0 ° y la escala a 150%.
Ahora que todos los ajustes de la habitación están listos, necesitamos algo que esté detrás de la ventana. Iré por un bonito diseño de ciudad por la noche. Primero, seleccionemos todas las capas que hemos creado hasta ahora. Vaya a la primera capa, que será la capa "piso", y presione sobre ella.
Luego vaya hasta la última capa, que será la capa "sombra" del armario, y mantenga presionada la tecla Mayús mientras hace clic en ella para seleccionar todas las capas de la habitación. Agruparlos a todos. Simplemente lo llamo "Habitación". Nombro mis capas para facilitar su edición posterior. Quiero poder encontrar cosas rapidamente.
A continuación necesitamos nuestro fondo. Crear una nueva capa, detrás del grupo "Habitación", por supuesto. Seleccione un rectángulo con la herramienta Rectangular Marquee (M), que será nuestro cielo..
Tome la herramienta de degradado y agregue un degradado que vaya de gris claro a gris oscuro y que suba verticalmente.
Invertir esa selección (Comando + Shift + I). Luego, agregue un degradado que va del gris al gris claro verticalmente. Este sera nuestro mar.
Necesitamos una luz que venga de alguna parte. Cree una nueva capa, elija la herramienta Degradado y agregue un degradado radial de amarillo a transparente en algún lugar detrás del pilar, como se muestra a continuación. Luego, coloque el Modo de fusión de la capa en Superposición y establezca la Opacidad al 25%..
Vamos a crear el horizonte de nuestra ciudad. Puede hacerlo usted mismo trazando una foto del horizonte de la ciudad con la herramienta Pluma. Otra opción es buscar algunas formas personalizadas en internet. En DeviantART encontré estas formas personalizadas llamadas Skyline Collection by hebedesign. Instale la colección y use una de las formas que se muestran a continuación.
Mantengo los monumentos y demás fuera de la imagen, porque creo que es un poco tonto ponerlos en su fondo.
Ahora establezca un estilo de capa de brillo exterior con un modo de mezcla de luz suave blanca, de modo que salga luz de la ciudad. Como opción de fusión opcional, puedes darle un Trazo blanco con una Opacidad muy baja y en Superposición para hacerlo un poco más nítido..
Dale a la ciudad una reflexión sobre el agua. Igual que los reflejos del piso, duplicamos la capa, la giramos verticalmente y agregamos una máscara de capa con un degradado de negro a blanco.
Quiero que salgan luces de las ventanas de los edificios para que, obviamente, haya vida en la ciudad..
¡Hagámoslo nosotros mismos fácilmente creando un pincel de ventana! Hacer un nuevo documento con 50 píxeles por 50 píxeles. Seleccione un rectángulo con la herramienta Marca rectangular en algún lugar en el medio. Rellénelo con negro usando la herramienta Cubo de pintura (G).
Anule la selección y vaya a Editar> Definir predefinido de pincel, y nombre el pincel como desee..
Seleccione su nuevo pincel y vaya a Ventana> Pinceles. Luego aplique las siguientes configuraciones, solo algunas cosas que cambiar para hacer ventanas perfectas.
Ahí lo tienes, ventanas perfectas para pintar. El cepillado en líneas rectas dará el mejor resultado, mantenga presionada la tecla Mayús mientras hace clic. Una vez que hayas terminado, dales un reflejo en el agua también.
Vamos a crear el mar a continuación. Crea una nueva capa. Haz una selección donde planifiques el mar y rellénalo con blanco..
Vaya a Filtro> Ruido> Agregar ruido. Use una cantidad de más del 100% con el juego gaussiano y monocromático.
Ahora vaya a Desenfoque> Desenfoque de movimiento y establezca un ángulo de 0 ° con una distancia de alrededor de 55 píxeles.
Cambie el Brillo yendo a Imagen> Ajustes> Brillo / Contraste, y configure el Brillo a alrededor de 120.
Ponga el modo de fusión en Multiplicar y duplicar esa capa una vez.
Ahora llena el cielo con algunas estrellas y nubes. Las estrellas se crean creando una nueva capa y haciéndola completamente negra. Luego, vaya a Filtro> Ruido> Agregar ruido, y elija una cantidad de alrededor del 25%.
Ponga el modo de mezcla en Aligerar y agregue una máscara de capa con un degradado de blanco a negro que descenderá.
También puedes agregar más estrellas con pinceles, hay muchos de esos pinceles que se encuentran en deviantART, Space y Star Brushes. Hice nubes con pinceles que también encontré en deviantART, Cloud Brushes.
Hice tres capas. Dos capas configuradas al 60% de opacidad para las nubes altas en el aire y una capa con 30% de opacidad para las nubes más cercanas al suelo. Si desea eliminar algunas partes de las nubes, agregue algunas máscaras de capa.
Ahora vuelve a la capa "estrella" y agrega una máscara vectorial. Luego agarra la herramienta Pluma y corta las nubes para que no haya nubes llenas de estrellas. Seleccione todas las capas que hizo debajo del grupo "sala" y póngalas en un grupo también.
Bueno, realmente no parece una escena nocturna todavía. Todo lo que necesitamos son algunos ajustes en los colores, el contraste y un poco más para solucionarlo. Este paso es importante aunque muy fácil de hacer. Las capas de ajuste no solo son impresionantes en fotografía, sino que también puedes usar esto en la ilustración digital.
Encontrará el botón para crear nuevas Capas de ajuste y relleno a la izquierda del Botón de grupo en la Paleta de capas. Usaremos Blanco y negro, Brillo / Contraste, Curvas, Tono / Saturación, Color sólido y Capas de ajuste de degradado.
Asegúrate de que estás haciendo capas sobre el grupo "habitación". Ir a blanco y negro y dejar la configuración como están. Haga clic en Aceptar y coloque el Modo de fusión en Multiplicar y la Opacidad al 80%.
Vaya a Brillo / Contraste y cambie el Brillo a -10 y el Contraste a +60. Deje el modo de fusión y la opacidad por defecto.