Transcripciones
1. Mezclar dos imágenes junto en Photoshop Introducción: Hola, soy Helen Bradley. Bienvenido a esta clase de Diseño Gráfico para Almuerzo, mezcla
sin problemas dos imágenes en Adobe Photoshop. Diseño Gráfico para Almuerzo es una serie de clases que imparten una gama de consejos y técnicas para crear diseños y para trabajar en aplicaciones como Illustrator, Photoshop, y Procreate. Hoy vamos a ver cómo mezclar sin problemas dos imágenes juntas, así que vas a aprender sobre capas y máscaras. También vas a aprender qué puedes hacer si no tienes suficiente fondo para usar detrás de tus imágenes mezcladas. Conforme estás viendo estos videos, verás un prompt que te permite recomendar esta clase a otros. Por favor, si estás disfrutando de la clase, haz dos cosas por mí; dale un pulgar arriba y escribe solo unas palabras sobre por qué estás disfrutando de la clase. Estas recomendaciones son realmente importantes para mí. Ellos me ayudan a conseguir mis clases frente a la mayoría de los estudiantes que al igual que tú, quieren aprender más sobre Photoshop. Ahora si quieres dejar un comentario, por favor hazlo. Leí y respondo a todos tus comentarios, y miro y respondo a todos tus proyectos de clase. Entonces, si ya estás listo, empecemos a mezclar dos imágenes a la perfección en Photoshop.
2. Mezclar dos imágenes sin fisuradas: Las imágenes que voy a usar en esta clase son estas dos aquí, y puedes descargarlas desde unsplash.com. Te voy a dar el enlace a la colección de este fotógrafo en unsplash.com porque si no estás contento con usar estas imágenes, podrías usar, por ejemplo, estas dos. Son el mismo modelo, el mismo atuendo y prácticamente la misma ubicación. Ahora, también he seguido adelante y he localizado a otros dos fotógrafos en unsplash.com que han disparado al mismo sujeto en ubicaciones similares. Estos no son de ninguna manera los únicos fotógrafos que han hecho esto. Pero si buscas otras imágenes que puedas usar, te voy a dar el enlace a la colección de esta fotógrafa que es Brooke Cagle y también Larisa Birta. He usado estas imágenes antes en un proceso similar y por lo que también son muy fáciles de usar. Por supuesto, solo puedes ir a unsplash.com y buscar y ver si puedes encontrar algunas imágenes con las que te gustaría trabajar. Serán mejores si les dispararon en condiciones de iluminación similares, localizaciones similares. Tengo estas dos imágenes. Abrámoslos en Photoshop y pongámonos a trabajar. Tengo las dos imágenes abiertas aquí en Photoshop, y lo que necesito hacer es ponerlas ambas en el documento único. Voy por la segunda imagen. Voy a hacer clic derecho en la capa de fondo, elija Duplicar capa. Voy a elegir la otra imagen de la lista desplegable de documentos y hacer clic en “Ok”. Ya puedo cerrar estas imágenes, ya no la necesito. Me llevan a la segunda imagen y se puede ver que tiene dos capas en ella, una para cada una de estas imágenes. Ahora voy a necesitar un poco de Canvas extra aquí porque estas dos imágenes están bastante encima una de la otra. Voy a desbloquear la capa Fondo. En versiones posteriores de Photoshop, puedes hacerlo con solo hacer clic en el icono de candado. Déjame deshacer eso. En versiones anteriores de Photoshop, necesitarás recoger el icono del candado y arrastrarlo a la papelera, o simplemente puedes hacer doble clic en la capa Fondo y hacer clic en “Ok”. Cualquiera de esos procesos va a desbloquear esa capa de fondo. Ahora cuando añadamos un poco más de Canvas, va a ser transparente. Si no desbloqueamos esa capa de fondo, cuando agregamos algo más de lienzo, tiene
que llenarse de píxeles porque no se puede tener transparencia en una capa de fondo en Photoshop. Voy a usar la herramienta de recorte para agregar algún fondo extra con hacer clic en la herramienta Recortar. En versiones anteriores de Photoshop, es posible que tengas que seleccionar toda la imagen con la herramienta de recorte. Después suelta, y luego solo puedes arrastrar hacia afuera en las asas de recorte para agregar algo de Lienzo alrededor de la imagen. Adivino que de esto mucho será de sobra, y solo daré clic en la casilla de verificación. Ahora agregué algo de Lienzo transparente a esta imagen. Voy a la herramienta Mover que apunta a la capa superior y simplemente moverla a través. Ahora, tengo un ligero problema con esta imagen en este momento y es
que este lado de la imagen es más grande que este. Esta es la imagen más convincente, aquella en
la que la mujer está mirando hacia nosotros y realmente queremos estar mirando eso,
así que queremos que nos ataquen la mirada hacia eso. Pero este es más grande y debido a que es más grande, está arrastrando nuestra atención. Por lo que necesito reducir este tamaño. Voy a la herramienta Mover y voy a mantener presionada la tecla Mayús mientras
arrastro hacia abajo sobre esto solo para asegurarme de que tenga un tamaño proporcional. Una vez que lo ponga en posición, solo
voy a hacer clic en la marca de verificación. Ahora, eso me deja con un problema. Tengo un hueco aquí, un área que no tiene contenido en ella. También estoy viendo esta área de superposición y quieres asegurarte de que cuando estés trabajando con estas imágenes que tengas un montón de datos en esta área de superposición. Ahora estamos un poco cortos aquí, y hay una posibilidad de que cuando estés trabajando con tus propias imágenes, podrías ser muy corto. Tomemos un pequeño desvío ahora y veamos cómo vamos a conseguir alguna imagen extra detrás de estas imágenes para que cuando
utilicemos la máscara, no estemos enmascarando a fondo transparente. Aquí vamos a tener un trasfondo que
llenará los son por los que estamos enmascarando. Si estás trabajando con Photoshop CS5 o posterior, vamos a ver qué vas a hacer. Si estás trabajando con versiones anteriores, voy a lidiar con eso en segundo lugar. En Photoshop CS5 y posteriormente, vamos a hacer lo que se llama crear una capa de sellos. Voy a hacer clic en la capa superior de esta imagen y voy a mantener presionada la tecla Ctrl Alt y Shift en el Mac, eso sería la opción de comando Shift. Voy a tocar la letra E. Lo que eso hace es que crea una capa de sello. Todavía tengo mis dos capas aquí, y de verdad las necesito porque las voy a mezclar en un minuto. Pero lo que tengo en la parte superior aquí es una capa que es el compuesto de todo lo que antes era visible. Entonces tengo toda una imagen aquí. Lo que voy a hacer es que voy a llenar los antecedentes. En realidad voy a crear una capa entera aquí que sólo tiene este detalle de árbol en ella. Entonces voy a la herramienta de lasso. Yo sólo voy en esta capa más alta, voy a seleccionar alrededor de la mujer y bastante cerca ella porque quiero quitarla del fondo, pero quiero tanto de estos detalles de árbol como pueda. Simplemente voy a presionar la tecla “Eliminar”. Yo voy a hacer lo mismo aquí. Yo quiero deshacerme de todo lo que es ella. Yo sólo voy a terminar aquí con un poco que no eliminé, y presiona Ctrl o Comando D para anular la selección de cualquier selección. Ahora voy a la herramienta de varita mágica. Voy a asegurarme de que no se seleccione contiguo. Simplemente voy a dar clic en una de estas áreas vacías y lo que eso va a hacer es seleccionar todos los píxeles vacíos. Ahora vamos a ir a Editar y luego Rellenar y de la lista desplegable de contenido aquí, vas a seleccionar Content Aware y hacer clic en “Ok”. Photoshop va a llenar estas áreas de contenido que puede ver en pantalla en este momento. Sólo voy a presionar Ctrl o Comando D para anular la selección. Al quitar los rostros de las mujeres, todo lo que quedaba en esa capa era detalle de árbol. Photoshop se ve obligado a llenar esas áreas vacías con ese detalle de árbol. Ahora, aquí hay un par de pequeñas áreas problemáticas, pero eso es realmente fácil de resolver con una herramienta como la herramienta Pincel de curación de puntos. Simplemente voy a conseguir esa herramienta, yendo a dimensionar el cepillo hasta un tamaño pequeño usando las teclas de corchete cuadrado abierto y cerrado para ajustar el tamaño del pincel y simplemente arrastra sobre las áreas donde tengo alguna esquina no deseada detalle, si quieres. Ese no es un fondo perfecto, pero es todo lo que vamos a necesitar para poner detrás estas dos imágenes para que más adelante cuando vayamos a crear nuestras máscaras, si estamos enmascarando esta imagen aquí, tenemos algo detrás de él para atraparlo y podemos mezclarlo. Es así como lo haces en Photoshop CS5 y posteriormente porque tienes esa herramienta de relleno consciente de contenido. Si estás trabajando en versiones anteriores de Photoshop, vamos a atender esa necesidad ahora. Si estás trabajando con CS5 o posterior, puedes seguir adelante ahora al siguiente video. Yo sólo voy a deshacerme de la capa que creamos y
vamos a ver lo que tenemos aquí en cuanto a detalle de imagen. Aquí vamos a tener que pegarla porque no
tenemos una herramienta que nos vaya a hacer todo el trabajo, pero tenemos un montón de detalle de árbol que podemos usar. Lo que voy a hacer es hacer una selección en esta zona superior de esta imagen del detalle del árbol que tengo. Yo lo voy a copiar. Entonces voy a elegir Capa, Nueva capa vía copia, y eso pone eso en una capa separada. Tengo esta pieza aquí. Ahora estamos trabajando con lo que es detalle de pino. No hay nada que decir lo grande o pequeña que debe ser una hoja de pino. Sólo voy a mantener presionada la tecla Mayús mientras arrastro esto para que llene toda la imagen. Voy a duplicar este último. Voy a arrastrarlo al icono Nueva capa y con el duplicado, sólo
voy a voltearlo. Aquí se puede ver que lo que estoy haciendo es
construir un fondo donde antes no había ninguno. Podría volver a hacer esto. Para que pudiera agarrar esto, arrastrarlo al nuevo ícono y voltear esta pieza. Porque en cada caso los estamos volteando, estamos terminando con lo que parece un fondo sin fisuras. Aquí no hay nada que no se esté mezclando razonablemente bien en la siguiente capa. Habiendo juntado estas tres capas, voy a hacer clic con el botón derecho y elegir Fusionar capas. Entonces si necesito, puedo ir con el pincel de sanación puntual. Si estoy viendo algunas costuras no deseadas, solo
puedo pintar sobre ellas. Pero desde que vinimos aquí para crear un fondo sin fisuras que podríamos poner detrás de estas dos capas para que si cuando estamos mezclando estas dos imágenes juntas, metamos una imagen y mostramos lo que normalmente serían píxeles transparentes, tenemos algo detrás de esta imagen que en realidad vamos a mezclar también. Ahora, en algunas circunstancias, cuando haces tu mezcla, quizá
te guste lo que estás viendo detrás de la imagen. Bueno, eso está bien. Puedes venir y conseguir la herramienta de sello de clon o alguna otra herramienta para solo hacer que el fondo se levante y hacer que se vea un poco mejor. Pero sabrás en ese punto en qué bits necesitas trabajar. momento no tenemos ni idea de qué parte de este fondo, si los hay, vamos a necesitar usar. Entonces tenemos algo detrás del resto de la imagen. Tenemos algo con lo que trabajar y si necesitamos perfeccionarlo más adelante, podemos hacerlo cuando sepamos qué es lo que necesitamos perfeccionar. Ahora hemos preparado la imagen, estamos listos para seguir adelante y vamos en el siguiente video a mezclar estas dos imágenes juntas.
3. Mezclar dos imágenes sin fisuras con parte 2: Para mezclar estas dos capas juntas, las dos capas que tienen la cara de la mujer sobre ella, vamos a seleccionar la imagen más alta porque esa es la de la que necesitamos quitar algunos contenidos para poder ver la de abajo. Cualquiera que sea la imagen
que esté en la parte superior, por lo general es la que quieres empezar a mezclar. Con esta capa más alta seleccionada, voy a hacer clic en el icono Añadir máscara de capa para añadir una máscara de capa que podemos usar para pintar alguna de esta imagen. El motivo por el que estamos usando una máscara de capa es que si no nos gusta el resultado, podemos deshacerla fácilmente. No se va a hornear en la imagen de la misma manera que sería si estuviéramos usando el borrador. Ahora no hay razón por la que no pudiste elegir la otra imagen para estar en la parte superior. Puedes elegir cualquiera de ellas. A mí me parece un poco más fácil estar mezclando éste el de abajo porque sé qué partes de la de abajo quiero ver. Va a ser bastante rápido y fácil de hacer. Yo estoy apuntando a la máscara, tiene un pequeño marcador alrededor que te dice que la máscara en realidad está dirigida. Cuando estás trabajando en una máscara, puedes pintar en blanco o negro o cualquier tono de gris, no
puedes pintar en color. Por lo que sólo vas a poder pintar con negro o blanco o gris. Vas a necesitar un pincel. Voy a hacer clic en la herramienta Pincel, voy a abrir el panel de pinceles, va a seleccionar un pincel redondo. Por el momento tiene una dureza del 100 por ciento, así que voy a enrollar eso de nuevo a cero dureza para empezar. El tamaño es un poco difícil de ajustar desde este panel porque realmente no sabes si 250 va a ser demasiado o demasiado pequeño o lo que sea. Generalmente no ajuste tamaño, solo
hago clic lejos de ese diálogo. A continuación, ajuste el tamaño de los cepillos en la caja de soporte cuadrado abierta y cerrada. Eso funciona en Macs y en una PC. Simplemente hace que sea un poco más fácil para ti ver visualmente cuál va a ser el tamaño del pincel. Ahora estamos pintando con negro porque esta máscara ahora mismo es blanca. Pintar con blanco no lo va a cambiar para nada. Obviamente, si queremos ver a través de esta capa, vamos a tener que pintar con el color opuesto, que es negro. El negro está en primer plano aquí. Tengo mi máscara dirigida y se puede ver como estoy pintando en la imagen, el color en realidad va en la máscara aquí. Qué pasa mientras pinto, porque estoy pintando con negro sólido, bueno, es casi negro sólido mi opacidad está ahora al 100 por ciento, estoy metiendo directamente a través de esta capa para ver la capa debajo. A medida que trabajo, solo voy a ajustar el tamaño del pincel porque quiero mezclar
estas dos imágenes juntas para que el resultado sea algo sin fisuras. No quiero poder ver fácilmente dónde he dejado de pintar. Por ejemplo, esto es una costura, no
quiero ver eso. Voy a voltear mis colores. Cuando estás trabajando con máscaras y usando blanco y negro, es realmente útil conocer el atajo de teclado para voltear estos colores y
es X. Solo significa que no tienes que hacer clic continuamente en este botón, solo
puedes estar trabajando en el teclado, basta con hacer clic en la tecla X para cambiar entre los dos colores. Ahora puedes ver que estoy construyendo esta espalda para que ya
no estemos viendo esa costura entre las dos imágenes. Voy a agrandar un poco mi pincel, cambiar mi color otra vez, presionando la tecla X y simplemente mezclar esto. De nuevo, tengo un problema aquí, solo tienes que cambiar los colores, ajustar el tamaño del pincel, y simplemente trabajar en crear un cambio invisible de una imagen a la otra. Por aquí, cuando meto por la imagen, voy a ver la imagen detrás, y eso está bien. En realidad no creo que vaya a necesitar mucha de la imagen que realmente creamos como fondo aquí, pero sólo voy a asegurarme de que se vea bastante transparente. Ahora, esta costura de aquí abajo viene de esta imagen de aquí. Se puede ver que esta capa aquí no tiene ningún contenido aquí arriba. La costura que estamos viendo es todo perteneciente a esta capa de abajo. Si queremos mezclar esa costura, vamos a esta capa y le vamos a añadir una máscara. Voy a apuntar a la máscara, vamos a pintar de negro. Sólo vamos a pintar esta costura aquí. Muy a menudo encontrarás que solo trabajar con un pincel muy pequeño es todo
lo que necesitas, no necesitas mucho esfuerzo para pintar esto. Simplemente estás mirando tratar de crear esa transición sin fisuras. Ahora puedo ver obviamente, una repetición muy distinta por aquí, y obviamente es más oscura en la parte superior de esta imagen. Pero también estoy mirando la imagen y pensando que hay mucho espacio por encima de su cabeza que simplemente no necesitamos. En realidad voy a recortar esta imagen antes de trabajar en la parte superior porque puede que no necesite hacer ningún trabajo al respecto en absoluto. Voy a dar click en la herramienta Recortar. Simplemente voy a traer el arriba hacia abajo porque realmente
había demasiado contenido de imagen por encima de su cabeza ahí. Ahora que hemos hecho eso, se puede decir que la mezcla en realidad es bastante buena. Probablemente no necesitamos hacer nada ahí en absoluto. Estoy realmente contento con la mezcla sin costuras que tengo en este momento. Lo único que me preocupa es este rincón más ligero de la imagen de aquí. Creo que la imagen se vería mejor con una viñeta. Tenemos algún rincón oscuro aquí, rincón oscuro aquí. Creo que podríamos oscurecer esto y oscurecer esto. Para ello, voy a añadir una nueva capa. Voy a conseguir la herramienta Carpa Rectangular. Voy a arrastrar dentro de la imagen. Voy a crear un rectángulo que esté bastante espaciado
uniformemente desde los bordes de la imagen. No es ciencia de cohetes, no tiene que medirse, sólo ojo de ella. Por el momento tengo seleccionada la zona central. Voy a invertir eso eligiendo selecto e inverso. Ahora tengo un rectángulo alrededor de los bordes de la imagen seleccionada. Voy a la herramienta Cuentagotas porque quiero probar un color de la imagen. Estoy pensando probablemente alrededor de este color aquí. No es del todo negro, pero es bastante oscuro. Una vez que tengo ese sampleado como mi color de primer plano y tengo mi selección hecha, voy a presionar Alt y Retroceso. Esa sería la opción Eliminar en el Mac para llenar el área de frontera exterior que he seleccionado con ese color. Entonces voy a anular la selección. A mí me gusta presionar Control o Comando D, pero también lo puedes conseguir aquí eligiendo seleccionar y anular la selección. Es realmente importante que anule la selección de esto antes de ir al siguiente paso. Voy a multiplicar, modo de
mezcla esto, así que estoy oscureciendo los bordes. Ahora porque esta es una banda sólida de color, quiero suavizarla. Voy a aplicarle un desenfoque. Con esa capa superior seleccionada, voy a elegir Filtro, Desenfoque, y elijo Desenfoque Gaussiano. desenfoque gaussiano es más o menos tu ir a desenfocar. Es un desenfoque impresionante por difuminar todo. No toma en cuenta los bordes
duros y no queremos tomar en cuenta los bordes duros aquí. Queremos desenfocar mucho esto. Realmente solo queremos un poco de color alrededor de los bordes de la imagen. Yo voy a hacer eso y dar click Ok. Ahora probablemente tengo un poco más de color del que quería, así que en realidad voy a transformar esta viñeta. Voy a elegir Editar y luego Transformar y Warp. Lo que eso hace es que agrega esta cuadrícula warp sobre la imagen. Yo quiero colorear las esquinas, pero no quiero necesariamente colorear las áreas laterales. Yo sólo voy a arrastrar estas combinaciones hacia afuera. Lo que hace es sacar esta viñeta de la imagen hacia
el área alrededor de la imagen que está fuera del documento que estamos viendo. Pero debido a que estoy dejando las esquinas en su lugar, el color más oscuro sigue siendo aplicado a las esquinas. Sólo se está quitando aquí de los bordes. Se puede ver incluso aquí que estamos jalando los bordes de la viñeta lejos de la imagen. Solo está afectando realmente a las esquinas. Daré clic en la marca de verificación. Este es el resultado final. Hemos podido, en sólo unos minutos, mezclar
perfectamente estas dos imágenes juntas. Hemos hecho todo el trabajo con una máscara. Esencialmente el 99 por ciento del trabajo se ha hecho en esta capa superior simplemente agregando una máscara, pintando con negro, y simplemente suavizando los bordes para juntar estas imágenes para que
no se pueda ver dónde termina una imagen y la otra comienza. Tu proyecto para esta clase será tomar dos imágenes y combinarlas sin problemas. Puedes usar las dos imágenes que he usado o puedes usar otras imágenes de tu elección. Publica una imagen de tu proyecto terminado en el área de proyecto de clase. Conforme has estado viendo estos videos, habrás visto un prompt que te permite recomendar esta clase a otros. Por favor, si estás disfrutando de la clase, haz dos cosas por mí. Dale un pulgar arriba y escribe en dos o tres palabras incluso por qué estás disfrutando de la clase. Si quieres dejar un comentario, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas, y miro y respondo a todos tus proyectos de clase. Me llamo Helen Bradley. Muchas gracias por acompañarme en este episodio de Diseño Gráfico para Almuerzo, y espero verlos en un próximo episodio.
Helen Bradley, Graphic Design for Lunch™
