Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Icon Design

Cómo crear una linterna hiperrealista

by
Length:LongLanguages:
This post is part of a series called Icon Design.
How to Illustrate a Marvelous Violin Icon
Create a Stylized First Aid Icon in Illustrator

Spanish (Español) translation by Elías Nicolás (you can also view the original English article)

En este tutorial aprenderá cómo crear una ilustración hiperrealista de una linterna. Este estilo de ilustración es particularmente popular para iconos e ilustraciones técnicas. Aunque este tutorial es más avanzado que otros, no deje que eso lo disuada de probarlo, encontrará que está escrito en un formato fácil de entender y los resultados valdrán la pena la perseverancia.


Paso 1

Abra un nuevo documento de 1280px por 1024px. Cargue esta foto desde Stock.xchng dentro de su documento. Cambie el tamaño para que se ajuste a su Artboard. Puede seleccionar la foto que hacer clic en el botón Transformar desde la barra superior e insertar los números que se muestran en la imagen a continuación. Úselo solo si quiere usar el tamaño y la posición exactos que he usado. En la mayoría de las imágenes siguientes, reduje la opacidad de la imagen de la linterna al 30% para que pueda distinguir las formas. Cuando trabajo normalmente, dejo la opacidad al 100%. Experimente y vea cuál es el mejor para usted. Cree una nueva capa y nómbrela "IMAGEN" y colóquela en la parte inferior de la paleta Capas. Mueva la imagen de la linterna dentro de la capa "IMAGEN" y bloquee la capa. De esta forma, no seleccionará ni moverá accidentalmente la imagen.


Paso 2

Seleccione la herramienta Pluma (P) y cree la forma de toda la linterna. Intente prestar atención adicional en las áreas ampliadas en la imagen a continuación. Nombre esta forma "FLASHLIGHT" (LINTERNA).


Paso 3

Duplique "FLASHLIGHT", luego seleccione la herramienta Pluma (P) y cree una forma como la que se muestra en la imagen n. ° 1. Seleccione esta forma y la duplicación de "FLASHLIGHT" y luego haga clic en el botón Intersecar de la paleta Buscatrazos. Nombre la forma resultante "Section1".


Etapa 4

Duplicar "FLASHLIGHT" y "Section1". Seleccione la herramienta Pluma (P) y cree una forma como la de la imagen n. ° 1. Seleccione esta forma y la duplicación de "FLASHLIGHT" y luego haga clic en el botón Intersectar de la paleta Pathfinder. Mueva la forma resultante debajo de la duplicación de "Section1", luego seleccione ambas formas y haga clic en el botón "Minus Front" de la paleta Pathfinder. Nombre la forma resultante "Section2".


Paso 5

Duplique "FLASHLIGHT", luego seleccione la herramienta Pluma (P) y cree una forma como la que se muestra en la imagen n. ° 1. Seleccione esta forma y la duplicación de "FLASHLIGHT" y luego haga clic en el botón Intersecar de la paleta del Pathfinder. Nombre esta forma "vvv" y duplíquela. Vuelva a seleccionar la herramienta Pluma (P) y cree una forma como la que se muestra en la imagen n. ° 4. Selecciónelo junto con el duplicado de "vvv" y haga clic en el botón Intersecar en la paleta del Pathfinder. Nombre la forma resultante "Section6". Duplique la "Section6" y mueva iv por encima de la forma original "vvv". Ahora, seleccione estas dos formas y haga clic en el botón Menos frente en la paleta Pathfinder. Nombre esta nueva forma "Section5".


Paso 6

Duplicar "FLASHLIGHT" y "Section5". Seleccione la herramienta Pluma (P) y cree una forma como la de la imagen n. ° 1. Seleccione esta forma y la duplicación de "FLASHLIGHT" y luego haga clic en el botón Intersecar de la paleta Pathfinder. Mueva la forma resultante debajo de la duplicación de "Section5", luego seleccione ambas formas y haga clic en el botón "Menos frente" de la paleta Pathfinder. Nombre esta nueva forma "Section4".


Paso 7

Duplicar "Section5" y "Section2". Seleccione la herramienta Pluma (P) y cree una forma como la de la imagen n. 1. Seleccione esta forma junto con "FLASHLIGHT" y luego haga clic en el botón Intersectar de la paleta de Pathfinder. Mueva la forma resultante debajo de las duplicaciones de "Section5" y "Section2", luego seleccione estas tres formas y haga clic en el botón "Menos frente" en la paleta del Buscatrazos. Nombre la forma resultante "Section3".


Paso 8

Seleccione la herramienta Rectángulo redondeado y cree un círculo exprimido como el que se muestra en la imagen n. ° 1. Gírelo, juegue un poco con el punto de anclaje y las asas, hasta que obtenga una forma como la de la imagen n. ° 4. Finalmente nombre esta forma "Section7".


Paso 9

Ahora deberías tener 7 formas en tu paleta Capas.


Paso 10

Crea una nueva capa y nómbrala "SECTION1". Mueva la forma "Section1" dentro de esta capa y luego llénela con R = 40 G = 40 B = 40. Ahora necesita agregar el degradado que se muestra en la imagen # 2. Puede ir a la paleta Apariencia. y desde el menú desplegable, seleccione la opción Agregar nuevo relleno. Esto agregará un nuevo relleno para tu forma. Yo no solía hacerlo de esa manera. Cuando quiera agregar múltiples rellenos a una forma que utilizo para hacer tantas copias como necesite. Puedes intentarlo de ambas formas y decidir cuál es el mejor para ti.


Paso 11

Cree una nueva capa y asígnele el nombre "SECTION2". Mueva la forma de "Section2" dentro de esta capa y luego llénela con el color y los degradados que se muestran en la imagen a continuación.


Paso 12

Crea una nueva capa y nómbrala "SECTION3". Mueva la forma de "Section3" dentro de esta capa y luego llénela con el color y el degradado que se muestran en la imagen a continuación.


Paso 13

Duplique "Section3" y nombre esta nueva forma "Section3.RedStroke". Llénelo con ninguno y luego agregue un trazo de 1 pt (Alinear trazo al centro), color R = 236 G = 28 B = 36. Desactive la visibilidad de todas las otras formas que quedan en la capa "SECTION3". Duplique "Section3.RedStroke" y por el momento apague la visibilidad de este duplicado. Seleccione la herramienta Selección directa (A) y haga clic en la línea superior de "Sección3. Trazo rojo" y luego presione la tecla Eliminar desde su teclado. Repita este paso solo esta vez, haga clic en la línea inferior. Ahora debería tener solo dos líneas, una a la izquierda y la otra a la derecha. Selecciónelos y vaya a Objeto > Fusion > Hacer. Vaya a Objeto> Fusion > Opciones de mezcla (o haga doble clic en la herramienta Fusion) y establezca los pasos de fusión en 70. Seleccione esta Mezcla y luego vaya a Objeto> Expandir. A continuación, active la visibilidad de la duplicación de "Sección3.RedStroke" y elimine las líneas izquierda y derecha. Aumenta la longitud de las líneas restantes, luego selecciónalas y ve a Objecto > Fusion > Hacer. Vaya a Objeto > Fusion > Opciones de fusión (o haga doble clic en la herramienta Fusion) y establezca los pasos de fusión en 50. Seleccione esta Mezcla y luego vaya a Objeto> Expandir.

Ahora deberías tener dos grupos de golpes. Un grupo de trazos verticales y otro de trazos horizontales. Seleccione ambos grupos y luego vaya a Objeto> Expandir. Seleccione las formas resultantes y haga clic en el botón Unir de la paleta Pathfinder. Nuevamente, seleccione la forma resultante, agregue un efecto discreto de Esquinas redondeadas de 0,3 píxeles (Efecto > Estilizar > Esquinas redondeadas) y, una vez más, vaya a Objeto > Expandir. Active la visibilidad de "Section3" y luego duplíquela. Seleccione esta duplicación junto con la forma que acaba de crear y haga clic en el botón Intersecar de la paleta Pathfinder. Nombra la cuadrícula de la forma resultante, llénalo con R = 26 G = 26 B = 26 y con los gradientes que se muestran en las imágenes a continuación.


Paso 14

Crea una nueva capa y nómbrala "SECTION4". Mueva la forma "Section4" dentro de esta capa y luego llénela con el color y el degradado que se muestran en la imagen a continuación.


Paso 15

Crea una nueva capa y nómbrala "SECTION5". Mueva la forma de "Section5" dentro de esta capa y luego llénela con el color y el degradado que se muestran en la imagen a continuación. Seleccione la herramienta Pluma (P) y cree una forma como la que se muestra en la imagen n. ° 4. Llénelo con R = 32 G = 32 B = 32 agregue un desenfoque Gaussain de 35px menor su opacidad al 30% y cambie el modo de fusión a Multiplicar. También con la herramienta Pluma (P) cree una forma como la que se muestra en la imagen n. ° 5, llénela con R = 6 G = 4 B = 2 agregue un Blur Gaussain de 35px menor su opacidad al 80% y cambie el modo de fusión a Multiplicar. Seleccione estas dos formas y vaya a Objeto > Fusion > Crear. Vaya a Objeto > Fusion > Opciones de fusión (o haga doble clic en la herramienta Fusion) y establezca los pasos de fusión en 2. Finalmente duplique "Section5", mueva esta nueva forma en la parte superior de la capa y llénela con el degradado que se muestra en la imagen # 7.


Paso 16

Seleccione la herramienta Pluma (P) y cree una ruta como la que se muestra en la imagen n. ° 1. Llénalo con ninguno, pero agrega un trazo de 2 pt, color R = 0 G = 0 B = 0. Seleccione esta ruta y luego vaya a Objeto> Expandir. Haga una copia de "Sección 5", selecciónela junto con el trazo expandido y luego haga clic en el botón Intersectar de la paleta Pathfinder. Aprieta un poco la forma como se muestra en las imágenes ampliadas a continuación. Agregue los degradados que se muestran en las últimas imágenes. Cree una línea fina como la que se muestra en la última imagen y llénela con R = 148 G = 146 B = 151.


Paso 17

Duplicar "Section7". Seleccione esta duplicación junto con "Sección 6" y luego haga clic en el botón "Menos frente" de la paleta Pathfinder. Cree una nueva capa, asígnele el nombre "SECTION6" y mueva la forma resultante dentro de esta capa y luego llénela con el color y los degradados que se muestran en las imágenes a continuación.


Paso 18

Dentro de la capa "SECTION6", crea dos formas delgadas como las que se muestran en las imágenes a continuación. Sigue los colores y los efectos que se muestran a continuación.


Paso 19

Crea una nueva capa y nómbrala "SECTION7". Mueva la forma "Section7" dentro de esta capa y luego llénela con el color y el degradado que se muestra en las imágenes a continuación. Preste atención a los gradientes de las imágenes n. ° 2 y n. ° 5, deberá reducir la opacidad.


Paso 20

Seleccione la herramienta Rectángulo redondeado y cree un círculo exprimido como el que se muestra en la imagen n. ° 1. Gírelo y colóquelo como se muestra en la imagen n. ° 2. Duplique la "Section7", selecciónela junto con el círculo y luego haga clic en el botón Intersecar de la paleta Pathfinder. Complete la forma resultante con R = 166 G = 168 B = 171. Crea un círculo más pequeño y luego repite los pasos anteriores. Duplicar el círculo más grande, necesitarás este duplicado más tarde. Ahora, seleccione el gran círculo original y el pequeño y haga clic en Objeto > Fusion > Crear. Vaya a Objeto > Fusion > Opciones de fusión (o haga doble clic en la Herramienta Fusion) y establezca los pasos de fusión en 90. Finalmente, mueva la duplicación del círculo más grande sobre la mezcla y llénela con los degradados siguientes.


Paso 21

Duplicar "Section7". Seleccione la herramienta Pluma (P) y cree una forma como la que se muestra en la imagen n. ° 1. Selecciónelo junto con la duplicación de "Section7" y luego haga clic en el botón Intersecar de la paleta Pathfinder. Rellene la forma resultante con R = 35 G = 31 B = 32. Crea alguna otra forma y llénalos con los colores que se muestran en la imagen a continuación.


Paso 22

Duplicar "Section7". Asegúrate de que esta nueva forma esté ubicada en la parte superior de la capa "SECTION7", luego de llenarla con los degradados que se muestran en las imágenes a continuación. No olvide bajar la opacidad de estos rellenos como lo muestran las imágenes.


Paso 23

Regrese a la capa "SECTION4". Dentro de esta capa, con la herramienta Pluma (P), cree una nueva forma como la que se muestra en la imagen n. ° 1. Duplicar "Section4". Seleccione esta duplicación junto con la forma recién creada y luego haga clic en el botón Intersecar de la paleta Pathfinder. Nombra la forma resultante "Bar" y llénala con el color y los degradados que se muestran en las imágenes a continuación.


Paso 24

Duplicar "Bar". Seleccione la herramienta Pluma (P) y cree una nueva forma como la que se muestra en la imagen n. ° 1 (esta forma debe tener un área delgada donde se cruza con "Bar"). Seleccione esta nueva forma junto con la duplicación de "Bar" y luego haga clic en el botón Intersectar de la paleta Pathfinder. Complete la forma resultante con R = 40 G = 40 B = 40 y con los gradientes que se muestran en la imagen a continuación.


Paso 25

Use la misma técnica para crear una línea fina derecha y una línea media. Llénelos con los colores y los degradados que se muestran en las imágenes a continuación. Además, con la herramienta Pluma, cree dos líneas delgadas como las que se muestran en la última imagen y llénelas con R = 227 G = 229 B = 223.


Paso 26

Seleccione la capa "SECTION4" y haga clic en el botón Crear nueva subcapa desde la paleta Capas. Denomine a esta nueva capa "BUTTON". Seleccione la herramienta Pluma (P) y dentro de esta capa cree dos formas como las que se muestran en la imagen n. ° 1 y n. ° 2. Nombre la forma de la imagen n. ° 2 "Botón" y duplíquela. Seleccione esta duplicación colóquela encima de la forma creada en la imagen n. ° 1, luego seleccione ambas formas y haga clic en el botón Menos Frente de la paleta del Buscatrazos. Complete la forma resultante con R = 88 G = 89 B = 91 y agregue el resplandor interno que se muestra en la imagen n. ° 1. A continuación, llénelo con los degradados que se muestran en la imagen a continuación.


Paso 27

Crea dos copias de la forma "Botón". Mueva la segunda copia algunos píxeles hacia abajo como se muestra en la imagen # 2. Seleccione estas dos formas y haga clic en el botón Menos Frente en la paleta de Pathfinder. Rellene la forma resultante con el color y los degradados que se muestran en la imagen a continuación.


Paso 28

Llene la forma original de "Botón" con el color y el degradado que se muestra en la imagen a continuación. Asegúrese de que esta forma esté en la parte inferior de la capa "BUTTON".


Paso 29

Cree una nueva capa, asígnele el nombre "FLASHLIGHT" y mueva todas las capas excepto la capa "IMAGE" dentro de esta capa. Ahora, la linterna está hecha. Puedes continuar con las sombras y el fondo.


Paso 30

Seleccione la herramienta Pluma (P) y cree una forma como la de la imagen n. ° 1 llénela con R = 187 G = 189 B = 191 aplique un desenfoque gaussiano de 55px y disminuya la opacidad al 45%. También con la herramienta Pluma (P) cree una nueva forma como la de la imagen n. ° 2 llénela con R = 109 G = 1110 B = 112 aplique un desenfoque gaussiano de 45px y baje la opacidad al 60%. Cree una nueva forma como la de la imagen n. ° 3, llénela con el degradado aplique un desenfoque gaussiano de 15 píxeles y reduzca la opacidad al 80%. Cree una última forma como la que se muestra en la imagen n. ° 4, llénela con el degradado y luego aplique un desenfoque gaussiano de 30 píxeles. Cree una nueva capa y asígnele el nombre "SHADOWS" y muévase debajo de la capa "FLASHLIGHT". Finalmente mueva todas las formas de sombra dentro de esta capa.


Paso 31

Seleccione la herramienta Rectángulo (M), cree un rectángulo como el que se muestra en la imagen n. ° 1 y llénelo con R = 208 G = 210 B = 211. Haga una copia de esta forma y, por el momento, apague su visibilidad. De nuevo, con la herramienta Rectángulo (M) crea una forma de capa tal como se muestra en la imagen n. ° 2. Llénalo con R = 241 G = 241 B = 242. Seleccione este pequeño rectángulo y el rectángulo grande y vaya a Objeto > Fusion > Hacer . Establezca los pasos de esta mezcla en 33. Active la visibilidad de la copia del rectángulo grande, muévala por encima de la mezcla, llénela con el degradado que se muestra en la imagen n. ° 4 y no olvide bajar su opacidad al 50%. Vuelva a seleccionar la herramienta Rectángulo (M) y cree un nuevo rectángulo en el área superior de su mesa de trabajo (imagen n. ° 5). Complete esta forma con R = 208 G = 210 B = 211 y con los gradientes mostrados en las imágenes # 6 y # 7.


Conclusión

Para llevar su ilustración aún más lejos, puede intentar cambiar el color de fondo y modificar los reflejos y la luminosidad para que coincida. Ahora tu ilustración está hecha.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.