Cómo hacer un delicioso icono de papas fritas - Tutorial de Photoshop
Bienvenido a Hongkiat Baking & Culinary Arts Class! Hoy vamos a enseñarte cómo hacer un ícono de papas fritas deliciosas con solo Photoshop!
Sí, estarás aprendiendo a crear deliciosos íconos de papas fritas con principalmente creaciones de formas y estilos de capas, ¡el panadero principiante es bienvenido! Este tutorial definitivamente te hará lleno.
Empezando
Para seguir este tutorial, necesitarás el siguiente recurso:
- Fuente Ballpark Weiner de Mickey Rossi
- Fuente Recycle-It de Bartek Nowak
Icono de papas fritas
Paso 1: dibujar la papa
Activar la herramienta pluma. Dibuja la forma básica de la papa y establece su color en # e1cc7a. Tenga en cuenta que no usamos la herramienta Rectángulo, en su lugar usamos la herramienta Pluma para obtener una apariencia natural.

En el panel Capas, haga doble clic en la capa para abrir el cuadro de diálogo Estilo de capa. Añadir siguiente Superposición de sombra interna y degradado.


Aquí está el resultado.

Paso 2
Dibujar el lado de la papa.

Añadir los siguientes estilos de capa.


Este es el resultado.

Paso 3
Finalmente, dibuja su parte superior..

Añadir los siguientes estilos de capa.


Tenemos una papas fritas ahora.

Etapa 4
Pon todas las capas en un grupo. Repite estos procesos para dibujar más papas..

Paso 5: Cubo
Dibuja una forma de polígono rojo. En la parte superior, agregue una ruta elíptica y configure su modo en Restar.

Paso 6
Dibuja rayas con color # a60101 y # ff0302.

Paso 7
Coloque las rayas encima del cubo. Conviértalo en Máscara de recorte presionando Ctrl + Alt + G. Realizar la transformación (Ctrl + T) y luego Ctrl-arrastre su esquina hasta que las rayas coincidan con la perspectiva del cubo.

Reducir la opacidad al 40%..

Paso 8
Haz una nueva capa encima del cubo. Pinte la mancha negra en la parte inferior del cubo. Convertir capa a máscara de recorte (Ctrl + Alt + G).

Paso 9
Repita el proceso anterior en la parte superior del cubo..

Paso 10
Presione Ctrl y haga clic en la capa frontal del cubo para hacer una nueva selección basada en su forma. Haz una nueva capa y rellénala con negro. Agregar ruido usando el filtro, Filtro> Ruido> Agregar ruido.

Cambie el modo de combinación de capas a Pantalla y reduzca su Opacidad al 70%..

Paso 11
Duplique la forma de la capa del cubo frontal y colóquela sobre todas las capas. Reducir su relleno al 0%..

Añadir sombra interna con esta configuración.

Aquí está el resultado.

Paso 12
Dibujemos una franja horizontal en el cubo. Trazado duplicado de la forma de la capa del cubo frontal. Seleccione ambas rutas y haga clic en Combinar. Ambas rutas se fusionarán en una sola ruta.

Paso 13
Haga clic en el icono Agregar capa de ajuste y seleccione Color sólido para convertir la ruta en una forma de capa. Seleccione # fedd19 por su color. Duplica la ruta y muévela unos pocos píxeles. Establezca su modo en Restar. Ahora, debes tener una franja amarilla horizontal en el cubo..

Añadir superposición de degradado y brillo interior.


Aquí está nuestro resultado.

Paso 14
Dibuja un polígono rojo para el lado izquierdo del cubo..

Haga doble clic en la capa y agregue la sombra interior.

Paso 15
Ctrl-clic en la forma del lado del cubo. Crea una nueva capa y rellénala con negro..

Paso 16
Haga clic en Filtro> Ruido> Agregar ruido.

Establezca el modo de fusión en Pantalla y reduzca su Opacidad al 60%..

Paso 17
Dibuja una franja amarilla horizontal en el lado del cubo.

Añadir degradado de superposición y brillo interior. La configuración utilizada aquí es la misma que la franja horizontal en la cara frontal del cucharón (Paso 13).


Aquí está el resultado.

Paso 18
Usa la misma técnica para dibujar más rayas en la parte inferior del cubo.

Paso 19
Vamos a dibujar resaltado en el cubo. Dibuja un rectángulo blanco en la parte inferior del cubo y reduce su opacidad al 43%. En el panel Capas, haga clic en el icono Agregar máscara de capa y pinte ambos extremos con negro.

Paso 20
Repita este paso para dibujar otro punto culminante.

Paso 21
Dibujar el grosor del cubo. Usa el rojo por su color..

Añadir superposición de degradado.

Paso 22
A continuación, dibuje el lado trasero del cubo. Simplemente podemos duplicar el lado frontal del cubo y moverlo debajo de todas las capas. Esta vez, establece su modo de ruta en Agregar a la forma.

Añadir los siguientes estilos de capa.


Este es el resultado.

Paso 23
Dibuja el otro lado del cubo..

Añadir los siguientes estilos de capa.


Paso 24: Añadir las patatas
Alt-arrastre las patatas de muestra que hemos creado anteriormente. Ponlos dentro del cubo. Colóquelos en una posición natural..

Paso 25
Hacer sombra negra entre las patatas y el cubo. Pintar de negro para agregar sombra de cubo sobre las papas. Reducir su opacidad al 12%..

Paso 26
Haz una nueva capa y dibuja la sombra individualmente en cada papa. Esta sombra sutil agregará profundidad a la posición de las papas..

A continuación, puede ver la animación de gif que se muestra antes y después de agregar sombras sutiles en cada papa.

Paso 27: Añadir más destacados en el cubo
Vamos a añadir algunos puntos destacados en el cubo. Dibuje un rectángulo blanco en el lado de la cubierta frontal y reduzca su opacidad al 30%. Haga clic en el icono Agregar máscara de capa y pinte ambos bordes con negro.

Paso 28
Pinta más resaltado en sus otros lados..

Paso 29: Logo
Dibuja una elipse en la cara frontal del cubo con el color: # fcbe15.

Haga doble clic en la capa y agregue Drop Shadow.

A continuación se muestra el resultado de una sombra sutil en la elipse..

Paso 30
Añadir texto "HK's" en la parte superior de la elipse con fuente, Ballpark Weiner. Presione Ctrl + T para realizar la transformación. Mantenga presionada la tecla Ctrl y arrastre su lado para sesgar el texto.

Paso 31
Agregue los siguientes estilos de capa en el logotipo de texto.



A continuación se muestra el resultado..

Paso 32
Puedes un poco más de cosas en el cubo. También puede agregar el ícono de reciclaje utilizando el carácter de la fuente gratuita Recicle.

Paso 33: Antecedentes
Activar herramienta de degradado. Dibuja un degradado radial desde # f3f3f2 a # f4f5c9.

Paso 34: Sombra
Usa un pincel suave y pequeño para dibujar una sombra debajo del cubo.

Paso 35
Duplique la capa de sombra presionando Ctrl + J. Haga clic en Filtro> Desenfoque> Desenfoque gaussiano para suavizarlo. Es posible que desee reducir su opacidad si la sombra se vuelve demasiado oscura..

Resultado final + Descargar
Por último, este es nuestro icono de papas fritas. Espero que disfruten de este tutorial. Y recuerda no comer demasiadas papas fritas, ¡simplemente no es saludable! :)
Haga clic aquí para descargar la PSD final.

(Este tutorial se realizó en colaboración con Syarip Yunus).