Hoy te guiaré por el proceso creativo de aplicar algunos efectos de medios tonos y de desplazamiento en 3D. El enfoque principal de este tutorial es explorar el filtro de desplazamiento a menudo mal entendido de Photoshop y cómo puede utilizarse para recrear un estilo popular de ilustración..
Encontrarás algunos archivos en la carpeta "fuente". También necesitarás las siguientes imágenes de stock y fuentes para completar este tutorial.
Aquí hay un breve resumen de cómo se creó la imagen final. Generalmente comienzo por capas de múltiples texturas con diferentes modos de fusión para producir un fondo interesante (A). La siguiente etapa es agregar el punto focal principal, en este caso el modelo (B), luego aplicar los efectos de medios tonos. Luego utilicé renderizaciones 3D para desplazar varias capas de modelo duplicadas, que también se enmascararon para crear los fragmentos abstractos (C y D).
Hacer tus propios pinceles puede ser divertido y gratificante. Los pinceles utilizados en este proyecto se crearon mediante la aplicación de aerosol de celulosa y pintura de póster a base de agua sobre papel de cartucho. También experimenté utilizando la misma técnica en papel que se había empapado en agua, lo que me dio un efecto de veteado interesante..
Presione D en su teclado para restablecer los colores de primer plano / fondo a blanco y negro, luego presione X para intercambiarlos, de modo que el negro se convierta en el color de fondo. Cree un nuevo lienzo RGB de 21 cm x 27,7 cm y elija Color de fondo en el menú desplegable Contenido del fondo.
Primero, usaremos algunas texturas para construir el fondo. Abra "colorfulgrunge5.jpg" desde este paquete de texturas, luego elija Imagen> Rotación de imagen> 90 grados CCW. Colocar como una nueva capa, luego presionar Cmd / Ctrl + T para acceder a Transformar y ampliar para llenar el lienzo. Nombra esta capa "Textura 1".
Agrega "stainedpaper9.jpg" de este paquete de texturas como otra capa. Agrandar, cambiar el modo de fusión para multiplicar y rotularlo como "Textura 2".
Coloque "colorfulgrunge7.jpg" del primer paquete de texturas como una nueva capa. Agrandar, cambiar el modo de fusión para multiplicar nuevamente y etiquetarlo como "Textura 3".
Agregue "colorfulgrunge6.jpg", nuevamente con un modo de mezcla de Multiplicar y asígnele el nombre "Texture 4". Ahora importe "stainedpaper1.jpg" del segundo paquete de texturas y presione Cmd / Ctrl + I para Invertir a negativo, luego cambie el Modo de fusión a Color y reduzca la Opacidad al 15%. Nombra esta capa "Textura 5".
Elija Balance de color en el menú Crear nueva capa de ajuste al pie de la pestaña Capas (1). En la siguiente ventana, haga clic en el icono de doble círculo para desvincularlo (para afectar a todas las capas) y copie esta configuración.
Agregue "colorfulgrunge3.jpg" del primer paquete de texturas, en la parte superior de la pila de capas, amplíe para cubrir su lienzo. Cambie el Modo de fusión a Superposición y etiquételo como "Textura 6". Coge la herramienta Degradado (G) y elige Predefinir (blanco) a Predeterminado transparente y resalta la configuración Radial en la barra de opciones. Ahora agregue una máscara de capa y arrastre una serie de degradados desde el centro hacia afuera (mi máscara se muestra a la derecha).
Coloque una capa de ajuste de niveles sin clips en la parte superior de la pila y establezca el control deslizante de salida de punto blanco en 169 para oscurecer todas las capas.
Resalte la miniatura de la capa de Ajuste superior, luego mantenga presionada la tecla Mayús y resalte la primera miniatura de textura (esto también resalta las capas intermedias). Ahora elija Nuevo grupo de capas en el menú desplegable de arriba a la derecha en la pestaña Capas. En la siguiente ventana ingresa "TEXTURAS" en el campo Nombre y presiona OK.
La siguiente etapa consiste en aislar el modelo del fondo. Photoshop tiene muchas herramientas que nos permiten lograr esto, pero en este caso usaremos un canal o máscara de densidad..
Primero, elija Imagen> Rotación de imagen> Voltear lienzo horizontal. Ahora vaya a Imagen> Cálculos, en la siguiente ventana copie estos ajustes para crear un canal compuesto que contenga el mayor contraste entre el tema y el fondo y haga clic en Aceptar.
Cambie a la pestaña Canales y verá el nuevo canal ("Alpha 1") sentado en la parte inferior. Apúntelo, luego presione Cmd / Ctrl + L y aplique el siguiente ajuste de Niveles para aumentar el contraste.
La idea es crear una silueta blanca y limpia del modelo, así que configure la Herramienta de esquivar (O) en: Exposición: 50% / Rango: Destacados y use un pincel de borde medio suave para blanquear los píxeles del borde como se indica en rojo.
Agarre el Pincel (B) y use una variedad de pinceles de bordes duros de diferentes tamaños para rellenar las áreas grises restantes con blanco. De forma predeterminada, el blanco actúa como áreas selectivas, por lo que Cmd / Ctrl-clic "Alfa 1" para crear una selección, luego apuntar al canal compuesto RGB superior.
Salta a la pestaña Capas. Elija cualquier herramienta de selección y haga clic en el botón Refinar borde en la barra de opciones. En la siguiente ventana, elija En negro (B) en el menú desplegable Modo de visualización, copie esta configuración y haga clic en Aceptar.
Ahora verá una nueva capa enmascarada y la visibilidad de la capa original desactivada. Encienda la visibilidad de la capa original y rellene con negro. Amplíe y compruebe que está satisfecho con los resultados del comando Refine Edge. En este punto, puede modificar la máscara pintando ya sea blanco (para revelar) o negro (para ocultar) con un pequeño pincel de bordes suaves si es necesario.
Cuando esté satisfecho, arrastre la miniatura de la máscara al icono de la papelera al pie de la pestaña Capas y haga clic en Aplicar en la siguiente ventana.
Finalmente, Cmd / Ctrl-clic en su capa superior para cargarla como una selección, luego use un pequeño pincel negro de bordes suaves para pintar sobre los reflejos en la pestaña del modelo.
Coloque el modelo aislado como una nueva capa dentro de su archivo de proyecto. Añadir una capa debajo de ella y rellenar con blanco. Apunta a la capa del modelo y pulsa Cmd / Ctrl + E para Combinar hacia abajo.
Seleccione Todos (Cmd / Ctrl + A) y Copiar en el Portapapeles. Cree un nuevo documento en el modo de escala de grises y llámelo "Displacement.psd"
Vuelva a visitar su archivo de proyecto y haga clic nuevamente en el panel Historial para agregar el modelo como una nueva capa. Ahora vuelve a tu nuevo archivo y aplastalo.
Vaya a Filtro> Desenfoque> Desenfoque gaussiano e ingrese 30 px.
Ahora elija Imagen> Modo> Mapa de bits, asegúrese de que la Salida esté configurada en 300 píxeles / pulgada, seleccione Pantalla de semitono en el menú desplegable Usar y presione OK. En la siguiente ventana, configure la Frecuencia a 15 líneas / pulgada, el Ángulo a 45 grados y Redondee bajo Forma, luego presione OK nuevamente. Ahora seleccione Imagen> Modo> Escala de grises, mantenga la relación de tamaño 1, haga clic en Aceptar y guarde (con el sufijo .psd) en una ubicación práctica.
De vuelta en su archivo de proyecto nombre la capa modelo "Modelo". Duplícalo y renombra "Modelo semitono".
Asegúrese de que el "semitono del modelo" sea la capa de destino, luego vaya a Filtro> Distorsionar> Desplazar. En la siguiente ventana, configure ambos campos Escala en 10, luego seleccione las opciones Estirar para ajustar y Repetir píxeles de borde y presione OK. Ahora se le pedirá que localice y cargue su archivo "Displacement.psd".
En los siguientes pasos usaremos archivos de origen de diferentes tamaños con el filtro de desplazamiento y alteraremos radicalmente la configuración para crear algunos efectos abstractos en 3D.
Carácter abierto X de este alfabeto y Guardar como archivo .psd. Vuelva a duplicar la capa "Modelo" original y cámbiele el nombre. "Modelo fragmentado 1" Ahora presione Alt + Cmd / Ctrl + F para volver a abrir la ventana de diálogo Desplazar, copie esta configuración y navegue / seleccione su archivo .psd de caracteres.
Repite el paso anterior usando el carácter. S y aplique esta configuración con el filtro Desplazar en otra capa duplicada llamada "Modelo shatter 2".
Usa la misma técnica usando el personaje. Z como el mapa de desplazamiento con la siguiente configuración en un duplicado final del "Modelo" y asígnele el nombre "Modelo fragmentado 3".
Cambie el Modo de fusión de la capa "Modelo" a Superposición, luego muévalo hacia arriba en la pila de capas por encima de "Modelo fragmentado 1".
Agrega una máscara a la capa "Modelo semitono". Ahora cargue los pinceles "PSDTUTS_grunge_brushes.abr" de la carpeta "fuente" y utilícelos de forma estampada para que solo queden bordes selectivos alrededor del modelo. Cuando pinte, abra el panel del Pincel (en la barra de opciones) y gire / gire la Forma de la punta del pincel para evitar golpes repetitivos.
Si elimina más de lo que necesita, restablezca las áreas con un pincel blanco o grunge. Mi máscara también se muestra en la parte inferior de la pantalla para mayor claridad.
Ahora enmascara la capa "Modelo" con una selección de pinceles grunge también.
Continuar enmascarando las capas de desplazamiento restantes. Aquí está la máscara para la capa "Model shatter 1".
La capa enmascarada "Model shatter 2".
Y finalmente, la capa enmascarada "Model shatter 3"..
Ahora duplica de nuevo la capa "Modelo" original. Restablece el modo de fusión a Normal y modifica la máscara revelando la cara del modelo.
Duplique la capa "Modelo semitono", cambie el Modo de fusión a Luz suave. Ahora amplíe el contenido de la capa para que los puntos se extiendan ligeramente y modifique su máscara como se muestra.
Para aumentar el contraste del modelo, agregue una Capa de ajuste de niveles a la "Copia del modelo" y aplique estas configuraciones. Para limitar (recortar) el ajuste a la capa de destino, haga clic en el icono de doble círculo.
Para mantener su archivo organizado, coloque todas las capas de modelo y de fragmentación dentro de una carpeta llamada "MODELO". Agregue "Paint_1.png" como una nueva capa sobre su carpeta "TEXTURES", cambie el Modo de fusión para multiplicar y asígnele el nombre "Splat 1". Repita usando "Paint_2.png" y "Paint_3.png". Etiqueta estas capas en consecuencia y posiciona alrededor del modelo.
Añadir caracter O desde la descarga de letras 3d por encima de su capa anterior. Establezca el modo de fusión en Multiplicar y etiquételo como "3D 1". Transformar / posicionar centralmente detrás de la cabeza del modelo, luego enmascarar como se muestra.
Duplique esta capa, cambie su nombre a "3D 2" y colóquela en la parte inferior derecha. Ahora cambie el Modo de fusión a Luz suave y ajuste su máscara de acuerdo con esto.
Para mantener ordenado el archivo de su proyecto, agregue todas las capas flotantes dentro de una carpeta llamada "ELEMENTOS 1". Ahora agregue una máscara a la carpeta "TEXTURAS" y use una variedad de pinceles grunge para revelar áreas de la capa negra "Fondo".
Coloque "media-militia-wireframes-03.png" de este paquete de estructuras alámbricas como nueva capa en Modo Multiplicado con una opacidad del 50% sobre la carpeta "MODELO". Transforma / posiciona en la base de tu lienzo para cubrir el brazo del modelo y denomínalo "Estructura alámbrica 1".
Cmd / Ctrl-clic en la miniatura "Modelo semitono" para crear una selección basada en capas. Asegúrese de que su "Estructura alámbrica 1" sea la capa objetivo, luego vaya a Capa> Máscara de capa> Ocultar selección. Anule la selección y aplique un gradiente lineal blanco a transparente en la parte inferior izquierda, luego un degradado radial negro a transparente sobre el hombro del modelo para revelar la línea de trabajo.
Coloque "media-militia-wireframes-12.png" del mismo paquete, Transformar / posición abajo a la derecha y asígnele el nombre "Wireframe 2". Presione Cmd / Ctrl + I para invertir la capa a negativo y establecer el modo de fusión en luz suave, pero deje la opacidad al 100%. Ahora enmascara con una selección de tu capa "Modelo semitono".
Agregue "Paint_4.jpg" en la parte superior de la pila de capas y gire, cambie el tamaño, colóquelo sobre el ojo izquierdo del modelo y llámelo "Ojo salpicado". Cambie su modo de mezcla para multiplicar y bajar la opacidad alrededor del 60 - 70% para combinar con la piel del modelo. Ahora usa un cepillo pequeño, suave a medio duro para enmascararlo.
Este siguiente par de pasos funcionará mucho mejor usando una tableta. Agrega una nueva capa superior llamada "Linework 1". Toma un pincel blanco de 7 px de bordes duros y dibuja sobre la cara y el hombro del modelo. Intente seguir los contornos naturales, pero no se preocupe por ser demasiado preciso, ya que en el próximo paso se ocultará mucho..
Cambie el modo Mezcla a Luz suave para reducir el efecto, luego use un pincel grande de bordes suaves con una baja opacidad para enmascarar como se muestra.
Agregue otra capa y use una punta dura un poco más grande para rastrear las características clave del modelo. Nombre esta capa "Linework 2" y la máscara es como se requiere. Ahora coloque estas dos capas junto con las subyacentes en una carpeta llamada "ELEMENTOS 2".
Antes de agregar el texto y el logotipo, siéntese y revise su composición, luego realice los ajustes finales. Utilicé una combinación de Patch Tool (J) y Clone Stamp Tool (S) en algunas capas de desplazamiento para eliminar formas de apariencia incómoda que se superponen al hombro del modelo. A continuación, reduje la opacidad de ciertas capas de textura como se indica y finalmente ajusté un par de máscaras..
Toma la Herramienta de Texto (T) y agrega las letras CRE usando esta fuente Abra los paneles Carácter y Párrafo (en la barra de opciones), configure el tamaño del punto en alrededor de 89 y alinéelo correctamente. Duplique la capa de texto, luego presione la tecla Mayús y arrastre hacia abajo y escriba las letras ATE.
Ahora deberá reducir manualmente el espacio entre los UNA y mi. Para hacer esto, coloque el cursor de texto entre los dos caracteres y establezca el valor de kerning en -100. Ahora coloque ambas capas de texto dentro de una carpeta con la etiqueta "GRÁFICOS".
Abra el "Logo.pdf" de la carpeta "fuente" directamente desde Photoshop o a través de Illustrator, luego Copie> Pegue como un objeto inteligente y colóquelo en la parte inferior derecha dentro de la misma carpeta.
Agregue una máscara de carpeta y divida el texto con una variedad de pinceles grunge. Ahora vuelva a colocar la máscara con blanco como se indica para mantener el logotipo intacto.
Para atenuar el color general, agregue una Capa de ajuste de tono / saturación no recortada en la parte superior de la pila y establezca el control deslizante de Saturación en -36.
Cree una selección basada en capas a partir del logotipo y rellene con negro en la máscara de ajuste. Finalmente, pinte con un pincel suave dentro de una selección creada a partir de la capa "Modelo" para devolver la intensidad del color de los ojos y los labios.
Como ha descubierto, puede ser divertido trabajar con el Filtro de desplazamiento y también puede producir resultados fantásticos. Vale la pena recordar que el filtro Desplazar funciona al alinear los bordes superiores izquierdos en la capa de destino y en el archivo de desplazamiento, por lo que para obtener resultados predecibles, siempre Combine la capa de destino o Recorte su imagen para que ambos archivos compartan las dimensiones exactas de los píxeles.
Los accidentes felices pueden suceder al usar mapas de desplazamiento de diferentes dimensiones a su archivo objetivo y también experimentar con las configuraciones en la ventana de filtro.