1. Design & Illustration
  2. Drawing/Illustration
  3. Illustration

Cómo crear una lata con un código de barras en Adobe Illustrator

Scroll to top

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

En este tutorial aprenderemos a crear una lata metálica con su propio código de barras. Crearemos una base geométrica y aplicaremos degradados para crear un efecto 3D, además de utilizar algunos pinceles personalizados para ayudar a añadir textura y luz.


Paso 1

Para empezar, tendrás que crear el boceto geométrico principal de la lata que se muestra en el diagrama de abajo. Este boceto es plano porque no tiene distribución de luz, pero debes crearlo para poder planificar la imagen final. Si sabes cómo obtener los contornos principales del objeto y sus elementos, pasa al Paso 6. Si no es así, lee atentamente los siguientes pasos.

Usando la herramienta Elipse (L), cambia el color de Trazo a Ninguno y el color de relleno a verde.

Copia esta elipse y pégala delante (Comando + C y luego Comando + F). Mueve la copia hacia abajo para conseguir el siguiente resultado.


Paso 2

Toma la herramienta Lazo (Q), y selecciona los dos puntos de anclaje interiores de las dos elipses.

A continuación, pulsa el botón Borrar de tu teclado.

Ve a Objeto > Trazado > Unir (Comando + J) dos veces.


Paso 3

Copia este trazado y pégalo delante (Comando + C y luego Comando + F) dos veces para que tengas tres formas en total. Selecciona la segunda copia del trazado verde (que se encuentra en la parte superior del panel Capas), muévela ligeramente hacia arriba.

Luego selecciona ambas copias del trazado verde, ve al panel Buscatrazos y luego pulsa Menos frente. O utiliza la herramienta Constructor de formas (Mayúsculas + M) para esta operación.

Deberías obtener una forma delgada para el fondo de la lata.


Paso 4

Ahora crea la forma carmesí alrededor de la parte superior de la lata.

De forma similar a como creaste la forma verde de la lata, crea una forma más delgada para la parte superior carmesí de la lata.

Luego con la herramienta Elipse (L) dibuja una forma sobre la parte superior de la lata, en el centro.

Selecciona ambos trazados...

...y ve a Objeto > Trazado compuesto > Crear (Comando + 8).


Paso 5

Con la herramienta Elipse (L), dibuja un trazado que representará la superficie superior de la lata.

Y dibuja la superficie lateral de la parte superior de la lata utilizando la herramienta Pluma (P) como se muestra a continuación. Tu forma geométrica principal está lista.


Paso 6

Rellena el trazado verde con un degradado lineal.

Rellena el trazado azul con otro degradado lineal.

Todos los demás trazados deben rellenarse también con degradados lineales. Fíjate en los diagramas que aparecen a continuación.


Paso 7

Con la herramienta Pluma (P), dibuja el siguiente trazado a partir del cual se creará el abrelatas.

Utiliza la herramienta Rectángulo redondeado y dibuja dos trazados sobre el abrelatas. Después de eso, utiliza la herramienta Selección directa (A), y convierte los trazados en las formas que se muestran en la imagen de abajo.

Selecciona todos los trazados y haz un Trazado compuesto a partir de ellos yendo a Objeto > Trazado compuesto > Crear (Comando + 8).


Paso 8

Ve a Efecto > 3D > Extrusión y biselado, y establece los valores en el cuadro de diálogo abierto, para crear el abrelatas. Presta atención a las opciones indicadas para que la luz se distribuya en la superficie del abrelatas. Además, siempre que el abrelatas sea metálico, la intensidad de la luz (indicada con flechas a continuación) debe ser máxima.

La parte interior del abrelatas se hace de la misma manera. Mira la imagen de abajo.

Coloca el abrelatas en la parte superior de la lata.


Paso 9

Copia la parte principal del abrelatas, y pégala detrás (Comando + C y luego Comando + B).

Luego ve a Objeto > Expandir apariencia.

Rellena de negro el grupo creado y cambia la Opacidad del mismo a un 10% aproximadamente. Muévelo ligeramente para crear una sombra suave en la lata.


Paso 10

Ahora vamos a crear una fusión negra. Los siguientes pasos te mostrarán cómo crearla, si no lo sabes.

Usando la herramienta Elipse (L) dibuja una elipse alargada rellena de negro.

Ve a Objeto > Transformar > Escalar, reduce la elipse al 50% y haz clic en el botón Copiar del cuadro de diálogo.

Cambia la Opacidad de la elipse más grande a 0%.

Ve a Objeto > Fusión > Opciones de fusión, y establece el Espaciado en Pasos especificados, y el número de pasos en 75.

A continuación, ve a Objeto > Fusión > Crear (Comando + Alt + B).


Paso 11

Arrastra y suelta esta fusión en el panel Pincel y elige la opción Pincel de arte en el cuadro de diálogo abierto.

Nombra este pincel "Pincel negro" y selecciona el Método de colorización Alteración del tono para tener la posibilidad de manejar el color del pincel.


Paso 12

Con la herramienta Segmento de línea (\), dibuja una línea angular cuya longitud sea de unos 50px.

Arrastra y suelta este segmento en el panel Pincel, pero esta vez elige la opción Pincel de dispersión en el cuadro de diálogo. Nombra este pincel como "Pincel de dispersión 1". Las otras opciones del pincel deben ser configuradas como se muestra en la siguiente imagen.


Paso 13

Usando la herramienta Segmento de línea (\), dibuja una línea vertical de unos 150px.

A continuación, utilízala para crear otro pincel de dispersión con la configuración que se muestra abajo.


Paso 14

Vamos a crear sombras y luces utilizando nuestro pincel basado en una fusión. Utilizando la herramienta Pluma (P) dibuja alrededor del borde de la lata y aplica el pincel de fusión.

Selecciona el borde de la lata...

...y luego cópialo y pégalo delante (Comando + C y luego Comando + F). Abre el panel Capas, arrastra y suelta la copia en la parte superior del mismo, selecciona ambos: esta copia, y el trazado donde está aplicado el "Pincel negro", y ve a Objeto > Máscara de recorte > Crear (Comando + 7).


Paso 15

Selecciona el trazado donde está aplicado el "Pincel negro".

Cambia el Color del trazo, el Grosor del trazo y la Opacidad del trazado con la siguiente configuración.


Paso 16

Repite el proceso para añadir reflejos al borde de la lata de la misma manera.


Paso 17

Ahora vamos a crear el borde de la tapa en la parte superior de la lata. Esto se logra aplicando el "Pincel negro" a un trazado. Además, consta de otros dos trazados. Uno de ellos tiene el Color de trazo blanco. El otro tiene el Color de trazo negro.


Paso 18

Ahora vamos a añadir más luces y sombras a la superficie superior de la lata.

Añade una sombra debajo de la tapa utilizando el pincel de fusión.

Y recórtala con una Máscara de Recorte (Comando + 7).


Paso 19

Con la herramienta Pincel (B) aplica el "Pincel de dispersión 1" sobre la parte superior de la lata. Cambia el Grosor del trazo y la Opacidad del trazado. Esto creará un efecto de metal cepillado.

Crea una fusión a partir de dos segmentos verticales de líneas blancas semitransparentes en la superficie lateral de la lata, como se ve en la figura de abajo. Una vez creada, añade la fusión a una Máscara de recorte (Comando + 7).

Aplica el "Pincel de dispersión 2" a ambos trazados de la fusión para crear el efecto de metal cepillado.


Paso 20

Dibuja una etiqueta en la lata utilizando la herramienta Pluma (P), y rellénala con un degradado lineal angular.

Como la etiqueta tiene un pequeño grosor, vamos a añadirle una sutil profundidad. Para ello, copiamos la etiqueta y la pegamos detrás (Comando + C y luego Comando + B). Muévela ligeramente y rellénala de gris.


Paso 21

Vamos a crear un código de barras sobre la etiqueta. Para hacerlo de forma interesante, toma la herramienta Gráfica de columnas (J), y crea un gráfico similar al mostrado.

Elige solo 2 o 3 valores para las columnas. Además deben estar cerca entre sí. Yo uso 0,88, 0,95 y 1,00 en mi ilustración. Ve a Objeto > Desagrupar, y haz clic en el botón "Sí" del cuadro de diálogo.

Después borra los ejes y la leyenda del gráfico.

Ve a Objeto > Transformar > Reflejar, ya que un código de barras tiene orientación hacia abajo.


Paso 22

Cambia el color de Trazo a Ninguno y el Relleno a negro. Selecciona cualquier rectángulo y hazlo más ancho yendo a Objeto > Transformar > Escalar. Repite estas acciones con los rectángulos elegidos al azar. Observa la imagen de abajo.

Coloca el gráfico en la etiqueta. Ve a Objeto > Distorsión de envolvente > Crear con deformación (Comando + Alt + Mayúsculas + W), y aplica los valores adecuados de distorsión.

Y ve a Efecto > Distorsionar y transformar > Distorsión libre.

Conclusión

La imagen final es la siguiente. Utiliza las técnicas que has aprendido aquí en tus propios trabajos artísticos. Espero que hayas disfrutado de este tutorial.