Ir al contenido
Español Galón
USD Galón
Bolsa

MI PROCESO PARA EL DISEÑO DE UN LOGOTIPO CON LETRAS A MANO

MI PROCESO PASO A PASO PARA CREAR UN DISEÑO DE LOGOTIPO CON LETTERING A MANO QUE CUENTA UNA HISTORIA DE MARCA VIVIDA.

Un logotipo es la parte más importante de la imagen de una marca. Este único activo es el único responsable de mostrar los valores, la personalidad y los estándares de calidad de una empresa. Entonces, ¿por qué tantos diseñadores y agencias dependen únicamente de tipos de letra para representar el tono de toda una compañía?

En mi opinión, el lettering a mano es la técnica definitiva para crear diseños de logotipos originales y atractivos. En lugar de seleccionar entre un surtido de fuentes preexistentes que probablemente hagan que su logotipo parezca ordinario, el lettering a mano está hecho a medida para representar el valor de un negocio.

"Las fuentes no funcionan como logotipos porque estás forzándolas a ser algo para lo que no fueron diseñadas originalmente." http://t.co/V27dCmizuy

— Dina Rodriguez (@lettershoppe) 5 de mayo de 2015

Las fuentes están hechas para ser versátiles y creadas para ser compradas y utilizadas por varias personas por diversas razones. Esa fuente no fue diseñada para ser un logotipo; fue diseñada para apoyar el tono general de una marca como tipografía de apoyo. Así que, si desea producir la mejor marca posible para sus clientes y para usted mismo, el lettering a mano es la mejor opción si quiere que su branding destaque.

Este artículo servirá como base sobre cómo crear un diseño de logotipo con lettering a mano que sea más significativo y tenga más personalidad de lo que una fuente podría tener jamás. Usando mi propio proceso para crear el logotipo de Letter Shoppe, le guiaré a través de los pasos para crear una identidad de negocio utilizando lettering a mano. Esto incluirá todo, desde comprender la psicología de la tipografía hasta cómo digitalizar su trabajo artístico.

PASO 1: DESCUBRA EL SIGNIFICADO DE LA MARCA

Antes de comenzar a esbozar conceptos, debe revelar el propósito detrás de lo que está creando. Debe entender qué significa la tipografía y cómo usarla para evocar una reacción emocional en su audiencia.

La herramienta más poderosa que tiene un diseñador gráfico en la creación de un diseño de logotipo es la tipografía. El estilo tipográfico que elija puede tener un fuerte efecto en cómo se percibe su logotipo. Primero debe entender el significado de ciertos tipos de letras y cómo pueden representar de forma única a su empresa. Esto le ayudará a decidir qué tipografía es la más adecuada para el diseño de su logotipo.

Entender los sentimientos detrás de la tipografía

Serifa

Una serifa es una pequeña línea, adorno o embellecimiento que sale del trazo principal de una letra. Aparte del elemento decorativo, las serifas fueron creadas para aumentar la legibilidad de las letras.

Psicología de fuente: Tradicional, profesional, elegante, fuerte y universal

 Sans Serif

Las fuentes sans serif no tienen los pequeños rasgos proyectados llamados “serifas” al final de los trazos. El término proviene de la palabra francesa sans (sin).

Psicología de fuente: Equilibrada, moderna, limpia, simple y corporativa

Slab Serif

Las fuentes Slab Serif o egipcias se asemejan a las sans serifs en su simplicidad pero incluyen serifas cuadradas al final de cada letra.

Psicología de fuente: Autoridad, pesada, antigüedad, amigable y estadounidense

Script (Cursiva)

El lettering script, que es similar a la cursiva o caligrafía, a menudo se crea con trazos fluidos usando un pincel o plumilla.

Psicología de fuente: Clásica, romántica, acogedora, cálida y suave

Blackletter

El script blackletter presenta trazos elaborados de grueso a fino y serifas, y se ve con largos remolinos que ascienden desde las serifas diagonales.

Psicología de fuente: Masculina, dura, histórica, dramática y fría

Rotulista (Sign Painter)

El estilo rotulista es similar al Script, pero el aspecto debe parecer como si estuviera hecho con un pincel o un rotulador de pincel para lograr el efecto pintado a mano deseado.

Psicología de fuente: Vintage, artesanía, artístico, divertido y asequible

Revele el simbolismo detrás de la empresa

Su logotipo es una representación visual de todo lo que su empresa defiende. Mucho más allá de una imagen simple y bonita, un logotipo fuerte está lleno de simbolismo, tanto obvio como oculto. Para ayudar a descubrir el simbolismo detrás de la marca, concéntrese en su mensaje escribiendo diez palabras que ilustren los beneficios clave del negocio. Estas palabras pueden ser sentimientos, adjetivos, objetos o períodos de tiempo.

Aquí están mis diez palabras: 1. Artística 2. Valiosa 3. Audaz 4. Natural 5. Cálida 6. Clásica 7. Simple 8. Confiada 9. Hecha a mano 10. Acogedora

Luego, como un ejercicio divertido, quiero que dibuje su palabra favorita e ilustre su significado a través de la tipografía, decoraciones e ilustraciones.

Por ejemplo, dibujé “audaz” en una fuente serif alta con un resplandor solar de trazos viniendo hacia ti. En mi mente, esto es lo que visualizo cuando pienso en la palabra “audaz” en lo que respecta a mi marca. Gracias a este ejercicio, ahora sé que este estilo serif vintage será perfecto para el texto de apoyo en mi diseño de logotipo.

Inspiración e investigación visual

En este punto de mi proceso, me gusta crear un tablero de inspiración (mood board) para poder visualizar el estilo que tengo en mi cabeza. Al crear mi tablero de Pinterest para Letter Shoppe, puede notar que me inclino hacia un estilo script vintage. Le animo a desarrollar su propio mood board que consista en al menos 20 imágenes para ayudar a moldear su estilo para la marca.

Consejo: Tenga cuidado al seguir tendencias populares porque, por lo general, ese diseño puede volverse obsoleto muy rápidamente una vez que esa tendencia pierde popularidad. Así que no importa qué estilo esté considerando, asegúrese de que sea atemporal y único.

¡Tiempo de descanso!

Ahora es momento de tomarse un respiro de un día para que sus ideas realmente decanten. Los descansos permiten que su cerebro recopile información externa para que pueda construir un conjunto mayor de referencias que estarán a su disposición mental cuando comience el proceso de bocetado.

PASO 2: EXPERIMENTAR A TRAVÉS DEL BOCETADO

Ya sea que sea un letrista experimentado o un diseñador gráfico que normalmente se limita a un lienzo digital, le animo a comenzar a esbozar sus conceptos de logotipo con un lápiz y papel a la antigua usanza. Sin mirar NINGUNA de sus referencias, comience a desarrollar varias miniaturas para explorar algunas ideas.

Esta es su oportunidad para experimentar y volverse loco con tantos conceptos como pueda imaginar. Por lo general, hago de 10 a 20 bocetos rápidos para tener una visión completa de todas las posibles soluciones de diseño.

Consejo: Una buena manera de comenzar es construir primero el esqueleto de sus letras simplemente escribiendo las palabras. Luego, a medida que continúa experimentando, haga que sus dibujos sean cada vez más refinados añadiendo grosor y decoraciones.

A medida que se sienta más cómodo dibujando, permítase romper las reglas y alejarse de las formas más rígidas de la tipografía. Mezcle letras mayúsculas y minúsculas, conecte sus trazos, juegue con diferentes tamaños y, lo más importante, ¡DIVIÉRTASE!

¡Tiempo de descanso!

Bien, es hora de otro descanso. Tómese desde 1 hora hasta 1 día para volver a sus bocetos con ojos frescos.

Revise sus miniaturas y elija algunas de sus favoritas para seguir experimentando. Amplíe cada uno de sus dibujos llenando una hoja de papel de 8.5 x 11, para que tenga espacio para jugar. Recuerde comenzar usando un lápiz claro. Puede ir oscureciendo a medida que desarrolla los detalles.

En este punto no tenga miedo de redibujar su logotipo varias veces. Incluso los artistas de lettering más talentosos no lo logran al primer intento. Dedique tiempo a calcar sus letras y jugar con el espaciado, perfeccionar su equilibrio o probar varios estilos y detalles.

Una vez que el contorno esté completo, puede entintar su pieza usando marcadores sharpie finos y gruesos o bolígrafos micron. Esto le ayudará a ver el peso de sus letras para que pueda asegurarse de que cada una de ellas sea consistente.

Consejo: Use un marcador fino para el contorno de su dibujo primero, y luego coloréelo con un marcador más grueso para rellenar. Si se siente más cómodo pasando a la computadora en este punto o perfeccionando su solución de lettering a mano, depende de usted. Tenga en cuenta que cuando construye un logotipo desde cero, cuanto más trabajo haga en el proceso de dibujo, menos esfuerzo tomará digitalizar su trabajo.

PASO 3: DIGITALICE SU CONCEPTO FINAL

Dependiendo de si desea un aspecto tosco o limpio para su logotipo, esto determinará su proceso digital. Esta siguiente parte repasará algunas técnicas de diseño para digitalizar su logotipo y requiere un conocimiento intermedio de Photoshop e Illustrator.

Limpieza en Photoshop

1. Escanee su imagen a 600 DPI y, por favor, no use solo su iPhone.

2. Abra su imagen escaneada del boceto en Photoshop.

3. Vaya a Imagen > Ajustes > Niveles y ajuste los blancos y negros, para que realmente pueda ver su lettering.

4. Presione Comando-R para mostrar sus reglas. Baje algunas guías para su boceto para asegurarse de que todas sus letras descansen en el mismo eje. Querrá colocar sus guías en la base, descendente, cuerpo, ascendente y la línea de la t.

Consejo: Letras como C, S, O, Q mayúscula y G descansan ligeramente por encima y por debajo de sus guías. Esto permite que sus letras parezcan estar descansando en el mismo plano.

5. Siéntase libre de usar su Herramienta Lazo para Seleccionar > Clic derecho > Cortar sus letras para corregir cualquier problema de alineación.

6. Ahora es el momento de una limpieza seria. Acerque la vista para agregar o eliminar cualquier otra cosa que pueda ayudar a perfeccionar su dibujo.

¡Tiempo de descanso!

Presione Guardar. Ahora, aléjese de su dibujo para tomar un descanso. Intente no pasar de una pantalla a otra para que pueda darle a sus ojos un descanso adecuado.

7. Después de aproximadamente una hora, vuelva a Photoshop y ponga su dibujo al revés. ¿Ve más imperfecciones? Tal vez solo algunas de sus letras están rectas mientras que otras están inclinadas, o sus S y O parecen más oblongas que redondas. Mirar su trabajo desde esta perspectiva realmente ayuda a finalizar los detalles.

8. Gire su mesa de trabajo hacia arriba, presione Guardar ¡y está listo para vectorizar!

Usar Calco Interactivo para vectorizar su trabajo

Si desea un aspecto más natural para su lettering, le recomiendo usar Calco Interactivo (Live Trace) para vectorizar su trabajo. Esto le dará a su obra de arte un toque orgánico más tosco que parece más dibujado a mano con pequeñas imperfecciones.

1. Abra Illustrator y coloque su PSD en su mesa de trabajo.

2. Seleccione su pieza y vaya a Objeto > Calco de imagen (Live Trace) > Opciones de calco. Una vez que aparezca su cuadro de diálogo, presione Previsualizar y juegue con sus configuraciones hasta obtener el resultado deseado. Por lo general, comienzo con el ajuste preestablecido de Logotipo en blanco y negro y sigo desde allí.

Aquí hay un vistazo a mi configuración para mi logotipo de Letter Shoppe. La razón por la que colocamos un archivo .psd en lugar de un JPG estático es que ahora puede revisar su logotipo trazado y aún así hacer cambios. Tal vez se dé cuenta de que sus líneas no se están conectando, o tiene marcas de desgaste adicionales que necesitan ser editadas. Simplemente vaya a su archivo .psd, realice los cambios y presione Guardar. Sus cambios se actualizarán automáticamente en su arte trazado en vivo.

3. Si todo se ve bien, vaya a Objeto > Expandir para aplanar su imagen.

4. Siéntase libre de editar sus puntos de anclaje en consecuencia hasta que su logotipo sea exactamente como lo desea. Por lo general, uso la herramienta Suavizar bajo la Paleta de Lápiz para suavizar cualquier borde áspero. Eche un vistazo al increíble antes y después a continuación.

Creando un logotipo vectorial perfecto

Gracias a un artículo increíble de AGCS, tengo un enfoque completamente nuevo para vectores limpios utilizando manejadores bezier de 0 y 90 grados. Usaré mi letra S como ejemplo usando este nuevo método.

1. Abra Illustrator y Coloque un PSD de su boceto en Illustrator.

2. Seleccione su imagen y baje la opacidad de su boceto. Presione Comando-2 para bloquear su capa.

3. Cree una nueva capa Comando-L y coloque sus nodos estratégicamente a lo largo de las curvas del punto más exterior de su letra. Eche un vistazo a mi diagrama a continuación que ilustra dónde se encuentra cada uno de mis puntos de anclaje.

4. Recuerde mantener presionada la tecla Shift al arrastrar sus manejadores para ajustarlos horizontal y verticalmente.

Esto sin duda tomará algo de práctica para perfeccionarlo, pero mantener sus manejadores bezier rectos le permitirá usar menos nodos y tener un resultado más limpio en general. Sí, habrá momentos en que los manejadores perfectos no funcionarán, y eso está bien. Es más importante que sus vectores se vean bien por encima de todo lo demás. Ahora, echemos un vistazo a esa S sexy.

Añadiendo texturas a su lettering

Para una mayor aspereza, puede agregar líneas dentadas sutiles en el exterior de sus letras, para que parezca más trabajado a mano. Cuanto más sutiles sean las líneas, más tendrá que escalar su obra de arte antes de agregar el efecto. Vaya a Efectos > Distorsionar y transformar > Torneado (Roughen).

Siéntase libre de jugar con la configuración para obtener el resultado deseado y asegúrese de marcar Absoluto.

Una vez completado, vaya a Objeto > Expandir apariencia para fijar la imagen.

Ahora, la guinda del pastel: ¡textura! Me gusta usar este paquete de texturas vectoriales de Seanwes, pero siéntase libre de crear sus propias texturas. A algunas personas les gusta aplicar sus texturas directamente en Photoshop y luego hacer el calco interactivo, pero le dejaré elegir su preferencia.

Añadiendo el color justo

Siempre guardo el color para el final, pero suelo tener una paleta de colores general en mente mientras hago lluvia de ideas y bocetos.

“¡El color no puede salvar un diseño, solo puede mejorarlo!” - http://t.co/1edMSp7f97 vía @lettershoppe #logodesign

— Dina Rodriguez (@lettershoppe) 5 de mayo de 2015

Una buena forma de elegir una paleta de colores es basar tu selección en las palabras que definimos al principio. Por ejemplo, algunas de mis palabras principales son "artístico" y "hecho a mano", así que mi plan siempre fue mantener el diseño de mi logotipo en un solo color, ya sea blanco o negro. También he elegido mis colores complementarios colocando mis letras sobre tonos negro mate natural, blanco perla, marrón madera y crema papel para ayudar a darle un aspecto artesanal y limpio a mi portafolio de rotulación a mano.

Consejo: ¡No superes los tres colores a menos que sea absolutamente necesario! Un logotipo de cinco colores puede ser precioso, pero a la hora de producirlo, los costes de impresión pueden volverse bastante elevados.

Comprueba la legibilidad

Un gran logotipo se ve bien sin importar su tamaño. Debe tener un gancho visual interesante, acompañado de una tipografía bien ajustada. Asegúrate de que tu logotipo se lea en segundos y sea memorable. Normalmente pruebo mi logotipo en un tamaño de tarjeta de presentación (3.5 x 2) para asegurar su legibilidad.

Obtén comentarios externos

Especialmente cuando empiezas a crear tu diseño de logotipo a mano, es importante obtener comentarios de colegas y otros diseñadores. Aquí es donde lugares como Instagram y Dribbble resultan útiles, por no mencionar el simple hecho de mostrárselo a un amigo que no sea diseñador.

Es importante obtener la perspectiva de otras personas porque pueden ver un defecto o una mejora que tú no puedes. A veces puede ser difícil reconocer mejoras o errores en un diseño cuando te has estado centrando en él durante demasiado tiempo.

Lo sé, a nadie le gusta que critiquen su trabajo, pero es un mal necesario en nuestra industria. Recibir críticas constructivas te permitirá mejorar tu trabajo. Intenta mantener la mente abierta y experimenta con los cambios que otros sugieran. Puede dar como resultado un logotipo aún mejor, porque incluso un pequeño cambio puede marcar la diferencia.

Espero que esta mirada interna a mi proceso te haya inspirado a crear tu propio logotipo con letras a mano para que puedas aportar más significado a tus proyectos de marca.

¿DISFRUTASTE ESTE ARTÍCULO?

Aporta más valor a tu bandeja de entrada suscribiéndote a mi boletín para amantes de la tipografía y entusiastas del lettering. Cada mes recibirás ideas positivas para ayudarte a convertirte en una estrella del lettering.