Advertisement
  1. Design & Illustration
  2. Effects

Crea un icono de bolsillo de jean con Adobe Illustrator

Scroll to top
Read Time: 8 min

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

En este tutorial, trabajaremos con elementos básicos para crear una serie de iconos. En este sencillo tutorial, aprenderás muchas técnicas útiles y necesarias, como la creación de texturas vectoriales, el trabajo con el pincel de dispersión, el uso del panel Estilos gráficos, la creación de rasgaduras y pliegues en la tela utilizando la malla de degradado, y mucho más. Créeme, valdrá la pena tu tiempo.


Paso 1

Comienza creando la forma de un bolsillo trasero de jean. Con la Herramienta Pluma (P) dibuja dos líneas rectas horizontales a cierta distancia entre ellas. La línea inferior debe quedar ligeramente más corta que la superior. Selecciona ambas líneas y alinéalas con la vertical, utilizando el panel Alinear.


Paso 2

Manteniendo las líneas seleccionadas, une sus puntos con la Herramienta Pluma (P).

Con la misma herramienta, crea un nuevo punto de anclaje en el centro del bolsillo inferior. Para encontrar rápidamente el centro del segmento inferior, activa las Guías inteligentes (Comando + U). Mueve este punto hacia abajo usando la Herramienta Selección Directa (A), manteniendo presionada la tecla Mayúsculas.


Paso 3

Ahora ve a Efecto > Estilizar > Redondear vértices... y establece el radio de esquina en el cuadro de diálogo.


Paso 4

Ahora vamos a crear la textura Denim. Activa la Herramienta Rectángulo (M) y dibuja un rectángulo relleno de azul.

Mantén el rectángulo seleccionado, ve a Efecto > Textura > Texturizar y establece los valores indicados en la siguiente imagen.


Paso 5

Hemos aplicado un efecto ráster al rectángulo. Ahora convertiremos nuestra textura en vector. Selecciona el rectángulo y ve a Objeto > Expandir apariencia, enseguida da clic en el botón Calco de imagen y establece los valores de calco y haz clic en el botón Calcar del cuadro de diálogo.

Ve a Objeto > Expandir, para tener nuestra textura Denim.


Paso 6

Rota la textura 45 grados: selecciona la textura y ve a Objeto > Transformar > Rotar... y digita el ángulo de rotación en el cuadro de diálogo.

Activa la Herramienta Rectángulo (M) y dibuja un cuadrado sobre la textura para ocultar los bordes de la textura. Deja este cuadrado sin color de relleno y sin ningún trazo.

Mueve el cuadrado debajo de la textura, puedes hacer esto moviendo la capa inferior en el panel Capas o desde el menú Objeto > Organizar > Enviar detrás (Comando + [). Selecciona la textura y el cuadrado, ve a Objeto > Motivo > Crear..., dale un nombre al patrón y haz clic en Hecho del cuadro de diálogo.

Ahora selecciona la forma del bolsillo y haz clic en el patrón en el panel Muestras.


Paso 7

Copia y pega la forma del bolsillo delante (Comando + C, Comando + F). Rellena el bolsillo con un degradado radial de azul a negro.

Ahora, en panel Transparencia establece el modo de fusión de este objeto a Trama.


Paso 8

Selecciona el bolsillo y activa Objeto > Trazado > Desplazamiento y digita-10px en el cuadro de diálogo.

Desactiva el relleno y aplica un trazo de cualquier color, de modo que el nuevo objeto quede visible en el fondo del bolsillo.

El nuevo objeto será la base para la costura en el borde del bolsillo. Este objeto tiene mismo modo de fusión que la forma con el relleno de degradado, así que cambia este ajuste a Normal en el panel Transparencia.


Paso 9

Dibuja la forma de la segunda costura Objeto > Trazado > Desplazamiento y digita -10px en el cuadro de diálogo.

Activa la Herramienta Tijeras (C) y corta esta forma en los puntos A y B.

Ahora borra la parte superior de la costura.

Con la Herramienta Selección Directa (A) modifica la forma de la costura interior como se muestra en la figura siguiente.

Toma la Herramienta Pluma (P) y dibuja otra costura interior en la parte de arriba del bolsillo.


Paso 10

Activa la Herramienta Elipse (L) y dibuja dos círculos, como se muestra en la figura de abajo.

Ahora toma la Herramienta Tijeras (C) y corta el círculo en los puntos A, B, C y D.

Borra los segmentos de círculo que quedan por fuera del bolsillo.


Paso 11

Continúa trabajando con las costuras de bolsillo. Selecciona dos puntadas con esquinas redondeadas y ve a Objeto > Expandir apariencia.

Selecciona la costura exterior y cambia el color del trazo a azul oscuro de 10 pt de ancho. Abre el panel Apariencia, los siguientes pasos se harán con ella...


Paso 12

Selecciona el trazo en el panel Apariencia, duplica las costuras y cambia el color del trazo a un color azul más oscuro y deja el ancho del trazo a 6pt.

Usando la misma técnica, dibuja otro trazo, esta vez en color negro y 4pt de ancho.


Paso 13

Ahora necesitamos crear hilos para la costura. El pincel de dispersión funcionará bien para este paso. Ahora creeremos un pincel. Activa la Herramienta Pluma (P) y dibuja un arco con un trazo de color marrón claro y 12pt de grosor. Activa Remate redondeado en el panel Trazo.

Dibuja otro arco con un trazo de 8 pt de grosor, y de un tono más claro de marrón, como se muestra en la figura de abajo.

Y finalmente, dibuja otro pequeño arco de 6pt y un tono más claro de marrón.

Todos los objetos crean un efecto de luz en el hilo de costura. Selecciona y agrupa todos los elementos (Comando + G)


Paso 14

Selecciona el hilo de puntada y ve a Objeto > Expandir.

Reduce la puntada para que se vea proporcional con los elementos de la costura.

Ahora arrastra la puntada al panel Pinceles.

Y guarda el nuevo pincel como pincel de dispersión.


Paso 15

Selecciona la costura de bolsillo exterior, creando un nuevo trazo en el panel Apariencia y aplica el pincel creado a este trazo. 

Bueno, no logramos lo que queríamos, por lo que necesitamos editar los ajustes del pincel. Haz doble clic en el icono del pincel en la panel Pinceles para abrir el cuadro de diálogo de ajustes del pincel. Aplica los ajustes que se muestran en la siguiente imagen.


Paso 16

Para facilitar el trabajo con las demás costuras de bolsillo, crea un nuevo Estilo gráfico. Selecciona la costura exterior del bolsillo, abre el panel Estilo gráfico y guarda el nuevo estilo.

Ahora selecciona los otros puntos del bolsillo y aplícales el estilo creado.


Paso 17

En las intersecciones de las costuras, tenemos una superposición incorrecta de los elementos.

Vamos a arreglarlo. Selecciona la costura y ve a Objeto > Expandir apariencia. Tenemos ahora un grupo con diferentes elementos que se pueden manipular. Desagrupa las costuras (Comando + Mayús + G).

Ahora agrupa los elementos de abajo de las costuras que representan arcos negros y azules de diferentes anchos.

Desde el panel Capas mueve este grupo para que quede debajo de los elementos de costura que se cruzan.

Esta técnica se puede aplicar en todos los puntos de intersección de líneas.


Paso 18

Crea una etiqueta en el bolsillo. Activa la Herramienta Pluma (P) y dibuja la forma que se muestra en la figura de abajo. Rellena la forma con un degradado lineal de tonos de rojo.

Con la misma herramienta, dibuja la parte posterior de la etiqueta, el degradado de esta forma debe reproducir la sombra en la superficie interior de la tela.


Paso 19

Ahora crea algunos rasguños entre las costuras del bolsillo. Activa la Herramienta Rectángulo (M) y dibuja un rectángulo negro. El rectángulo debe colocarse debajo de la costura del bolsillo en la panel Capas.

Mantén el rectángulo seleccionado, ve a Objeto > Crear malla de degradado... y establece el número de filas y columnas en el cuadro de diálogo.

Puedes doblar ligeramente la línea central de la malla de degradado, utilizando la Herramienta Selección Directa (A), para crear las manchas del razgado. Selecciona todos los demás nodos de la línea central de la malla y cambia su color a azul oscuro.

Selecciona toda la malla y aplícale el Modo de fusión Trama en la panel Transparencia.


Paso 20

Con esta técnica, cree rasgaduras entre las puntadas verticales del bolsillo.

También es conveniente utilizar esta técnica para crear pliegues en la tela.


Paso 21

Ahora procede con los remaches. Activa la Herramienta Elipse (L) y dibuja un círculo. Aplícale un degradado radial de amarillo claro a marrón.

Dibuja otro círculo relleno con un amarillo sólido.

Y finalmente, dibuja otro círculo y rellénalo con un degradado radial, similar al círculo inferior.

Agrupa todos los elementos de remaches, duplícalos y arrástralos a la esquina derecha del bolsillo.


Paso 22

Crea el fleco en los bordes del bolsillo. Copia la forma del bolsillo y pégala detrás (Comando + C, Comando + B). Desactiva el relleno de este objeto y establece el trazo azul con 2pt de ancho. Mantén el objeto seleccionado, ve a Efecto > Estilizar > Garabatear... y establece los parámetros indicados en la figura siguiente.


Paso 23

Antes de crear la sombra del bolsillo crea un fondo. Activa la Herramienta Rectángulo (M) y dibuja un rectángulo con un degradado lineal vertical, luego rellénalo de azul a azul claro.


Paso 24

Ahora crea una sombra para el bolsillo. Copia la forma del bolsillo y pégala de detrás (Comando + C, Comando + B). Rellénala con un degradado lineal vertical de negro a azul (para una mejor visibilidad en la figura de abajo, yo deshabilité la visibilidad de todos los elementos del bolsillo, excepto el fleco).

Copia la forma creada y pégala detrás. Aumenta sus tamaños usando la Herramienta Selección (V), mantiendo presionada la tecla Mayús + Alt. Rellena esta forma con un color azul sólido y reduce la opacidad a 0% en el panel Transparencia.


Paso 25

Selecciona ambas formas y ve a > Fusión > Crear. ¡El bolsillo está listo!


Conclusión

Hemos creado el elemento básico para crear una serie de iconos. Ahora puedes poner diferentes objetos en el bolsillo para cada elemento de la serie. Yo puse algunos billetes.

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.