Hoy demostraremos cómo crear un buen rompecabezas esférico en 3D utilizando las herramientas 3D de Photoshop CS5 Extended. Empecemos!
Los siguientes recursos fueron utilizados durante la producción de este tutorial..
Vaya a Archivo> Nuevo y cree un nuevo documento en blanco, en el cuadro de diálogo establezca los valores de Ancho y Alto en 600px, y la Resolución en 72. Establezca el color de fondo en Blanco, y presione OK.
En la parte inferior del Panel de capas, haga clic en el icono Crear nuevo relleno o ajuste de capa y seleccione Color sólido ... en el selector de color establezca el color en: # C7C7C7, que es un bonito color gris, y presione Aceptar, ahora tiene una capa de relleno en trabajar con.
Ahora comencemos con el elemento principal de este tutorial: la esfera real. Seleccione el paso anterior 'Rellenar capa en el Panel de capas, luego en la barra de menú, haga clic en 3D> Nueva forma desde capa> Esfera. Este proceso creará una bonita esfera gris en su documento, puede editar esta capa como un objeto 3D, rotarla, escalarla y mucho más ... veremos cómo hacerlo hacia adelante. Cambie el nombre de la capa 3D a "Esfera" en el Panel de capas.
Ahora deslizaremos la esfera un poco para que se vea más cerca de nosotros usando la herramienta de diapositivas debajo de las herramientas 3D. En la barra de herramientas, busque la sección de herramientas 3D, de manera predeterminada, la herramienta activa es la herramienta de rotación de objetos 3D, haga clic y mantenga presionada sobre ella para ver las diferentes opciones, también puede verlas en el Panel de opciones que se encuentra en la parte superior de El espacio de trabajo de Photoshop. Seleccione la Herramienta de deslizamiento de objetos 3D, haga clic y arrastre para cubrir la esfera para deslizarla hacia adelante y hacia atrás, intente obtener algo como la parte inferior de la siguiente imagen.
Si desea profundizar en las herramientas 3D, puede consultar esta Guía básica, que describe todas las diferentes opciones de las herramientas 3D CS4 de Photoshop..
Agregaremos una textura reflejada a nuestra esfera, pero primero necesitamos editar la textura para tenerla lista. Abre la imagen de "Nubes y agua". Editaremos esta imagen para dejarla lista para ser aplicada como una textura, este es un paso opcional, puede omitirla y saltar al Paso 8 y aplicar la imagen de la textura tal como está.
Prefiero hacer la siguiente edición antes de crear una textura para evitar áreas de afilado no deseadas con "líneas" en la textura. Con la herramienta Rectangular Marquee, seleccione un cuadrado perfecto de la imagen (puede mantener presionada la tecla Mayús mientras arrastra para tener una selección al cuadrado) luego Copiar (Comando / Ctrl + C) la selección.
Cree un nuevo documento, establezca los valores de ancho y alto en 1200 px y la resolución en 72 píxeles por pulgada. Pegue la imagen copiada y use la herramienta Mover (seleccione la casilla de verificación Mostrar controles de transformación en el Panel de opciones superior) aumente la imagen pegada para que coincida exactamente con los nuevos límites del documento.
Luego, vaya a Filtro> Otros> Desfase, en el cuadro de diálogo cambie el valor Horizontal entre 500 y 600. Debe tener algo como la parte inferior de la imagen a continuación..
Luego debemos ocultar la línea que divide la imagen, en la barra de herramientas, seleccionar la herramienta Clonar, mantener presionada la tecla Opción / Alt, hacer clic en un punto que será la fuente de la clonación, luego pintar como si estuviera usando el Pincel Herramienta todo a través de la línea de fusión. Intenta conseguir algo como la imagen de abajo. Finalmente, guarde el documento con un nombre descriptivo como "sky texture.psd".
Seleccione la "Esfera" en el Panel de capas, abra el Panel 3D (Ventana> 3D). Haga clic en el icono de tres en la parte superior para mostrar solo las opciones de Material, en la lista de abajo, seleccione el Material de la Esfera, en las opciones en la parte inferior del Panel, establezca los siguientes valores: Reflexión: 50, Brillo: 80% y Brillo: 50 %. Ahora la esfera se ve más brillante..
Aún bajo la opción Materiales, haga clic en la pequeña carpeta al lado del valor de relieve, seleccione Cargar textura y busque la carpeta de texturas en su Instalación de Photoshop, (Predefinidos / Texturas). En caso de que no lo tengas, puedes buscar en Google cualquier otro patrón de rompecabezas, solo asegúrate de que el patrón sea blanco y negro. Cuando seleccione el patrón, presione OK y vea el resultado, puede usar la herramienta de rotación de objetos 3D para ver la textura de relieve que se está aplicando.
Haga clic nuevamente en la pequeña carpeta al lado del Valor de relieve, luego haga clic en Abrir textura ... se abrirá una nueva ventana con la textura plana. En la nueva ventana, ajuste los Niveles (Comando / Ctrl + L) y establezca los valores como se muestra en la captura de pantalla a continuación, guarde el documento de texturas y guárdelo, luego vuelva al documento principal y verá el cambio..
Las piezas se ven un poco grandes, vamos a escalar la textura un poco, en el pequeño icono de la carpeta Bump Texture, seleccione Editar propiedades. En el cuadro de diálogo de apertura, establezca los valores de escala U y V en 1,2. Esto reducirá un poco el tamaño del patrón. Se ve bien hasta ahora, vamos a agregar más detalles a nuestro material de Esfera.
En el Panel 3D, haga clic en el cuarto icono pequeño de la parte superior para mostrar las opciones de Luces, luego en la parte inferior del Panel, haga clic en el botón Nueva luz y seleccione Nueva luz basada en imagen. En el árbol en la parte superior del panel de luces, haga clic en la nueva imagen de la luz, y en sus opciones, haga clic en la pequeña carpeta junto a Imagen, seleccione la opción Cargar textura y cargue la textura "sky texture.psd" que creamos antes . Ajusta la intensidad a 0,5..
Si lo desea, regrese al Panel de materiales y reduzca la intensidad de la reflexión a 30.
Rota y escala la esfera usando las herramientas 3D. En el Panel 3D, haga clic en el primer icono en la parte superior, verá las Opciones de escena, allí haga clic en la escena en la lista superior y, a continuación, establezca el valor de Calidad en Ray Traced Final, esta opción renderizará la imagen con la mayor calidad posible, y allí verás si la textura y el reflejo se ven bien.
Abra la imagen de "Manos" de los recursos, cópiela y péguela en una Capa sobre la esfera 3D (Consejo: puede arrastrar la imagen sobre el documento y se creará automáticamente un objeto inteligente). Cambie su tamaño con la herramienta Mover y los controles de Transformación tratando de hacer coincidir la concavidad de las manos con el radio de la esfera.
Asegúrese de que la capa "Manos" esté por encima de la capa "Esfera" 3D, seleccione la capa y en el Panel de capas, establezca el valor de opacidad al 50%, de esta manera tendrá una mejor vista de la posición de las manos.
Cambie la opacidad de la capa "Manos" al 100%, con esa Capa seleccionada, Comando / Ctrl + clic sobre la capa 3D "Esfera". Este proceso creará una selección circular activa sobre la capa "Manos".
Sin deseleccionar el marco circular, baje la opacidad de la capa "Manos" a alrededor del 50%. Luego, en el Panel de herramientas, seleccione la herramienta Lazo, en el panel de opciones en la parte superior, haga clic en la opción Restar de la selección. Luego, dibuje una selección que cubra el pulgar de la mano derecha, parte de la palma y el dedo anterior, cierre la selección y esta área se restará de la selección circular. Finalmente, vuelve la Opacidad al 100% de nuevo..
Siempre con la capa "Manos" seleccionada en el Panel de capas, vaya a Capa> Máscara de capa> Ocultar selección. Si lo haces bien, la esfera se mostrará muy bien colocada sobre las manos. Luego presione Comando / Ctrl + D para eliminar la selección.
Ahora, haga doble clic en la capa de manos, ya que se agrega como un objeto inteligente, no podemos editarlo directamente. Si lo copia y lo pega, no es necesario hacer doble clic. Ya sea en una nueva ventana, o en el mismo documento, presione Comando / Ctrl + U para abrir el cuadro de diálogo Ajustes de saturación de tono, establezca los valores que se muestran en la captura de pantalla a continuación y presione OK, presione Comando / Ctrl + L para abrir el En la ventana Ajuste de niveles, establezca los valores que se muestran a continuación y presione Aceptar. Finalmente, guarde el documento y ciérrelo (en caso de que esté trabajando sobre un objeto inteligente).
Una vez más, seleccione la capa de manos, luego use la herramienta Varita mágica y establezca el Valor de tolerancia en 16 en el Panel de opciones, haga clic en el área blanca de la imagen. Este proceso creará una selección rápida alrededor de las manos. A continuación, Opción / Alt: haga clic en la miniatura de Máscara de capa en el panel Capas para mostrar la máscara real; allí, con la herramienta Pintar, rellene la selección con Negro (# 000000) y elimine la selección (Comando / Ctrl + D). Luego, haga clic sobre la miniatura de la capa "Manos" para ver cómo se ve, la mejor manera de verificar si la extracción es buena, cambiando el color de fondo por un momento para obtener una variante más oscura, como gris oscuro o blanco, y luego cambie De nuevo como muestra la parte inferior de la imagen de abajo..
Seleccione la "Esfera" 3D una vez más, en el Panel 3D, seleccione las Opciones de Escena y encuentre, bajo los elementos de Escena, las Luces Infinitas, de manera predeterminada se agregan dos luces. Seleccione la primera luz y en sus Opciones establezca la Intensidad en 0,9. Si lo necesita, puede mover la Posición de la luz utilizando las herramientas particulares para este elemento, haciendo clic en la herramienta Rotar pero no en la Barra de herramientas sino en la pequeña herramienta en el panel Opciones en la ventana 3D.
Para Infinite Light 2, establezca la intensidad en 0,4 y gire su posición detrás de las manos.
Haga clic en la escena y, en Configuración de procesamiento, seleccione Ray Traced Final. Luego duplique la Capa 3D arrastrándola en el Panel de Capas al pequeño icono de Nueva Capa en la parte inferior, luego seleccione la copia, haga clic en la Opción sobre ella y seleccione Rasterizar, luego oculte la Capa 3D original.
Trabajando con la copia rasterizada de la esfera 3D, seleccione la herramienta Lazo en el Panel de herramientas y dibuje una selección alrededor de una pieza del rompecabezas (puede ser cualquier pieza). Luego, corte (Comando / Ctrl + X) la selección y Pegue (Comando + V) la pieza sobre la capa "Copia Esfera", repita este paso con tantas piezas como desee.
Comando / Ctrl + Haga clic sobre la capa 3D "Esfera" oculta para crear una selección circular. Luego, cree una nueva capa detrás de la capa "Copia de esfera" y asígnele el nombre de "Esfera BG". Para ello, utilice la herramienta Pintar con pintura y rellene la selección con el siguiente color: # 292929 y presione Comando / Ctrl + D para eliminar la selección.
Seleccione la herramienta Borrador y en el panel de opciones establezca un tamaño de punta de pincel de aproximadamente 2 px, luego en la capa "Copia Esfera" elimine todas las posibles imperfecciones en los orificios de las piezas faltantes.
Seleccione una de las piezas extraídas, en el Panel de capas, arrastre la capa de la pieza sobre el Nuevo icono en la parte inferior para duplicarlo, luego, utilizando la herramienta Mover, mueva la copia unos pocos píxeles hacia abajo y hacia la izquierda (o hacia la derecha si corresponde). Luego, aún con la capa "Copia de pieza" seleccionada, vaya a Capa> Estilo de capa> Superposición de color y establezca este color: # 262B2F. Ahora repite esta acción con todas las otras piezas extraídas..
Trabajando sobre las piezas, seleccione la herramienta de esquivar y coloque una suave punta de pincel en el panel de opciones, luego comience a resaltar algunas áreas en la pieza extraída, repita este proceso donde lo considere necesario..
Seleccione la capa "Sphere Bg", y vaya a Capa> Estilo de capa> Superposición de degradado, establezca un degradado radial con los siguientes colores: # 2C2D31 y # 606165.
A veces, usar un filtro simple no es suficiente para crear un efecto determinado, en este caso, agregue una sombra interior a los agujeros de las piezas faltantes. Con la Herramienta Varita mágica, haga una selección del orificio en la capa "Copia de esfera", luego seleccione la capa "Esfera bg", copie la selección y péguela justo encima de la capa "Esfera bg". A continuación, haga clic en Comando / Ctrl sobre la miniatura de capa recién pegada en el panel de capas, seleccione la herramienta Marquee en el panel de herramientas y mueva la selección unos pocos píxeles hacia la izquierda (o hacia la derecha si corresponde) y elimine la selección. Repite este proceso con todos los agujeros de las piezas flotantes..
Añadamos las sombras de las manos, creamos una nueva capa llamada "Sombras de manos" sobre la capa "Copia de esfera". Usando una herramienta de pincel de 40px (Dureza 0%) Color: # 292929 y Opacity and Flow a 50% pintan las sombras sobre la esfera como muestra la imagen de abajo.
Seleccione la capa "Manos" y use las herramientas de esquivar y quemar para ajustar las luces y las sombras tratando de coincidir con la escena general.
Vaya a Capa> Nueva capa de relleno> Degradado ... detrás de todas las demás capas. Establezca los colores degradados en #FFFFFF y # D8DCDF y Estilo: Radial. Mueve la posición del degradado como prefieras..
Abra el Panel de ajustes (Windows> Ajustes) y agregue primero una Capa de ajuste de curvas por encima de todas las demás capas en el diseño. Use los valores que se muestran en las siguientes capturas de pantalla, estamos ajustando los colores RGB generales y correcciones particulares en los canales rojo y azul..
Ahora, agreguemos una capa de ajuste de niveles para aumentar la intensidad de los colores oscuros. Usa los valores mostrados en la siguiente imagen..
A continuación, agregue una capa de ajuste de Tono / Saturación, seleccione los colores Rojos y ajuste los valores como se muestra en la imagen de abajo.
Finalmente, para darle un aspecto dramático a la imagen, agregue una capa de ajuste de mapa de degradado, establezca un degradado de blanco y negro. En el Panel de capas, seleccione el ajuste Mapa de degradado, establezca su Modo de fusión en Superposición y su Opacidad en 50%.
Al final debes tener algo como esto, ahora es tu turno de crear algo nuevo jugando con diferentes formas y colores..
.