Spanish (Español) translation by Cristian Marroquin (you can also view the original English article)
En este tutorial, aprenderás a cómo crear un efecto de rebanado en Photoshop, imitando una forma 3D en una imagen 2D para darle al objeto una ilusión de que está siendo cortado en piezas.
Lo que necesitarás
Para completar este proyecto, necesitarás las siguientes imágenes:
1. ¿Cómo Preparar la Imagen?
Paso 1
Abre el archivo Faraglioni rocks en Photoshop. Queremos borrar el fondo antes de usar las rocas en el póster. Para hacer esto, en el panel de Capas, Duplica la capa de Fondo presionando Control-J, y Oculta la visibilidad de la capa de Fondo original.
Paso 2
Mientras seleccionas la Capa 1 en el panel de Capas, da clic en el botón Máscara de Vector para añadir una Máscara de Capa a Fondo Copia.
Paso 3
Usaremos la roca en la derecha ya que es sólida comparada a la que está a la izquierda. Vamos a cortar la imagen usando la Herramienta Cortar (C). Estoy manteniendo la altura y solo lo cierro horizontalmente, como se muestra en la imagen debajo. Presiona Enter para aplicar el recorte.
Paso 4
Selecciona la Herramienta Varita Mágica (W) y ve a la barra de Opciones para asegurarte de que la opción Contigua esté desmarcada. Para este tutorial específico, necesitamos borrar el cielo, así que da clic en la parte blanca del cielo, que seleccionará partes del cielo. Para añadir a la selección, mantén presionado Mayus y da clic en las partes azules del cielo.
Paso 5
Una vez que el cielo ha sido seleccionado, ve al panel Capas. Selecciona la Máscara de Capa que creamos para nuestra nueva capa y presiona Espacio en el teclado para borrar las partes que seleccionamos. Debes tener algo como la imagen de abajo. Para deseleccionar las partes con la Varita Mágica (W), presiona Control-D.
Paso 6
Ahora necesitamos borrar el agua. Usando la Herramienta Pincel (B) y negro como color de Primer Plano en el panel de Herramientas, puedes ocultar las partes de la imagen. Si usas blanco como color de primer plano, revelarás las partes de la imagen. Asegúrate de que tengas la Máscara de Capa seleccionada en el panel Capas.
Da clic-derecho para poner el pincel a Tamaño 150 px y Dureza 100%, y comienza a pasar el pincel en algunas partes de la imagen. Me gusta hacer las partes grandes primero, luego doy zoom y me concentro en los detalles pequeños.
Una gran herramienta que ayuda aquí es usar la tecla (/) para obtener un tinte rojo detrás de la imagen y ver qué partes necesitan ser perfeccionadas.
Paso 7
Para suavizar los bordes de la imagen, podemos usar la opción Perfeccionar Máscara. Usando la Herramienta Zoom (Z), aplica zoom a la imagen. Ve al panel de Capas y da clic-derecho sobre Capa > Máscara > Perfeccionar Máscara, y verás una nueva ventana. Debajo de la opción Ajustar Bordes, pon Desvanecer a 2 px y Desplazamiento de Bordes a -30%. Da clic en OK.
2. ¿Cómo Crear un Nuevo Documento y Guías?
Paso 1
En Photoshop, ve a Archivo > Nuevo. Nombra el documento Sliced-v1, y pon la Anchura: 1275 px y la Altura: 1650 px, con Contenidos de Fondo blanco. Estoy manteniendo el póster digital, así que trabajaré con 72 ppp. Da clic en OK para crear el documento.
Paso 2
Vamos a crear guías en nuestro documento para asegurar que las cosas estén alineadas. Mi regla mide en pulgadas; puedes cambiar esto en Photoshop > Preferencias > Unidades y Reglas. Ve a Vista > Nueva Guía, donde una nueva ventana emergerá. Queremos hacer todas nuestras Guías de una pulgada desde cada borde. Selecciona Horizontal y debajo de Posición pon 1 pulgada. Da clic en OK.
Haremos lo mismo para la opción Vertical. Para añadir una guía a la parte inferior y el lado derecho de la página, sustrae una pulgada de todas las dimensiones de la página. Para ocultar y mostrar las guías, presiona Comando-;.
3. ¿Cómo Duplicar las Capas y Añadir un Fondo de Degradado?
Paso 1
Vamos a duplicar la Capa 1 desde el archivo de rocas en nuestro archivo Sliced-v1. Para hacerlo, da clic-derecho > Duplicar Capas. Debajo de Como; renombra el objeto Roca, y debajo de Destino selecciona Documento > Sliced-v1. Da clic en OK para continuar.
Paso 2
En el archivo Sliced-v1. Cambia el tamaño de la capa de Roca presionando Comando-T para activar la Herramienta Transformar. Cambia el tamaño de la imagen para que se adecue dentro del margen. Alternativamente, puedes ir a la borra de Opciones y pon la Anchura/Altura 58%, asegurando de activar el botón de Mantener Aspecto de Ratio. Presiona Enter para proceder.
Paso 3
Ve a la parte inferior del panel de Capas, y da clic en Crear una Nueva Capa de Ajuste o Relleno > Degradado. La ventana respectiva aparecerá; da clic en el espacio de color de Degradado.
Paso 4
Ve a Editor de Degradado > Tipo de Degradado, da doble-clic en el color de la izquierda y usa el siguiente código: #c5c5c5. Da clic en OK. Da doble-clic en el color derecho y pon el siguiente código: #f1f1f1. Da clic en OK en todas las tres ventanas para regresar a la página. Vamos a movernos a la capa de Degradado de Relleno debajo de la capa de Roca.
4. ¿Cómo Convertir una Sola Capa a Blanco y Negro?
Paso 1
Antes de comenzar a crear el efecto, vamos a volver la capa de la Roca en blanco y negro. Selecciona la capa de Roca en el panel de Capas y ve a Imagen > Ajuste > Blanco y Negro. Una opción aparecerá; da clic en Auto y luego OK.
Paso 2
La foto parece aburrida, así que vamos añadir algo de contraste. Ve a Imagen > Ajustes > Brillo/Contraste y pon el Brillo a 35 y Contraste a 65. da clic en OK.
5. ¿Cómo Crear un Efecto de Rebanado?
Paso 1
Necesitamos cortar nuestra imagen en cinco piezas. Usaremos la Herramienta Pluma (P) para dibujar a través de la roca para crear una máscara. Prueba seguir la superficie de la roca para hacer el efecto creíble.
Selecciona la Herramienta Pluma (P).Ve a la barra de Opciones y asegúrate de que el Relleno no tenga color seleccionado. Podemos escoger blanco como el color de Trazo a 1 pt. Esto es para que podamos ver donde estamos cortando. ¡Ahora todo está listo!
Comienza a hacer el primer punto en la izquierda de la roca, y prueba seguir la forma de la roca. Notarás que hice cerca de ocho puntos, el último punto siendo el del borde en el lado derecho de la roca. Cierra la forma yendo alrededor de la roca, ya sea alrededor de la parte superior o de la parte inferior—yo escogí la parte superior. Cierra la forma dando clic en el primer punto de nuevo. Esta nueva forma será una nueva capa.
Paso 2
Vamos a ir y hacer lo mismo tres veces, pero en la parte inferior de la roca. Puedes hacer cuantos puntos quieras hacer con la Herramienta Pluma (P). Debemos tener cuatro capas, cada una obteniendo una forma como la de la imagen debajo.
Paso 3
En el panel de Capas, da clic-derecho en la miniatura de la máscara de capa Roca; y selecciona Aplicar Máscara de Capa para borrar todos los fondos que tuvimos en la capa de roca.
Paso 4
Usaremos las formas que creamos como máscaras para duplicar las partes diferentes de la roca y convertirlas en capas separadas. En el panel de Capas, presiona Control y da clic en Forma 1, de la cual seleccionaremos solo la forma. Da clic en la capa Roca y presiona Control-X para cortar, seguido de Mayus-Control-V para pegar en su lugar. Esto creará una nueva capa con la primera forma que creamos. Debajo, he desactivado la capa para que puedas ver qué parte he cortado de la imagen original.
Paso 5
Repite el mismo paso con las otras formas. Selecciona todas las capas de Forma y arrástralas hacia el icono de la carpeta en el panel de Capas para agruparlas. Desactívalos para que no nos confundamos. Debajo, he movido las capas para mostrarte cómo deben ser separadas y cómo debe verse el panel de Capas.
Paso 6
Ahora que tenemos la imagen como piezas de rompecabezas, crearemos el efecto 3D. Estoy moviendo la capa Roca fuera del margen para darle espacio a la otra roca. Haremos esto. Selecciona Capa 4 o la segunda capa desde la parte inferior. Usando la Herramienta Pluma (P), dibujaremos en la parte inferior de la roca para formar una apariencia 3D. Da clic en el borde del lado izquierdo, dando forma a la roca en todo el borde del lado derecho (imagen en la izquierda). Para cerrar la forma, esta vez iremos a través de la roca (imagen derecha).
Si quieres cambiar la forma, simplemente selecciona la Herramienta Selección Directa (A) y da clic en la forma parea traer los puntos y editar. No hay manera correcta o equivocada, para que puedas editar tanto como quieras.
Paso 7
Arrastra la forma debajo de la Capa 4. Ve a la barra de Opciones y Relleno > Degradado y Trazo > Ninguno. Nos preocuparemos acerca del color de degradado luego. Agrupa esta dos capas para evitar confusión.
Paso 8
Haz el mismo paso como arriba para las otras rocas. Organizaré las capas agrupando las capas de forma con su correspondiente capa de roca para evitar confusión y nombrarlas numéricamente. Debes tener algo como la imagen de abajo.
Paso 9
Queremos crear la ilusión de que las rebanadas están cayendo encima de cada una. En esta imagen específica, nuestra vista está en un ángulo bajo, como si estamos viendo a la roca. Las partes 3D que hemos creado necesitan estar detrás de cada una desde la parte inferior a la superior.
Vamos a cambiar el orden de las capas. En vez de ir de 1 a 5, tendremos de 1 a 5 comenzando desde la parte superior. En otras palabras, las formas de degradado que creamos necesitan estar detrás de la roca. Debajo está una imagen del orden de las capas y cómo los archivos debe verse.
Paso 10
Ahora que tenemos la capa en el orden correcto, vamos a darles una apariencia espontánea. Selecciona secciones diferentes y usa la Herramienta Transformar para rotarla un poco. No hay nada malo ni bueno—puedes moverlo tanto como quieras y cambiar el tamaño, tanto como quieras.
Paso 11
En el panel de Capas, expande una de las carpetas. Estaré expandiendo Roca 5, así que da doble-clic en la capa Roca 5 para traer la ventana de Relleno de Degradado. Aquí necesitamos cambiar el Ángulo de Degradado; el mío es -100. Los colores más oscuros los escogeremos luego, porque necesitamos ir al lado más cercano de la parte inferior de la roca, y el lado más brillante en el lado que está más alejado de la roca. En esta capa específica, el punto más cerca está al lado izquierdo, mientras el lado más lejano a la derecha. Esto será diferente en todas las capas. Siéntete libre de usar esto como referencia.
Da doble clic en el color de Degradado. En la nueva ventana de Tipo de Degradado, da doble-clic en color de muestra izquierdo. Estoy usando un color naranja con el siguiente código: #ef8d00. Da clic en OK.
Da doble clic en el color correcto de muestra y escoge un color más oscuro que los de arriba; estoy usando #412701. Da clic en todas las ventanas.
Paso 12
¡Ahora vamos a hacer los mismo para todas las formas! Estoy usando los siguientes códigos y sombras respectivamente:
- Púrpura:
#5700e6y#1a0145 - Rosa:
#e600e6y#49014a - Verde.
#0ebb98y#004134
La imagen debe verse como la que está debajo.
¡Felicidades! ¡Lo Hiciste!
En este tutorial aprendiste a:
- Crear una ilusión 3D en una imagen plana.
- Usar la Herramienta Pluma para crear formas que pueden ser usadas como Máscaras en una imagen.
- Usar la Herramienta de Degradado para crear la ilusión de luz y sombra.
