Share
Esta semana celebramos el lanzamiento de PhotoDune, el nuevo sitio web de fotografía de Envato con una serie de efectos fotográficos y tutoriales de manipulación de fotos que muestran las imágenes de nuestro nuevo mercado. En este tutorial, demostraremos cómo crear una foto recortada mediante selecciones simples y transformaciones avanzadas. Las fotos utilizadas en este tutorial están disponibles de forma gratuita para los Miembros Premium de Psd. Empecemos!
Los siguientes recursos fueron utilizados durante la producción de este tutorial. Hemos otorgado una licencia personal de cortesía a los Miembros Psd Premium para las fotos de archivo utilizadas en este tutorial. Se puede acceder a ellos en los archivos fuente de su descarga premium. Si no es un miembro premium, puede descargar las imágenes utilizadas en este tutorial a continuación..
Para el inicio de este tutorial, querrás traer la foto de la chica que corre con la foto de la cocina. Puede hacer esto abriendo el archivo y luego copiando y pegando, o usando Archivo> Colocar. Una vez que tengas la imagen de la chica que está corriendo insertada, convierte esa capa en un objeto inteligente. Haga clic derecho en esa nueva capa de imagen y elija "Convertir a objeto inteligente" en el menú contextual. Si no ha usado Smart Objects anteriormente, pueden ser un verdadero salvavidas que permite un mejor flujo de trabajo de edición no destructivo que muchas versiones anteriores de Photoshop no tenían disponibles.
Haga un duplicado de la chica que ejecuta la capa de objetos inteligentes que acaba de convertir presionando Comando / Ctrl + J. Después de esto, desactive la visibilidad de esta capa duplicada, no la necesitaremos hasta más tarde.
Consejo: Un buen truco es que también puede arrastrar archivos directamente desde su carpeta al lienzo de la imagen de la cocina y debería convertirlo en un objeto inteligente automáticamente. (Los usuarios de Windows pueden necesitar cambiar su área de trabajo / vista para hacer esto posible).
El siguiente paso puede parecer un poco obvio, pero debe identificar en qué parte de la imagen de la puesta en escena (en la que está componiendo) está el área que más se enfoca. Esto es a menudo una parte de la composición que se pasa por alto. Si no haces esto, puedes pintarte en un rincón difícil de solucionar. Si está componiendo elementos en un área que está desenfocada, recuerde que tendrá que difuminar cualquier adición para que coincida con el desenfoque de la imagen de preparación. En este caso, la imagen de la cocina se tomó con una profundidad de campo muy pequeña, casi se asemeja a una imagen de estilo de cambio de inclinación. Para asegurarme de saber dónde está esta área en la imagen, creo algunas guías arrastrando desde las reglas para encuadrar el punto focal de la imagen. Si no puede ver sus reglas, simplemente presione Comando / Ctrl + R. La opción de menú para esto está debajo de Ver en la barra de menú.
Consejo: no olvides desactivar la capa de la chica que corre para asegurarte de que puedas ver la imagen completa.
Ahora debemos distorsionar la imagen de la chica corriendo para que parezca que coincide con la perspectiva de la superficie de la encimera. Siempre encuentro que la perspectiva es una de esas cosas que pueden hacer o deshacer una pieza, así que me gusta rastrear los puntos de fuga de una imagen para ayudar a guiar dónde voy a colocar la imagen. El punto de fuga es donde todos los bordes eventualmente llevan y se encuentran. En una imagen como esta, hay dos puntos de fuga en lo que se llama una perspectiva de dos puntos. Las líneas rojas debajo muestran el punto de fuga izquierdo, el único que me preocupa por ahora..
Después de esto, siento que tengo una mejor idea de dónde está el plano de la superficie. Así que ahora es el momento de hacer visible la capa de la niña corriendo y presionar Comando / Ctrl + T en Windows para que pueda Transformar la imagen de forma gratuita. Lo bueno aquí es que antes hizo de esta capa un objeto inteligente, ninguna de esta distorsión es permanente ni estamos volviendo a muestrear los datos de píxeles. Entonces, incluso después de que distorsionemos la imagen, si quisiéramos ajustar los valores tonales de esta imagen, podríamos hacerlo sin ninguna pérdida o trabajo adicional..
Para distorsionar la imagen, mantenga presionada la tecla Comando / Ctrl y muévase con los marcadores de coordenadas centrales en lugar de los marcadores de esquina. De esta manera, no está distorsionando de forma abstracta la forma de la imagen y, en cambio, puede distorsionarla de una manera que se sienta más intuitiva para hacer coincidir el plano de perspectiva de la imagen. Esto es algo que se debe practicar si no distorsiona regularmente las imágenes para que coincidan con un espacio tridimensional.
Una vez que tenga la imagen que coincida con el plano de superficie correcto de la parte superior del mostrador y esté listo para coincidir con su perspectiva, ahora mantenga presionada la tecla Comando / Ctrl y distorsione desde una sola esquina para hacer coincidir las líneas de perspectiva de su imagen. Desde aquí, muévalo a una posición y el diseño que crea que funciona mejor para usted..
Con su imagen colocada en una posición que le guste, y en la perspectiva correcta del plano de la superficie del mostrador de la cocina, queremos agregar una pequeña dimensión a esta fotografía rígida colocada en el mostrador..
Entonces, mientras todavía tienes tu caja de transformación libre activa, busca en la barra de menú y haz clic en el botón Modo de deformación para que podamos realizar un tipo de transformación más orgánica. Una vez que haya cambiado a este modo, puede tirar hacia abajo en la esquina para que se curve sobre el borde de la parte superior del mostrador y puede doblar los bordes laterales para agregar un efecto de rizado a la fotografía. La verdadera razón para hacer esto es crear una forma que te obligue a agregar sombras y resaltes. Al hacerlo para que puedas agregar sombras y luces, debes obtener un compuesto mucho más convincente.
¿Recuerda el duplicado de la imagen de la niña que hicimos anteriormente, justo después de convertir esa capa en un objeto inteligente? Ahora haga que la capa sea visible y utilice las mismas técnicas de transformación y distorsión para colocarla en posición, pero esta vez haga coincidir el plano de la superficie vertical de la perspectiva en lugar de la superficie opuesta. Este se convertirá en nuestro personaje que se ha liberado y se está quedando sin fotografía..
Lo que hace que esta técnica sea rápida es la estilización de un recorte entrecortado de la fotografía. Como si lo hicieran unas tijeras para niños o una vieja cuchilla de corte xacto. Para emular esto, uso la herramienta Lazo poligonal, y hago clic alrededor de la silueta de la niña. También puede hacer esto con la herramienta Pluma y producir una Ruta de trabajo que se pueda guardar y convertir en una Selección. Esto podría ser muy útil si estuvieras tratando con más de un personaje en tu pieza final. Recuerda hacer clic con un poco de espacio adicional alrededor de tu personaje para que acentúe el detalle de que el personaje es plano y de una hoja de papel. Más adelante en este tutorial, agregaremos algunos bordes de papel desgastados para obtener textura aquí..
Una vez que hayas hecho tu selección para la chica vertical que está corriendo, asegúrate de que la capa esté dirigida y luego presiona el botón Máscara de capa en la parte inferior de la paleta de capas. Esto aislará a la chica con tu selección entrecortada..
A continuación, mueva a la niña a su posición, utilizando la herramienta Mover, de modo que el pie se alinee con el pie original en la imagen de superficie plana.
Ahora que tiene a su niña ejecutando la configuración para ser vertical y recortada de la imagen, necesitamos que se recorte la misma forma de la imagen que parece estar apoyada en la superficie del mostrador. Hay muchas formas de hacerlo, pero la forma en que lo hice fue hacer clic con el botón derecho en la máscara de capa que creamos en la capa vertical para niña, luego elegir "Agregar máscara a la selección" en el menú contextual. Usted podría simplemente mantener presionada la tecla Comando / Ctrl y simplemente hacer clic en la máscara de capa, que también le dará una selección basada en la máscara de capa. Una vez que tenga esta selección activa, vaya a "Seleccionar" en la barra de menú y baje para elegir "Transformar selección".
Esto producirá un cuadro delimitador alrededor de su selección activa que le permite la capacidad de transformar y distorsionar solo esa selección y no los píxeles que están actualmente seleccionados. Usando las técnicas de distorsión que aprendimos anteriormente, presionando y manteniendo presionada la tecla Comando / Ctrl, distorsione la selección hasta que se alinee alrededor del área de la imagen de la niña que está plana con la superficie del mostrador. Luego, usarás esta máscara para eliminarla de esa imagen, y producirás tu agujero pasante para el efecto que estamos haciendo..
Como tiene esa selección en su lugar, simplemente invierta la selección presionando Comando / Ctrl + I. También puede ir a Seleccionar> Invertir en la barra de menú. Ahora apunte a la capa que tiene la imagen de la niña corriendo hacia la superficie del mostrador, presione el botón Máscara de capa y debería terminar con la niña cortada de la imagen de la superficie del mostrador y el resto de la foto intacta. Si has hecho esto correctamente, debería verse como la vista previa a continuación. Ahora puede ver la imagen vertical de la niña sin fondo de la imagen de origen, y la otra chica corriendo la imagen plana sobre la superficie del mostrador con la selección eliminada para crear el agujero en la superficie foto.
En este punto, si quieres ajustar a tu chica corriendo, sugiero que lo hagas con la función Puppet Warp que se encuentra en Editar en la barra de menú. No voy a profundizar demasiado en la función Puppet Warp, pero básicamente obtienes una cuadrícula que te permite agregarle "Pins". Después de agregar un pin, puede mantener presionada la tecla Comando / Ctrl y hacer clic en el pin para mover o ajustar ese segmento de la imagen. Bloquear varias áreas significa que no se transformarán mientras mueves el pin seleccionado. Cuando esté satisfecho con su ajuste, simplemente haga clic en la marca de verificación en la barra de opciones. Hay mucho poder detrás de Puppet Warp y te permitirá ajustar la forma de tu chica que está recortada para que aparezca más dimensional como un pedazo de papel fino. Moví su rodilla izquierda y su cabeza un poco..
Así que ahora necesitamos agregar algunas sombras de superficie para toda esa distorsión, transformación y deformación que hicimos anteriormente. Aunque soy un gran fan de pintar en sombras para que se vean más orgánicos y menos como una producción digital calculada, esto es a menudo un gran golpe, así que en este paso aprovecharemos la función de sombra y luego modificaremos eso. después se agrega para crear una mejor sombra para la imagen. Entonces, el primer paso es simplemente agregar una Sombra al hacer clic en el botón Estilos de capa en la parte inferior de la Paleta de capas y seleccionar Sombra.
Cuando agrego una sombra, ya sea pintada o estilo, siempre recuerdo algo que mi profesor de arte en la universidad me dijo. "Mark, ¿las sombras no son negras? ¡NUNCA!" Ahora no sé cuán cierto es eso para el argumento de la ciencia, pero entiendo el punto. Las sombras son un artefacto de iluminación que se proyecta sobre una superficie que probablemente tiene color. Así que trato de usar esa influencia en gran parte de mi trabajo de composición. Aquí muestré un color oscuro de la superficie del mostrador y luego experimenté con el modo de combinación de color quemado en las opciones del cuadro de diálogo Sombra paralela. Esto debería darte una sombra más sutil. Ajusté la configuración hasta que encontré que el tono y el contraste eran similares a los objetos que existían en la foto de fondo para que fuera más convincente..
También vale la pena notar que mantengo el valor de Tamaño en 0. La razón de esto es porque vamos a modificar la suavidad / desenfoque de la sombra a mano para que sea más creíble. En Photoshop, una de las reglas simples es que es mucho más fácil desenfocar algo que desenfocar algo. Así que tener una buena fuente para trabajar es siempre lo mejor en mi opinión.
Una vez que hayas agregado la sombra genérica, vamos a convertir ese estilo de capa en su propia capa. Para hacer esto, haga clic con el botón derecho en el ícono 'fx' en la capa con la Sombra paralela o haga clic en la etiqueta del efecto. Desplácese hacia abajo y hacia la parte inferior del menú contextual debería haber una opción para Crear capa. Esto separará entonces el estilo de capa de su capa original y producirá una nueva capa propia. Esta nueva capa debe estar etiquetada con Sombra en el título de la capa, y notará que el modo de fusión y el porcentaje de relleno imitan la configuración del cuadro de diálogo original. Ahora tiene la sombra en su propia capa en píxeles físicos que pueden modificarse de forma única.
Ahora que tiene la Sombra paralela como su propia capa, use las técnicas de Transformación libre y Modo de deformación que utilizamos anteriormente para modificar la sombra para que represente mejor la sombra en la superficie del contador.
Mi consejo aquí es que piense dónde creó las curvas en su fotografía de superficie antes para que pueda deformar su nueva sombra para complementar esas curvas y curvas de la fotografía. Cualquier parte de la fotografía de superficie que debe estar tocando la parte superior del mostrador no tendrá casi ninguna sombra. Cualquier borde de la fotografía que dobla, requiere poder ver más de la sombra debajo de la fotografía..
Para el borde exterior del mostrador corté una sección de la sombra paralela y la combé para que corriera paralela al eje vertical de la superficie del borde superior del mostrador. Esto se hace principalmente porque en la imagen de fondo puedo decir que hay una fuente de luz fuerte desde arriba, y ligeramente a la izquierda de la composición del marco de los fotógrafos..
En este punto, convierto las capas que tengo para la sombra paralela en un solo objeto inteligente. Simplemente mantenga presionada la tecla Mayús y haga clic en varias capas, luego haga clic con el botón derecho en las capas resaltadas y elija "Convertir en objeto inteligente".
La razón de esto es para poder desenfocar mi sombra sin comprometerme permanentemente con esos valores de desenfoque.
Una vez que haya difuminado su objeto inteligente, el que creó a partir de todas sus capas de Sombra paralela, vaya a la máscara del objeto inteligente con un pincel suave y borre las áreas que no deberían ser tan suaves.
Sugerencia: recuerde que cuanto más cerca esté un objeto de la superficie, mayor será la probabilidad de que la sombra se vea más afilada. Así que enmascara tu sombra suave pintando la máscara del Filtro inteligente para que parezca que afina el borde de la sombra cuando sea apropiado. Puede ver en el ejemplo a continuación qué áreas dejé suaves y cuáles oculté en el filtro para obtener una sombra de borde más nítida. Esto ayudará a crear un efecto de iluminación creíble más dinámico para su compuesto.
Por lo tanto, todo su trabajo a la sombra de fantasía será en vano si no se dan cuenta de las cosas que deben solucionarse. Por ejemplo, aquí hay un punto culminante original de la foto de la cocina de origen que se está ejecutando detrás de nuestra fotografía agregada y debajo de nuestra sombra compuesta. No debería haber ningún punto destacado aquí!
Por lo tanto, para solucionar este problema, puedes usar la herramienta Sello para eliminar el resaltado. También podría considerar el uso de herramientas más modernas, como la Herramienta de parches o el Relleno con conocimiento de contenido, pero en este caso la herramienta antigua es rápida y fácil de usar. La forma en que lo hice fue crear una nueva capa sobre la capa de fondo. Luego elegí mi herramienta de sello y me aseguré de que tenía seleccionada la opción "Actual y abajo" en la herramienta. Esto me permite tener todas mis otras capas visibles activas y vistas, pero solo clonará píxeles de la capa de fondo debajo de esta nueva capa. Después de configurar esto, elija un cepillo suave y trabaje el Sello para que combine el resaltado con la sombra.
Lo bueno de hacerlo de esta manera, es que puedo mantener mi sombra que creamos en una de las capas por encima de la capa de fondo. Debido a que nuestras opciones de Estampación se configuraron para que solo clonen la capa actual y debajo, puedo ver cómo estoy clonando el resaltado en relación con las sombras que fabricamos anteriormente..
Mi último toque para iluminar es tomar algunas de las áreas donde las sombras podrían verse más oscuras / más fuertes y aumentarlas en profundidad en la superficie de la encimera. Así que hice una nueva capa en mi paleta de capas sobre la capa de sombra existente. Luego, utilizando otra muestra de color de la parte superior del mostrador, como hicimos antes para la sombra, pinté algunas partes pequeñas con un pincel suave con el color muestreado. A continuación, establezco esa capa en Multiplicar para que se oscurezca naturalmente entre los dos colores muestreados y ayude a mejorar el sombreado. Si desea tener más control, establezca la opacidad de su pincel al 40% y luego aumente su pintura aplicando una capa y aplicando el color muestreado en las áreas que desea mejorar..
¿Recuerdas antes cuando eliminamos esa luz que estaba debajo de la fotografía y a través de la sombra de la fotografía? A pesar de que fue preciso quitar ese resalte, significa que todavía necesitamos agregar un resalte a esta fotografía porque es la nueva superficie que está más cerca de la fuente de luz. Para producir esto, hago una selección de mi fotografía, la forma más sencilla es simplemente Comando / Ctrl + Clic en la miniatura de la capa de esa foto de superficie. Desde aquí, elegí un tipo de degradado reflectante con mi muestra de blanco a transparente. Luego arrastré el degradado dentro de la selección hasta que lo alineara con el borde de la cresta superior del contador. Todos estos pequeños detalles de iluminación son lo que ayuda a que se sienta más natural..
A continuación, debemos agregar una sombra proyectada a nuestra chica para que se vea más dimensional e interactúe con la dirección de la luz de la fotografía de fondo de la fuente. Usando las mismas técnicas que antes, seleccioné la forma recortada de la niña. Lo usé para rellenar con un color de superficie oscuro que se tomó muestra de la parte superior del mostrador. Luego la sombra se hizo borrosa, la parte superior izquierda se redujo con una máscara en el espacio del agujero, y el modo de mezcla se configuró para multiplicarse, por lo que adoptaría los colores de forma más natural. Desde aquí la opacidad se reduce a su gusto..
Ya casi hemos terminado, pero debemos agregar este pequeño paso importante para ayudar a crear un poco más de realismo y textura al efecto. Si esta corredora se liberara mágicamente de los límites de su fotografía, creo que el papel fotográfico podría desgarrarse o desgarrarse. Ahora puedes tomar ese concepto y volverte loco y realmente arrancar la página, pero pensé que eso podría distraer. En su lugar, usaremos algunas configuraciones de pincel para crear una simple pelea detrás de la chica y en el agujero de la imagen de abajo. Así que comenzaremos con el pincel salpicado que viene con el conjunto de pinceles predeterminado en Photoshop.
Desde aquí vamos a personalizar la configuración del pincel. Al presionar F5 en el teclado, aparecerá la paleta de pinceles donde puede personalizar todas las opciones de pincel. Hay mucho que hacer aquí, pero su objetivo final es crear un pincel que tenga una variación aleatoria para que al pintarlo se vea natural y orgánico en su trazo. En la mayoría de estos cuadros de diálogo, esto se llama Jitter, y es una gran característica de las herramientas de pincel para obtener efectos maravillosos realmente rápido. A continuación, puede ver capturas de pantalla de mi configuración, pero explorar otras configuraciones, y tal vez algunos otros pinceles de textura para ver lo que puede producir y personalizarlo..
Ahora, que tiene un conjunto de pinceles, cargue una selección de la niña (la forma más fácil de encontrar es Comando / Ctrl + Clic en la máscara de capa de la imagen vertical de ella, esto debería cargar automáticamente una selección). Ahora, con la chica seleccionada, muestra la paleta de Trayectorias y presiona el botón que tiene la etiqueta "Crear ruta de trabajo desde la selección". Si has hecho esto correctamente, ni siquiera necesitabas cambiar de tu herramienta de pincel, obtén puntos de bonificación si lo hicieras.!
Ahora debería tener una ruta de trabajo alrededor de la niña, y tiene su pincel personalizado activo con la herramienta de pincel elegida. Crea una nueva capa que vaya debajo de la capa de la chica erecta que corre, mantente en esa capa. Entonces puse mi tamaño de pincel a 9px para un tamaño.
Elija blanco como su color de primer plano. Ahora presione el botón "Trazar ruta con pincel" en la paleta Trayectorias.
Esto ahora debe crear un trazo fibroso incompleto desde tu pincel personalizado alrededor del contorno de la chica. Para crear algunos trazos más densos y más variedad, presiona el botón Trazo de trazo unas cuantas veces más, hice el mío dos veces.
Aquí hay una vista previa de lo que se ve después de haber aplicado el trazo de pincel. Un consejo útil, si le gusta el tratamiento del trazo del pincel para un borde fibroso / desgarrado / deshilachado, guárdelo como un preajuste de pincel en su paleta de pinceles para que pueda usarlo nuevamente y trabajar más rápido la próxima vez!
Abajo, al pie de la niña, borré parte del trazo del pincel. Hice esto porque no quería que se liberara completamente de la fotografía y que las dos imágenes interactuaran más como una imagen para el espectador. Así que simplemente haga una marquesina rápida por el pie y simplemente presione eliminar en esa capa con el trazo del pincel.
El último y último paso de todos mis compuestos generalmente involucra ajustes globales. Cosas que puedo hacer para que la pieza se sienta más unificada en su apariencia. Esto usualmente involucra tres cosas claves. Luminancia: ¿El brillo de las imágenes compuestas parece coincidir? Contraste: ¿Son las sombras y los resaltes entre los elementos compuestos iguales en su apariencia de tonos contrastantes? Saturación: ¿Son los colores de mis adiciones tan vibrantes y densos como los de la imagen de origen, o están demasiado saturados??
Para esta pieza, he estado trabajando con las preocupaciones de Luminancia y Contraste en mente todo el tiempo, tratando de hacer coincidir mis sombras y reflejos con los que vi en la imagen de la cocina. Pero, nuestra chica corriendo foto parece ser mucho más vibrante y saturada con sus colores en comparación con la imagen de la cocina. Una cosa que encuentro es que demasiada saturación es una clara señal de que algo se está haciendo en una computadora, por lo que me gusta dibujar saturación cuando tengo la opción de elegir uno o dos. Se siente un poco menos "rendido" y más natural. Además, muchos monitores de computadora ahora tienen la saturación y el contraste muy altos, por lo que realmente podría tomar su imagen y empujarla más lejos.
Así que todo lo que hice como paso final fue agregar dos Capas de Ajuste de Vibrance sobre todas las otras capas. Asegúrese de que no están agrupados de recorte. (Si está sangrado por la alineación de las otras miniaturas de capa, se agrupa. Elimine un grupo de recorte presionando Comando / Ctrl + Opción + G en una Mac, o CTRL + ALT + G en Windows).
Para los valores finales experimenté con dos capas de ajuste de vibración en diferentes partes de la fotografía. Mantuve la vibración y la saturación en la fotografía de la superficie, pero mantuve la vibración en la chica corriendo. Experimente con esto a su gusto para que sienta que se adapta mejor a la imagen de fondo.
Cuando haya terminado de componer, recorte para crear un gráfico único, de estilo macro, de ruptura. Aquí hay un recorte de primer plano de la pieza final y una vista previa más amplia a continuación.
Espero que este tutorial cubra la amplia variedad de técnicas que obtuviste algunas ideas o aprendiste algo nuevo para agregar a tu caja de herramientas de trucos para hacer gráficos. Diviértete con tus píxeles!
Accentsconagua