El efecto Pagepeel o efecto de hoja volteada es una técnica fantástica para dar dinamismo y emoción a tus diseños. Ya sea que quieras doblar una esquina de forma realista, crear un efecto 3D dramático o una interpretación creativa, las posibilidades con Photoshop son infinitas. En este tutorial, te mostraré tres variantes del efecto Pagepeel, perfectas para carteles, páginas web o presentaciones digitales. ¡Vamos a empezar y mejorar tus diseños con este efecto fascinante!
Paso 1:
Primero, crearé un nuevo documento; el tamaño no importa en absoluto. Elijo un tamaño muy pequeño de 800x600 píxeles. Si se quiere imprimir este efecto, se debe cambiar la unidad de píxeles a cm y la resolución de 72 a 300 píxeles/pulgada. También puedo cargar directamente la foto que recibirá el efecto de Pagepeel. Sin embargo, para este taller elijo una resolución más baja a propósito para visualizar mejor el efecto en las capturas de pantalla.
Paso 2:
Al cargar mi foto ahora o usar una foto existente, puedo transformar mi capa de foto con Ctrl+T. (Si cargo directamente una foto, entonces es imprescindible convertir la capa de fondo en una capa normal haciendo doble clic en ella en el panel de capas). Ahora hago clic con el botón derecho del mouse en Deformar. Luego, puedo arrastrar un punto desde la esquina inferior izquierda hacia arriba con el botón izquierdo del mouse a través de arrastrar y soltar. De inmediato parecerá como si estuviera volteando la foto.
Paso 3:
Si no quiero sacrificar tanto espacio para el efecto de volteo, simplemente hago una selección con la herramienta de selección de rectángulo y luego doblo esa área.
Paso 4:
Ahora agrego una sombra en las opciones de relleno.
Paso 5:
Dado que al voltear una foto no se ve el fondo, quiero que el área levantada sea blanca. Para ello, dibujo el área como un trazado con la herramienta pluma y trato de ajustar las curvas con los manejadores para darle la forma correcta.
Paso 6:
Ahora creo una nueva capa y luego hago clic con el botón derecho del mouse en mi trazado en el panel de trazado en Rellenar trazado con color de fondo.
Paso 7:
Luego fijo las áreas transparentes de mi nueva capa y ahora puedo pintar las sombras con un pincel negro con aproximadamente 15% de opacidad.
Paso 8:
Con la sobreexposición podría refinar aún más las sombras en la curva de la foto. Desafortunadamente, este método es destructivo y las áreas se alterarán permanentemente.
Paso 9:
En su lugar, creo una nueva capa y, utilizando la tecla Ctrl, hago una selección en la foto para pintar las sombras solo dentro de esta. Ahora puedo añadir las sombras con un pincel suave negro con un 15% de opacidad.
Paso 10:
El resultado final será algo así:
Paso 11:
Y si reduzco un poco la opacidad de mi capa blanca, el efecto de volteo parecerá una lámina, siempre y cuando haya pensado al principio en duplicar mi foto antes de deformarla y luego aplicarle una máscara.
Paso 12:
Y aquí quiero mostrar el segundo método para crear un efecto de Pagepeel. Primero, abro la foto, convierto la capa de fondo en una capa normal y coloco otra capa con color blanco en el fondo. Luego, utilizo la herramienta de selección Lazo poligonal y dibujo un triángulo, asegurándome de que dos esquinas estén exactamente en los bordes.
Paso 13:
A continuación, cojo la herramienta de elipse de selección y coloco con la tecla Alt y la barra espaciadora el círculo exactamente de modo que pueda restar una parte en forma de hoz de mi selección.
Stricto sensu, esta área debería estar rellena de negro, ya que ahí es donde aparece la "parte trasera" de la imagen. Sin embargo, en este caso he decidido no hacerlo, así se crea un efecto de película en los siguientes pasos, al igual que en el ejemplo anterior.
Paso 14:
Luego, creo una nueva capa y ajusto la opacidad alrededor del 60%. Luego, selecciono la herramienta de degradado y aplico un degradado de Negro a Blanco a Negro de la siguiente manera:
Paso 15:
Hago una selección rápida (puedo usar la varita mágica o la herramienta de lazo poligonal) y aplico una máscara a mi foto.
Paso 16:
En las opciones de relleno de mi foto, añado una sombra externa.
Paso 17:
Luego, puedo añadir más sombras con la herramienta de sobreexponer. Sin embargo, en este fondo muy oscuro apenas se notarán.
Paso 18:
Si quiero agregar más dinamismo, también puedo hacer clic con la tecla Alt directamente en la máscara y deformarla con Ctrl+T y el botón derecho del ratón.
Paso 19:
Ahora solo necesito deformar también mi capa superior con la sombra/luz correspondientemente.
Paso 20:
Y así es como queda el resultado:
Paso 21:
Bien, ahora es el momento de la tercera variante, crear un efecto de despegue de página. Para ello, arrastro dos imágenes a mi documento con arrastrar y soltar.
Paso 22:
Luego, con la herramienta de pluma, dibujo un triángulo como trazado, con la parte interna ligeramente curvada.
Paso 23:
Luego voy al menú y guardo el trazado como Forma personalizada.
Paso 24:
Lo bueno de este proceso es que puedo redimensionar la forma a cualquier tamaño y conservará su calidad, ya que es una forma vectorial.
Paso 25:
Luego, duplico mi imagen de agua, coloco la copia en la parte superior y, manteniendo presionada la tecla Alt, hago clic entre mi forma vectorial y la imagen de agua para crear una máscara de recorte y que el agua solo se vea en mi forma.
Paso 26:
Luego, vuelvo a hacer una selección que guardo como máscara de inmediato.
Paso 27:
Ya que he aplicado la selección como máscara en mi foto, doy un poco de curvatura a la imagen de agua inferior para que se vea un poco diferente a la imagen de agua superior.
Paso 28:
Ahora creo una nueva capa, selecciono una forma de vector con la tecla Ctrl presionada y luego hago clic en el icono de máscara. Ahora simulo la sombra con un pincel grande, con poca opacidad y muy suave, pintando de blanco en el centro de la página que se está abriendo.
Paso 29:
Así que ahora creo una última capa y pinto con color negro y poca opacidad la sombra con mi pincel para la parte inferior de mi imagen.
Paso 30:
La imagen terminada se verá así:
Consejo: En www.psd-tutorials.de también tenemos una acción que realiza el efecto de volteo de página con solo presionar un botón. Simplemente busca "efecto de volteo de página".
