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

Cómo crear un icono de gorra militar

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Icon Design.
How to Turn Glasses into a Great Geek Icon
How to Create an Hourglass Icon in About an Hour

Spanish (Español) translation by Iván Gómez (you can also view the original English article)

Este tutorial para usuarios intermedios y avanzados de Adobe Illustrator, muestra cómo crear un icono realista de una gorra militar utilizando básicamente degradados, mezclas y la herramienta Malla de degradado. Vamos a usar una referencia fotográfica para crear esta ilustración, aunque también recurriremos a nuestro criterio creativo durante todo el proceso.

Vista previa de la imagen final

Este es el resultado final de nuestro proyecto

Paso 1

Comience con una fotografía de una gorra que tenga un buen ángulo. Por lo general, el resultado es mucho más interesante que foto original. Tenga muy en cuenta la iluminación de la foto. Una foto bien iluminada facilitará la aplicación de luces y sombras en la ilustración.

De esta manera podrá enfocarse en el proceso en lugar de tratar de visualizar dónde aplicar luces y sombras. Aunque puede compensar la mala iluminación si las condiciones de la foto no lo permiten. Esta foto no es la mejor, pero voy a improvisar y exagerar las luces y las sombras visibles.

Paso 2

Ubique la foto de la gorra en su propia capa y bloquee esta capa. A lo largo de este tutorial, voy a utilizar varias capas para que resulte fácil bloquear elementos que no se están editando. No voy indicar cuando utilice una nueva capa.

Utilice la Herramienta Pluma (P) para redibujar cada parte de la gorra. No dibuje todo el contorno del sombrero de una vez. Dibujar por partes le dará más control y precisión sobre la malla de degradado de cada área. Utilice un color brillante y deje el grosor de los trazos en aproximadamente .5 para visualizar más fácilmente lo que está dibujando.

Paso 3

Observe cómo cada pieza de la gorra tiene su propia forma. Tampoco se preocupe por trazar todos y cada uno de los detalles de la foto. Recurra a su criterio creativo para determinar los elementos a incluir y los elementos a ignorar. Detalles como el escudo en la parte delantera de la gorra, no quedarán bien finalmente, debido a que tiene demasiado detalle.

Paso 4

Rellene las partes de la gorra con un color base. La parte superior utilice un verde medio. Ya que voy a añadir sombras e iluminaciones, escojo por adelantado un color no muy oscuro que no compita con las sombras que añadiré más adelante. Explico; si usara un color verde más oscuro, las sombras no añadirían mucha más profundidad. Así que, antes de empezar, decida el aspecto que desea para la pieza final.

Paso 5

Dado que la gorra se divide en varias partes, pude determinar fácilmente y con mayor precisión cómo se colocarían los puntos de malla. Al momento de crear la malla, me aseguré de colocar el menor número posible de puntos de malla. Los dejé no demasiado cerca unos del otros, excepto cerca del borde inferior del borde, como se resalta a continuación. En este caso, puse dos puntos de malla muy cerca porque quiero un cambio bien definido a un color más claro.

Al colocar puntos de malla, normalmente es más fácil colocar el primer punto de malla cerca del centro del objeto. Sólo debe colocar unos cinco o seis puntos para lograr el aspecto a continuación. Active la herramienta Malla presionando la tecla (U).

Paso 6

La forma más efectiva para definir los colores para luces y sombras es agregarlos primero al panel de Muestras. Esto también asegurará que los colores sean consistentes. Por ejemplo, si está utilizando un color verde claro en el borde izquierdo del sombrero, probablemente querrá el mismo color en el borde derecho. Es mejor tener muestras definidas, que tratar de adivinar qué color usar, o ajustar arbitrariamente los deslizadores de color.

Paso 7

Usando la Herramienta Selección Directa (A) seleccione los puntos a los que desea añadir sombras. Seleccione varios puntos arrastrando sobre los puntos o haciendo clic en cada punto (uno a la vez), mientras mantiene pulsada la tecla Mayús. Una vez que haya seleccionado los puntos, simplemente haga clic en el color más oscuro en el panel de Muestras para aplicarlo.

Paso 8

Aunque ya tiene muestras predefinidas en el panel de muestras, es probable que en algún momento necesite crear un color especial. Usando la Herramienta Selección Directa, seleccione el punto al que desea cambiar el color, luego vaya al panel Color, haga clic en el menú del panel en la esquina superior derecha, y seleccione HSB. El modo de color HSB permite seleccionar tonos claros y oscuros del color seleccionado. Si simplemente desea que el color sea más claro o más oscuro, arrastre el deslizador de brillo (B), como se muestra a continuación.

Paso 9

Agregue algunos puntos de malla en la parte inferior del gorro y ajuste igualmente su color. Puede mover puntos de malla individuales si no está satisfecho con su posición original. Para mover los puntos de malla selecciónelos usando la Herramienta Selección Directa y muévalos a otra posición.

Paso 10

La parte inferior del gorro queda debajo de la sombra de la parte superior. Si necesita cambiar drásticamente la oscuridad de cualquier parte de la gorra, puede seleccionar puntos individuales o todo el objeto y cambiar su color general. Para cambiar el color de varios puntos de malla a la vez, vaya a Edición > Editar colores > Ajustar equilibro de colores. Deje todos los campos con el mismo valor.

Paso 11

Observe cómo las sombras son mucho más fuertes que las sombras de la fotografía original. Como mencioné anteriormente, si la foto no está correctamente iluminada, tendrá que identificar el lugar donde deben ir las sombras a medida que va trabajando.

Paso 12

Daremos al borde de la gorra un pequeño brillo dibujando primero una forma que sigue la curva de la gorra. Difumine la forma desde Efecto > Desenfocar > Desenfoque gaussiano...

Paso 13

En lugar de agregar cada detalle usando la malla de degradado, puede añadir más sombras usando el mismo procedimiento del paso anterior.

Paso 14

Cuando se aplica color negro, se debe utilizar un negro enriquecido en vez de un negro en escala de grises. El negro enriquecido crea un color negro más oscuro y usa rojo, verde y azul al 0%. No está mal utilizar el negro en escala de grises, simplemente este color no es completamente negro. Las muestras que Illustrator añade automáticamente al documento son negro en escala de grises, excepto la muestra indicada. Por ejemplo, si hicieramos un degradado utilizando las muestras de negro en escala de grises, la gradación no se vería bien.

Paso 15

Observe que la visera de la gorra tiene un color negro en escala de grises en este punto. Cree entonces un negro enriquecido y aplique a los diferentes elementos de la visera degradados sutiles.

Paso 16

Puede dar a cada uno de los elementos más profundidad creando brillos interiores. Para aplicar un resplandor interior vaya a Efecto > Estilizar > Resplandor interior... Seleccione un color oscuro y deje el Modo de fusión en Multiplicar.

Paso 17

Dibuje una forma sobre la zona del reflejo.

Paso 18

Aplique un degradado a cada sección de la visera. Experimente con degradados radiales y lineales, aplicándolos en diferentes zonas para determinar donde se ven mejor.

Paso 19

Cree más profundidad dibujando una forma negra que siga la curva de la visera por encima del brillo; desenfóquela y difuminela en Efecto > Desenfocar > Desenfoque gaussiano.

Paso 20

Dibuje brillos usando la Herramienta Pluma en áreas estratégicas de la gorra. No es necesario resaltar todas las áreas. Los otros brillos quedan implícitos. Los brillos implícitos dan más interés a la ilustración.

Paso 21

Agregue brillos en otras áreas igualmente.

Paso 22

Aplique un resplandor interior a la visera (que actuará como sombra de la visera) yendo a Efecto > Estilizar > Resplandor Interior... de la misma manera que lo hicimos en el Paso 16.

Paso 23

Vamos a utilizar dos sombras diferentes para completar la ilustración. La primera sombra se utiliza en las formas que se dibujan con la Herramienta Lápiz (N.) Para propósitos de la explicación, he desactivado las capas de la gorra. Resulta más fácil dibujar formas creando la sombra en una capa aparte, dejando activa la visibilidad de las otras capas.

Dibuje una forma y aplíquel un relleno oscuro usando negro enriquecido. Dibuje una segunda forma más grande y aplique un relleno completamente blanco. Tenga en cuenta que mi forma más grande tiene un color gris claro. De esta manera podrá ver la forma dibujada.

Paso 24

Seleccione ambas formas y vaya a Objeto > Fusión > Crear. Illustrator aplicará los últimos ajustes utilizados. Si desea cambiar el número de pasos de la fusión, vaya a Objeto > Fusión > Opciones de fusión.

Paso 25

La segunda sombra debe quedar debajo de la visera de la gorra. Cree esta sombra dibujando un medio círculo. Desenfoque la sombra desde Efecto > Desenfocar > Desenfoque gaussiano.

Paso 26

Deje la Transparencia de ambas sombras en Multiplicar, para que se fusionen perfectamente cuando se superpongan. También puede ajustar la opacidad si es necesario.

Imagen final

Este es el resultado de la gorra militar terminada.

Advertisement
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.