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

Crea un escudo vectorial personalizable de aluminio y vidrio

by
Read Time:8 minsLanguages:

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

Siempre que surge la necesidad de crear efectos o texturas realistas para un diseño, Photoshop es el programa al que la mayoría de la gente recurre inmediatamente. Sin embargo, desde sus comienzos, Adobe ha recorrido un largo camino con Illustrator, y con cada nueva versión, sus caracteristicas simulan (y de alguna manera superan) a su primo basado en raster.

En este tutorial, crearemos un escudo de aluminio y vidrio que se puede personalizar con cualquier logotipo o forma. Y como todos los efectos se realizarán completamente en Illustrator, toda la ilustración será totalmente escalable. Así que, ¡empecemos!

Vista previa de la imagen final

A continuación se muestra la pieza final que trabajaremos.

Nota: En este tutorial utilizamos Adobe Illustrator CS4 recientemente lanzado y, por lo tanto, algunas de las nuevas características y herramientas aparecen como accesos directos. Sin embargo, todas las técnicas y efectos utilizados se pueden lograr también en CS3 (o versiones anteriores), igualmente se explicará cómo hacerlo.

Paso 1

Lo primero que hay que hacer es crear un nuevo documento del tamaño que desees. Una vez lo tengas listo, dibuja un rectángulo del mismo tamaño del documento y rellénalo con un degradado radial de gris claro a gris oscuro. A continuación, bloquea el rectángulo (Cmd/Ctrl+ 2).

Paso 2

Dibuja un círculo blanco de 276px y céntralo en la página, y luego muévelo unos cuantos pixeles verticalmente.

Copia y pega el círculo blanco delante, y céntralo vertical y horizontalmente. Luego, llénalo con un gris oscuro.

A continuación, copia nuevamente el círculo blanco y pégalo delante (Comando + F). A continuación, céntralo en el documento y empújalo unos cuantos pixeles. Finalmente, llénalo de negro. Cuando hayas terminado, debes tener tres círculos desplazados verticalmente entre sí ligeramente .

Paso 3

Ahora, dibuja otro círculo de 234px de ancho y alto. Si estás trabajando con CS4, simplemente rellénalo con un degradado completamente transparente en el centro, hasta negro sólido. Si estás trabajando con CS3 o una versión anterior, entonces puedes lograr lo mismo con una máscara de opacidad. Si no estás familiarizado con las máscaras de opacidad, echa un vistazo a este tutorial donde se hace un uso intensivo de ellos.

Paso 4

Ahora crearemos una especie de patrón de malla para lo que será el área de vidrio interior. Comienza usando la herramienta Polígono (ubicada debajo de la herramienta Rectángulo) para dibujar un hexágono de 13px de ancho por 11px de alto. A continuación, selecciona el hexágono y ve a Objeto > Transformar > Mover... y establece una distancia horizontal de 17px y una distancia vertical de 0px. A continuación, haz clic en Copiar para crear una copia del hexágono a la derecha.

Una vez hayas copiado el hexágono, simplemente selecciona Objeto > Transformar de nuevo (Comando + D) para repetir la transformación del movimiento con la copia. Haz esto 13 veces más para que tengas una fila horizontal de 15 hexágonos. A continuación, seleccióna todos los hexágonos y agrúpalos.

Selecciona el grupo y ve nuevamente a Objeto > Transformar > Mover... Esta vez, sin embargo, vamos a mover la fila hacia abajo 17px, así que establece la distancia horizontal en 0px y la distancia vertical a -17px. Luego, haz clic en Copiar.

Finalmente, repite la transformación 13 veces más. Cuando hayas terminado, debes tener una cuadrícula de hexágonos, de 15 de ancho por 15 de alto. Agrupa todas las filas.

Lo último que hay que hacer es enmascarar la cuadrícula para que quede dentro de la forma circular de nuestro emblema. Para lograrlo, dibuja un círculo de 228px y céntralo con la cuadrícula. Luego, con el círculo arriba de la cuadrícula, selecciona ambos objetos y ve a Objeto > Máscara de Recorte > Crear para enmascarar la cuadrícula con el círculo.

Paso 5

Hasta ahora, hemos creado la cuadrícula usando hexágonos negros para verlos más fácilmente en la mesa de trabajo. Sin embargo, queremos que nuestra malla final sea blanca, así que suelta la máscara de recorte temporalmente, cambia el relleno de los hexágonos a blanco y vuelve a aplicar la máscara. A continuación, selecciona la malla y céntrala con el documento.

Y finalmente, establece el modo de fusión en Superponer y la Transparencia en 50%.

Paso 6

Ahora crearemos el efecto de aluminio para las partes metálicas del emblema. Comienza dibujando varios triángulos irregulares que coincidan en un mismo centro. No deben ser simétricos entre sí. Dibuja un pequeño círculo que cubra el punto donde los triángulos se encuentran, y haz que algunos de los triángulos (y el círculo) sean de color gris oscuro y el resto blanco. A continuación, agrupa todas las formas.

Enseguida, añade un Desenfoque radial (Efecto > Desenfocar > Desenfoque radial...), Cantidad 60 y Método Giro. La calidad puede ser por ahora Buena o incluso Borrador, de esta manera se verá más rápido la representación del efecto en pantalla; luego se puede cambiar a Óptima más adelante, antes de exportar el diseño como imagen ráster.

Una vez que hayas desenfocado el grupo, añade un filtro Película granulada. Utiliza valores de 10, 0 y 10 para Granulado, Área resaltada e Intensidad, respectivamente.

El último paso en la creación del efecto de aluminio es enmascararlo con un círculo, como hicimos anteriormente con el patrón de malla. Dibuja un círculo de 276px, ubícalo arriba del objeto de textura, selecciona ambos objetos y crea una máscara de recorte.

Ya que usaremos esta textura varias veces en nuestro diseño, haz una copia de ella y muévela a un lado de tu mesa de trabajo.

Paso 7

Comenzaremos a poner nuestra nueva textura brillante para usar de inmediato. Haz una copia de ella y céntrala con el documento. Luego, envíala hacia atrás, y luego tráela hacia adelante seis veces. Si lo hiciste correctamente debe verse como la imagen de abajo.

Aunque la textura se ve bien, vamos a atenuar un poco el centro brillante para que deje ver nuestro logotipo más adelante. Para hacerlo, dibuja un círculo de 134px, llénalo de negro y aplica un desvanecimiento de 65px. A continuación, céntralo en el documento.

Paso 8

Ahora vamos a añadir un poco de profundidad al marco de aluminio alrededor del vidrio. Dibuja un círculo de 276px y otro círculo de 234px, y céntralos uno con otro. A continuación, selecciónalos y presiona en el panel Buscatrazos el botón Menos frente. Deberías tener una forma de anillo.

Elimina el trazo y rellena la forma con un degradado de transparente a un 50% de opacidad de negro, con un ángulo de 135 grados. Una vez más, si no se utilizas CS4, esto también se puede lograr con una máscara de opacidad.

Centra la forma en el documento y, a continuación, cópiala y pégala delante de sí misma. A continuación, cambia el valor de degradado de 50% blanco a transparente.

Cuando termines de crear estas dos formas, la imagen debería parecerse a la siguiente.

Paso 9

Para darle un aspecto de vidrio a la parte central del escudo, le añadiremos un reflejo. Para hacerlo, crea una forma de media luna y rellénala con un degradado de blanco a transparente, y luego reduce la opacidad de toda la forma. Si es necesario, usa una máscara de opacidad.

Paso 10

Es hora de añadir nuestro logotipo. Acabo de dibujar un logotipo de VT simple y estilizado para VECTORTUTS, pero puedes usar cualquier otra forma o logotipo. Una vez hayas dibujado tu logotipo, llénalo con un gris claro.

Haz una copia de la textura metálica que creamos anteriormente, y otra copia de tu logotipo. Luego, crea una máscara de recorte con la textura y la copia del logotipo.

Por último, para añadir un efecto de bisel o repujado, copia la forma gris claro en la parte inferior y pégala atrás dos veces. Empuja hacia arriba una de las copias unos cuantos píxeles y rellénala de negro, empuja la otra copia hacia abajo unos cuantos píxeles y rellénala con blanco.

Así es como debería verse ahora tu logotipo.

Paso 11

Agrupa todas las formas del logotipo y céntralas con el documento y el escudo. Asegúrate de que el logotipo esté arriba de todo, excepto por el reflejo de la media luna.

Paso 12

Ahora vamos a crear los pequeños pernos de cromo sobre el marco de aluminio. Dibuja un círculo de 12px y rellénalo con un degradado de gris claro a blanco y a negro, y transiciones nítidas de blanco a negro.

Añadiremos el mismo efecto de grabado que aplicamos anteriormente a los pernos. Copia el círculo y pégalo atrás dos veces, empujando una copia hacia arriba y otra hacia abajo. Aplica a la copia superior un gris oscuro y la copia inferior con blanco.

Agrupa todos los círculos del perno y crea cinco copias más de ellos. A continuación, distribuyelos uniformemente alrededor de la estructura metálica.

Conclusión

¡Eso es todo! El toque final es añadir un destello a la estructura metálica. Simplemente dibuja un pequeño círculo blanco, distorsiónal verticalmente, gíralo y desvanece. A continuación, colócalo sobre los bordes superior izquierdo e inferior derecho del marco. He añadido igualmente, una sombra paralela al círculo blanco base para darle un poco más de profundidad.

Aunque es muy potente, Photoshop no es la única alternativa para crear gráficos realistas y elegantes para diseños, ya que Illustrator puede ser igual de poderoso.

One subscription.
Unlimited Downloads.
Get unlimited downloads