Cree un ventilador de mano ilustrado de estilo japonés en Photoshop

Antes del aire acondicionado y el ventilador de la caja eléctrica, lo único que significaba que la mayoría de las personas tenían que refrescarse en un día caluroso era un ventilador de mano. Hoy, demostraremos cómo ilustrar un abanico plegable realista de estilo japonés en Photoshop. Empecemos!


Recursos utilizados

Los siguientes recursos fueron utilizados durante la producción de este tutorial. Para descargarlos, solo tienes que registrarte en CG Textures. Son gratis!

  • Textura de papel
  • Textura de madera
  • Textura de la tela

Paso 1

Comencemos este proyecto creando un nuevo archivo 1000 x 800 px con una resolución de 300 ppi.


Paso 2

Con la herramienta Cubo de pintura, rellene toda la capa con # b8b8b8.


Paso 3

A continuación, abra el archivo Paper.jpg y colóquelo sobre la capa "Fondo". Renombra esta capa "Fondo de pantalla" y luego establece su modo de fusión en Superposición.

Nota: Paper.jpg es una imagen grande, así que presione Cmd (Ctrl) + T para activar los controladores de cambio de tamaño y ajustar su tamaño.


Etapa 4

A continuación, abra Wood.jpg y colóquelo sobre la capa "Fondo de pantalla". Cambia el nombre de esta capa por "Madera". Presione Cmd (Ctrl) + T para cambiar el tamaño de la imagen. Cambie su tamaño para hacerlo más pequeño y colóquelo en el centro del lienzo como se muestra.

Nota: mientras cambia el tamaño, mantenga presionada la tecla Mayús para restringir la imagen tanto vertical como horizontalmente.


Paso 5

A continuación, agregaremos un efecto 3D para que la capa "Madera" la haga como si fuera una tabla de madera. Para hacer esto, haga doble clic en la capa "Madera" para abrir su ventana de Estilo de capa y luego aplique la siguiente configuración.


Paso 6

Ahora haremos pautas para el aficionado. Para hacer esto, agrega una nueva capa y nómbrela "Círculos externos". Usando la herramienta de marco elíptico (M), haga dos círculos como se muestra a continuación.


Paso 7

A continuación, duplique la capa "Círculos externos" presionando Cmd (Ctrl) + J. Presione Cmd (Ctrl) + T para cambiar el tamaño de la imagen como se muestra.

Nota: Mientras cambia el tamaño, mantenga presionada la tecla Mayús + Alt para redimensionar la imagen de manera uniforme tanto vertical como horizontalmente en ambos lados.


Paso 8

Con la herramienta Pluma (P), haga un conjunto de líneas (asegúrese de colocar cada línea en una nueva capa) siguiendo los grados indicados, formando un diagrama similar a una pizza como se muestra a continuación.


Paso 9

Combine los "Círculos externos", "Copia de los círculos externos" (capa duplicada de los "Círculos externos"), y las capas de todas las líneas con Cmd (Ctrl) + haciendo clic en las capas, luego haga clic derecho sobre él y seleccione Combinar capas de El menú desplegable. Cambie el nombre de esta capa como "Pautas" y disminuya su nivel de Opacidad al 50%..


Paso 10

A continuación, agregue una nueva capa y asígnele el nombre "Zigzag externo". Con la herramienta Pluma (P), dibuje un trazado que alterne con el círculo interior que va hacia el círculo exterior y vuelva al círculo interior hasta que haya alcanzado el punto 16 desde el ángulo de 0 grados como se muestra.


Paso 11

Cuando haya alcanzado el punto 16, haga clic con el botón derecho y seleccione Trazar ruta en el menú desplegable. Antes de esto, asegúrese de configurar la herramienta Pincel (B) a un Diámetro maestro de 2px, Dureza del 100%, Color # 000000 y Nivel de opacidad del 100%.


Paso 12

A continuación, agregue una nueva capa y nómbrela como "zigzag interno". Haga exactamente lo que hicimos en el "zigzag externo" asegurándose de comenzar desde 0 grados hasta el punto 16.


Paso 13

Ahora haremos el efecto de plegado del abanico. Para hacer esto, comenzaremos agregando una nueva capa, después de eso siga las instrucciones a continuación..


Nota: asegúrese de crear cada línea en una capa diferente. Conecte solo las partes "hacia abajo" de los zigzags.

Después de conectar todas las partes "hacia abajo" del zigzag, incluido el punto 16 desde los 0 grados, presione Cmd (Ctrl), luego haga clic izquierdo en las capas que comprenden todas las líneas y seleccione Combinar capas en el menú desplegable. Después de eso, cambie el nombre de la capa fusionada como "Líneas negras".


Paso 14

Use la misma técnica que se describe en el Paso 13, pero ahora conecte solo las partes "arriba" del zigzag con la herramienta Pluma (P), que tiene la misma configuración para la herramienta Pincel, pero ahora use el color #ffffff. Después de eso, fusiona todas las capas y nómbrelas "Líneas blancas". Cambia su modo de fusión a Overlay.


Paso 15

En la capa "Líneas blancas", use la herramienta Borrador (E), configurada para un tamaño de 100px y una dureza de 0%, para borrar las áreas indicadas como se muestra a continuación.


Paso 16

A continuación, añadiremos algo de sombreado. Agrega una nueva capa y llámala "Sombras". Usando la herramienta Pluma (P), haga una forma como se muestra a continuación. Después de hacer la forma, haga clic con el botón derecho y elija Hacer selección en el menú desplegable.

Rellene toda la selección con # 9f9f9f y establezca su modo de fusión en Multiplicar.

Haz esto como se muestra hasta que llegues al otro lado..


Paso 17

Agrega una nueva capa y llámala "Sticks". Usando la herramienta Pluma (P), haga una forma como la que se muestra a continuación. Después de eso, haga clic con el botón derecho y seleccione Hacer selección en el menú desplegable.

Con la herramienta Degradado (G), configurada en Degradado lineal, complete la selección completa con los colores que se indican a continuación.

Para agregar algo de grosor, haga doble clic en la capa "Palos" y aplique los valores que se muestran a continuación.


Paso 18

Luego duplique la capa "Sticks" y luego presione Cmd (Ctrl) + T para activar los controladores de cambio de tamaño. Vuelva a colocar el centro del eje de rotación (a) en el punto central del ventilador (b), luego gírelo al siguiente tono (c).

Continúe duplicando y cambiando el ángulo de los palos para cada tono hasta que llegue del segundo al último tono desde la derecha. Después de eso, arrastre todas las capas de la palanca al icono Crear un nuevo grupo en la paleta Capas. Nombre a este grupo "Palos". Deje el último tono para separar el último palo del resto de los palos porque lo pondremos en una posición más alta en la paleta de capas más adelante.


Paso 19

Agregue una máscara de capa en el grupo "Palos" y use la herramienta Marco elíptico (M) para hacer un círculo como se muestra a continuación. Con la herramienta Pincel (B), borre las áreas que se indican a continuación con # 000000.

Nota: asegúrese de colocar el grupo de "Palos" debajo de "Líneas negras", "Líneas blancas", "Sombras", "Zigzag exterior" y la capa "Zigzag interior".


Paso 20

Ahora para completar el conjunto de palos, duplique otra capa de palos, pero ahora sáquelo del grupo de "Palos". Use la herramienta de marco elíptico (M) y cree un círculo desde el centro del ventilador como lo hicimos en el Paso 19, cree una máscara de capa y borre las partes que no necesita. El efecto final debe ser similar al que se muestra a continuación. Cambie el nombre de esta capa como "Línea separada".


Paso 21

A continuación, agregue una nueva capa y asígnele el nombre "Cara". Usando la herramienta Pluma (P), dibuje una forma como la que se muestra a continuación. Haga clic con el botón derecho y elija Hacer selección en el menú desplegable..

A continuación, use la herramienta Degradado (G), establecida en Degradado radial, para completar toda la selección con los colores que se muestran a continuación..


Paso 22

Agrega una nueva capa y llámala "Círculo". Con la herramienta Pincel para pintar (B) y la herramienta Borrador (E), siga las instrucciones a continuación.

Con esta técnica, puede hacer un conjunto ilimitado de diseños como los que se muestran a continuación.

A continuación, Cmd (Ctrl) + clic en la miniatura en la capa "Círculo" para activar el recuadro de selección alrededor de la forma. Aplique un degradado de color con la herramienta Degradado (G), configurada en Degradado lineal, usando los números de color indicados a continuación.

Duplique la capa "Círculo" lo suficiente para hacer un diseño agradable. Cambie el tamaño y vuelva a colocar los "Círculos" para formar el diseño como el que se muestra a continuación. Seleccione las capas de "círculo" (originales y duplicadas) y arrástrelas para crear un nuevo grupo en la paleta de capas. Nombre a este grupo como "Diseño". Después de eso, utilizando una máscara de capa, las áreas no deseadas del diseño para completar este paso.

Después de ocultar la capa "Pautas" y girarla hacia arriba, el producto debe verse como el que se muestra a continuación..

Nota: asegúrese de colocar el grupo "Diseño" y la capa "Cara" debajo de las "Líneas negras", "Líneas blancas", "Sombras", "Zigzag externo", "Línea separada" y la capa "Zigzag interior".


Paso 23

Abre Fabric.jpg y arrástralo a nuestro proyecto. Por el momento, disminuya su opacidad a aproximadamente el 50% para que pueda ver el patrón de "Cara" debajo. Luego, use la herramienta Pluma (P) y siga la forma de la "Cara" del ventilador como se muestra a continuación. Haga clic con el botón derecho y seleccione Hacer selección en el menú desplegable. Mantenga presionado Cmd (Ctrl) + Shift + I para invertir la selección y luego presione eliminar. Después de eso, aumentar el nivel de opacidad de nuevo al 100%. Cambie el nombre de esta capa a "Tela" y luego cambie su modo de fusión a Superposición.

Nota: asegúrese de colocar la capa "Tela" debajo de la capa "Sombras".

Después de mostrar algunas de las capas, su imagen debe verse similar a la de abajo..


Paso 24

Siguiente Cmd (Ctrl) + clic en las miniaturas de las capas "Sticks" (originales y duplicados) y la capa "Face" en la paleta de capas. Esto activará el recuadro de selección alrededor de las capas seleccionadas. Rellene toda la selección con # 000000 y coloque esta capa en el grupo "Sticks".

A continuación, vaya a Filtro> Desenfoque> Desenfoque gaussiano y establezca el valor del radio a 2.0 px. Nombra esta capa "Sombra 100". Duplique la capa "Sombra 100" y vuelva a aplicar un Desenfoque Gaussiano con un radio de 4px, luego disminuya su nivel de opacidad al 50%. Cambiar el nombre de esta capa "Shadow 50".

Después de revelar las capas de textura, su imagen debe verse similar a la de abajo..


Paso 25

Ahora, agregue una nueva capa y llámela "Tornillo". Usando la herramienta Elíptica Marquesina (M), haga un círculo como se muestra a continuación. Llene toda la selección con # 000000.

Nota: mantenga presionada la tecla Mayús para hacer círculos perfectos.

Para hacerlo más realista, haga doble clic en la capa "Tornillo" y aplique los valores a continuación en la ventana Estilo de capas.


Paso 26

Agrega una nueva capa y llámala "Marrón". Con la herramienta Cubo de pintura (G), rellene toda la capa con el color # 442d00, establezca el Modo de fusión en Superposición y Opacidad en 50%.


Paso 27

A continuación, agregue una nueva capa y llámela "Shader". Con la herramienta Cubo de pintura (G), rellene toda la capa con el color # 000000. Luego, utilizando la herramienta Borrador (E) con un tamaño de 1200 px y una dureza del 0%, borre las áreas que se indican a continuación tres veces.


Paso 28

A continuación, agregue una nueva capa y asígnele el nombre "Fuente de luz". Usando la herramienta de marco elíptico (M) haga una forma como se muestra a continuación y luego complete toda la selección con # 000000.


Paso 29

Presione Cmd (Ctrl) + T para activar los controladores de cambio de tamaño. Haga clic derecho en la selección y elija Perspectiva en el menú desplegable. Cambiar el tamaño como se muestra a continuación.


Paso 30

Vaya a Filtro> Desenfoque> Desenfoque gaussiano y establezca su radio en 58 px.

Realice algunos ajustes adicionales utilizando la herramienta Transformación (Cmd (Ctrl) + T) para hacerlo más realista..


Imagen final

¡Eso es! La imagen final se muestra a continuación. Espero que te hayas divertido trabajando en este proyecto y aprendas algunas habilidades y conocimientos adicionales de Photoshop. Intenta usar diferentes patrones o imágenes para la cara del abanico para obtener diferentes resultados!