Diseño de logotipos con cuadrículas: un estilo atemporal de formas simples

1. Introducción: Hola chicos. Mi nombre es George Bokhua. Soy diseñadora gráfica de Country of Georgia, con 10 años más de experiencia en diseño de logotipos. Desde mi último curso de Skillshare, tengo muchas solicitudes sobre cómo hacer cuadrícula correctamente. Entonces, decidí pasar por la oficina de Skillshare aquí en Nueva York y hacer otra clase para ustedes. En la clase de hoy, vamos a aprender sobre los fundamentos de la cuadrícula en diseño de logotipos para luego caminar por hacer un logotipo real con el fin de lograr ese look de perfección geométrica. Específicamente, recorreremos una simple marca en forma de letra, escogemos cualquier letra que quieras, y te mostraré cómo hacer cuadrícula esa marca en papel, luego limpiarla en Illustrator. Para el final de esta clase, deberías tener una marca propia que esté cuadrada a la perfección. Algo que mi experiencia me ha enseñado es que las formas geométricas como círculo, espiral, triángulo, etcétera, tienen esta sensación innata de perfección. Cuando tu marca consiste en esas formas, cuando lo haces bien y correctamente, sí consigues la sensación de esa perfección porque los componentes de la misma son perfectos. Una vez que te vuelves fluido en la cuadrícula, simplemente comienzas a notar rejillas por todas partes, y eso podría ser una maldición o podría ser una bendición. Depende de ti cómo lo vas a usar. Gridding es una buena herramienta para ordenar tu diseño, así como tu vida. 2. ¿Por qué las cuadrículas?: Entonces, lo que hace la cuadrícula, básicamente te permite organizar la información de manera más estructurada. Las rejillas de diseño suelen consistir en líneas verticales y horizontales, ocasionalmente líneas diagonales, líneas anguladas también, pero sobre todo son líneas horizontales o verticales. Generalmente, se necesitan rejillas para obtener cierto tipo de consistencia en disposición de diversos elementos gráficos. En el diseño de logotipos, también organizas los elementos gráficos, pero no son tan diversos como en las rejillas de diseño. Por ejemplo, en cuadrículas de diseño tienes texto, tienes logotipos, tienes ilustración, fotografía. En Diseño de logotipos, solo tienes diferentes formas, tienes líneas, tienes círculos, elipses. Entonces, la cuadrícula en logotipos son un poco más diferentes y un poco más complicada dependiendo de la complejidad de la marca misma. Existen varios tipos de rejillas. El más popular es una cuadrícula de puntos que suele ser, hay huecos de cinco milímetros entre los puntos. Ya que hay puntos mientras haces tus bocetos, la imagen de fondo no se interpone en tu camino y no te distrae. El segundo cuadrícula más popular son las cuadrículas cuadradas. Se puede trabajar con líneas anguladas de 45 grados así como líneas anguladas de 90 grados. Mi artista favorito, Frank Stella, utiliza ampliamente esta cuadrícula con el fin de crear sus obras. Por ejemplo, aquí está usando líneas diagonales así como líneas rectas con el fin de crear algunos de sus diseños. También, se puede ver aquí donde también hizo una especie de ilusión tridimensional en la composición de su vuelo. Además de la cuadrícula cuadrada, también hay una cuadrícula cuadrada que involucra líneas diagonales, por ejemplo, en esta obra OtlAicher de Olimpiadas del 72, se pueden ver plazas así como líneas diagonales y él juega este juego dentro de este campo y se pueden obtener resultados muy consistentes. Como puedes notar, todas las líneas son ya sea de 45 grados o 90 grados o cero grados. Esto muestra cuán flexible se puede utilizar la rejilla, así como se puede simplificar cualquier geometría compleja, cuatro en ángulos de 45 grados o 90 grados o cero grados y se puede obtener prácticamente cualquier imagen. Esto demuestra que solo puedes obtener imágenes tan complejas como, por ejemplo, un jugador de hockey o un jugador de baloncesto saltando, puedes conseguir cuando juegas dentro de las rejillas. Entonces, algunas personas piensan que la grilla es restrictiva y no es necesaria, pero en realidad si quieres consistencia, definitivamente la cuadrícula es una de las formas más fáciles y mejores para crear un lenguaje unificador de la comunicación. El cuadrícula menos común son las rejillas angulares de 30 grados las cuales se juegan una especie de forma hexagonal. Frank Stella también fue muy bueno en esto. Aquí, obtienes este tipo de sensación tridimensional y puedes jugar tus marcas si quieres conseguir unas tres dimensionalidad a tus marcas. Esta es una buena rejilla para practicar tus diseños. Por ejemplo, aquí se obtiene este avión único, luego se obtiene este tipo diferente de un plano tridimensional aquí que entra en profundidades y luego sube, por lo que muestra más fluidez, menos rígidas, formas más lúdicas. 3. Ejemplos de cuadrículas de mi trabajo: Entonces, cuando hacemos un diseño global por lo general, los casos no son tan simples como lo es en el diseño de maquetación. Como dije antes, tenemos formas más complejas como círculos, espirales, líneas desengrasadas, etcétera. Entonces, las rejillas aquí son un poco más complicadas. En este diseño no sólo están tratando de incorporar una línea horizontal, diagonal, y vertical, sino que también, traté de poner alguna sección dorada en ella. Cierto tipo de animales o aves como cisne presentan muy buena oportunidad para la espiral dorada. Por ejemplo, en la siguiente sección, se puede ver que es solo una oportunidad perfecta para usar una espiral dorada. Al resultar también, la relación de sección dorada aquí está también estaba fácilmente disponible. Entonces, trato de incorporar eso también. Entonces, este es un buen ejemplo de donde usé la cuadrícula cuadrada. Como se puede ver, las líneas horizontales están exactamente alineadas con el sistema de tres cuadrículas, y las rejillas verticales son un poco más gruesas ya que el diseño requería que solo se cuadrara a lo largo, y que solo hiciera esos ajustes de una manera que está lejos como así como de cerca, se ve simplemente bien. El beneficio es que se puede alinear la tipografía a la marca cuando se tiene una cuadrícula. Por ejemplo, aquí, como puedes ver, tienes esta línea horizontal, y tienes las dos líneas del tipo donde esta es una línea a esta parte, la parte de esquina de la marca, parte de esquina derecha de la marca, y esto te permite simplemente tener más logotipo ordenado más tipo juntos. Como se puede notar sin la grilla, se ve más equilibrada. En algunas ocasiones, si te deshaces de la parte inferior de esta marca, puedes ver que aún así la marca funciona bien con el tipo. Entonces esto, el ejemplo de las cuadrículas de 30 grados y la razón por la que lo puse en cuadrícula porque al igual que, por ejemplo, del lado derecho se puede mirar la marca y nunca se puede notar que aquí hay una inconsistencia. El ángulo está un poco apagado. De lo que ayuda la griding es perderse esa inconsistencia aquí ya que puedes decir que está apagado. Entonces, la cuadrícula realmente me ayuda a encontrar esas inconsistencias más pequeñas después del proceso inicial de boceto y me permitió entrar en zócalo más preciso. Esta zona definida aquí me permite dirigir zona de exclusión para esta marca y lo que la exclusión hace zona es esta área donde ningún otro elemento [inaudible] debe entrar en el reino del logotipo para mejorar su legibilidad. Entonces, por ejemplo, si tomo este espacio elegido como zona de exclusión, eso significa que la zona circundante siempre estará libre de cualquier otro elemento gráfico. Ahora, hemos visto algunos buenos ejemplos. Entonces, es hora de que empecemos a la cuadrícula. 4. Dibujar ideas de logotipos: Entonces, empecemos. En primer lugar, vamos a hacer una marca simple donde vamos a hacer bocetos iniciales y vamos a hacer cuadrículas preliminares en un papel en lugar de hacerlo en la computadora. Dado que es una marca simple, podemos hacer cuadrícula preliminar cuando las marcas se vuelvan más complejas haremos cuadrícula después ya que las marcas más complejas requieren un enfoque diferente. Entonces, preparemos tus papeles, afilar tus lápices y empecemos. En un primer proyecto, estaremos creando nuestro formulario de carta. Para empezar, sólo elegiré de qué tipo de R quiero ilustrar o hacer un logo fuera. lo que quiero decir aquí es que necesito la forma básica de una R que pueda tocar mi diseño dentro. A Sylhet de Gotham R, me parece más atractivo porque Helvetica R, es un poco más ilustrativa, Gotham R es un mucho más sencillo y está construido de una forma de triángulo, círculo y dos cuadrados como se puede ver en este ejemplo. Entonces, siempre es algo bueno tener un buen diseño en varios diferentes. Si solo tienes un diseño equivocado, se pone un poco aburrido. Entonces, esta R me permite una especie de combinar triángulo, círculo y un cuadrado en esta hermosa forma. Y aquí podemos ver que hay una cuadrícula de cuatro cuadrados y juego mi juego dentro de ella. No tengas miedo de experimentar, solo déjate y deja fluir tu creatividad. Simplemente haz lo que sea que te sientas cómodo. Nadie está mirando, solo haz cualquier sombra que te venga a la mente. Siéntete libre en un papel y en algún momento, obtendrás un resultado con el que estás contento. Por ejemplo, aquí, ya encontré la marca que es bastante interesante y diferente de otras que han visto antes. Entonces, aquí tenemos tres líneas angulares de 45 grados y algunas líneas horizontales y tiene una buena combinación de forma triangular y una forma de cápsula que combinó bastante bien. Entonces, probablemente voy a ampliar un poco más esta idea y ver qué me lleva. En este caso, sí tengo unas líneas angulares de 45 grados pero en una parte central, hay demasiado espacio oscuro así que, tengo que encontrar las formas de liberar esta zona negra. Entonces, tengo espacios negativos y positivos distribuidos de manera más uniforme a lo largo de la marca. Cuando haces bocetos, realmente estás aprendiendo tu tema, así que, es una especie de introducción a la matriz de la letra R. Y una vez que estás en ella, solo puedes experimentar un poco más y cavar profundo y a veces simplemente te encuentras con cosas inesperadamente. Rara vez sucede dónde tienes idea de antemano y luego la ejecutas. Por lo general, las ideas aparecen en un papel mientras estás trabajando en él. Entonces, como que tienes que canalizarte hacia el diseño y simplemente captar las ideas mientras estás en el trabajo. Entonces, aquí por puro accidente, sonó este espacio negativo. Y es bastante interesante y siempre hay que afilar los ojos para un accidente tan afortunado. Y la diferencia entre un buen diseñador y un diseñador principiante es a veces los principiantes no saben lo que es lo correcto y hay que estar siempre concentrado y simplemente no te pierdas la solución correcta. Si tienes experiencia, puedes golpear la marca en 5/6 bocetos, pero al principio, aconsejaría a todos que solo llenaran quizá 5/6 páginas completas de papel, 40 a 50 direcciones diferentes. Si estás corriendo a ella de que estás muy seguro, entonces puedes simplemente parar y empezar a ejecutar. Pero por lo general, cuando consigues que ese flujo vaya, tienes que mantener las ideas solo fluyendo durante horas y horas e ininterrumpidamente. Realmente sugeriría apagar sus teléfonos o simplemente no comunicarse con otro mundo. Definitivamente necesitas varios tal vez de media hora a una hora para meterte en el diseño y si algo más te llama la atención, podrías perder ese flujo. Entonces, si te sientas, prepárate para dos tres horas de bocetos y en algún momento, obtendrás un obtener un buen resultado. Como puedes ver en esta esquina superior izquierda de una segunda página, esta es una R con la que se siente bastante cómoda. Todavía no está hecho pero ya conozco la matriz de la misma así que voy a pasar a la siguiente fase donde voy a sacar la grilla para este R. 5. Dibujar la cuadrícula de tu logotipo en papel.: Hice el pequeño dibujo de la R que voy a ejecutar, y lo que he notado aquí, tengo una forma cuadrada que estoy tocando mis formas dentro de la forma cuadrada. De lo que voy a hacer en este papel cuadrada, voy a empezar a hacer un dibujo de la cuadrícula. Lo que estoy haciendo aquí, voy a dividir esto en tres cuadrícula uniformemente espaciada y voy a hacer unas líneas anguladas de 45 grados. Como se puede ver en este ejemplo, una sección de la cuadrícula, he dividido en tres unidades aquí para el espacio negro y dos unidades aquí para el espacio en blanco. El motivo de ello es porque espacio en blanco se ve más grueso que un espacio negro. El espacio negro tiene más gravedad y el espacio en blanco tiene más exteriormente. En nuestro caso, para equilibrar el espacio negativo y positivo, tendremos que hacer un poco menos espacio en blanco. Por lo que aquí, casi hemos terminado marca. Como pueden ver, traté de alinear este medio círculo con la primera sección de la cuadrícula inferior, y tenemos la mitad de la cuadrícula dividida por estas líneas diagonales. Tenemos lindas rayas redondas uniendo nuestra forma lo que crea este efecto plegable. Después de ejecutarlo, le vamos a agregar algunas sombras. En un fondo oscuro, va a lucir de primera clase. Solo voy a colorear este solo para asegurarme que se vea bien antes de empezar a ejecutar. Siempre aconsejo hacer tu máximo durante tu proceso de bocetos. Esto no sólo te hará un mejor dibujante, sino que además, pasarás menos tiempo en la computadora. En este caso, más o menos, diría yo, el 70 por ciento de la marca está terminado. Lo que ya puedo ver en este momento es que algunas de las líneas horizontales necesitarán un poco más de grosor, pero esas son las cosas con las que voy a experimentar en la computadora. En este punto, el 70 por ciento de la marca se acerca al resultado final. El Illustrator hará la cuadrícula, lo que garantizará que la marca será aún más sonora de lo que es en este punto. 6. Ejecución de tu logotipo en Illustrator: Está bien. Entonces, que empiece la fiesta. lo primero que vamos a importar nuestra cuadrícula al ilustrador y empezar a hacer algunas guías. Entonces primero que voy a hacer aquí es crear alter grid y asegurarme de que tengas el comando Y empujado para que tengas toda la opción snap to the grid disponible, comando U, lo siento. Entonces, voy a hacer un divisor diagonal en el primero. Aquí, sólo voy a elegir, ya que ya sé que tengo uno, dos, tres, cuatro, cinco,15 cuadrados, voy a tratar de replicar el boceto inicial en mi cuadrícula computarizada. Entonces, vamos a agarrar este. Dividido por 15. Entonces aquí tengo mi cuadrado inicial y lo voy a copiar aquí y luego voy a empujar el comando D, así que tengo todo justo en su lugar, y voy a copiar esto, rotarlo con un ángulo de 90 grados, y chasquearlo a mi esquina inferior izquierda inicial. Entonces aquí, tengo prácticamente las mismas relaciones, no mucho exactamente las mismas relaciones que tengo en mi boceto inicial. Ahora, voy a hacer voy a contar sólo tres casillas aquí. Uno, dos, tres, y voy a hacer otra línea. Entonces, tengo mi primera línea diagonal aquí. Me perdí el punto así que voy a volver atrás y ajustarlo de nuevo al punto de la cuadrícula. Entonces en este punto, vamos a hacer una segunda línea, segunda línea diagonal. Por lo que más o menos el trabajo preliminar de cuadrícula se hace aquí. Por lo que he importado mi segundo boceto y solo voy a usarlo este lugar debajo de mi cuadrícula inicial. No te preocupes si no se alinea perfectamente porque obtendrás el si todavía te llega la idea rugosa cuáles son los espesores así que solo inténtalo lo mejor que puedas. Entonces como puedo ver aquí es un poco más de dos puntos de cuadrícula. En primer lugar, voy a empezar a diseñar la parte redonda de la marca. Entonces este es mi punto central para el círculo. Voy a sólo, para referencia, a utilizar esta plaza como parte central del círculo que voy a diseñar. Toma un círculo y llévala al punto correcto. Ahora, voy a agarrar este espacio. Donde tendré dos puntos de cuadrícula unitaria. Voy a hacerlo un poco más grande y este será mi punto de referencia para hacer los espesores para el círculo y lo que quiero decir es en una vertical y horizontalmente. Entonces aquí, voy a copiar pegar este círculo, hacerlo un poco más pequeño, y esto va a asegurarse de que esté exactamente al punto. Aquí es donde estoy ahora. Vamos a copiar pegarlo de nuevo con un comando C y comando F, y sólo lo pongo aquí. Ahora decidiré cuál es aún la distancia desde este punto hasta este punto, pero lo voy a hacer más o menos como es ahora y ver si funciona y luego ajustarlo. Vamos a mover esto aquí otra vez para que sepamos la distancia. Está bien. Entonces aquí, tengo un poco de inconsistencia porque el boceto no era demasiado perfecto. De lo que voy a hacer, voy a hacer esto más pequeño, ajustar esta línea, e intentar hacerlo de nuevo, e intentar hacerlo hasta que lo consiga más o menos cerca del boceto inicial. Está bien. Aquí vamos. Está bastante cerca. Solo voy a copiar esto por si necesitaré volver al diseño inicial. Entonces, voy a deshacerme de este cuadrado inicial y de otros objetos de medición. Está bien. Voy a empezar a cortar y luego vamos a empezar a poner algo de color. En este punto, no estoy 100 por ciento seguro de que el grosor de esta línea sea visualmente similar a la línea diagonal. Pero en cuanto le echemos un poco de color, vamos a saber 100 por ciento si es correcto o no. Entonces, déjame cortar esto muy rápido y voy a hacer esos cortes en los medios círculos. Ya no necesito esta plaza exterior. Entonces, me voy a deshacer de eso para no tener demasiadas cosas extra, tampoco necesito esas cuadrículas únicas. Está bien. Entonces vamos a cortar esto realmente rápido. Asegúrate de que esté a la derecha, en los puntos de anclaje. Está bien. Entonces, también necesito cortar esto bien cuando toque esta zona. Está bien. Por lo que sí tengo bosquejo listo. Yo lo voy a copiar. Ahora, voy a tomar una herramienta de bolígrafo y solo conectaré estas cosas. Asegúrate de estar justo en la intersección y tendrás que volver a comprobarlo después. Entonces, cuando estés usando la herramienta de lápiz, asegúrate de mantener presionado el botón de cambio para que quede recto y en cuanto encuentres la intersección mientras tocas la línea diagonal, ahí es donde quieres soltar la herramienta de lápiz. Ahora, necesitamos conectar eso mismo aquí. Presione el botón de cambio y conecte esos. Entonces ahora, tenemos que ver si tenemos algún error. Entonces, solo presiona el comando Y para ir al modo wireframe y solo ver si te perdiste algo. Entonces aquí, parece bastante claro. Aquí también. Entonces, hasta ahora tan bueno. Está bien. Todo parece claro y correcto. Vamos a copiar de nuevo esta imagen. Tendremos un color negro y solo vertimos en él. Este. Aquí mismo. Aquí mismo. Aquí mismo. Por lo que en este punto, me di cuenta de que el grosor de las líneas redondas no están en armonía con el grosor de las líneas diagonales. Entonces voy a retroceder unos pasos y hacer esas líneas un poco más gruesas para que los espacios negativos y positivos sean más equilibrados. 7. Toques finales: Entonces, estoy bastante contento con el resultado. Parece bastante bien equilibrado. Ahora, lo voy a poner sobre un fondo oscuro porque cuando lo veas blanco invertido de negro, realidad puedes notar aún mejor el espacio negativo. Entonces, veamos cómo se ve en la oscuridad. Se siente justo aquí también. Entonces, lo que voy a hacer aquí, para agregar un extra mucho de efecto, efecto plegable. Voy a poner una sombra gris entre la parte redonda y la parte diagonal. Voy a tratar de hacerlo del mismo grosor que la línea diagonal, por lo que se ve más consistente. Entonces, la oscuridad de esta sombra realmente depende de ti, 30 por ciento normalmente es lo que me gusta pero podría ser menos, más depende de lo fuerte que quieras que se muestre el efecto cuando está más lejos. Ahora, lo que no me gusta de esto es que tenemos este raro espacio aquí que no está en línea. Entonces, estoy listo para sacrificar la idea de que sombra de línea diagonal debe ser del mismo ancho que la línea diagonal aquí. Entonces, voy a aumentar el ancho de la misma porque de todos modos está oscuro. Se ve más pequeño que el blanco, por lo que será más sonido si solo lo hago un poco más grande. Entonces, esto está bastante cerca de nuestro resultado final. Voy a sentarme sobre ella, y si lo miro después de 10 minutos, si nada me molesta en descansar el ojo. Si nada me molesta. Voy a llamar a esta marca hecha. Viola. Tenemos marca terminada. 8. Conclusión: Entonces este es nuestro resultado final. Por el lado izquierdo, tenemos una marca sin rejilla y en el centro, tenemos una marca con la rejilla y en el lado derecho, solo tenemos una rejilla, y mirando justo a la rejilla, ves que ahí hay una consistencia tranquila y grilla en sí se ve bien equilibrada y marca en el interior también se ve bastante bien equilibrada. Y en este punto, estamos listos para llamar a este proyecto hecho. Espero que haya disfrutado trabajando con su propia marca y por favor comparta sus resultados. Tengo muchas ganas de verlo. 9. Explora sobre diseño en Skillshare: manera.