Transcripciones
1. Efecto de foto plegado en Photoshop - introducción: Hola. Yo soy Helen Bradley. Bienvenido a este Diseño Gráfico para Almuerzo Clase, Crea un Efecto Fotográfico Plegado 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. En la actualidad, estamos buscando crear un efecto fotográfico plegado, aunque se podría hacer esto en cualquier imagen. Vas a aprender a crear la apariencia del papel plegado. 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í. En primer lugar, dale un pulgar arriba, y después escribe solo unas palabras sobre por qué estás disfrutando de la clase. Estas recomendaciones ayudan a otros alumnos a encontrar mis clases y a determinar si ellos también las disfrutarán. 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. Si ya estás todo listo, empecemos a crear un efecto fotográfico plegado en Photoshop.
2. Pt 1: prepara la imagen: Para empezar con este proyecto, vas a necesitar una imagen. Ahora, he descargado esta foto de unsplash.com, pero puedes usar cualquier fotografía o cualquier imagen. mí me preocupan un poco las proporciones de esta imagen, creo que es un poco demasiado amplia, así que en realidad voy a empezar recortándola. Acabo de ir al Crop Tool y sólo
voy a arrastrar por el costado aquí un poco. Basta pensar que esa es una especie de proporción para esta imagen. Tendrás que exhibir el pallet Layers, así que voy a sacar el mío para que podamos verlo con claridad. Por supuesto que siempre puedes llegar a ella eligiendo Ventana y luego Capas. Necesitas desbloquear esta capa de fondo, que puedes hacer de varias maneras en las versiones más recientes de Photoshop, solo tienes que hacer clic en el icono de candado. Si estás usando una versión anterior de Photoshop, puedes tomar el icono del candado y arrastrarlo a la basura. También puedes hacer doble clic en esta capa y simplemente hacer clic en “Ok”. Todos tienen exactamente el mismo efecto y el efecto es crear una nueva capa que esta imagen está ahora encendida. Vamos a añadir un borde a la fotografía o a la imagen, un borde blanco que va a hacer que se vea un poco más como una fotografía impresa. Por lo que seleccionarás la “Capa” y luego elegirás “Editar” y luego “Trazo”. Ahora vamos a añadir un trazo a esta imagen, necesitarás posiblemente experimentar con el ancho del trazo. Voy a probar 20 píxeles para empezar con esto, y el color va a necesitar ser blanco. He hecho clic en la franja de color, sólo
voy a llevar el color justo arriba a esta esquina superior, así que tengo 255, 255, 255 seleccionados, que es blanco puro. Ahora el trazo tiene que estar en el interior porque esta imagen ocupa el lienzo completo por lo que necesitamos poner el trazo en el interior. Voy a hacer clic en “Ok”. Por suerte, ese es un valor bastante bueno para esto. Ahora si no lo fuera, solo
presionaría “Control” y ordenaría a “Z” para deshacerlo, luego simplemente vaya y vuelva a hacerlo. “ Editar”, “Stroke”, y puedes disminuir o aumentar el trazo ahora que sabes cómo es un trazo de 20 píxeles. Voy a dejar la mía a 20 pixeles así que voy a dar click en “Ok”. A continuación necesitamos agregar algún lienzo adicional alrededor de la imagen, y podemos hacerlo usando la Herramienta Recortar. Por lo que voy a dar clic en la “Herramienta de recorte” aquí y sólo tienes que hacer clic en la imagen. Ahora, tengo mi Herramienta de recorte, creo configurarlo al modo clásico, así que quizá se comporta un poco diferente al tuyo, pero el principio es el mismo. Se quiere conseguir las asas de recorte alrededor de la imagen y se quiere
soltar el botón del ratón porque en cuanto se hace eso,
la Herramienta de recorte se convierte en una herramienta que en realidad puede agregar lienzo. Entonces ahora voy a sostener “Alt” y “Shift” y sólo añadir algo de lienzo alrededor de la imagen. Cuando hago y hago clic para comprometer eso para cambiar, se
puede ver que tenemos algún lienzo adicional alrededor de la imagen. Por lo que uno de los secretos mejor guardados de la herramienta de cultivo es que puedes usarlo para agregar lienzo. Lo encuentro en circunstancias como si hubiera mucho
más fácil de usar que la opción Tamaño del lienzo de la imagen. Ahora que hemos agregado algo de lienzo, vamos a probar un color de la imagen que vamos a usar para llenar el lienzo. Me gusta este tipo de morado en las flores de aquí que se parece a los zorros realmente mirando esas flores. Simplemente sosteniendo mi cuentagotas sobre esta flor y mirando por aquí para ver el color que he muestreado. Voy a agregar una nueva capa a la imagen, así que voy a dar clic aquí en el icono “Nueva capa”, pero voy a mantener el comando “Control” mientras lo hago, que la nueva capa aparezca debajo de la capa de foto. Si lo pones encima, simplemente agárralo y muévelo debajo. Orienta esta capa, y luego porque el morado aquí es mi color de primer plano, voy a presionar “Alt” u opción “Retroceso” para llenar la capa de abajo con ese color. Entonces ahora tenemos nuestra foto sobre un fondo, parece que ha sido una especie de foto impresa que tiene un borde blanco a su alrededor. Estamos listos para empezar en el look de papel de carpeta.
3. Pt 2: añade el sombreado en sombreado el sombreado de sombreado: Ahora, los pliegues que vamos a poner en esta imagen, vamos a poner dos pliegues verticales y un pliegue horizontal. Para marcar todas esas áreas, necesitamos agregar algunas guías. Voy a elegir “Ver”, y luego “Gobernantes” porque quiero decir que hay gobernantes a través de mi imagen. Si solo tienes que hacer clic y arrastrar sobre la regla, puedes arrastrar una guía para bajar hasta la imagen. Ahora, voy a dejar caer esto a medio camino a través de la imagen. Voy a caer dos en aproximadamente un tercio y dos tercios a través de la imagen, no tiene por qué ser exacto. Si no bajas a la perfección tus guías la primera vez, ve a la “Herramienta Mover”, y si pasas por encima de una guía, solo
puedes moverla. Una vez que las guías estén abajo, puedes seguir adelante y seleccionar la capa de fotos y solo tienes que hacer clic en el icono “Nueva capa” porque vamos a poner todo el sombreado en una nueva capa, y eso es realmente crítico para este efecto, tú quieren que una nueva capa esté trabajando. Ahora quieres aquí los colores por defecto. Puedes obtenerlos presionando la letra “D” o haciendo clic en este icono, y ahora tenemos el negro como color de primer plano. Necesitamos un gradiente, voy a dar click en la “Herramienta Gradiente”. Al abrir el panel de gradientes, los tres primeros gradientes serán de primer plano a fondo, de primer plano a transparente y de negro a blanco. Es el gradiente de primer plano a transparente que vamos a usar, así que solo voy a dar clic en eso. Estamos todos listos para irnos aquí, es que no sabemos qué gradientes usar. Bueno, lo que hice fue cogerme un pedazo de papel y lo doblé, la forma en que estamos viendo doblar esta imagen. Doblado cristalino con mucho cuidado, lo abrí, y luego lo senté a la luz e hice una nota de dónde estaban las zonas claras y oscuras a lo largo de esos pliegues. Estos son los oscuros y las luces que vamos a crear usando nuestro gradiente. Voy a seleccionar la “Herramienta Rectangular para marquesina”, voy a arrastrar aquí para seleccionar este cuadrante superior. Ahora, si no estás ajustando a la guía, solo
necesitas hacer click en “Ver” aquí y asegurarte de que tienes activado Snap, y que también esté seleccionado
“Snap To”, “Guías”, porque quieres estar usando estas guías para hacer esta selección precisa. Tampoco quieres tener mucha pluma, aquí
tengo cero pluma. Si tienes una pluma realmente grande entonces deshace esto, solo tienes que pulsar “Control” o “Comando”, “D” para anular la selección. Vuelve atrás y cambia tu pluma a un valor muy pequeño y vuelve a hacer tu selección. Para tumbarse los gradientes, vamos a dar click en la “Herramienta Gradiente”. Ya he seleccionado un gradiente de primer plano a transparente. Voy a dar click y arrastrar hacia arriba o simplemente voy a dar click en esa línea y arrastrar hacia arriba un poco, no
quieres un gradiente muy grande. Un hecho real, probablemente he agregado por el lado de la precaución ahí, así que voy a traer el mío sólo un poquito más. Se trata de tanto gradiente como quieras. Este está oscuro y éste necesita ser ligero. Ahora necesito revertir estos colores, lo cual puedo hacer haciendo clic aquí en este ícono o presionando la letra “X”. X va a ser útil porque vamos a estar usando mucho esto. Nuevamente, voy a hacer clic y arrastrar aquí, estoy presionando la tecla de turno para asegurarme de que arrastre un gradiente perfectamente horizontal. Yo quería que fuera aproximadamente del mismo tamaño que el anterior. Simplemente voy a seguir a través de la imagen, haciendo una selección basada en las guías que tengo aquí, mirando mi diagrama, y luego poniendo en mi oscuridad y como gradientes. Éste es oscuro, y yo tengo dos claros. Manteniendo el tiempo de “Shift H” para asegurarse de que los gradientes vayan perfectamente horizontales, solo deshaciéndolos si no están bien. Ahora, voy a seguir a través de la imagen y trazar siempre gradientes en, y luego vamos a volver y hacer el siguiente paso. Cuando hayas terminado de añadir todos tus gradientes puedes pulsar “Control” o “Comando D” para anular la selección. En el siguiente video, seguiremos adelante y mezclaremos el efecto en un poco y lo recortaremos hasta los bordes exteriores de la foto.
4. Pt 3: toques finales: Para fusionar estas áreas sombreadas en la imagen, deshacernos de nuestras guías en primer lugar. Entonces voy a elegir “Ver” y luego Clear Guides” y eso se deshace de los lineamientos. También necesitamos recortar estas sombras a la imagen subyacente porque las sombras
sólo van a afectar hasta el borde del papel blanco. Ahora mismo su camino hacia el área morada. Deberían estar camino hacia el área púrpura, pero necesitamos recortarlas. Entonces podemos hacer eso creando lo que se llama máscara de recorte. Lo que vamos a hacer es recortar esta capa a esta capa. Seleccionamos esta capa y elegimos “Capa” y luego “Crear máscara de recorte”. Ahora también puedes hacer eso si te interesa seleccionando esta capa y
desplazando el puntero del ratón entre estas dos capas mientras mantienes pulsado Control y Alt, eso sería Command and Option en el Mac. Obtienes esta especie de icono de flecha doblada. Si haces clic una vez, entonces estás creando esa máscara de recorte. Esa es sólo una forma de atajo de hacerlo. Ahora el sombreado que tenemos mientras es efectivo está
muy por encima de lo alto por lo que vamos a bajar la opacidad. Ahora hay lo que se llama sliders scrubby en Photoshop. Entonces en lugar de abrir este panel y arrastrar este deslizador aquí, en realidad
puedes arrastrar la palabra Opacidad y voy a llevarla todo el camino a cero porque estos efectos donde estás agregando algo a una imagen son más fáciles de ver y juzgar, me parece, si trabajas desde cero opacidad y luego empiezas a aumentarla. Por lo que estoy flotando sobre la palabra Opacidad cuando consiga este ícono de la manecita, voy a empezar a moverme a la derecha. Eso va a construir estos sombreados de nuevo en. Puedes hacer un juicio sobre cuánto de este sombreado quieres y cuánto no quieres. Podría llevar el mío hasta algún lugar entre el 25 y el 30 por ciento. Ese parece ser el tipo de valor que te da el efecto sombreado correcto, pero sin estar demasiado por encima de la parte superior. Una vez que estés contento con la cantidad de sombreado que has aplicado, puedes fusionar estas dos capas para que puedas botón derecho en esta capa superior y elegir “Fusionar hacia abajo”. Eso fusiona el sombreado en la imagen debajo para que esté todo arreglado en su lugar. Ahora eso nos permite hacer la siguiente técnica, que es doblar ligeramente esta imagen. Eso lo vamos a hacer usando el filtro licuar. Por lo que con esta capa de imagen seleccionada, escogeremos “Filtrar” y luego “Liquificar”. En el filtro liquify vamos a usar esto para empujar la foto. Voy a empezar con la herramienta de zoom. Simplemente voy a alejarme un poco porque quiero ver las cosas con claridad ya que estoy trabajando. Voy a usar esta herramienta Forward warp. Yo quiero un pincel bonito, grande. De hecho, este pincel es bastante bueno en tamaño. Puedes ajustar el tamaño de tu pincel usando tu estuche de soporte cuadrado abierto y cerrado. Lo que quiero hacer es simplemente agarrar esto y simplemente empujarlo. Quiero asegurarme de que estoy consiguiendo una línea bastante suave aquí. Encontrarás que un pincel más grande funciona mucho mejor que un pincel más pequeño. Para que puedas empujar esto, puedes hacer un par de empujes solo para asegurarte de que obtienes esta bonita curva en la imagen. Porque si esta imagen hubiera sido doblada
, estaría mostrando un poco de curva a lo largo de estas líneas. Puedes doblarlo en los bordes si quieres también solo un poquito. Cuando estés contento con el resultado, haz clic en “Ok”. Ahora, probablemente he estado un poco entusiasta con mis curvas, pero se puede ver el resultado es que refuerza el hecho de que esta era una hoja de papel y se ha doblado. A continuación vamos a añadir una sombra de gota. Voy a dar clic en esta capa y hacer clic en el icono “fx” y elegir “Sombra de sombra”. Esta es la sombra de gota que tengo en este momento. Por el momento la opacidad es realmente baja, así que voy a subir la opacidad, así que es mucho más alta. Distancia me he puesto a muy alta, pero sólo voy a empujarla hacia atrás. Ahora una de las cosas que puedes hacer con la sombra de gota es que realmente puedes arrastrarla alrededor de ti solo haciendo clic en la imagen para que puedas moverla a la posición donde quieras que esté. Pero también puedes ajustar eso usando estos deslizadores. Ahora, el valor del tamaño es realmente un valor de esponjosidad. Es una especie de valor justo. Se puede ver que el aumento del tamaño en realidad hace que una sombra sea mucho más suave. Voy a traerlo para que sea un poco más duro. Spread es realmente un poco más sobre el tamaño. Por lo que siempre pensé que estos dos ajustes se nombraban erróneamente, pero solo ten en cuenta
eso, que uno de ellos podría ser mejor que el otro por hacer lo que sea que estás tratando de hacer con la imagen. Entonces quiero una sombra que aparezca casi por toda esta imagen, pero que sea un poco más pesada quizá por estos dos lados. Sólo voy a bajar un poco la opacidad y hacer clic en “Ok”. Para terminar, podemos rotar la imagen porque las sombras de gota van a venir con ella para que solo podamos rotarla un poco solo para darle, de
nuevo, un aspecto un poco más orgánico. La sugerencia de que esto realmente es una foto que ha sido doblada y luego colocada sobre una superficie. Por lo que está nuestro efecto fotográfico plegado. Tu proyecto para esta clase es crear tu propio efecto fotográfico plegado. Ve y encuentra una imagen para usar una foto u otra imagen para usar. Agrega el borde a la imagen, crea tus guías y luego agrega tus sombras. Vas a recortar las sombras a la imagen y vas a hacer que estas sombras sean un poco más transparentes para que puedas ver la imagen a través de ellas. Después vas a utilizar la herramienta liquify para doblar los bordes, añadir una sombra de gota y, por último, rotar la imagen solo para crear un look interesante. Publica una imagen de tu foto terminada en el área del proyecto de clase. Espero que hayas disfrutado de esta clase y hayas aprendido mucho sobre trabajar en Photoshop y en particular, crear un efecto fotográfico plegado. Si sí disfrutaste de esta clase y si ves un prompt para recomendársela a otros, por favor haz dos cosas por mí. En primer lugar, dale un pulgar arriba y después escribe solo unas palabras sobre por qué disfrutaste de la clase. Esto ayuda a otras personas a identificar esto como una clase que ellos también pueden querer tomar. 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. 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™
