Transcripciones
1. Introducción: Un buen logotipo es icónico y evocador de una marca, y un logo malo es justo lo contrario. Hola, soy Will Paterson, soy diseñadora gráfica especializada en diseño de logotipos y branding. Primero me metí en el diseño de logotipos, cuando no me gustaron las fuentes que descargué en mi computadora. Empecé a dibujar letras y encontré letras a mano, empecé a componerlas, y de ahí entré en el diseño de logotipos. Es posible que hayas visto mi trabajo en YouTube, Instagram, todo alrededor de las redes sociales. He trabajado con Instagram, Adobe, y remarca ScrawlrBox, que es una empresa de suministro de arte. Estoy bastante orgullosa de esa. Dentro del proceso de diseño de logotipos, la broca de generación de ideas puede ser el lugar donde todos se detienen y algunos rasguños la cabeza. En esta clase voy a estar mostrándote mis sencillas formas de no sentir presión, pero de llegar con nuevas ideas. vamos a estar mostrando cómo burlarte del logotipo, mostrándote cómo crear realmente el logotipo en formato vectorial y eligiendo los colores adecuados. El proyecto que vas a estar haciendo hoy, es crear un logotipo para una empresa ficticia. Esa podría ser cualquier empresa que te guste, o la que hoy voy a estar trabajando. Algo que ojalá supiera cuando empecé a diseñar logotipos era que las malas ideas no son malas, son buenas para ti. Generar ideas es algo muy presionado, y no siempre generar la idea perfecta en cuanto comienzas a bosquejar, te
permite pensar fuera de la caja y seguir generando ideas. Esperamos ver qué crearán ustedes chicos. Puedes publicarlo abajo en la galería de proyectos donde podré verlo, comentarlo, ayudarte y contestar cualquier pregunta. Enfriar, empecemos.
2. Características de un buen logotipo: Hay algunos atributos diferentes a un buen logotipo. El primero es la sencillez. Un logotipo tiene que ser simple en naturaleza para que funcione cuando se escala hacia arriba y se escala hacia abajo, hay
que poder recordar el diseño y la simplicidad es la forma más fácil de hacer eso. El siguiente es la legibilidad. Tu logo tiene que ser legible y comprensible para las personas cuando está escalado, escalado pequeño o cuando está en diferentes envases, cuando está en línea, cuando está en papel. Tiene que funcionar si no se puede leer tu logotipo, gente no entenderá para qué sirve la empresa. El último atributo del buen diseño de logotipos es la adecuación. Si tu logo no se ajusta a la imagen de la industria para la que estás trabajando, entonces la gente va a tener una desconexión. Por ejemplo, si tienes una funeraria con cómic sans como logotipo en rosa caliente, no
va a gritar funeraria. Lo necesitas para gritar eso. De lo contrario, la gente va a tener una desconexión completa, y probablemente no se lo tome en serio. Si bien ser apropiado es importante, también
es igual de importante pensar fuera de la caja, por lo que ser apropiado no es una regla dura y rápida. De lo contrario, todos estarán diseñando el mismo logotipo exacto para las diferentes empresas que están compitiendo. Muchos diseñadores intentaron ser originales y eso significa crear diseños de logotipos completamente únicos y originales, lo
que generalmente no funciona porque cuanto más original vayas, peor es el trabajo. El diseño de logotipos es principalmente un sistema y la gente sabe usar ese sistema para crear un buen diseño. ¿ Cómo creamos un logotipo que sea único? A mí me gusta decir desde un libro que he leído llamado “Robar como un artista” que puedes
inspirarte en las obras de otras personas y cómo han resuelto problemas en el diseño de logotipos. Por ejemplo, si buscas inspiración y tratas de robar como artista, entonces podrías estar mirando el trabajo de otras personas como diseños de logotipos, ilustraciones. Se puede ir a los sitios web de stock para ver lo que otras personas han dibujado y básicamente tomando pequeñas partes de su trabajo y siendo influenciados por él. Ahora de ninguna manera estoy diciendo robar cualquier trabajo. Eso es lo contrario de realmente por qué lo estoy diciendo. Pero la idea es que todos estamos fuertemente influenciados por todo lo que nos rodea y nada es original, todo lo que creas, como estar fuertemente influenciado por tu entorno, la música que escuchas, la gente que estás alrededor y lo que has visto en línea. Tomar trabajo de imágenes en línea, pequeños pedacitos de ello está absolutamente bien. ¿ Cómo ponemos todo esto en práctica? Bueno, la siguiente parte se trata de investigar; investigar al cliente, investigar la industria, e investigar diferentes logotipos y marcas diferentes alrededor de esa industria.
3. Investiga y elabora un panel de inspiración: Esta lección es todo sobre investigar. Eso podría ser si estás trabajando para un cliente, investigando competidores, podría estar investigando la industria. hoy vamos a estar investigando sobre una App. Todo diseño de logotipo tiene un breve, y si no tiene un breve, entonces no tienes dirección. Tener uno, ya sea real o ficticio, es realmente importante darte dirección y ayudarte a resolver ese problema. Estamos trabajando con una empresa ficticia, y aquí está el breve. Origin Logo Breve dirigido a jóvenes de 20 a 40 años. Mapea el cielo en tiempo real, compartiendo los nombres de constelaciones, planetas ,
estrellas, y otras cosas, en órbita como estaciones espaciales y satélites. Puedes alinear el cielo en la pantalla y moverte para saber qué está pasando, tanto arriba como abajo. Página característica muestra información sobre eclipses que ocurren, lluvias de
meteoritos y fases lunares. El logotipo necesita ser lo suficientemente
simple para principiantes en Astronomía así como para aficionados experimentados. Sabemos que la app está dirigida a aquellos que están en edades de
20 a 40 años que aman el espacio y tal vez que son nuevos en el espacio. Por lo que sabemos de esa gama de edades qué son el estilo que podemos usar, que es más un estilo de arte moderno. Lo primero que me encanta hacer antes de que organice o dibuje algo es escribir algunas palabras que conecté. Yo les llamo palabras clave. Hice esto en una aplicación llamada MindNode. El grandioso de Mis Mapas es que nos permite mostrar nuestros pensamientos visualmente en papel. Origen está justo en medio eso y puedo probar palabras clave que me vienen a la mente. Espacio, ese es el obvio ahí mismo. Nave espacial, estrellas ,
planetas, y puedes seguir adelante. Puedes seguir escribiendo tantas palabras clave como creas que necesitas y puedes hacer conexiones con ellas. Por ejemplo, con los planetas, puedo decir orbitar. Desde órbita, puedo decir velocidad. Puedo empezar a crear todas estas conexiones diferentes. Lo que esto nos permite hacer es que nos permita pensar fuera de la caja. No queremos solo hacer una conexión de un nivel. Queremos crear otras conexiones entre las conexiones para ayudar a la creatividad. Esto nos ayudará con esas imágenes cuando estemos dibujando y escribiendo cosas. Digamos por ejemplo, nave espacial, puedo tener una idea de un alfiler por el origen. Si estoy pensando en la palabra origen es dónde, ¿cómo? Escribo todas estas palabras diferentes, espacio, negro, vacío, y cualquier cosa que se
me ocurra, sólo escribiré. Para los planetas es redondo, así que círculo, colores brillantes. Puedes pasar el tiempo que quieras haciendo la sección Mente Mapping. Pasé generalmente una hora más o menos cuando estoy escuchando un podcast o lo que sea, simplemente pensando en diferentes palabras clave. Te sorprendería lo fácil que es
generar ideas una vez que has hecho esto porque acabas crear pensamientos y ponerlos en papel y puedes empezar a hacer más conexiones con eso. He hecho algunos todos mis mapeos y he creado algunas conexiones, sacado algunas conexiones. Te lo he reorganizado. De nuevo, pasar el tiempo que te guste hacer esto es adquirir parte divertida de ello. Lo que puedes ver son todas mis conexiones aquí. Por ejemplo, el sol, es redondo. Yo también le he añadido nombres de formas. Esto es personal. Esto no tiene que mostrarse a nadie. Literalmente puedes escribir lo que te venga a la mente. He escrito negro, Sol, estrellas, el principio de los tiempos porque es origen, como un átomo o un neutrón que es conexión con el principio de los tiempos. A lo mejor podemos crear un espacio de logotipo alrededor de un átomo o partícula subatómica, y luego también colores. He anotado algunos colores en los que estoy pensando en este momento, que es una parte enorme de esto, que obviamente es espacio. Es de colores muy brillantes, muy saturados. Entonces he escrito esquemas de color verde neón , azul
moderno, virbante. Cualquier cosa que venga a la mente, como ubicación puntual, pin. No tenía ni idea de tal vez crear un pin como el icono de la aplicación, como el origen, pero tal vez convertirlo en algo nuevo. Estas ideas vienen directamente del mapa mental. hora de investigar la competencia, es tonto mirar las industrias similares a la que estás trabajando, tu logotipo. Eso podría ser revisar el sitio web, comprobar esos productos, ver qué hacen bien y por qué los clientes responden bien a esa marca. hora de investigar tu competencia, es importante no copiar lo que hacen y resolver tu problema de diseño de logotipos. Con ese problema, lo que estamos tratando de hacer, es hacer uno mejor que ellos. Por lo que podemos encontrar puntos de fueron, podemos hacer nuestro diseño mejor que la competencia real. Una vez que hayas hecho tu mente-mapa, es realmente importante empezar a visualizar a través de imágenes cuál es la vibra de este logo. Eso significa tomar imágenes de Google u otros sitios web. Obviamente, no las vas a compartir con nadie y sólo tenerlas en un lugar para dar como vibra. Para mí, esto es bastante fácil para Origin porque es una empresa espacial. Obviamente, todo se trata de rastrear estrellas y todo. Por aquí en mi Milanote, que es la app que uso para hacer todo mi embarque de humor. He arrastrado algunas imágenes y son sólo unos pocos y unos cuantos esquemas de color. Pero lo que podemos ver de estas imágenes son planetas del espacio, tenemos una ilustración en eso, unas cuantas conexiones, de nuevo, que es todo azul para el planeta F. Tenemos algunas naves espaciales ahí dentro. Podemos ver que el esquema general de color es como el azul, un verde, y un morado. Mis pensamientos son, vamos a ir por un estilo de logo más verde, azul, para crear ese vibrante un look moderno cuando se trata del espacio. También tengo algunas imágenes geniales locas aquí. Por lo que el abordaje del estado de ánimo generalmente es solo tomar cualquier imagen, no específicamente de los logotipos, o de las ilustraciones, sino tomar imágenes en línea que encontraste que coincidan con
el estado de ánimo del logotipo que estás tratando de transmitir el logotipo antes de que hayas incluso lo empezó todavía. Es una gran manera de cuando estamos dibujando y diseñando y creando ideas. Para referirse de nuevo a, ¿
se está quedando dentro de este parámetro? No queremos alejarnos de este tablero de humor. Hemos hecho todo sobre el pensamiento creativo en eso. Una estética moderna en este contexto de origen es generalmente espacio moderno. Entonces podría no ser moderno, tecnológicamente moderno, pero estamos hablando de lo que podemos hacer en el espacio, eso sería mucho los colores, que podrían ser crear ángulos agudos o crear algo muy limpio y minimalista. Porque como sabemos, los temas espaciales, son generalmente futuristas. Cuando hablo de moderno, estoy hablando de mirar hacia el futuro como como un dispositivo genial que nadie había visto antes. Un color que es tan brillante como si estuviera explotando como una nebulosa. Si diseñas esto en un ajuste más clásico de abajo a tierra, entonces las ideas no serían tan fuera eso, queremos que sea tan mínimo como en el uso de formas mínimas en geometría como haríamos porque simplemente no está diseñado para mostrar alguien piense en el espacio. Si es otra empresa que está haciendo lo mismo pero están rastreando autos en tierra, lugar de rastrear satélites, no
querrías darle la vibra de neón porque eso no coincide con los autos. Hacer moderno en esto es más como futuro moderno, no como moderno hoy, estamos tratando de transmitir la sensación de colores brillantes, de formas muy altas contrastantes sobre un fondo negro. Enfriar. Ahora que tenemos todas nuestras imágenes del tablero del estado de ánimo y todas nuestras conexiones, resolvemos el dopado prime para empezar a crear algunas ideas nuevas. Nos vamos a llevar todos estos y vamos a empezar a dibujar algunas ideas geniales locas.
4. Genera ideas: En esta lección, les voy a estar mostrando mi proceso de generación de bocetos. No te preocupes, esta es una parte realmente fácil y probablemente la más divertida del diseño de logo, y voy a hacerlo súper fácil. En mi iPad, puedes usar papel si quieres. Solo estoy usando una app llamada Procreate donde hago todo mi dibujo. Hace que sea un poco más fácil cuando estoy dibujando solo para poder deshacer, y no tengo que usar un borrador. Normalmente quieres usar una guía de dibujo, y la razón por la que uso una buena guía es, diseño del
logotipo es geométrico, y si no estás usando guías de dibujo, no serás tan consistente y
te puede ayudar a emparejar las cosas juntas, puede ayudarte a crear simetría, y equilibrar mucho más fácil. Si no tienes iPad,
hazte un poco de papel gráfico, o un papel de rejilla aburrido. En este proceso les voy a dar una regla y es importante atenerse a ella. Es decir con cada boceto, tienes un máximo de 30 segundos para dibujarlo. Vamos a hacer esto como 10 minutos para ver qué se nos ocurre, pero la idea de pasar tan poco tiempo en el boceto es para que no tengas que perfeccionar cada dibujo. No te preocupes, estos dibujos serán terribles y algunos de ellos podrían estar bien, pero hacia el final estaremos encontrando algunas conexiones, y te estaré hablando a través de mis conexiones que encontré, y lo que busco en un buen boceto. Normalmente empiezo con el boceto más obvio solo para sacarlo de mi mente. Eso es literalmente que estoy usando un lápiz realmente extraño aquí, es realmente grueso y está destinado a ser áspero, así que no me vuelvo preciosa hacia el diseño. El más obvio para mí es primero, creando un círculo con algunos planetas dentro. Ahora estoy teniendo en cuenta cuando estoy haciendo esto, no gastar demasiado tiempo en ello, aunque sea un mal diseño y no te preocupes, nadie va a estar viendo nada de lo que has creado aquí. Porque esa es la parte divertida, solo
puedes hacer lo que quieras. Tengo otra idea de crear una media luna al revés dentro
del diseño y dentro de éste creando otra. Se puede ver lo rápido que realmente estoy dibujando estos, realmente no me importa cómo se ve ni a dónde voy con él. Yo sólo quería asegurarme de que la idea es sólo en papel para que yo la use más adelante si lo considero lo suficientemente adecuado. El pincel que estoy usando en Procreate es uno muy áspero, no es afilado. Si estoy dibujando sobre papel, generalmente
usaré un lápiz contundente porque me permite simplemente bosquejar rápidamente, realmente no
me molesta. Estoy consiguiendo líneas gruesas en papel es más importante para mí para el factor de velocidad. Como puedes ver ahí solo puedo dibujar líneas rápidas en lugar hacerlo realmente pequeño y tener que construirlo y pasar tiempo en ello, solo
quiero crear bocetos muy rápidos. Si estás dibujando, asegúrate de usar un lápiz áspero. No te preocupes por lo que puedes usar, puedes usar cualquier instrumento realmente para hacer esto. Yo también tuve esta idea de un
átomo, no quiero que se vea como una flor. Pero puedes ver lo rápido que estoy haciendo esto, solo
estoy sacando mis ideas en papel. Si veo uno que me guste, puedo seguir dibujándolo, solo
seguiré dibujándolo y seguiré dibujándolo. Los errores que cometes al diseñar o dibujar en estos bocetos en realidad pueden ser, como alguien diría, “Accidentes felices”. Tengo esta idea de orbitar líneas. Eso fue del proceso del mapa mental. Tengo esta idea de un pin, porque aunque es espacio y hay origen, la conexión que hice fue que obviamente el origen era de alguna manera. Puedes fijarlo como una geoetiqueta, una pequeña pegatina geo que puedes fijar. A mí me gusta la idea de un alfiler porque no sólo eso, realidad
puedo hacer esto en un cohete. Cuando encuentres una conexión al dibujar, que es el momento en que lo más probable es que encuentres otra conexión, escríbalo. Nadie va a ver esto nunca, empezar a garabatear ideas porque yo sólo puedo escribir aquí muy rápido, cohete, y aquí abajo puedo escribir los pasadores, podrían ser llamas fuera del cohete. Ahora, tenemos otro problema aquí de cómo hacemos que un alfiler parezca un cohete? Eso es lo que vamos a averiguar a medida que pasemos por esto. Crea otra versión de Hayek, algo así como un agujero de conejo. Voy a engrosar este lado para demostrarlo. Estoy usando el borrador aquí para crear espacio negativo en esto porque tengo una idea que me gusta pero aún no sé si es utilizable. Probablemente estás mirando esto y diciendo: “¿Qué es eso?” Obviamente el boceto no va a quedar bien. A mí me gusta llamar a esta parte faltando al éxito. Simplemente sigues dibujando cosas malas hasta conseguir algo. Pongamos un alfiler en eso. Voy a pasar a mi siguiente idea que tenía en mi mapa mental, que es un planeta. Obviamente un planeta es genérico y no queremos ser genérico, queremos ser mínimos, queremos ser modernos y mirar hacia el futuro, pero queremos crear algo que se escala realmente bien. Mi primer pensamiento obviamente va a ser un círculo, pero no lo vamos a llenar, lo vamos a mantener como un solo golpe en el exterior. Yo sólo voy a empezar a tratar de convertirlo en un planeta. Las líneas orbitantes como en Saturno son parte icónica de un planeta. Quiero que los aficionistas, como en breve, entiendan qué es esto. En lugar de tener tal vez un átomo que podría estar demasiado lejos, distancia en las conexiones, quiero crear algo que podría ser un poco más lógico. Creo que eso es bio peligro ahí mismo, no quiero tener eso. Cualquier cosa que se parezca a otro logotipo, que es como un símbolo de peligro bio o una señal de carretera, posible que desee mantenerse alejado de. Tengo algunas ideas ahí para algunos íconos, ahora obviamente si hiciéramos un diseño tipo logo el cual implica más cartas de redacción, podemos empezar a dibujar algunos formularios de letras para que eso funcione. El genial de usar su nombre origen, y usar un planeta es la primera letra de la empresa es una O. Así que podríamos aprovechar al máximo ese fácil acceso a una conexión ahí. Lo que voy a hacer, en primer lugar, es escribir algunas otras ideas para un tipo de logotipo que podamos o no usar. Muchas empresas utilizan tipos de logotipos modernos vintage, como guiones. Tienes Instagram, ese look de empresa, es vintage moderno por el guión de pincel que hay ahí, pero de nuevo, cuando está en el espacio, no
vemos eso a menudo. Otra idea que tengo directamente de mi cabeza aquí, es una versión monolina. He cambiado el pincel porque es una monolina lo que significa que no nos dan pechos y delgados. Como puedes ver en este, tienes línea delgada y línea gruesa y eso tiene un poco demasiado contraste y funkiness. No queremos eso, queremos algo un poco más moderno,
y refinado y en general, tipografía de pincel, toda la tipografía monolina que acaba de obtener el trazo singular es escalable y luce más moderno también. Voy a tratar de darle una oportunidad a esto, quiero que se vea menos divertido si eso tiene sentido. Va a parecer un poco más serio, pero eso se puede ver aquí. Algo que simplemente aparece en mi mente de inmediato al dibujar un tipo de logotipo es esto parece divertido. Este descendiente de la G, esto va a ser un problema a lo largo crear el guión porque tenemos un descendiente tan bajo. Significa que el saldo del tipo de logotipo está apagado. Cuando hablo de equilibrio, mis pensamientos van directamente a crear una caja alrededor del logo. Todo logotipo debe tener una caja a su alrededor. Si le pusieras una caja imaginaria a su alrededor, lo verías aquí, hay montones de espacio aquí y aquí, que tu cerebro no está viendo como un equilibrio. Pero si iba a poner una caja alrededor, digamos este logotipo, hay espacio distribuido uniformemente lo que crea el equilibrio necesario para un buen logo. En lugar de hacer una versión monolina, que todavía se ve un poco demasiado divertida por el descendiente ahí abajo, vamos a ir por una versión sans-serif. Yo sólo voy a mapear esto. No necesito una fuente para hacer esto. De nuevo aquí, es muy difícil para mí mostrarles mi proceso de pensamiento exacto, pero si lo ordenáramos, y lo lleváramos a Illustrator, y empezar a
vectorizarlo, se vería 10 veces mejor. Todo se trata del concepto que tengo abajo. Mirando hacia atrás, todas mis ideas, no
estoy gastando más de 30 segundos en cada una. Puedes seguir adelante el tiempo que quieras. Yo diría que puedes hacer esto por una hora, y estarás reventando lleno de ideas y notas. Pero el ícono o el logotipo aquí que
más me sobresale de lo que se establece el breve es éste de aquí arriba. A pesar de que es genérico, se ajusta mejor. Lo que estamos tratando de hacer ahora no es hacer esto genérico. Tenemos que encontrar algo que podamos hacer a esto para que sea único para esta marca. Todo lo que simplemente hago ahora es que voy a crear una nueva capa sobre la parte superior. Deshazte de la vieja porque solo quiero enfocarme en esta idea que tengo. Vamos a repetir el proceso, y vamos a hacer algunos cambios sutiles. El asunto definido es que el círculo tiene que estar en eso, pero lo que quiero hacer es ver lo que puedo hacer con la línea orbitante alrededor del círculo. No voy a llenar esto porque quiero que sea un logo forrado. Yo sólo me voy a enloquecer. Voy a ver qué funciona y qué no funciona. El grandioso de hacer esto es que cuando muestras a tu cliente al final, si es un cliente real, has explorado literalmente cada avenida de la forma. Es mucho más rápido hacerlo mientras dibuja de lo que es en una computadora. Para que los círculos y formas sean perfectos en Procreate, solo
dibujo generalmente un círculo normal lo bueno que pueda. Aquí arriba, es un “Editar forma” cuando la sostengo abajo. Sólo presionaré “Círculo”. Ahora puedes cambiar el tamaño, bajarlo, y mantendrá el mismo ancho. Es así como lo hago, y funciona con cuadrados, lo cual es algo realmente bueno. Editar forma en una elipse. Si tienes líneas que quieres crear una recta, solo
tienes que sostenerla así. Esta es una forma realmente genial de conseguir que tu logo sea refinado. Encontré aquí una conexión que me gusta de nuevo. Se puede ver que sólo estoy refinando una idea en mi cabeza. Voy a seguir refinando esta idea, que es la línea de órbita en este planeta, tiene un movimiento en ella. Normalmente le digo al cliente, este es un identificador único. Cada logotipo, si es un planeta, por ejemplo, si es una empresa con una fruta en ella, tienen algo dentro de la fruta como un bocado que
identificará esa fruta a esa empresa por lo que no es tan genérico. La gente puede reconocerlo instantáneamente, pero también es la línea de identificación. Si bien son agradables, solo estoy viendo si hay algún otro movilismo que estaría mejor colocado dentro de este diseño. Recuerda, esto es sólo una idea. Aunque sea malo, y encontraste la conexión, puedes seguir haciendo esto. Voy a seguir adelante y numerarlos, los que creo que son los mejores o simplemente marcarlos. Aquí vamos a usar un bolígrafo rojo. La razón por la que hago esto es justo cuando vuelvo a ello más tarde, o si quiero empezar a bosquejar y evolucionar otro boceto bonito que he hecho, puedo volver a saber en cuál estaba
pensando para no confundirme demasiado. Es entre estos dos. Los marcaré con rojo. He elegido este concepto por un par de razones diferentes. Uno, obviamente encaja en lo que es un buen logotipo, que, número 1, es escalabilidad. Escala realmente bien. Si alguna vez lo veo cuando es grande, puedes identificarlo. Cuando es pequeño, aún puedes identificarlo. Obviamente, podemos agregar algún espacio negativo dentro de este logotipo para que funcione aún mejor como así para ilustrar aún más la idea, pero esto es como una línea orbitante de algún tipo. Esta es sólo otra idea, bosquejar eso, pero la idea es que es simple. Se puede ver cuando se escale hacia arriba. Se puede ver cuando se reduce la escala. Si vas a rasgar esto por la mitad, seguirías siendo capaz de identificarlo con el color que vamos a ponernos. El motivo por el que he elegido esto, es el más simple, y simplemente funciona lo mejor. Es el más funcional para la empresa, pero también original. Las otras ideas que pensé funcionarían muy bien, pero no he elegido, es el neutrón y el pasador para el cohete. motivo, creo que el pin para el cohete se parecería
demasiado a otra app que está en la App Store, con la
que realmente no quiero competir. No quiero que la gente vea la cabeza circular aquí, y piense que es un alfiler para otra cosa. Realmente no identificó demasiado el espacio, aunque podría haberlo hecho más identificable con el pin aquí siendo cohetes. Los otros son ligeros, obviamente con el neutrón, que de nuevo tiene sentido hacer porque he hecho tantas conexiones con la palabra origen y espacio. Pero el problema es cuando lo ves en la App Store, cuando lo ves en su lugar, su casa, donde la gente lo encontrará, los clientes o las personas que descargan la app pueden no hacer esa conexión de inmediato. Será más difícil para ellos hacer esa conexión. Lo que estamos tratando de hacer es en un ícono o en un diseño, captar
instantáneamente la atención e identificar a la empresa tanto como sea posible dentro de este ícono de la aplicación. Ahora todo logo tiene que hacer esto sin embargo. Hay tantos logotipos por ahí donde usan tipos de logotipos. En realidad usan el nombre de marca escrito, pero la razón de este logotipo específicamente es porque la aplicación que he usado está en la App Store. Ahora que tenemos una idea que nos gusta, podemos llevarla a Illustrator, y seguir refinándola.
5. Perfecciona tu boceto: Ahora que tenemos los bocetos y refinamos algunas de las ideas que nos gustan, vamos a escoger la única idea que creemos que es la mejor y vamos a bosquejar de nuevo, y esta vez será bajo una capa y con una nueva capa sobre la parte superior donde seguimos refinándola. Esto no toma demasiado tiempo, pero puedes repetir este proceso tantas veces como quieras o tanto
como quieras aunque tengas papel de calco, solo para hacerlo un poco mejor. Ciertos logotipos tardan más, este va a ser súper fácil. Lo que hago generalmente es tomar esta primera capa y la vamos a fusionar hacia abajo porque ambas estaban en la misma capa. Voy a cambiar la opacidad aquí de esta principal. Entonces voy a duplicar esto porque voy a estar escalando toda esta imagen. Ocultaré aquí esta capa trasera, que es el duplicado y voy a transformar toda la imagen realmente grande. Puedo caber en la pantalla el de aquí que quería, justo aquí abajo. Esto es sólo para que no se vea demasiado pixelado cuando
lo llevamos al iMac y empezamos a bosquejar. Crea una nueva capa sobre la parte superior y vamos a elegir un poco más de un lápiz más afilador. Ahora este es solo el lápiz técnico estándar dentro de Procreate. Lo primero que hago, sólo voy a hacer lo mismo, dibujar un círculo perfecto, así. Si tienes una brújula, probablemente sea mejor. Si no tienes un iPad, pero en Procreate, solo
puedes crear el círculo perfecto con bastante facilidad. Permítanme repetir de nuevo el proceso. Lo que buscamos aquí es que sea lo más perfecto posible. Queremos que todas las líneas funcionen bastante bien juntas. Para la parte de la órbita aquí, sólo
voy a bosquejar más o menos primero el contorno, y asegurarme de que no sea demasiado jaggedy. Esto solo hace que sea más fácil cuando estás dentro de esa capa ver dónde deberían estar tus puntos. De nuevo, no se supone que sea perfecto, sino sólo una mejor indicación. Déjame repasar las líneas otra vez, hace la vida más fácil. El motivo por el que volver a bosquejar es importante, específicamente para logo general no
es solo éste, es que hay pequeños errores que tal vez quieras arreglar. Por ejemplo, aquí en mi pantalla se puede ver esta ola. Yo quería que eso fuera un poco más suave, pero también un poco más grueso para equilibrar ópticamente contra el círculo y el exterior. Realmente no se puede hacer eso dentro de Illustrator muy fácilmente, solo es más fácil dibujarlo, por lo que te das una imagen más precisa. También, porque si ven aquí mismo, puedo traer esta línea, ahí mismo, en lugar de que venga así. Si yo sólo fuera a bosquejarlo tal como es, eso también estaría bien. Simplemente te da una imagen más limpia. Pero es bastante importante, especialmente para el diseño del tipo de logotipo cuando trabajas con palabras para seguir refinándolo para que te
pongas lo más limpio posible de una línea antes de traerla para que sepas dónde deben colocarse los puntos de anclaje. Por ejemplo aquí, sólo voy a hacer que eso sea un poco más grueso por ahí afuera. A veces habrá grandes cambios que querrás hacer, veces podrías repetir el proceso algunas veces. Pero sólo estamos tratando de mantener las cosas consistentes
todo el camino con ese nivel extra de detalle. Ahora que he hecho eso, es simplemente que no tienes que colorearlo todo. Pero lo vamos a llenar de esta manera. El motivo por el que lo llenamos así es para añadirle color, lo que cambiará la forma en que se ve a los ojos. Lo más extraño del cerebro humano cuando miras palabras, o formas, es que si no están coloreadas como estas líneas, puedes pensar que las partes son más gruesas o más delgadas. No estás viendo la imagen positiva, solo
estás viendo algunas líneas espeluznantes. Es importante tener las cosas coloreadas en más o menos solo para que le dé la imagen apropiada. Por ejemplo, cuando tengas, elijamos aquí una palabra llamada aire. Acabo de cepillarme eso, ese es mi dibujo normal. Si sigo adelante y lo afino, quiero asegurarme de que cada una de las líneas sean consistentes para que los puntos donde demasiado afilados, me estoy deshaciendo de la nitidez, y donde quiero que
fluya, es todo espaciado correctamente. A la izquierda, en realidad tengo la imagen de un no coloreado adentro y a la derecha la voy a colorear,
y verás que hay un poco de diferencia en la forma en que se ve. No sólo porque obviamente se está llenando, sino ópticamente cuando se trabaja con palabras completas, tu cerebro podrá ver esto mucho claro y se podría ver errores en él, si hay ticks o si los delfines son correctos. Funciona también en diseño de iconos a menos que trabajes con un dibujo de línea de salida donde
quizá quieras tener nada de color ahí adentro es solo muy delgado. A mi vista, puedo ver que este de
aquí se ve un poco más consistente en todo el camino que éste. Por aquí, estaré pensando que esto es demasiado delgado, pero en realidad no es en realidad demasiado delgado, es simplemente perfecto. Si no lo cubres y no agregas el color dentro, tu cerebro lo verá diferente. Es tener solo contornos en el texto, pero también funciona para el diseño de iconos. Es por eso que encontrarás muchos de los bocetos que no se molestan llenándolo prolijamente en el centro de la misma. Ellos sólo quieren conseguir la esencia general antes de que la llevemos a Illustrator. Entonces las maravillas del iPad para permitirme rápidamente sólo cortar partes que quería cortar. Pero puedes hacer esto con una goma de borrar. Perfecto. En este momento no se ve nada impresionante, pero eso realmente me ayuda cuando estoy dentro de Illustrator. La siguiente parte de lo que hacer es que sólo voy a esconderlo todo. Yo solo quiero esta pequeña parte aquí, solo
quiero traer esto a Illustrator. Lo que hago es que solo lo subo a mi configuración, llego a Compartir, voy a JPEG porque no lo necesito en ninguno del formato. Simplemente lo tiraré al aire a través de mi iMac como imagen. Ahora que tenemos nuestro boceto refinado, tráelo a Illustrator, y vamos a empezar a crear el logotipo vectorizado.
6. Perfecciona en Illustrator: En esta lección, vamos a estar tomando ese logo refinado boceto que hicimos y traerlo a Illustrator y convertirlo en un verdadero logo. Lo primero que todo el mundo necesita hacer, hacer un nuevo documento, y realmente no importa el tamaño del documento que tengas. Yo sólo voy por un 1920 por 1080 porque podemos transferirlo a diferentes documentos más adelante. Porque todavía estamos solo trabajando en esto, no importa. Traje aquí mi documento en blanco y los ajustes son bastante normales. Voy a caer en mi imagen que sólo estaba en mi carpeta de descargas por aquí. Simplemente arrástrelo, y vamos a escalar esto hacia arriba. Ahora, en Illustrator, podemos recortar esto hacia abajo. Voy a ir a la parte superior izquierda y sólo a cosechar. Simplemente lo voy a recortar todo el camino para que nos deshagamos de todo ese espacio en blanco. Ahora bien, recuerda que esto no es una imagen vectorial. Esto es igual que uno basado en pixeles. En Illustrator, lo estaremos creando como vector y dándonos la capacidad de agregar color y cosas. Toma esta imagen, la vamos a hacer aún más grande. En el panel Capas por aquí, y si no puedes encontrar capas es Nueva ventana y bajas a Capas. Todo lo que esté marcado está en tu pantalla. Simplemente voy a seguir adelante y renombrarlo haciendo doble clic en plantilla derecha. Entonces voy a escribir vector en una nueva capa. Simplemente vamos a cambiar la opacidad de esto porque es como el proceso de rastreo otra vez, sólo
vamos a cambiar la opacidad. Algo así como un 20 por ciento o incluso menor. Haré 15. Vamos a bloquear esa capa presionando el símbolo de candado pequeño. Ahora, cada vez que intentemos hacer clic en
él, no se va a mover. Simplemente está ahí como referencia para nosotros. Voy a desbloquear esto y sólo lo moveré ligeramente a la izquierda para que no tenga que trabajar directamente encima y vamos a seguir trabajando en la capa vectorial de arriba. Ahora, el logotipo es bastante sencillo en la naturaleza, por lo que no siempre tienes que traerlo a Illustrator, pero siempre es una buena idea. Si estás trabajando en un tipo de logotipo con muchos puntos de anclaje y esas cosas, entonces es cuando empezarás a necesitar trabajar con un método de rastreo. Pero para mí, acabo de tener esta imagen aquí como referencia para que yo la use. Vamos a seguir adelante y subir el círculo. Este es el básico, sostén Shift, y ahora está en blanco. Voy a cambiar eso a negro y luego voy a presionar “Shift y X” y eso va a cambiar el relleno a un trazo, que es sólo una línea vectorizada a su alrededor. Voy a traer esto por aquí o así. Yo quiero cambiar el trazo porque eso es bastante delgado. Podrías pensar que hay blanco entre eso, pero no lo hay, es sólo un trazo negro como puedes ver. Voy a engrosar el trazo hasta, digamos 20. Eso no es suficiente. Vamos a ir a 40 y vamos a ir a 50 pero sólo voy a teclear 50. Por regla general, trabajar en un logotipo en negro significa que el logotipo funcionará en negro. No tiene que tener colores ahí dentro. Los colores solo agregan esa marca extra de activos dondequiera que sea un color para el activo de la marca o un color de la marca. Generalmente, trabajar en negro da mejores resultados al final. El siguiente problema que tengo es hacer esta línea astuta a su alrededor, la línea orbitante. Hay algunos métodos para hacer esto en Illustrator y en cualquier otro programa vectorial, hay múltiples formas de lograr un efecto diferente o el mismo efecto. El primer camino es que simplemente podemos usar la herramienta de lápiz para hacer esto. Pero no me gusta este método porque a veces lleva años conseguir una linda línea y como se puede ver ahí, no
es la más bonita de las líneas. Para que sea más fácil para mí, voy a estar usando la herramienta lápiz, que es lo mismo que la herramienta de pluma pero un poco más libre de fluir. El grandioso de Illustrator es que no tienes que pagar impuestos sobre ningún producto vectorial aquí porque solo
puedes seguir repitiendo y enjuagando y repitiendo. Con eso, quiero decir que sólo podemos hacer esto y nos suavizará la línea. Sólo estoy dibujando esto con mi ratón. Yo sólo voy a seguir haciendo esto hasta que consiga la forma correcta. Una vez que tenga esa línea real que
quiero, sólo la voy a traer por aquí. Ahora, lo grandioso de que sea vector es que podemos usar cualquier punto aquí dentro. Podemos cambiarlo y manipularlo. Pero he hecho un buen trabajo aquí asegurándome de que esta línea funcione bastante bien. Generalmente ahora esto es sólo una parte del logo que va a funcionar bien, pero necesitamos hacer algunas cosas para que funcione bien, y aún en blanco y negro. Lo que vamos a hacer es crear una nueva Mesa de trabajo, y esto sólo nos da más espacio en la pantalla para hacer cosas para que podamos seguir copiando y pegando el diseño. Voy a ir adelante a Artboard, solo crea otra. Aparecerá. Voy a seleccionar el logo y mantener Alt u Option, y sólo arrastrarlo y eso sólo lo duplicará para nosotros. Lo que no quieres hacer con este logotipo, sobre todo cuando se basa alrededor de un solo camino, es destruirlo delineándolo de inmediato. Queremos mantener una póliza de seguros de nosotros pudiendo volver
al logotipo original y cambiar cualquiera de estos puntos fácilmente. Hacemos eso seleccionándolo y obviamente copiándolo y pegándolo cada vez que hacemos una edición. Voy a tomar esto, lo voy a resaltar y quiero que se convierta en una forma real. No quiero que sea un derrame cerebral. El modo en que hacemos eso es resaltar todo el asunto. Vamos a ir a Object. Vamos a bajar a Path y luego aquí hay una opción llamada Esquema de trazo. Como se puede ver, los contornos han cambiado. Si fuera a entrar,
esto se llama, Vista de esquema, a la
que se puede llegar pulsando “Comando e Y”, puede ver que se trata de los trazos Bezier, que es de lo que se trata el vector. Aquí en el original y por aquí se ha delineado para convertirse en formas reales. Ahora que tenemos la forma delineada, significa que en realidad podemos editarla un poco más agregar color y tenemos un poco más de control sobre los puntos más finos. Ahora, obviamente voy a seguir adelante y copiar y pegar esto de nuevo. Voy a bajar estos ahora porque habrá mucho copiado y pegado. Si te das cuenta, no tengo nada de este espacio negativo aquí. Ahora bien, es importante con espacio negativo en logotipos como este, tenerlo, dar contexto, y también solo que se vea mejor. Es bastante difícil averiguar cómo hacerlo pero la forma más fácil es usar algo llamado la herramienta constructor de formas y la función de trayectoria de desplazamiento. Aquí, voy a seguir adelante y dar clic en esta línea aquí, que está separada. Todavía no queremos fusionar estos juntos. Vamos a ir a Object, abajo a Path, y vamos a presionar “Offset Path”. Ahora, lo que eso va a hacer es que va a crear un offset de esa misma forma exacta a su alrededor y queremos usar ese offset como parte de recortar el círculo original a su alrededor. Voy a presionar “Ok” y puedes cambiar los valores si quieres. Voy a presionar cambiar el color a blanco. Ya verás que parece que está cortado ahora mismo. Ahora, lo que quiero hacer es seguir adelante y no usar todo esto. Yo solo quiero usar esta parte aquí abajo, esta sección para recortar esta parte y el resto de la misma podemos borrar más adelante. Hacemos eso seleccionando sólo el blanco, que se puede ver ahí. Voy a presionar “Shift and E”, que trae una herramienta de borrador. Utilizo mis teclas de soporte izquierdo y derecho solo para aumentar y disminuir el tamaño de la barra. Yo sólo voy a borrar algo de ese blanco lejos de aquí arriba. Entonces voy a poner ahí una línea de borrador masiva que separará a los blancos. Se puede ver ahí ya tenemos un efecto pero el problema es que si lo dejáramos así, tienes una enorme cosa blanca pegándose ahí y no queremos eso. Queremos que realmente corte en la forma y
usamos otras formas en Adobe Illustrator para realmente hacer esto. De la forma en que hacemos esto, es que vamos a resaltar todo y vamos a presionar “Shift y M”. Ahora, esta es la herramienta de construcción de formas y es una característica
bastante nueva en los últimos años que Adobe ha puesto. Es reemplaza la función de buscador de caminos y
hace que sea súper intuitivo y fácil deshacerse de las formas. Puedes ver aquí, ya que me estoy desplazando y panoramizando encima de esto, verás que Illustrator está encontrando diferentes formas y están basadas en las formas de arriba y abajo. Si sigo adelante y dejo decir arrastrado, esto se creará como una sola forma. Pero si presiono “Opción”, se deshará de ella. Puedes construir formas con esta herramienta para asegurarte de que obtienes los espacios negativos que deseas. El motivo por el que estoy tratando de derribar una parte de esto y crear este espacio negativo aquí es porque al bajar la escala de este logotipo, que es lo que será en un icono de aplicación, simplemente se verá como una línea frente a un círculo. Pero queremos ilustrar el punto de que es un planeta. Podemos hacer eso no usando colores, sino mostrando de frente a atrás a través del espacio negativo. Podemos ver aquí que porque el plan ha sido noqueado, o está demostrando que está noqueado, que la línea orbitante está al frente. Ahora que hemos cortado esa zona del círculo o del planeta, tenemos que hacerlo para el otro lado también. Voy a ver si funciona mejor o no. Simplemente repetimos básicamente todo el proceso. Voy a seguir adelante, lo mismo otra vez Object, Path, Offset Path, pulsa “Okay”, cámbialo a blanco, vuelve a
usar el borrador, pero esta vez vamos a duplicarlo de fondo. Yo sólo voy a cortar cualquier cosa que no quiera salir. Selecciona todo, “Shift y M” y con la opción para toda la herramienta. El problema que tenemos ahora es que tenemos montones de pequeñas formas aquí dentro de las que necesitamos deshacernos o fusionarnos y hay un par de formas de hacerlo, pero la forma más segura de hacerlo es yendo adelante y con esto línea, sólo tienes que arrastrar una línea todo el camino a través de las formas hasta que se pusieron gris. Eso significa que nos estamos uniendo a ellos por completo así. Lo que no quiero hacer aún es cortar nada aquí arriba o fusionarlos juntos porque no quiero destruir la obra original. Voy a resaltar este Shift, Option, drag over. Tenemos una versión separada. Entonces voy a “Shift and M” y unirme todos juntos así. Ahora, tengo un logo sin el blanco, pero es todo recortado y se ve bonito y tiene mucha profundidad en él. noventa por ciento del proceso de diseño de logotipos está en papel cuando estás generando ideas y no está en la computadora ni en tu software vectorial. Para este logotipo específico, no
tengo que editarlo mucho dentro de Illustrator porque sé exactamente lo que quiero. Ahora, eso es diferente para otros logotipos, y cada logotipo será diferente. Es posible que tengas que dedicar más tiempo a finalizar ciertos puntos del logotipo, tal vez editando o cambiando la posición o la composición. Para mí, realmente no tengo que hacer eso porque sé exactamente lo que quiero. Pero solo ten en cuenta que puedes pasar el tiempo que
necesites hacer un logotipo mejor dentro de Illustrator. Ahora que tenemos un ícono necesitamos tener un tipo de logo con él también. Este ícono realmente no sugiere lo que hace la aplicación y si vas a un sitio web, cualquier persona con un logotipo de icono generalmente tiene un logotipo con él explicando el nombre de la empresa. Es parte del aspecto funcional de una marca y de los visuales para ella. Tenemos que elegir una tipografía que funcione bien con esto, y hay muchos para elegir. Pero lo que busco es una versión sans-serif para crear este logotipo limpio y moderno.
7. Incorpora tipografía: Voy a seguir adelante y elegir algunas buenas tipografías que pueda usar con ella, asegurándome de que la licencia sea correcta, que realmente pueda usarla con este logo y no meterme en problemas. El estilo de tipografía que busco es limpio y moderno, algo que es escalable, algo que puedo editar fácilmente. No estamos buscando tipografía de ráfaga porque durante las etapas de bocetos, nos damos cuenta de que no necesitábamos eso. No estoy buscando tipografía serif porque las tipografías serif normalmente hablan de viejas, así que no queremos que esto parezca viejo. Queremos que luzca fresco, brillante, moderno, y Sans-Serif siempre es una buena opción para un logotipo limpio. Lo que hago normalmente, puede
que no sea lo que hacen todos los demás, pero me ayuda, es solo anotar Origin. Es sólo el nombre de la empresa en la fuente estándar. En una pizarra separada que voy a crear por aquí, lo arrastraré. Seguiré adelante y buscaré una fuente que me
guste, como ésta que se llama Visby, y solo duplicaré esa fuente. A lo mejor ir por otra que yo sepa, llamada Montserrat. Repetimos este proceso hasta que tengamos algunas tipografías que podamos usar. Por ejemplo, si fuera a poner a Times Roman ahí dentro, estos se ven completamente diferentes en dos mundos diferentes. Tienes algo de la década de 1920 o época romana, parecían viejos. No se ajusta a la marca, como de lo que hablamos al inicio. Entonces tenemos algo que es realmente moderno aquí. Voy a encontrar uno que conozco que va a funcionar llamado Lockdown Sans. En este, tengo las opciones de cambiar el peso y
tenemos una diapositiva que me ayuda y la versión cursiva del mismo también. Yo voy a elegir este de aquí, creo. Pero en términos generales, si tienes una idea de una fuente que quieres usar, asegúrate de que la licencia sea correcta, que realmente puedas usarla, pero también ponerla en un tablero de arte. No tengas miedo de llenar tus tableros de arte y tu Adobe Illustrator con montones de fuentes e ideas diferentes. Ahora es la parte divertida donde podemos empezar a componerlo. Puedes componer un icono con el tipo de logotipo con bastante facilidad, y solo hay algunas formas en que realmente puedes hacerlo, eso funciona correctamente. Lo que voy a hacer, es tomar mi icono desde aquí, luego lo agrupo para asegurarme de que cuando lo mueva, no me vaya a enloquecer. Voy a destacarlo, copia más. Voy a arrastrar por encima de la tipografía que quiero aquí, que es mi Lockdown Sans. Voy a bajar el ícono. Ahora bien, la parte importante de esto es la consistencia dentro de la tipografía y en el icono. De lo que se pierden muchos diseñadores de logotipos, es el peso del ícono forrado. Ahora, obviamente si tienes un ícono que no es line out, esta línea de salida, entonces esto realmente no aplica. Pero debido a que estamos trabajando con líneas específicas y mucho espacio negativo en este logotipo, similar a la tipografía que estamos utilizando, necesitamos asegurarnos de que estas líneas sean aproximadamente del mismo grosor que las líneas en la tipografía que bueno, para que siga siendo consistente en toda la marca. He elegido este tipo de letra porque sé personalmente experiencia que este logotipo va a funcionar bien con Lockdown Sans, y usted puede estar pensando, ¿debería saber esto? En términos generales, se necesita tiempo y experiencia para saber qué tipos de letra funcionan bien con qué iconos y qué tipos de letra usar. Pero hay algunas reglas generales, como no usar una versión serif de la tipografía. Por ejemplo, te mostraré. Si fuéramos a armar estos juntos, se
puede ver que hay un problema masivo con la forma en que es esto. Se ve poco profesional porque no se ve consistente con el ícono. El ícono se ve moderno, pero la tipografía parece vieja y no queremos tener eso. Pero en términos generales, si te estás quedando con una fuente Sans-Serif para un icono o un logotipo como este, entonces realmente no puedes ir mal, pero puedes pasar tiempo mirando diferentes fuentes. Simplemente puedes seguir copiando y pegando diferentes fuentes hacia abajo en una línea, para que puedas ver cuál funciona mejor. Aquí te dejamos un proceso de diseño de logotipos que he hecho para un cliente en el pasado y por aquí
puedes ver literalmente he ido todas las diferentes combinaciones de colores para el ícono, y también he ido adelante y hecho montones de diferentes combinaciones de tipos de letra que podríamos utilizar potencialmente. Esto fue para el cliente, más aún, para mí mostrarles por qué algo así no funcionaría bien contra algo como esto, como una tipografía, y se puede ver que hay una diferencia masiva. Puedes decir cuál es mejor de inmediato porque las
pones por completo y solo encuentras el que encaja con el ícono. Ahora que tenemos la tipografía de elección, todo eso, y aquí tenemos el logotipo, es hora de delinear la tipografía, y mucha gente se olvida de hacer esto, pero es súper importante. Ahora, tipo hay vector pero no actúa como un vector porque está en sólo el modo de mecanografía. Para que pueda seguir escribiendo palabras dentro de eso si quisiera. Pero lo que necesitamos hacer dentro del ilustrador es crear contornos de esto, que lo hará como una forma. Simplemente haz clic con el botón derecho en él y pulsa “Crear contornos” y ahora la palabra es solo una forma. Todas las letras que puedes editar y puedes ver cómo se construye realmente también, y tienes todos los puntos para cambiarlo de la forma que necesites. Esto es ideal para la hora de personalizar la tipografía si es necesario, y también te da el máximo control del espaciado también. Una vez que tienes tu tipografía ahí y la has delineado, solo
está dispuesto, notarás que podría haber algunas diferencias y
algunos problemas en el interior entre el espaciado de las letras. Ahora bien, si no lo puedes ver, eso está absolutamente bien. Se necesita de nuevo, años de experiencia en diseñar tipografía y también ser diseñador para ver realmente los problemas dentro de las formas de letra, el kerning. Lo que voy a hacer, es mostrarte y voy a corregir el kerning interior de esta palabra para que se vea completamente bien, así que no sólo parezca que alguien ha escrito la palabra origen. Voy a destacar esto. Voy a desagrupar haciendo clic derecho. Ahora me da acceso a cada una de estas fuentes de letras. Lo que busco es tener un espaciado parejo a lo largo, ópticamente, no matemáticamente. Si lo haces matemáticamente, saldrás mal porque la forma en que nuestros ojos miran la tipografía es completamente diferente a lo que las Matemáticas dirían que veríamos. Por ejemplo, la R necesita estar más cerca de la O, porque en este momento está demasiado lejos. Si bien matemáticamente está en la posición correcta, necesitamos traerlo, de lo contrario, sólo se verá cuando sea pequeño, extraño. Haremos lo mismo por el yo, solo lo
traería por un punto, y estoy usando mis teclas de flecha aquí sólo para traerlas. Es más como prueba y error. Lo único que puedo ver aquí es el yo otra vez, es origen está un poco demasiado lejos. Voy a sacar esto otra vez por una. Estoy escalando adentro y afuera porque quiero ver cómo se ve cuando es pequeño, y también quiero ver cómo se ve cuando es grande. Es realmente importante a la hora de intentar decidir si funciona un logotipo, especialmente un tipo de logotipo, si funciona cuando es pequeño. Si desmoronamos estas letras demasiado juntas, cuando sean pequeñas, se van a fundir en una, y no queremos eso. Queremos darle a cada letra forma su espacio a su alrededor para que se pueda ver grande y pequeño. Puede que no note una enorme diferencia, pero por aquí esta es la correcta enlatada, la posición correcta de cada forma de letra, versión del logotipo y aquí está la versión no correcta. Ahora, cuando me alejo, podría exagerarlo un poco, pero se puede ver el I y el G, en la versión no exagerada de la versión original es espacio, muy extraño comparado con el de aquí porque crea una brecha lógica que la realidad. Al acercar y alejar, en realidad, te ayuda a ver si el kerning es correcto. Porque puedes ver aquí en la versión original que he destacado ahí, el logotipo R, I y G del Origin se ve demasiado lejos, no
parece que esté todo junto. Pero en el recién enlatado, así que la versión correcta, la R, I y G y la O, están todos bien juntados, por lo que parece un bonito logo. Todo está bien y ópticamente enlatado a lo que vería el ojo humano. Si eres un nuevo diseñador o alguien que solo se está metiendo en el diseño del logotipo, no
te dejes posponer por kerning. Es algo que requiere mucha experiencia, se
necesita mucho mirar la tipografía para dominar, y ni siquiera soy un maestro en ello. Yo siempre cometeo errores en ello, también. Si crees que hay algo mal con tu logotipo o el espaciado real entre las letras, simplemente juega con él y ve qué puedes hacer. Tenemos el logo todo configurado y todo ha sido [inaudible], ahora es el momento de agregar el color.
8. Elige el color: En esta lección, voy a estar mostrándote cómo escoger colores y las mejores prácticas de poner los colores en tu logo. En aras del tiempo, ya
tengo mis conjuntos de colores, he elegido previamente. Te voy a mostrar cómo los elegí y las razones detrás de ello. Por aquí tengo una foto de algunas muestras de color de mi pizarra de humor. De verdad elegí los colores del tablero de humor
porque me dio toda la inspiración que necesitaba. Como dijimos al inicio en mi mapa mental, estaba hablando de que los colores eran brillantes, como el neón, una especie de explosión de nova. Aquí está mi tablero de humor y tengo mis colores ahí y tenemos códigos debajo de los colores. Estos sólo se llaman códigos hex, que son pedacitos de código que pones en el selector de color dentro de cualquier aplicación, y te dará exactamente el mismo color. A partir de aquí, lo que decidí hacer fue escoger obviamente el blues, y los rosados, y los morados. Como puedes ver aquí tenemos un azul y un morado de esta imagen porque esto realmente me mostró lo brillante neón que quiero que consiga el diseño y tiene que
ser brillante para caber en este ícono de la app y para que destaque. Como puedes ver en el tablero de humor, el color principal que ves es el azul. No quiero alejarme demasiado de eso. Tenemos azul y luego tenemos este tipo de verde neón. El motivo por el que sé que este verde claro funcionará con el azul no es sólo porque está cerca del azul, sino también matemáticamente, solo
funciona bien en el círculo de color. Se puede ver aquí si entramos en las teales, entramos en los verdes y es como este azulado, más verdoso azulado. Funciona bien contra el azul y el morado. La idea de lo que voy a estar haciendo en este logo es crear un gradiente para agregarle la profundidad extra moderna. Lo que voy a hacer es resaltar mi mesa de trabajo, seguir presionando “Shift” y “O”, sólo
voy a, como lo haría normalmente con una forma, presionar “Alt” y arrastrar hacia abajo y eso copiará mi mesa de trabajo por aquí. Eliminaré todas las demás cosas que no necesito. Sólo necesito el logotipo por sí mismo. Voy a volver a copiar este logo porque quiero una versión negra. Siempre quiero mantener ahí una versión negra para asegurarme de que cuando agrego color, no vaya a influenciarlo demasiado porque quiero que funcione en blanco y negro súper malo. Voy a llevarme mis colores por aquí y esto es sólo una imagen. Si estás en Adobe Illustrator, lo que puedes hacer es crear algunas muestras de color muy fácilmente a partir de esta imagen. Entonces lo que voy a hacer es presionar “I”, lo que trae arriba la herramienta cuentagotas. Yo sólo voy a dar click en el color y verás que en tu panel de muestras que el color ha aparecido. Simplemente voy a seguir adelante y presionar “Plus”, presionar “Ok”, y va a crear una muestra para ese color. Déjame repetirlo por los otros colores que tenemos aquí. Alternativamente, en realidad puedes tomar cada uno de los códigos y puedes introducirlos en el selector de color aquí abajo, y puedes ver que cada uno de los códigos está perfectamente ajustado a lo que debería ser. Quiero crear algunas variaciones diferentes del color. Creo que es realmente importante asegurarnos de que elegimos el color correcto y decidir si un gradiente funcionaría mejor. Ya sé que lo hará, pero de nuevo, voy a explicar por qué. Voy a destacar aquí todo mi logo. Yo sólo voy a presionar el azulado, eso es muy brillante. Presiona el morado y bajaré aquí y presionaré el azul. Estos son nuestros colores principales. Obviamente, prefiero el morado como color base, simplemente porque no es tan normal como el azul y no es tan brillante como el verde. El verde es demasiado contrastante del fondo. Hace que tus ojos se entrecerran. Queremos un color que puedas leer cuando sea grande y pequeño, que es una especie de azul y el morado, y el morado sólo se ve más bonito. Para la versión gradiente del logo, voy a, de nuevo, duplicar todo el diseño. Hay mucha duplicación en esto y voy a seleccionarlo e ir a mi caja Gradient. Si no ves la caja de gradiente, tienes que ir a Ventana y asegurarte de haber seleccionado Gradiente y conseguirás esta pequeña caja aquí. Con eso, voy a ir a mis muestras de color
aquí abajo y ahora nuestras muestras de gradiente que puedes obtener. Entonces solo voy a presionar en blanco y negro y verás que se va todo funky así y no se ve muy cool. Pero lo que podemos hacer es cambiar realmente el gradiente muy fácilmente añadiendo aquí las muestras dentro de esta barra. Lo que voy a hacer es arrastrar en el azul y voy a arrastrar en el morado. Ahora tengo un gradiente de azul y morado todo el camino. Pero parece extraño porque cada letra tiene su propio pequeño gradiente. No queremos eso. Entonces la forma en que arreglamos esto es resaltando el logotipo, presione “G”, que nos da la herramienta de gradiente, no la caja, y simplemente arrastramos. Arrastramos en una dirección diferente y eso va a crear un gradiente ahí, y quiero seguir adelante y simplemente seguir duplicando esto hasta obtener una dirección de gradiente que me gusta. Aquí tengo algunas versiones diferentes del gradiente y tenemos una aquí donde tenemos el azul a la izquierda,
a la derecha con el morado y es un gradiente muy sutil, realmente no le agrega cargas. Por aquí tenemos una versión donde el morado está la izquierda yendo a la derecha y luego abajo a arriba. Tenemos tres versiones diferentes. El problema que estoy teniendo aquí es que no quiero que el logotipo de origen tenga algún gradiente en él porque como puedes ver, se ve un poco naff. En realidad no se ve profesional. Queremos aislar ese gradiente en el icono. Lo que voy a hacer es que voy a, de nuevo, duplicar esto y voy a asegurarme de que esto sea sólo el morado por ahora. Vamos a cambiar el gradiente dentro de éste ser un poco más pequeño por lo que funciona bien a un costado. Podría agregar otro gradiente dentro de aquí, otro color dentro. Pero como puedes ver, se va un poco sesgado con la forma en que se ve. Realmente no concuerda con la marca. Entonces, cuando estés agregando gradientes, asegúrate de que solo añades colores muy sutiles. De lo contrario, empezará a parecer menos profesional de lo que debería. Todo lo que estamos tratando de hacer es insinuar hacia un poco de gradiente o un poco de eso a partir de ahí. Ahora que tienes el color todos los conjuntos y has elegido qué diseño que más te gusta, tienes la topografía, todo está ordenado, lo que podemos hacer ahora es empezar a probar cómo se verá esto como una app icono. Lo que sabemos es que los iconos de la aplicación están todos enmarcados en una pequeña burbuja y vamos a crear uno, poner el icono dentro de él y
ver cómo reacciona, ver cómo funciona, ver si se puede usar como icono de aplicación para que funcione. Voy a crear una nueva mesa voy a arrastrar sobre mi logo que más me gusta,
que probablemente es éste, que probablemente es éste, y solo el ícono porque en un ícono de aplicación, realidad no
necesitamos tener toda la palabra burlarse de ahí también. Esto sólo tiene que ser identificativo. Entonces lo que voy a hacer es que voy a crear un cuadrado, sólo un cuadrado igual aquí. Al mantener pulsado “Shift” con el botón cuadrado lo limitará así. Si soltamos Shift
, creará un rectángulo. Así que solo sigan sosteniendo “Shift” y vamos a dar la vuelta a las esquinas. Cuando vuelvo a mi herramienta de selección, conseguimos estas pequeñas burbujas a un costado, vamos adelante y las redondeamos así, todo el camino hasta que parezca un ícono de la app. Vamos a arrastrar en nuestro diseño de logotipo y me voy a asegurar
haciendo clic derecho y seleccionando el diseño del logotipo, lo
voy a arreglar para llevar al frente porque quiero que el diseño esté al frente en el orden de capas. Entonces voy a elegir el color blanco. Esta es una forma muy básica de crear un icono de aplicación y ver si funcionará correctamente y podemos cambiar los colores en
el ícono de la aplicación real también. Por ejemplo, podemos traer esto, podemos duplicarlo. Podemos seleccionar sólo el cuadrado, obtener la herramienta de gradiente y mover el gradiente a un patrón diferente allí. Ahí vamos. Tenemos eso funcionando como un ícono de la app. Si me alejo, funciona, cuando hago zoom, funciona, y se ve bien. Entonces ahora que tenemos el logo todo hecho digitalmente y todo coloreado en, es momento de hacer algunas maquetas. El propósito de estas maquetas es mostrar cómo se vería en la vida real sin tener que gastar dinero en una impresora o así sucesivamente para hacer una camiseta o en una tarjeta de visita. Es bueno mostrarles estos maquetas a los clientes porque va puentes esa brecha entre la fantasía y la realidad.
9. Crea prototipos: En esta lección, voy a estar mostrándote cómo poner tu logo en una maqueta y las razones por las que debes hacer esto. Vamos a cambiar de apps con esto. No podemos usar Illustrator realmente para maquetas ya que todo se trata de vector. Voy a estar usando Photoshop, y vamos a usar un maqueta predescargado el cual
puedes obtener versiones gratis de stock de Adobe, puedes comprar maquetas online, hay miles de ellas para elegir y yo siempre solo busca maqueta de logo para conseguir uno. Aquí hay una maqueta que previamente descargado y vamos a usar esta. El logo que hay ahí es el marcador de posición uno para mostrarte cómo se verá. Este es uno genial porque te muestra cómo se vería un poco más texturizado, por lo que se ve realista. Se pueden conseguir cientos de diferentes. Todo lo que tienes que hacer realmente dentro de Adobe Photoshop es hacer doble clic en el Objeto Inteligente. Un Objeto Inteligente es sólo un objeto que se puede editar dentro de él. Al hacer doble clic se abrirá otro documento. Es posible que no veas el cambio, pero tenemos otro documento ahí y luego volvemos a hacer doble clic donde dice Reemplazar y ponemos nuestro trabajo en eso. Tienes tres lugares aquí, este es el final, esto es como este Smart Object y esta es la parte del logo aquí donde ponemos el logo dentro. Todo lo que voy a hacer es que voy a tomar una versión en blanco y negro dentro de Adobe Illustrator, que es ésta de aquí. Vamos a copiar esto destacando y presionando Comando C y voy a volver a Adobe Photoshop, y sólo voy a ocultar este logotipo aquí. Voy a presionar Command V para pegarlo dentro de un Photoshop como Objeto Inteligente, presiono “Ok”, y luego voy a escalar esto proporcionalmente y a partir de aquí, sólo
voy a presionar Command S, que va a guardar el Objeto Inteligente. Cuando volvamos al interior de esta pantalla aquí, verás que el logotipo se ve automáticamente bonito y se está creando como un Mockup de Objeto Inteligente adecuado. Encontré esta maqueta en mercados creativos, pero hay miles que puedes elegir entre diferentes sitios web, incluso
puedes crear la tuya propia. Si buscas en YouTube, hay tantos tutoriales sobre crear tus propios maquetas. Pero en términos generales, quieres una maqueta que muestre cómo sería el logotipo cuando está impreso, cuando está en tapete, cuando está en un vehículo, dependiendo de lo que haga la empresa, quieres el mock- arriba en eso. maquetas son realmente buenas para presentar trabajo a los clientes y parte de tu trabajo como diseñador de logotipos es presentar bien el trabajo. Del lado maqueta de la misma, realmente vende la idea a los clientes para los que estarás trabajando. Tengo el camino Apian aquí, y esta es una presentación que uso para cuando estoy presentando una idea de logo que se puede ver en esta diapositiva aquí, al instante
tengo todas estas maquetas diferentes con el logo en ellas. Se ven reales y está destinado a lucir real, para realmente vender al cliente la idea de la marca que he creado para ellos y realmente muestra los diferentes productos, muestra
cómo
funcionan cada uno de los elementos del logo juntos en artículos pequeños así como los artículos grandes. Tener maquetas alrededor de tu proceso de diseño, especialmente para cuando estás presentando a los clientes, realmente
puede sellar el trato siempre que elijan tu logo o no. Aquí hay una maqueta que tengo y se la compré a Yellow Images. Tienen maquetas increíbles para como ropa,
ropa, partido, cualquier cosa que se te ocurra. Lo que vamos a hacer es mostrarte por qué puede parecer en una camiseta, sobre todo si origen iba a ser empresa de ropa o como algo de moda, entonces esto realmente se lo venderá al cliente. Voy a seguir adelante y volver a ir a los Objetos Inteligentes, cada maqueta debería tener como un Objeto Inteligente y vamos a llegar al frente Sólo voy a hacer doble clic en esto. Vamos a volver a Adobe Illustrator y sólo podemos copiar el logotipo directamente de Adobe Illustrator no tenemos que guardarlo ni nada. Entonces Comando C, vuelta a Photoshop, solo
voy a ocultar esta primera capa y simplemente pegarla como un Objeto Inteligente aquí. En realidad podemos cambiar el color de esto más adelante si es necesario. Sólo voy a presionar save por ahora, y podría parecer un poco raro. Se ve loco raro ahí. Todo lo que tenemos que hacer es fregar de esta versión donde deberíamos ponerlo. Si vamos a hacer una versión en blanco y negro vamos a cambiar el color del logotipo a blanco entrando en los Estilos de capa, podemos ir a los cambios de superposición de color para como un blanco agradable. El fondo puede ser negro con Smart Objects y hacer maquetas, es un caso de solo prueba y error y cada vez que lo guardemos, tardará un momento en actualizarse. puede ver que se ve un poco loco. Tenemos que cambiar los otros Objetos Inteligentes también, simplemente los
cambiamos a negros haciendo doble clic y guardándolos. Como puedes ver que tengo el logo justo en esa camiseta, puedes hacer lo que realmente quieras y puedes agregar
cualquier diseño que te guste pero cuando se trata de diseño de logo, tener un logo ahí para que el cliente lo vea casi lo puede sentir porque se ve tan real, realmente les
venderemos la idea de tu diseño.
10. Reflexiones finales: Enhorabuena, lo lograste hasta el final de la clase. Espero que ustedes tengan más confianza en diseñar logotipos, y también divertirse más con él que nunca. Estoy muy emocionado de ver lo que has creado, así que no olvides publicar tu trabajo en la galería de proyectos, para que pueda dejar comentarios y tú puedes hacer preguntas y yo puedo responderlas. Muchísimas gracias por ver. Espero que lo hayas disfrutado tanto como yo, y te veré la próxima vez.
Will Paterson, Graphic Designer & Hand Lettering Artist
