Advertisement
  1. Design & Illustration
  2. Icon Design

Crea un icono de bicicleta futurista en Photoshop

Scroll to top
Read Time: 5 min

Spanish (Español) translation by Juliana Carvajal (you can also view the original English article)

Es divertido y desafiante crear elementos desde cero en Photoshop. En este tutorial crearemos un ícono de bicicleta futurista desde cero usando algunas herramientas básicas de Photoshop. ¡Empecemos!


Paso 1: Nuevo archivo

Abre Photoshop y configura un nuevo documento (Comando/Ctrl + N). Utiliza la siguiente configuración; Resolución: 72 ppp, Modo de color Color RGB, Dimensiones: 500×310 px.


Paso 2: crea el fondo

Llena el documento con el color negro #000000, luego haz una selección usando la herramienta marco rectangular (M) como hice yo. En una nueva capa (Comando/Ctrl + Shift + N) usando la herramienta Pincel (B) con un pincel de gran diámetro maestro una vez dentro de la selección.

Código de color: # 546c79

Duplica la capa creada (Comando/Ctrl + J) gírala horizontalmente (Editar-Transformar-Voltear horizontalmente) y colócala como lo hice en la siguiente imagen. Después de hacer eso, disminuye la opacidad al 50%.


Paso 3: comienza a crear la bicicleta

Con la herramienta pluma (P) crea la forma de la bicicleta, rellénala con un color gris (código de color: #dbdcd6). Después de eso, le daremos un aspecto 3D usando herramientas de selección y herramientas de luces/sombras.


Paso 4: Trabaja en los detalles: luces/sombras

Continúa agregando luces y sombras seleccionando diferentes partes y usa la herramienta grabar (O) para agregar sombras y la herramienta esquivar (O) para agregar luz. En este paso vamos a agregar solo luz.


Paso 5: creación de elementos de bicicleta

Elimina la parte indicada seleccionándola y presionando la tecla "Eliminar", luego crea una nueva selección usando la herramienta pluma (P) y un radio de pluma ~ 0.3 píxeles para obtener mejores resultados.

En la selección creada anteriormente, usa la herramienta grabar (O) y agrega algo de sombra allí.


Paso 6: pedales

En este paso vamos a crear la forma del pedal, así que crea esta forma usando el código de color de la herramienta pluma (P): #cdcec9. Selecciona una parte usando la herramienta pluma (P) y ve a Brillo/Contraste, aquí realiza los ajustes de la imagen de abajo.

Utiliza las mismas técnicas para crear el pedal.


Paso 7: Pequeños detalles

Ahora agrega algunos pequeños detalles como reflejos y algunas otras cosas.


Paso 8: Rueda trasera

¡Ahora vamos a crear las ruedas! En primer lugar, haz una forma redondeada con la herramienta elipse o la herramienta pluma (P) y elimina el medio. ¡Usa la herramienta esquivar y quemar (O) para darle a los 3 un aspecto! Después de eso, comienza a jugar con líneas de trazo para agregar luces y sombras


Paso 9: luz sobre el borde

Selecciona esta parte de la llanta trasera con la herramienta marco elíptico (M) y luego, en la selección creada, agrega algo de luz con la herramienta esquivar (O)


Paso 10: Creando el neumático trasero

Comienza creando otra forma redondeada alrededor del borde usando un color gris oscuro. Usé #121011. Nuevamente, comienza a jugar con luz/sombra/trazo como lo hice en las siguientes imágenes para obtener un efecto 3D y real.

Aquí vamos a agregar un poco de reflejo de luz en nuestro borde, por lo que usando la herramienta de marco elíptico (M) agrega un trazo negro de 1px, luego otro sobre él, ¡pero este debería ser gris!


Paso 11: radios

¿Cómo podemos crear los radios? Realmente simple. Usa la herramienta pluma y comienza a crear líneas grises de 1 píxel como lo hice en la siguiente imagen, luego usa la herramienta Grabar/Esquivar (O) agrega algo de sombra y luz sobre los radios para obtener un efecto real. Una vez que hayas terminado con los radios de la parte superior de la rueda, duplica la capa de radios, gírala horizontalmente y colócala como lo hice hacia abajo.


Paso 12: freno de disco

Para crear el freno de disco vamos a utilizar la herramienta elipse y un color marrón claro (#9c9075). Después de crear una elipse, elimina la parte central usando una herramienta de selección y presionando la tecla "Eliminar".


Paso 13: efectos sobre el freno de disco

Ve a Filtro> Ruido> Agregar ruido y realiza los ajustes de la imagen de abajo. Para darle a nuestro freno de disco un efecto real, necesitamos usar algo de luz y sombra, por lo que, al mirar las imágenes hacia abajo, agrega algunas luces y sombras sobre el disco usando la herramienta Esquivar/Quemar (O).


Paso 14: soporte del asiento

Haz una forma con la herramienta pluma (P) y un color marrón oscuro (#161510), luego ve a Filtro> Ruido> Agregar ruido y usa una cantidad de 0.5% para un mejor efecto. Nuevamente, agrega un poco de sombra y luz sobre nuestro soporte de asiento.


Paso 15: asiento

Crea la forma del asiento usando la herramienta pluma (P) y un color oscuro (casi negro), ¡usé # 010103! Luego, sobre la forma creada, agrega un poco de luz en la parte superior usando la herramienta sobreexponer (O).


Paso 16

Agrega más detalles sobre el soporte del asiento.


Paso 17: bocinas de bicicleta

Crea una ruta con la herramienta pluma (P) y luego rellénala con un color gris oscuro #0f0f0d. Ahora jugando con luces y sombras deberías obtener algo como en la imagen de abajo


Paso 19

Utiliza la herramienta pluma (P) y la técnica del recorrido del trazo para agregar algunos reflejos de luz en las bocinas de nuestra bicicleta.


Paso 20: tenedor

Crea esta ruta usando la herramienta pluma (P) y rellénala con un color marrón oscuro, usé #201f1a.


Paso 21: efectos en la bifurcación

Nuevamente, agrega algo de ruido y usa la herramienta de esquivar/quemar para obtener un mejor efecto.


Paso 22: rueda delantera

Duplica el grupo de capas de la rueda trasera y colócalo debajo de la horquilla. Después de eso, creé algunas piezas que apoyarán la rueda.


Paso 23: calibrar

¡Vamos a crear la pinza! Crea una ruta con la herramienta pluma (P), luego rellénala con un color rojo, agrega algunas sombras y luces con la herramienta esquivar y grabar (O) y tu bicicleta estará lista.


Paso 24: más detalles

Puedes agregar más detalles en la bicicleta como pegatinas y otras cosas. También puedes crear un reflejo de la bicicleta como hice en la siguiente imagen.


Imagen final

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.