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

Cómo diseñar una figura heráldica clásica

by
Read Time:6 minsLanguages:

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

Desde que tenía unos diez años me fascinaban las figuras heráldicas. Este tutorial trata sobre la creación de figuras heráldicas. No se trata de "trucos", sino más bien de "inspiración creativa" y de cómo conseguir buenos resultados con cierta "rapidez". Veamos cómo hacer escudos, elementos de diseño heráldico y efectos de texto sencillos para crear un diseño de marca clásico. ¡Diviértete!

Vista previa de la imagen final

A continuación se muestran las imágenes finales con las que trabajaremos. ¿Quieres acceder a los archivos fuente vectoriales completos y a copias descargables de cada tutorial, incluido éste? Únete a Vector Plus por sólo 9$ al mes.

finalfinalfinal

Paso 1 – Recolección

Busca en tu mercadillo local, en el sótano de tu abuela o en tu biblioteca local algunos buenos libros sobre figuras heráldicas. Cómpralos y luego busca objetos bonitos que te gusten en esos libros. Por supuesto, puedes buscar en internet, pero no olvides que internet a veces está un poco sobrevalorado. Los verdaderos tesoros se encuentran en las calles, más que en Internet. Una vez que hayas reunido un par de figuras que te gusten, intenta dibujarlas tú mismo y, como siempre, la práctica hace al maestro. Cuando estés satisfecho con tu dibujo, escanéalo y guárdalo en tu disco duro.

Paso 2 – Limpieza

Este es un paso que muchos subestiman. Para obtener un buen resultado, es fundamental un buen trabajo de trazado. Primero recorté y limpié la imagen en Photoshop y, con un borrador de bordes definidos, eliminé todos los objetos que no necesitaba. Una vez hecho esto, ve a Imagen > Umbral, deja todo como está. A continuación, simplemente haz clic en el botón OK. Ahora recorta la imagen de nuevo y guárdala en tu disco duro.

Paso 3 – Rastreo

Ahora comienza la búsqueda. Abre la imagen en Illustrator. Seleccionaré la imagen (que ahora está todavía en píxeles) e iré a Objetos > Trazado en vivo > Opciones de trazado. Juega con el Umbral hasta que la imagen tenga el aspecto que te gusta. Utilizamos la opción Live Trace porque da a la imagen un aspecto auténtico. Se puede, por supuesto, trazar a mano, pero creo que eso suele parecer generado por ordenador.

Una vez hecho esto, no olvides hacer clic en el botón Live Trace para trazar tu imagen. Ahora elige la herramienta Selección Directa y haz clic en el espacio blanco alrededor de la imagen. Una vez seleccionado, elimínalo. Por supuesto, también puede hacer clic en el botón Ignorar blanco del menú Trazado en vivo, pero entonces también perderá los rellenos blancos dentro de la imagen. Repite estos tres primeros pasos para todos los objetos que quieras en tu composición. Lo hice con este remolino, una cinta y una corona.

Paso 4 - Construir un escudo

Ahora vamos a hacer nuestra pieza central; un bonito escudo. En primer lugar, abre un nuevo documento en Illustrator. Ajusta tus reglas (Comando + R) y establece un punto medio. A continuación, dibuja la forma de medio escudo, utilizando la herramienta Pluma.

Duplica la forma y dale la vuelta en vertical. A continuación, coloca la forma volteada a la izquierda de la forma original, de modo que tanto la izquierda como la derecha sean idénticas. A continuación, únelos para que tu escudo tenga el aspecto de la siguiente imagen.

Rellena el escudo con blanco y dale un trazo (he utilizado un Peso de 9 puntos). Con tu escudo aún seleccionado ve a Objeto > Expandir y haz clic en Aceptar. Ahora desagrupa el escudo. El trazo y la parte inferior deben ser dos objetos separados. Selecciona la parte interior y determina el punto medio horizontal y vertical mediante guías. Arrastra una línea sobre el punto medio horizontal. Selecciona esta línea y la parte interior de tu escudo y luego divídelas. Haz lo mismo con el punto medio vertical.

Ahora deberías tener cuatro partes interiores de tu escudo y una parte exterior (lo que solía ser el trazo). Lleva la parte exterior al frente (Shift+ Comando + Tecla corchete derecho) y dale a la parte superior derecha e inferior izquierda del objeto interior con un color de relleno negro. Entonces su escudo debería ser como la imagen de abajo. Agrupa todos los objetos y guarda tu escudo.

Paso 5 – Texto

Aquí es donde ocurre la magia. Vamos a hacer un efecto de texto muy simple. En primer lugar, abre un nuevo documento en Illustrator y escribe tu texto. A continuación, selecciona un tipo de letra bonito (yo he utilizado la encantadora Buffet Script). Copia el texto (Comando + C) y pégalo delante (Comando + F).

Ahora hay dos objetos de texto uno encima del otro. Primero selecciona la parte superior y haz que el color de relleno sea blanco. A continuación, selecciona los dos (Comando + A) y quita la selección del que está arriba haciendo clic en la parte superior con la tecla Mayúscula. Si todo está bien, sólo se selecciona el de atrás. Asegúrate de que éste no tenga color de relleno y un trazo negro. Además, asegúrate de que el trazo sea redondeado.

Aumenta el peso del trazo hasta que se rellene el texto.

Selecciona de nuevo el objeto de texto frontal y utiliza las teclas de dirección para moverlo hacia arriba y hacia la izquierda. Asegúrate de hacer esto de forma proporcional. Así que lo moví cuatro veces hacia arriba y cuatro veces hacia la izquierda. Ahora debería verse como la imagen de abajo. Limpia tu imagen perfilando tus objetos de texto (Comando + Mayúsculas + O).

Paso 6: Combinar los objetos

Ahora que tienes todos tus objetos, llévalos todos a un documento. Usé el escudo como el centro. La corona viene en la parte superior y los remolinos se copian, se escalan, se giran y se colocan proporcionalmente alrededor del escudo. Mi texto va encima del escudo y el lazo justo debajo.

finalfinalfinal

Conclusión 

Por último, hay que unificar el diseño desde el punto de vista estético. Actualmente, tenemos algunos elementos dibujados a mano (remolino, cinta y una corona) y algunos elementos vectoriales limpios (el escudo y el texto). Podríamos haber dedicado tiempo a dibujar el escudo y el texto a mano y luego hacer un seguimiento en vivo, o crear el remolino, la cinta y la corona con la herramienta Pluma para que todos los elementos tengan un aspecto vectorial limpio generado por ordenador.

En este caso, vamos a utilizar una alternativa rápida para unificar este diseño. Vamos a añadir algo de textura, lo que da a este diseño un aspecto de acuarela. Por supuesto, también puedes experimentar con colores, motivos y degradados. También puedes experimentar con diferentes objetos.

Ten en cuenta que el uso de la textura es útil si tu resultado final es una ilustración o un diseño. Sin embargo, si estás creando un logotipo, entonces querrás unificar el diseño final desde el punto de vista estético en el vector, como se ha comentado anteriormente. Diviértete y sal a buscar imágenes heráldicas.

Suscríbete al canal RSS de Vectortuts+ para estar al día de los últimos tutoriales y artículos sobre vectores.

One subscription.
Unlimited Downloads.
Get unlimited downloads