Cómo ilustrar una deliciosa paleta de helado

En este tutorial, te mostraré cómo dibujar una paleta de helado. A lo largo de este tutorial veremos varias técnicas de dibujo. Vamos a crear todo dentro de Photoshop de principio a fin, excepto la fuente utilizada. Vamos a comenzar con este tutorial.

Vista previa de la imagen final

En primer lugar, echemos un vistazo a la imagen que vamos a crear.

Paso 1

Empecemos creando un nuevo documento de 1000 píxeles de ancho y 1000 píxeles de alto, con la resolución establecida en 300 píxeles/pulgada.

Paso 2

Toma la Herramienta Marco Rectangular, establece el Estilo en Tamaño fijo, establece el Ancho en 530 píxeles y establece el Alto en 260 píxeles. Haz una selección como la que aparece en la siguiente imagen. Por último, arrastra y ajusta las Guías horizontales y verticales alrededor de la selección.

Paso 3

Crea una nueva capa y nómbrala "Paleta". Toma la herramienta Rectángulo redondeado. Establece la opción Capa en Forma y ajusta el Radio a 125 píxeles en las Opciones de la herramienta. Establece el color de primer plano en #774411 y dibuja un rectángulo como en la imagen de abajo.

Paso 4

Ahora tenemos que dar a esta paleta una apariencia de perspectiva. Pulsa Comando + T para entrar en el modo de Transformación libre, luego ajusta el Ángulo a -55 grados, la Inclinación horizontal a -25 grados, y aplica pulsando Enter dos veces. Ahora ve a Capa > Rasterizar > Capa para rasterizar la capa de forma. Fíjate en la imagen de abajo cómo difiere el resultado de la transformación de las capas de forma.

Paso 5

Ahora añadiremos algo de grosor a la paleta. Antes de continuar, asegúrate de que estás viendo el lienzo a tamaño 100%. Si no es así, ve a Vista > Píxeles reales (Comando + Alt + 0). Toma la herramienta Mover y, mientras mantienes pulsada la tecla Alt, pulsa la tecla de la flecha derecha 89 veces, hasta que alcances la "Copia de la paleta 89" en el panel de capas.

Ahora selecciona todas las capas desde "Copia de la paleta 88" hasta "Copia de la paleta" y combínalas yendo a Capa > Combinar capas o pulsando Comando + E. Nombra la capa combinada como "Grosor". Ve a Imagen > Ajustes > Tono/Saturación (Comando + U) y ajusta la Luminosidad a -35. Cambia el nombre de la capa "Copia de la paleta 89" por el de "Parte trasera". Ahora intercambia el orden de las capas "Parte trasera" y "Paleta" como se muestra en la siguiente imagen.

Paso 6

Ahora vamos a probar el helado. Toma la herramienta Marco elíptico, establece el Estilo en Tamaño fijo, luego establece el Ancho y el Alto en 230 píxeles, y haz una selección como se muestra en la siguiente imagen. A continuación, ve a Selección > Transformar selección, luego ajusta el Ángulo a -55 grados y la Inclinación horizontal a -25 grados, y aplica para conseguir la misma perspectiva de la paleta de helado. Coloca la selección en el lugar donde debe estar la mordida. Pulsa Comando + Alt + Mayúsculas y haz clic en la miniatura de la capa "Paleta" para intersectar la selección con los píxeles de la capa.

Paso 7

Ahora crea una nueva capa en la parte superior y nómbrala "Mordida". Rellena la selección con un color distintivo y luego Deselecciona. Antes de continuar, asegúrate de que estás viendo el lienzo a tamaño 100%. Si no es así, ve a Vista > Píxeles reales (Comando + Alt + 0). Además, asegúrate de que la herramienta Mover está seleccionada y, mientras mantienes pulsada la tecla Alt, pulsa la tecla de la flecha derecha 90 veces, hasta que llegues a la "Copia de mordida 90" en la paleta de capas.

Selecciona todas las capas de la mordida excepto la "Copia de mordida 90" y combínalas pulsando Comando + E. Bien, ahora vamos a darle un mordisco, haz Comando-clic en la capa "Copia de mordida 89" para cargar sus píxeles y borra el área seleccionada de las capas "Paleta" y "Grosor".

Ahora, haz clic en la miniatura de la capa "Copia de mordida 90" y borra la selección mientras que la capa "Parte trasera" está seleccionada en el panel de capas. Ahora asegúrate de que la herramienta Marco está seleccionada en la caja de herramientas, pulsa la flecha izquierda para mover la selección 1 píxel a la izquierda y pulsa Borrar de nuevo para eliminarla. Deselecciona, y entonces podrás ocultar las capas "Copia de mordida 89" y "Copia de mordida 90".

Paso 8

Selecciona la capa "Parte trasera" en la paleta de capas y luego ve a Imagen > Ajustes > Tono/Saturación (Comando + U). Ajusta la Luminosidad a -25. Pulsa Comando+Alt+Mayús+Clic en la capa "Copia de mordida 89" para cargar la selección y pulsa Comando+Alt+Mayús+Clic en la capa "Atrás" para hacer la intersección.

Ve a Capa > Nueva > Capa vía copiar. Esto creará una nueva capa a partir de la selección. Nombra esta nueva capa "Chocolate". Ve a Capa > Duplicar capa y nómbrala "Blanco". Pulsa Comando + U para que aparezca el cuadro de diálogo Tono/Saturación y ajusta la Luminosidad a 75.

Paso 9

Haz clic en la capa "Blanco" para cargar la selección. Ve a Selección > Invertir. Asegúrate de que cualquier herramienta Marco está seleccionada en la caja de herramientas y pulsa la flecha derecha cinco veces para mover la selección cinco píxeles a la derecha. Pulsa eliminar para borrar.

Ahora pulsa Mayús + Flecha izquierda una vez para moverla 10 píxeles a la izquierda y luego pulsa Eliminar para borrar el lado derecho de la capa "Blanco". Pulsa la flecha hacia abajo cinco veces y luego pulsa Eliminar. Por último, pulsa una vez Mayús + Flecha arriba y vuelve a borrar la selección.

Paso 10

Ve a la capa "Paleta" en el panel de capas y aplica una Superposición de degradado utilizando estos ajustes: Modo de fusión Tramado, Opacidad 50%, Degradado Negro-Blanco, Invertir marcado, Estilo Radial y Escala 130%. Arrastra el centro del degradado como en la imagen de abajo mientras el diálogo de Superposición de degradado sigue abierto.

Paso 11

Ahora ve a la capa "Grosor" y aplica un estilo de capa de Superposición de degradado y utiliza estos ajustes: Modo de fusión Sobreexposición de color, Opacidad 55%, Degradado de negro a blanco, Estilo Lineal y Escala 150%.

Paso 12

Ve a la capa "Chocolate" en el panel de capas y aplica una Superposición de degradado a esta capa con estos ajustes: Modo de fusión Luz suave, Opacidad 70%, Degradado Negro a blanco con Estilo Lineal, Ángulo -90 grados y Escala 150%.

Paso 13

Ahora vamos a aplicar otra Superposición de degradado, esta vez a la capa "Blanco" con estos ajustes: Modo de fusión Luz fuerte, Opacidad 50%, Degradado Negro a blanco, Estilo Lineal, Ángulo -90 grados y Escala 150%.

Paso 14

Crea una nueva capa sobre la capa "Paleta" y nómbrala "Iluminación". Haz clic en la capa "Paleta" para cargar sus píxeles, ve a Edición > Trazo. Establece el ancho en 2 píxeles y el Color en blanco, luego establece la Ubicación en Centro y pulsa OK. Presiona Comando + D para anular la selección.

Borraremos algunas partes de esto y crearemos iluminación. Ahora haz que el fondo sea un poco más oscuro para poder ver claramente el contorno blanco yendo a Imagen > Ajustar > Tono/Saturación (Comando + U). Haz esto mientras la capa "Fondo" está seleccionada, luego en el panel de capas ajusta la Luminosidad a - 40.

Paso 15

Ve a la capa "Iluminación" en el panel de capas. Toma la herramienta Borrador, luego en las opciones de la herramienta establece el Diámetro maestro en 240 píxeles, establece la Dureza en 0%, y establece el Modo en Pincel. Borra la parte izquierda, la inferior y las zonas mordidas, como se muestra en la imagen de abajo. Ajusta la Opacidad de la capa al 50%.

Paso 16

Crea una nueva capa sobre la capa "Paleta" y nómbrala "Textura". Pulsa D para establecer los colores por defecto, que son el blanco y el negro. Ve a Filtro > Interpretar > Nubes. Ahora ve a Filtro > Interpretar > Nubes de diferencia. Ve a Filtro > Distorsionar > Cristal. Ajusta la Distorsión a 20, el Suavizado a 10, la Textura a Esmerilado y la Escala a 100%.

Paso 17

Ajusta el Modo de fusión de la capa "Textura" a Luz suave. A continuación, pulsa Comando + T, establece el Ángulo a -55 grados, establece la Inclinación Horizontal a -25, y luego aplica.

Paso 18

Haz clic en la capa "Parte trasera" para cargar la selección. Pulsa Comando + Mayúsculas, haz clic en la capa "Grosor" y presiona Comando + Mayúsculas y haz clic en la capa "Paleta" para añadir sus píxeles a la selección. Ve a Selección > Invertir y pulsa Eliminar para borrar. Pulsa Comando + D para anular la selección. Ajusta la Opacidad de la capa al 20%.

Paso 19

Crea una nueva capa sobre la capa "Blanco" y nómbrala "Rojo". Pulsa Comando y haz clic en la miniatura de la capa "Chocolate" para cargar la selección. Asegúrate de que hay una herramienta Marco seleccionada en la caja de herramientas. Mientras mantienes pulsada la tecla Mayús, pulsa la tecla Flecha derecha tres veces para mover la selección 30 píxeles a la izquierda y rellenar la selección con rojo.

Pulsa Mayús + Flecha derecha tres veces más y pulsa borrar. Ahora toma la herramienta Marco rectangular, selecciona la parte superior del área roja y pulsa Eliminar para borrar. Haz lo mismo con la parte inferior y Deselecciona.

Paso 20

Haz clic en la capa "Rojo" para cargar la selección. Ve a la paleta Canales y crea un Nuevo canal. Rellena la selección con blanco y luego Deselecciona. Ve a Filtro > Desenfocar > Desenfoque gaussiano y aplícalo con un Radio de 5 píxeles. Ve a Imagen + Ajustes > Niveles (Comando + L) y ajusta los Niveles de entrada a 125, 1 y 150. Pulsa Comando y haz clic en el canal "Alfa 1" para hacer una selección de los píxeles blancos.

Paso 21

Vuelve a la capa "Rojo" en la paleta de capas. Ve a Selección > Invertir y pulsa Borrar para borrar los bordes definidos. Establece el Modo de fusión de la capa en Multiplicar. Deselecciona pulsando Comando + D.

Paso 22

Crea una nueva capa por encima de la capa "Rojo" y nómbrala "Iluminación roja". Pulsa Comando y haz clic en la miniatura de la capa "Rojo" para cargar la selección. Asegúrate de que cualquier herramienta Marco está seleccionada y pulsa la tecla Flecha derecha una vez para mover la selección un píxel a la derecha. Rellena la selección con blanco, mueve la selección dos píxeles más a la derecha y pulsa Eliminar.

Ahora tenemos una delgada línea que hay que difuminar. Pulsa Comando y haz clic de nuevo en la miniatura de la capa "Rojo", ve a Filtro > Desenfocar > Desenfoque gaussiano y aplícalo con un Radio de 2 píxeles. Además, asegúrate de anular la selección.

Paso 23

Ahora es el momento de hacer el palito. Pero antes de seguir adelante, vamos a ordenar las capas. Ve a la paleta de capas y elimina las capas "Copia de mordida 90" y "Copia de mordida 89". A continuación, selecciona todas las capas excepto la capa "Fondo" y ve a Capa > Nueva > Grupo a partir de capas, nombra el grupo "Helado".

Paso 24

Ahora tenemos que dibujar el palito. En primer lugar, vamos a crear un nuevo documento de 90 píxeles de ancho y 340 de alto con una resolución de 300 píxeles/pulgada.

Paso 25

Pulsa Comando + A para seleccionar todo. Arrastra las guías alrededor del lienzo y una guía más al centro vertical del lienzo. Pulsa Comando + D para anular la selección. Crea una nueva capa llamada "Palito". Establece el color de primer plano en #ffcc77. Toma la herramienta Rectángulo redondeado, establece el Radio en 40 píxeles, establece la Capa en Forma, y dibuja un rectángulo como el de la imagen de abajo.

Paso 26

Toma la herramienta Añadir punto de ancla y añade puntos de anclaje como se muestra en la siguiente imagen. Ahora toma la herramienta Selección directa, selecciona y mueve el punto de anclaje izquierdo para añadir 10 píxeles a la derecha usando las teclas de flecha. Mueve el derecho 5 píxeles a la izquierda. Ve a Capa > Rasterizar > Capa.

Paso 27

Crea una nueva capa y nómbrala "Fibras". Pulsa D para establecer los colores por defecto. Pulsa Alt + Retroceso para rellenar la capa con Negro. Ve a Filtro > Interpretar > Fibras. Ajusta la Varianza a 10 y la Intensidad a 50. Ve a Capa > Duplicar capa y pulsa OK. Ve a Edición > Transformar > Rotar 180 grados. Establece el Modo de fusión de la capa en Sobreexposición lineal. Pulsa Comando + E para combinar las dos capas superiores.

Paso 28

Pulsa la tecla Alt y haz clic en la línea que separa las capas "Fibras" y "Palito" en la paleta de capas. Esto definirá la capa "Palito" como una Máscara de recorte para "Fibras". Ve a Filtro > Enfocar > Máscara de desenfoque. Establece la Cantidad al 60%, el Radio a 8 píxeles y el Umbral a 4 niveles.

Paso 29

Ve a Imagen > Rotar lienzo > 90 grados a la derecha. Ajusta el modo de fusión de la capa "Fibras" a Luz suave y la Opacidad de la capa al 40%. Pulsa Comando + E para combinar las capas "Fibras" y "Palito". Toma la herramienta Texto horizontal y escribe el texto como se muestra en la siguiente imagen. He utilizado esta fuente gratuita de dafont.com. Establece la opacidad de la capa de texto en 50%. Ahora pulsa Comando + E de nuevo para combinar la capa "Palito" y el texto.

Paso 30

Ahora vamos a colocar el palito en nuestro documento principal "Helado". Toma la herramienta Mover, arrastra y suelta la capa "Palito" en el documento "Helado".

Paso 31

Pulsa Comando + T, ajusta la Inclinación horizontal a -25 grados y aplícala. Vuelve a pulsar Comando + T y esta vez establece la Rotación en -55 grados. Aplicamos estas dos transformaciones en dos pasos diferentes para obtener un resultado más prolijo.

Paso 32

Ve a la paleta de capas y arrastra la capa "Palito" por debajo del grupo "Helado".

Paso 33

Toma la herramienta Mover, y asegúrate de que estás viendo el lienzo al 100% de su tamaño. Mientras mantienes pulsada la tecla Alt, pulsa cinco veces la tecla de flecha izquierda. Selecciona desde la capa "Copia de palito 4" hasta "Palito" en la paleta de capas y combínalas pulsando Comando + E. Ve a Imagen > Ajustes > Tono/Saturación (Comando + U) y ajusta la Luminosidad a -30.

Paso 34

Ve a la capa "Copia de palito 5" en la paleta de capas y pulsa Comando + E para combinar ambas capas de palito y nombra esta capa como "Palito". Ahora vamos a aplicar una Superposición de degradado a la capa "Palito" para dar el efecto de sombra, utilizando estos ajustes: Modo de fusión Multiplicar, Opacidad 100%, Degradado Negro-Blanco, Estilo Lineal, Ángulo -130 grados y Escala 55%.

Paso 35

Ahora vamos a crear la sombra. Haz que la capa "Fondo" sea invisible. Crea una nueva capa encima y nómbrala "Sombra". Ve a Imagen > Aplicar imagen. Esto combinará todas las capas visibles con la capa activa. Ve a Imagen > Ajustes > Tono/Sombra y ajusta la Luminosidad a -100.

Paso 36

Vuelve a hacer visible la capa "Fondo". Arrastra la capa "Sombra" por encima de la capa "Fondo" en la paleta de capas. Pulsa Comando + T para entrar en el modo de Transformación libre. Establece la Ubicación del Punto de referencia en la parte inferior izquierda y establece la Inclinación horizontal en -20 grados y aplica.

Vuelve a pulsar Comando + T, establece la Ubicación del punto de referencia en el centro-inferior y establece la Escala vertical en 35%. Escala la sombra horizontalmente arrastrando el tirador central derecho del cuadro delimitador hasta el borde derecho del lienzo.

Paso 37

Ve a Vista > Borrar guías para borrar las guías existentes. Arrastra una guía vertical y colócala en el borde izquierdo de la capa "Sombra". Ahora ve a la paleta de Canales y crea un nuevo canal. Toma la herramienta Degradado, abre el selector de degradado, elige de negro a blanco, y luego rellena el canal con el degradado comenzando desde la línea guía y arrastrando hasta el extremo derecho del lienzo. Ahora pulsa Comando+Clic en "Alfa 2" en la paleta de Canales para hacer una selección de los píxeles blancos y vuelve a la capa "Sombra" en la paleta de Capas.

Paso 38

Ahora seleccionamos el extremo de la sombra y vamos a aplicar un poco de desenfoque a esta zona. Ve a Filtro > Desenfocar > Desenfoque gaussiano y aplícalo con un Radio de 3 píxeles. Pulsa Comando + F nueve veces para aplicar el último filtro utilizando los mismos ajustes varias veces. Ahora para hacer que la sombra desaparezca pulsa Eliminar.

Paso 39

En el paso 16 hemos rellenado toda la capa de "Textura" y luego la hemos girado, por lo que algunos píxeles han salido fuera del lienzo. Ahora moveremos el helado y la sombra, y estos píxeles entrarán dentro del lienzo. Para deshacerte de ellos pulsa Comando + A a fin de seleccionar todo y ve a Imagen > Recortar.

Conclusión

Ahora puedes combinar todas las capas excepto la de "Fondo" y colocar el helado en el centro del lienzo, luego aplica un degradado al fondo. Sí, eso es todo. Espero que hayas aprendido algo nuevo y hayas disfrutado de este tutorial.