⭐️ Cómo diseñar un logo, isotipo, icono o símbolo / Marco Creativo

hola qué tal estáis soy marcó garcía diseñador gráfico y esto es un nuevo vídeo de marco creativo mirad esto a que mola mira mira toma ya bueno lo voy a dejar fijo si no voy a marear con tanta historia bueno de qué vamos a hablar hoy hoy vamos a hablar de las técnicas o algunas de las técnicas que utilizamos los diseñadores gráficos para construir nuestros logotipos iso tipos o iconos vale son reglas o técnicas de construcción para que todo quede mucho más organizado y que quede más armónico y equilibrado si nos remontamos a 1509 luca pacioli aplicó un sistema constructivo a su tipografía matthew desmond vació link estos sistemas al final lo que hacen es que todos los elementos que se construyen a partir de estas estas técnicas tengan una conexión una que haya algo que les identifique y que al final nos ayude también a componer porque es mucho más fácil también podemos ver otro ejemplo de retícula compositiva en todos los iconos del sistema operativo años al final apple decidió utilizar un sistema constructivo para agilizar el trabajo de la creación o en la creación de estos nuevos iconos al principio puede ser que sea un poco más lioso más tedioso que nos cueste un poco hacernos con este tipo de técnicas pero al final una vez que ya nos acostumbramos y le cogemos el rollete es mucho más fácil y podemos conseguir resultados mucho mejores tengo que decir que cuando estamos diseñando estamos bocetando esas ideas que tenemos en papel pues habrán logotipos que sí que se pueden aplicar o construir con algún tipo de técnica y habrá otros que no es decir no todos los logotipos o iconos tienen por qué regirse en algún tipo de técnica constructiva hay algunos que no lo no las utilizan como estos ejemplos que estáis viendo entonces va a depender un poco de la propuesta del estilo visual que queráis conseguir pero todo eso nos lo va a decir una vez que empecemos el proceso creativo de qué se trata al final al final se trata de construir nuestras marcas de justificar nuestros diseños que el cliente vea que nos lo hemos trabajado que hay un trabajo detrás que no queda todo pues al libre albedrío al final la regla de construcción es un sistema invisible que va a proporcionar equilibrio y va a transmitir mucha más profesionalidad en nuestras marcas empezamos con la retícula la técnica de construcción de utilizar retículas al final lo que va a hacer es ayudarnos a organizar y colocar todos esos elementos que todos tengan unas proporciones determinadas que todos se coloquen unas medidas determinadas y todo eso nos lo permite la cuadrícula vamos a ver qué tipos de cuadrículas tenemos tenemos la cuadrícula primaria es una cuadrícula que solamente tiene líneas horizontales y verticales por lo tanto vamos a poder jugar con estas líneas a la hora de componer nuestro diseño tendríamos también la retícula secundaria que lo que hace es dividir la retícula primaria en celdas más pequeñas que al final nos van a permitir ajustar mejor nuestro logo esto va a depender del diseño y de lo complejo que sea ese diseño pues podremos hacerlo con la retícula primaria o tendremos que utilizar la retícula secundaria y luego está la retícula terciaria que lo que hace es basándose en algunas de las anteriores retículas va a añadir líneas diagonales podemos tener tres tipos de retícula terciaria líneas diagonales a 45° líneas diagonales a 60 grados y líneas diagonales a 30 grados esta última es la que se utiliza también para hacer esos y con hitos que utilizan la perspectiva isométrica otra técnica que también podemos utilizar es aprovechar el rectángulo áureo para ajustar nuestra marca isotipo o icono define una serie de celdas que son también nos pueden servir como medidas podemos utilizar esas celdas como medidas para construir y también podemos generar unos círculos dentro de esas celdas que nos permitan luego a partir de esos círculos componer nuestro diseño otra de las técnicas es utilizando formas simples al final utilizar formas simples va a hacer que nuestro diseño sea mucho más fácil de entender porque va acordaos cuando somos pequeños uno de los primeros juegos con los que empezamos a jugar son esas piezas cuadrados triángulos círculos que tenemos que colocar dentro de unos orificios para que encajen son piezas súper sencillas y basándonos en esa abstracción en esa sencillez conseguimos que nuestras marcas sean también mucho más fáciles de identificar por lo tanto utilizar formas básicas va a hacer que nuestro icono nuestro logo sea mucho más sencillo y por último también podemos utilizar la propia tipografía como sistema de construcción podemos utilizar la tipografía como si fueran piezas y jugar con esas piezas podemos romper las piezas de construir volver a construir trabajar con alguna inicial podemos hacer un montón de cosas tipografía estas son un poco las técnicas que utilizamos los diseñadores gráficos os voy a dejar un enlace en la descripción del vídeo para que podáis descargaros todas las cuadrículas que estamos viendo y también una proporción áurea para que podáis utilizarla en vuestros diseños eso os lo dejo abajo en la descripción para que entendáis todo mucho mejor vamos a hacer una práctica vais a ver un poco cuál es el proceso que he seguido y cómo he construido este logotipo en illustrator bueno me ha imaginado que tenía que hacer una peluquería vintage vale esa es un poco el briefing que me impuesto para realizar este vídeo os voy a enseñar los bocetos que he hecho estos son los los bocetos que he hecho así un poco por encima vale ahí tenéis un poco mejor pues algunos de los bocetos que ido haciendo al final me voy a quedar con este de aquí entonces qué es lo que he hecho pues me impreso una cuadrícula en una hoja de papel y eh bocetado lo que sería la estructura de este logotipo sobre esta cuadrícula porque porque ahora yo la voy a escanear la voy a pasar al ordenador y nos va a servir de guía para poder componer mejor este logotipo estamos en illustrator esto viendo aquí es el boceto he trazado más o menos todas las formas o figuras que necesito para construir utilizando esta cuadrícula que es una de las cuadrículas que os he dejado en el archivo que tenéis en la descripción lo primero que tenemos que tener en cuenta es que la cuadrícula para que no nos moleste la vamos a bloquear yo la seleccionó y le doy comando 2 o nos podemos ir a objeto bloquear selección os vais a la capa la bloque eyes con vosotros queráis vale entonces empezaríamos yo me fijo un poco en el boceto que he hecho y lo que hago es empezar a construir para importante a la hora de construir nuestro diseño yo aconsejo siempre que tengáis las guías inteligentes activadas para que se ajuste veis que cuando pasamos el ratón por delante se va ajustando vale eso es porque tenemos las guías inteligentes activadas y luego también para trabajar con mayor precisión podemos trabajar en modo línea que es con comando y si apretó comando y en mac o control y en windows puedo trabajar en modo línea por lo tanto me voy a poder ajustar mejor el diseño entonces también es un recurso que utilizamos mucho los diseñadores en modo línea desaparecen las imágenes desaparecen los colores desaparece todo solo se queda la línea por lo tanto es interesante utilizar de vez en cuando este modo para cosas de precisión como ésta para entonces primero voy a diseñar todas las cajas que necesito voy a poner modo línea para trabajar mejor hasta que se ajusta está tengo que bajarlo hasta aquí para asegurarme de que está bien colocado yo puedo hacer zoom lo pongo en modo línea y entonces me di cuenta de que no está bien colocado veis que esto no llega vale si no me deja encajarlo es porque hay una opción de illustrator que voy a desactivar ahora mismo que es ajustar al píxel si desactivamos esto ya nos va a permitir mover la línea hasta que se ajuste exactamente vale ya tendríamos esta primera caja que por cierto le voy a poner un color esta primera caja y la tendríamos creada y además ajustada perfectamente veis que cuando lo pasamos a modo líneas desaparece porque las líneas se solapan una encima de la otra y por lo tanto no la podemos ver eso es porque lo tenemos bien ajustado ahora esta misma caja voy a fijarme en el boceto voy a colocar 1 2 3 4 5 por lo tanto estaría en este lado luego va a otra en este lado estoy apretando alt i shift a la vez para duplicar la pieza y con si mantenemos la linealidad [Música] perfecto ya tenemos las cajas ahora quedan los círculos en los círculos lo voy a hacer con la herramienta círculo o elipse y voy a ver que este círculo grande mide una caja y media vale entonces voy a hacer un círculo que vaya una caja y media vale beige y cose cuando yo me acerco a la línea que me interesa entonces las guías inteligentes ayuda para asegurarme también hago zoom y miro todos los bordes de mi elipse para asegurarme de que está perfectamente a ras y eso lo hacemos siempre trabajando en modo líneas voy a ponerla de color rojo porque sería el trazo vale y la pequeña mide dos cajitas pequeñas [Música] porque yo creo que ya tenemos todas las figuras vale ya hemos conseguido componer nuestra figura o hemos detectado un poco todas las formas básicas que necesitábamos para construir este isotipo y a partir de esto vamos a conseguir nuestro isotipo cómo vamos a hacer esto pues esto vamos a hacer una herramienta que se llama el creador de formas es una herramienta que es muy intuitiva para eso seleccionamos todo nuestro diseño voy a irme al creador de formas que es esta herramienta de aquí y entonces ahora como veis vale esto no me ha salido bien y aquí tampoco me ha salido bien vale esto de aquí sí sí esta zona de aquí sí pero aquí abajo veis que cuando paso por esta pieza se me pasa la selección arriba eso es porque esta línea no está tocando del todo bien voy a revisarlo yo creo que aquí es donde está el fallo lo mejor voy a colocarlo exactamente a la línea y sé también lo saco un poco y lo vuelvo a acercar hasta que aparezca la palabra ancla a ver si ahora funciona creador de formas vale ahora sí era porque este circuito del centro no llegaba a tocar y esto es tan milimétrico que a veces oye hay que ir con pies de plomo por eso es mejor trabajar en modo líneas porque así ajustamos las líneas exactamente en la misma posición cómo funciona esta herramienta vais a ver que es muy sencillo voy a ir trazando una línea por aquellas zonas que sí que me interesan voy a empezar de aquí del centro entonces voy a trazar una línea esta esta esta esta esta esta estapa si yo suelto veis y ya tengo creada esta pieza voy a hacer lo mismo con este lado esta esta esta cuidado no salirse del recorrido ya tengo esta otra pieza me faltaría solamente esta zona del centro entonces arrastro así voy arrastrando y voy uniendo aquellas piezas que me interesa arrastro aquí al lado y veis que ya hemos generado el isotipo ahora simplemente le voy a poner un color le voy a poner un color gris oscuro este sería nuestro isotipo generado a partir de una cuadrícula de construcción faltaría colocar el nombre la marca y para eso voy a utilizar una tipografía round ed con el acabado voy a colocarle la tipografía gota round ed y ahora también para lo que son las distancias entre el logotipo el isotipo el timeline de la zona de abajo también voy a utilizar reglas constructivas decline ar 3er voy a ponerlo en light hay más o menos tendríamos ya los tres elementos pero claro voy a ponerlos todos del mismo logo del mismo color perdón a qué distancia colocó esto a qué tamaño colocó esto pues bueno eso también lo podemos ajustar con las piezas que nos han salido aquí voy a utilizar lo que sería un círculo grande y un círculo pequeño y este círculo grande voy a ponerlo pegado al borde de liso tipo por este lado y también otro por este lado y lo que es el nombre voy a ponerlo para que llegue ahí y ahí para lo que es esta zona de aquí este espacio de aquí voy a asignarle medio entonces voy a subir y por último la separación le voy a poner un círculo aquí abajo ya lo que es nuestro logotipo quedaría ajustado voy a ajustarlo un pelín mejor me hago una y así nunca tocó el original esto que es texto lo voy a pasar a curvas comando shift y entonces lo voy a poder ajustar un poco mejor ahí perfecto ahí perfecto ay perfecto ya podemos quitar este ajuste y este sería nuestro logotipo creado a partir de una regla constructiva y luego ajustando esos espacios utilizando esa misma regla constructiva así conseguimos que todo quede justificado y que al final esto nos sirva como herramienta para poder justificar nuestro diseño vamos a ver cómo quedaría aplicado sobre una fotografía [Música] bueno espero que os haya gustado este vídeo nos vemos en próximos vídeos ser muy felices por favor yo me quedo aquí con mi discoteca nos vemos hasta luego chao y [Música]