Cree un cable de teléfono en espiral desde cero con Photoshop

Dadas las herramientas adecuadas, Photoshop puede facilitar cualquier tarea. El tutorial de hoy demostrará cómo crear una escena de teléfono de naturaleza muerta desde cero utilizando la herramienta de difuminado. Empecemos!


Paso 1

Cree un nuevo documento (2100 px x 1300 px) y agregue un degradado como se muestra. A continuación, cree una nueva capa llamada "Sketch" y dibuje una escena de teléfono simple. Es importante desbaste el camino del cable de resorte, ya que lo usaremos como guía en el siguiente paso.


Paso 2

Lo primero que crearemos es el cable de resorte para el teléfono. Usaremos una técnica que involucre la herramienta Difuminar para hacer esto. Para comenzar, use la herramienta Pluma (P) para crear una trayectoria en espiral, usando el boceto como una guía. Ya que solo estamos creando una ruta, no importa qué capa se seleccione. Como puede ver, al dibujar un camino de este complejo sin ninguna guía puede producir fácilmente algunos resultados poco realistas. Nota: Si su ruta se sale de la pantalla, puede arruinar el efecto. Es mejor crear una ruta completamente dentro del lienzo y luego moverla a la ubicación deseada después del paso 5.


Paso 3

Para que este próximo efecto funcione correctamente, necesitamos mover la ruta para que esté completamente dentro del lienzo.

Ahora, antes de crear el cable real, vamos a crear un cable de prueba para que podamos ver cómo funciona esta técnica: cree un nuevo grupo llamado "Cable de resorte" con una capa interna llamada "Prueba de color". En esta capa, cree un cuadro y coloréelo como se muestra. Gire y coloque la caja de modo que se encuentre sobre el punto final, perpendicular a la trayectoria..


Etapa 4

Cree una nueva capa llamada "Prueba de cable" y seleccione la herramienta Difuminar con la configuración que se muestra a continuación. Ahora, vaya al Panel de rutas y seleccione la ruta que creamos en el paso 2. Haga clic con el botón derecho y seleccione Trazar ruta con la herramienta Difuminar. Como puede ver, los colores del cuadro parecen estar "extruidos" a lo largo del camino. Ahora podemos usar esta prueba de color para ayudarnos a crear el cable real.


Paso 5

En una nueva capa llamada "Shade Box", cree una nueva caja (como hicimos con la prueba de color) y rellénela con un gris claro. Ahora que sabemos cómo se traducen los colores en el cuadro a lo largo del camino, podemos usar las herramientas de esquivar y quemar para agregar algo de sombreado al cuadro gris (siéntase libre de experimentar con diferentes sombreados). Ahora, cree una nueva capa llamada "Cable" y, usando el Panel de rutas, agregue una Ruta de trazo como lo hicimos en el Paso 4. El resultado es similar a un efecto de extrusión de riel visto en el software 3d.

Ahora, mueva este cable nuevamente a la posición de acuerdo con nuestro boceto.


Paso 6

Ahora tenemos el cable de resorte para nuestro teléfono, pero parece un poco plano. Para solucionar esto, haga una copia (Cmd / Ctrl + J) de esta capa y aplique el filtro> Artística> Envoltura de plástico. El filtro puede producir algunas áreas con resultados indeseables; simplemente use la herramienta Borrador (E) para hacer que desaparezcan. Cuando hayas terminado, combina estas dos capas.


Paso 7

Con la capa "Cordada" combinada seleccionada, agregue una nueva Capa de ajuste de tono / saturación y realice los ajustes como se muestra. Clip (Alt + Click) esta capa a la capa "Cord".


Paso 8

En una nueva capa, use un pequeño pincel blanco para agregar puntos a la parte superior de cada bobina. Use la herramienta de difuminado con la configuración que se muestra para difuminar cada punto para asemejarse a las luces. Hemos terminado con el cable. Esta técnica se puede utilizar para muchas cosas, especialmente para la tipografía creativa..


Paso 9

A continuación, pasaremos al receptor del teléfono, para comenzar, crear una jerarquía de grupo / capa como se muestra. Use la herramienta Pluma para dibujar en la forma de la boquilla, con su boceto como guía.


Paso 10

En la capa "Boquilla", seleccione la ruta de la boquilla (desde el Panel de rutas) y rellénela con un gris oscuro. Ahora, podríamos esquivar y grabar esta capa para agregar alguna perspectiva 3D, pero en su lugar, usaremos otro método. Comience agregando un bisel y relieve a esta capa. A continuación, haga una copia (Cmd / Ctrl + J) de la capa "Mouth Piece" y disminuya la cantidad de Biselado y Relieve. Cuando hayas terminado, mueve la capa para desplazarla ligeramente.


Paso 11

Ahora, queremos fusionar los estilos de capa a sus capas respectivas. Para hacer esto, haga clic con el botón derecho en los "Efectos" de cada capa y seleccione "Crear capas" del menú desplegable para convertir los estilos de capa en sus propias capas. Ahora fusiona los efectos separados con sus capas originales..


Paso 12

Ahora podemos recortar (Alt + Clic) la capa "Copia de boca" a la siguiente. Agregue una máscara de capa para enmascarar los bordes visibles creados por las dos capas superpuestas para que aparezca como una sola pieza sólida.


Paso 13

Cree una nueva capa y agregue un degradado de negro a blanco. Establezca el Modo de fusión en Superposición y la Opacidad en 20%. Sujeta esta capa a la capa "Boca".


Paso 14

Crea una nueva capa llamada "Ruido" y rellena con blanco. Vaya a Filtro> Ruido> Agregar ruido y use la siguiente configuración. Establezca el Modo de fusión en Superposición y la Opacidad en 5%. Sujeta esta capa a la capa "Boca".


Paso 15

Crea una nueva capa llamada "Sangría". Utilice la herramienta Elíptica para crear un círculo y rellénelo con un gris oscuro. Transforme (Cmd / Ctrl + T) esta capa para que coincida con la perspectiva de la boquilla. Para hacer el efecto de sangría para la boquilla, agregue los siguientes estilos de capa a la capa "Sangría".


Paso 16

En una nueva capa llamada "Resaltar", use la herramienta Rectangular Marquee para crear una forma similar a la que se muestra a continuación y rellene con blanco. Edición> Transformar> deformar esta capa para seguir el efecto de sangría. Sujeta esto a la capa "Sangría" y dale a esta capa un Desenfoque Gaussiano de 9.0 px y establece su Opacidad al 4%. Agregue una capa de ruido como hicimos en el paso 14.


Paso 17

Para crear los orificios para el receptor, agregue una nueva capa llamada "Agujeros" y use un pincel negro para agregar puntos de diferentes tamaños en un patrón de cuadrícula. Puede ayudar crear una cuadrícula de plantilla para guiarlo. Deforme los puntos como lo hicimos con la capa "Destacados" y agregue los siguientes estilos de capa para dar profundidad a los agujeros.


Paso 18

Ahora es el momento de pasar al resto del teléfono. Cree una capa llamada "Cuerpo" dentro del grupo "Cuerpo" y use la herramienta Pluma (P) para dibujar la forma del resto del teléfono. Rellena esta forma con un gris oscuro..


Paso 19

Como la mayoría de este teléfono estará borroso (lo que agregaremos más adelante), no vamos a pasar demasiado tiempo agregando detalles. Para comenzar, cree una nueva capa llamada "Sombreado" y use la Herramienta de pincel (B) para pintar algunas sombras y luces destacando los colores de la boquilla. Hacer esto una capa de recorte.


Paso 20

Crea una nueva capa llamada "Highlights". Con un pincel blanco, dibuje los resaltes en los bordes del teléfono. Añadir un desenfoque gaussiano del 9,5%. Cambia el modo de fusión de la capa a la pantalla y su opacidad al 56%. Convierta esto en una capa de recorte y agregue una capa de ruido (consulte el paso 14).


Paso 21

Para hacer que el cable parezca entrar en el teléfono, cree una nueva capa llamada "Orificio" entre los grupos "Teléfono" y "Cable de resorte" (asegúrate de mover el grupo "Cable de resorte" frente al grupo "Teléfono" ). Utilice la herramienta de marco elíptico para crear un óvalo y rellenar con negro. Agregue el siguiente estilo de capa. Agregue una máscara de capa al grupo "Cable de resorte" para enmascarar el extremo del cable de modo que parezca que va dentro del teléfono..


Paso 22

Al volver a mirar el teléfono, observo que la boquilla necesita un poco de trabajo en los bordes donde se encuentra con el cuerpo del teléfono. Vuelva al grupo "Mouth Piece" y encuentre la capa "Mouth Piece" y duplíquela presionando Cmd / Ctrl + J (esto debería conservar todas nuestras capas de recorte). Ahora, seleccione la capa original "Mouth Piece" y agregue los siguientes estilos de capa. Empuje esta capa hacia arriba y hacia la izquierda hasta que se vea bien.


Paso 23

Ahora que el teléfono y el cable están completos, necesitamos agregar algunas sombras. La primera sombra estará en el cable por donde ingresa al teléfono. Vuelva al grupo "Cordón de resorte" y cree una nueva capa llamada "Sombra" sobre la Capa de ajuste. Use un pincel negro para pintar en una sombra que el receptor del teléfono proyectaría sobre el cable. Haz de esta una capa de recorte y ajusta la opacidad según sea necesario.


Paso 24

Cree una nueva capa llamada "Sombras ambientales" como se muestra. Con un pincel negro, pinte las áreas donde el cable espiral y el receptor del teléfono puedan estar en contacto con el suelo. Agregue un Filtro> Desenfoque> Desenfoque de movimiento con una distancia de 35 px a 90 grados y luego agregue un Desenfoque gaussiano de 8.5 px. Establezca el modo de fusión de esta capa para multiplicar y su opacidad al 62%..


Paso 25

Cree una nueva capa llamada "Sombras directas" y pinte en sombras que puedan proyectarse en el plano del suelo. Dale a esta capa un Desenfoque Gaussiano sutil (1.0 px o menos) y ajusta el Modo de fusión para multiplicar y la Opacidad al 63%.


Paso 26

Para terminar la imagen, quiero agregar un efecto de profundidad de campo. Para hacer esto, voy a usar el filtro Desenfoque de lente, pero antes de abrirlo, necesitamos hacer algo de configuración. Avanza, fusiona toda la escena en una nueva capa y colócala en la parte superior de la pila y nómbrela como "Desenfoque de lente". Esta capa será la capa a la que aplicamos el efecto de desenfoque de lente..


Paso 27

Queremos utilizar la capacidad del filtro Desenfoque de lente para usar un mapa alfa personalizado. Para comenzar nuestro mapa alfa, fusione los grupos "Teléfono" y "Cable de resorte" juntos en una nueva capa llamada "Teléfono y cable" y colóquelos en la parte superior de la pila de capas. Use los niveles (Cmd / Ctrl + L) para ajustar esta nueva capa a un gris medio.


Paso 28

Cree una nueva capa sobre la capa "Desenfoque de lente" y agregue un degradado reflejado como se muestra. La banda más clara será el punto focal para el efecto Desenfoque de lente. Por lo tanto, cuanto más oscuro es el color, más borroso es el color. Usando esta teoría, aplicaremos áreas más blancas y más oscuras a la capa "Teléfono y cable" con las herramientas de esquivar y quemar.


Paso 29

Combine las dos capas en las que trabajamos y copie y pegue esta capa en un nuevo canal en el Panel de canales. Esto debería llamarse automáticamente "Alfa 1".


Paso 30

Oculte la capa en la que estábamos trabajando y, con la capa "Lens Blur" seleccionada, agregue Filter> Blur> Lens Blur con la siguiente configuración. Aquí es donde agregaremos nuestro mapa alfa para influir en el desenfoque.


Conclusión

Hacer algunos ajustes si es necesario. Le di a la imagen un tinte azul muy sutil..