Diseño de logotipos con Adobe Illustrator

1. INTRODUCCIÓN: [ MÚSICA] ¿Estás planeando diseñar un logotipo pero no sabes por dónde empezar? Déjame ayudarte. Soy Martin. Tengo más de 20 años de experiencia como diseñadora gráfica, ilustradora, e instructora certificada por Adobe. He trabajado con empresas como BBC, Disney, Google, IKEA, y no puedo esperar a compartir mis mejores prácticas contigo. Este es un curso práctico aerodinámico que se centra en un proyecto de diseño de la vida real. Te estaré caminando por todo paso paso a paso, y obtendrás todos los archivos de ejercicio para que puedas seguir adelante. En caso de que prefieras no copiarme, también puedes seguir mi flujo de trabajo usando activos alternativos proporcionados, y crear algo completamente único que puedas mostrar en tu portafolio creativo. Estoy bastante seguro de que este curso te inspirará a crear algo increíble. En primer lugar, exploraremos los diversos tipos de logotipos por ahí, términos importantes con los que debes estar familiarizado, y consideraciones que debes hacer antes de comenzar a diseñar. A continuación, cubriremos las etapas de un flujo de trabajo profesional de diseño de logotipos, breve, investigación, bocetos, diseño vectorial, y presentación. Estaremos utilizando Adobe Illustrator para la mayor parte del proceso, aparte del boceto, que voy a estar haciendo en Procreate. No obstante, puedes hacerlo en papel, o con cualquier otra herramienta de dibujo o aplicación que prefieras. Al finalizar el curso, también cubriremos cómo crear y estructurar una guía de marca para tu cliente. Además de todo lo técnico, también cubriremos alguna teoría importante del diseño gráfico que podrás aplicar en cualquiera de tus futuros proyectos creativos. Puedes unirte a este curso sin ningún conocimiento previo en ilustración de diseño gráfico, o aplicaciones de Adobe. Pero para completar el proyecto, necesitarás acceso a Adobe Creative Cloud, y una computadora de escritorio o portátil. Pero ahora es el momento de empezar a crear. Te veré en la próxima lección. [ MÚSICA] 2. Tipos de Logos: El diseño de logotipos es uno de los temas más comúnmente discutidos en Diseño Gráfico. Eso se debe principalmente a que la mayoría de las personas, ya sean diseñadores o no, están bastante opinionadas sobre las marcas que les gustan y las que no lo hacen. El logotipo, en cierto modo, es la esencia visual de una marca o de una empresa. Es por eso que como Diseñador Gráfico, si alguna vez estás diseñando un logotipo para una empresa, realmente estás asumiendo un trabajo altamente responsable porque estarás definiendo esta herramienta crucial de comunicación visual para el cliente, y a pesar de que el logotipo en sí solo forma parte de la identidad visual de una empresa, o la identidad de marca sigue siendo el elemento más importante de ella porque es el que ser visto por la gente más. En primer lugar, ¿cómo podemos categorizar los tipos de logotipos que vemos? Para ello, hay siete categorías principales de las que podemos hablar de las cuales las tres más comunes son Marcas de palabras, marcas pictóricas, y Lettermarks. Un Wordmark o de otro modo también llamado logotipo es un logotipo base tipo que la mayoría de las veces solo tiene el nombre de la empresa y tal vez un lema adicional. Una marca pictórica, o marca de marca, o símbolo de logotipo es un icono o logotipo de base gráfica sin tipografía alguna. Las marcas de letra o los logotipos de Monogram suelen ser las iniciales del nombre de una empresa. Esencialmente, son logotipos que consisten letras sin deletrear un nombre real. Ahora, las otras cuatro categorías también son obviamente muy populares, y estas son combinaciones de las tres primeras que ya discutimos, comenzando con una marca de combinación que probablemente sea la el más fácil de entender. Es una combinación de una marca Lettermark, un Wordmark, y una marca pictórica. Tendría tanto tipografía como detalles ilustrativos. Una marca abstracta es muy similar a una marca pictórica. Pero la principal diferencia aquí es que se trata de una forma abstracta, generalmente una forma geométrica abstracta, por lo que no es una imagen reconocible en comparación con la marca Pictórica. Una marca de emblema es más como un banco que tendría un contenedor la mayor parte del tiempo que mantiene unida tipografía y detalles ilustrativos adicionales. Este tipo de logotipos se originan a partir de las crestas que fueron utilizadas por casas nobles en el pasado, y eventualmente también por artesanos. último, pero no menos importante, los logotipos de mascotas son estos tipos únicos de logotipos donde tendrías un carácter muy reconocible que se hizo equivalente a la propia marca. Ahora, dependiendo del sector en el que la marca es para el que estás diseñando un logotipo, puede tener un gran impacto en cuál de estas categorías funcionará mejor. Se puede ver con marcas de alta moda, es principalmente Wordmarks o Lettermarks que he usado. Si bien hay un par de marcas de combinación, la mayoría de ellas dependerán únicamente de la tipografía. Ya que estamos hablando de tipografía, también es interesante mencionar que la mayoría de las marcas, ya sean de tecnología o de moda, en los últimos años, se han ido alejando del tipo más decorado rostros, incluyendo serif y script a fuentes sans-serif más simples. En el caso de Burberry, no sólo cambiaron la fuente sino que también se deshicieron del detalle pictórico en el logotipo. En general, al mirar el lado izquierdo y derecho en cada una de estas columnas, los cambios más destacados que todos estos logos se volvieron mucho más legibles. Se pueden ver y reconocer desde más lejos, incluso cuando se usan en un formato pequeño. Por ejemplo, incluso en este tamaño, cuando intentes comparar estos logotipos, podrás decir que los del lado derecho definitivamente son mucho más fáciles de leer. Ahora, otra cosa importante de los logotipos es que se supone que son originales, únicos, y algo que se destaca del resto de las marcas. Si bien este debería ser un objetivo que siempre debes tener en cuenta cada vez que estés diseñando logotipos, aceptar también el hecho que no hay nada nuevo bajo el sol, y casi todos tipo de combinación ya se ha hecho de una forma u otra. Sólo unos pocos ejemplos. Estoy seguro de que estás familiarizado con el logotipo de Beats, pero es casi una estafa directa de este logotipo de Stadt Bruhl 1971. Incluso las proporciones son muy similares, pero Beats no fue el primero en copiar este diseño. Incluso BigFix tenía algo muy parecido. A pesar de que está al revés, logotipo de Priority Parking también es muy similar. Otro buen ejemplo es este par de logos, Sun y Columbia. Pero probablemente recientemente el logotipo más controvertido tiene que ser el nuevo nombre de la compañía de Facebook y su logo Meta que es extremadamente similar a muchos otros logos como este aquí arriba de ella. Siempre que estés diseñando logotipos, solo recuerda hacer alguna investigación antes de comprometerte con un diseño. Si encuentras algo muy parecido a la idea que tienes, sobre todo entre los competidores de tu cliente, entonces realmente deberías volver al tablero de dibujo y refinar tu concepto o tal vez llegar a algo diferente. Ahora, que hemos cubierto lo básico, en el siguiente video, hablaremos de consejos útiles a la hora de diseñar logotipos y también algunas tendencias con las que debes estar familiarizado. 3. Mejores prácticas: Una buena práctica para diseñar un logotipo es comenzar siempre en un blanco y negro. No introduzcas colores en el principio. Siempre debes empezar a hacer bocetos después de recoger algunas referencias e inspiración. Estos bocetos pueden ser inicialmente más sueltos y luego puedes seleccionar los más fuertes y podrás refinarlos más, hasta llegar a un punto en el que tanto tú como el cliente estén contentos. Entonces puedes convertir tu boceto en un diseño vectorial, preferiblemente usando Adobe Illustrator. Ahora, la razón por la cual los logotipos deben ser siempre vector-base, porque necesitan poder escalar desde el tamaño de una pegatina o una tarjeta de visita, todo el camino hasta el tamaño de un avión. Una buena manera de probar si tu logo funciona en un tamaño pequeño es simplemente acercándote y mirándolo desde la distancia. Por ejemplo, este logotipo de aquí mismo, que tiene muchos detalles, al reducirse, será muy difícil reconocer lo que realmente está pasando. Tener muchos detalles en un logotipo no sólo va a afectar la visibilidad y reconocibilidad del mismo, sino que también va a hacer más difícil que la gente lo recuerde. Ahora, para un logotipo memorable, quieres tener significado asociado al diseño o incluso mejor, múltiples significados. Eso nos lleva al consejo más importante que te puedo dar cada vez que estés diseñando logotipos, manténgalo sencillo. Incluso cuando estás mirando el logo de Starbucks, que aún se considera un diseño bastante complejo, puedes contar cómo con el tiempo evolucionó y se volvió más sencillo. Se vería una tendencia similar con las marcas más famosas que su logo acaba de ser más simple y más simple con el tiempo. Aquí también hay una lista interesante que muestra las 100 mejores empresas del mundo, y sus logotipos clasificados por su valor de marca. Los cinco primeros son Coca-Cola, Apple, IBM, Google y Microsoft. A pesar de que de estos cinco, cuatro son empresas tecnológicas, el resto de la lista incluye marcas de casi todos los sectores. También es interesante que el 21 por ciento de los logotipos usaría formas circulares. Circle se percibe como la forma geométrica perfecta y más equilibrada, por lo que esa es una razón por la que muchas marcas lo usarían. cuarenta y cinco por ciento de estas marcas utilizan el tipo sans-serif. Eso es algo que ya discutimos. Es claro y más fácil de leer incluso desde la distancia. También es interesante, el 34 por ciento de estas marcas utiliza el color rojo. Eso tiene sentido porque el rojo es probablemente el color más poderoso. En realidad es algo que entro en mucho más detalle en el tema de color dentro de este curso. Nuevamente, si te interesa conocer más sobre esto, asegúrate de revisar esa parte del curso. Logos animados como los que puedes ver aquí, también se usan muy comúnmente hoy en día. Pueden abarcar desde simples efectos dinámicos hasta presentaciones de video cortas enteras. Convertir un logotipo en una animación, de nuevo, siempre es más fácil cuando se tiene un diseño más simple. Para poder crear este tipo de animaciones y convertir un logotipo estático en algo más dinámico, necesitarías habilidad y experiencia de diseño de movimiento, y lo más probable es poder trabajar en After Effects o algo parecido a eso. Esta área definitivamente va más allá del alcance de lo que se espera que haga un diseñador de impresión. Cuando se trata de diferentes versiones de un logotipo, más esencial que siempre debes considerar en el diseño son estas cuatro versiones. Tener una versión a todo color sobre fondo blanco y negro, y luego una versión monocromática también sobre fondo blanco y negro. Tener estas variaciones definidas ya va a dar cierta flexibilidad como se puede utilizar la identidad. Pero muchas marcas son en realidad ahora utilizan logotipos variables o logotipos dinámicos, lo que significa que se pueden adaptar al formato y al entorno en el que se utilizan. Podemos ver algunos ejemplos aquí donde un logotipo un poco más complejo puede simplificarse aún más dependiendo del tamaño y contexto en el que aparecería. Pero además de la variabilidad funcional, también hay variabilidad estilística que algunas marcas aplicarían. Al igual que con Apple, en realidad hay muchas variaciones, pero seguirías reconociendo la marca, gracias, de nuevo, a la simplicidad de la forma original. Pero cuando busques ejemplos de logotipos variables, encontrarás muchas soluciones creativas donde el logotipo podría incluso convertirse en un pequeño bloque de construcción que de nuevo, puede cambiar dependiendo del formato se usa. Ahora, mencioné al principio cuando empezamos a hablar de logotipos es que, son parte del diseño de identidad de una marca. A pesar de que es el elemento más importante, sigue siendo solo parte de una colección de elementos que la empresa crea para retratar la imagen correcta a los consumidores. Una identidad de marca incluiría cada forma en la que se va a representar la marca, ya sea impresa o digital. Pero en caso de diseño de impresión específicamente, se puede pensar en tarjetas de visita, cualquier papelería, empaque , ropa, carteles, volantes, folletos, y así sucesivamente. 4. Densidad proposicional: Para comprender mejor cómo funciona la jerarquía visual específicamente en el diseño de logotipos, necesitamos hablar de densidad proposicional. Aquí pensamos en la relación y la proporción entre la cantidad de elementos en un logotipo y la cantidad de significados subyacentes u ocultos empaquetados en ellos. Tomemos este logotipo, por ejemplo, de la campaña presidencial de Barack Obama 2008, que es un brillante ejemplo de cómo la cantidad de significados puede superar con creces la cantidad de elementos utilizados. Cuando hablamos de densidad proposicional, los significados, generalmente nos referimos comoproposiciones profundas y se puede recordar fácilmenteque debido a proposiciones profundas y se puede recordar fácilmente que estos son los significados ocultos o significados subyacentes, por lo que están en el fondo. Los elementos reales que se utilizan en el diseño llamamos proposiciones superficiales. Eso también es fácil de recordar porque están en la superficie, eso es lo que realmente podemos ver. Hay una ecuación matemática muy simple para obtener la densidad proposicional real, solo tienes que contar cuántas proposiciones profundas puedes encontrar y luego dividir ese número con la cantidad de proposiciones superficiales. Por lo que esencialmente cuenta el número de significados que puedes encontrar y dividirlo con el número de elementos utilizados en el diseño. En caso de este logotipo, podemos encontrar 10 significados y sólo tres elementos que se utilizan. Entonces la ecuación es 10 dividida por tres, lo que resulta en un número superior a tres. Ahora, aunque puedas lograr la densidad proposicional sea superior a una, ya estás haciendo un gran trabajo, pero como puedes ver, en este caso, hubo más de tres veces más significados como los elementos reales. Esto, por supuesto, es un ejemplo excepcionalmente bueno para la densidad proposicional, pero sólo para mostrarte el otro extremo, aquí hay un logotipo que obviamente es mucho más grueso en términos de densidad proposicional, y aquí el número es más probable por debajo de uno porque hay más elementos que significados. Sin contarlo, sólo podemos ver de inmediato que tenemos el águila audaz y la bandera americana, que básicamente lleva exactamente el mismo significado del patriotismo. De igual manera, tenemos el texto En Dios Confiamos aquí en la parte inferior, pero luego también tenemos la biblia y la cruz. Por lo que de nuevo, tres elementos sirviendo el mismo significado. no mencionar que hasta el texto se repite, como el Condado de Saint Francois que está escrito aquí por fuera, también es visible aquí en este pequeño mapa dentro del logotipo. Entonces estoy bastante seguro de que incluso sin contar exactamente las proposiciones profundas y superficiales, podemos ver claramente que este logotipo es mucho menos exitoso en comparación con la campaña de Obama. Pero hay muchos otros logotipos que tienen una gran densidad proposicional como el actual logotipo de Airbnb, que a pesar de que es solo una forma abstracta simple, en realidad se refiere a muchas cosas como la gente, lugares, amor, y también la letra A, que es la primera letra del nombre. En este caso, hay dos preposiciones superficiales, la forma, y el texto, pero de inmediato podemos encontrar estas cuatro proposiciones profundas, cuatro divididas por dos, obtenemos dos para densidad proposicional, que una vez más es un logro brillante. Para que una marca sea memorable y las personas puedan reconocerla fácilmente, la efectividad depende en gran medida en la densidad proposicional para la cual, como podemos ver, una de las cosas más importantes es para mantener tus elementos lo más simples o menos posible, y hay un estudio llamado Branded In Memory, que muestra cómo las diferentes marcas son recordadas por el público en general. Aquí, por ejemplo, podemos ver el logotipo de Apple sacado de Memory por más de 150 personas, mostrado de una manera que estamos obteniendo las versiones más precisas ya que estamos llegando a la parte inferior derecha y tenemos los menos precisos aquí en la parte superior izquierda. Los dibujos están mejorando ya que estamos haciendo nuestro camino hacia la esquina inferior derecha, y también hay algunas estadísticas interesantes adicionales aquí en la parte inferior, de las cuales, probablemente la más interesante, está mostrando que el color real del logotipo es gris, pero estos son los colores que la gente usó cuando dibujaban estos logos. A pesar de que la mayoría de la gente usaba gris, también hay mucha gente que usa el negro, e incluso había algunas personas usando azul y rojo en sus dibujos. Ahora, definitivamente, el número más importante aquí es el porcentaje de cuántas personas lograron dibujar una versión casi perfecta del logotipo, porque eso te muestra realmente bien cómo memorable este logo es, y en el caso de Apple, fue de 20 por ciento. En comparación con eso, el mismo estudio exacto resultó en solo 6 por ciento para dibujos casi perfectos para Starbucks y algunas versiones realmente divertidas del logotipo aquí en la esquina superior izquierda, pero el logotipo de mejor desempeño en este estudio fue Target con 25 por ciento de dibujos casi perfectos. Eso significa que una de cada cuatro personas logró dibujar el logo de Memory sin cometer ningún error, e incluso los colores y sus proporciones coincidieron casi perfectamente con el logotipo real de todos estos dibujos. Ahora podemos ver claramente que la densidad proposicional juega un papel muy importante en el diseño de logotipos, pero la lección general que podemos aprender de esto es que pensar en proposiciones superficiales y profundas es algo que también podemos aplicar a cualquier forma de diseño. Por lo que incluso cuando estés trabajando en un folleto, un póster, una revista, o un sitio web, siempre debes preguntarte si necesitas agregar ese elemento adicional y si va a agregar cualquier significado para tu diseño o que sea más fácil para los espectadores entender lo que están viendo. Sólo introducir nuevos elementos cuando sean realmente importantes y cuando ya no hay nada en el diseño que sirva al mismo propósito. Obtener la jerarquía visual bien en tus diseños depende no solo priorizar ciertos elementos sobre otros sino también de tu capacidad para poder juzgar cuáles son los elementos que realmente necesidad en la composición y cuáles son las que puedes dejar fuera. 5. Proceso de diseño de logotipos: resumen: Es casi imposible crear algo excepcional sin antes tener un breve realmente bueno. No sólo se aplica al diseño de logotipos, es más o menos cierto para cada proyecto creativo. Tu responsabilidad como diseñador es realmente asegurarte de que tengas todos los detalles justo antes de empezar con el proyecto. Tienes que sentarte con el cliente si es posible, o hablar a través del breve o los objetivos que te dieron y si algo no está claro, asegúrate de hacer preguntas. Realmente depende de tu relación con el cliente, si quieren ver algunos ejemplos de tu trabajo antes y tal vez señalar algunas cosas que les gustan de él, o tal vez incluso mirar a los competidores logotipos y otra vez, pregunte al cliente, cuáles son los que prefieren. No obstante, normalmente prefiero alejarme de las opciones creativas al principio y concentrarme en cosas como el público objetivo, que son los clientes típicos a los que el cliente le gustaría impresionar y quieren llamar su atención. También es muy importante establecer las expectativas bien desde el principio, por lo que hay que acordar los entregables, qué vas a presentar, cuántas variaciones puede esperar el cliente de ti, también cuántas rondas de revisiones podrás suministrar por el precio acordado. Por último, por supuesto, siempre hay que pedir un plazo. Eso es bueno tanto para ti como para el cliente porque va a mantener las cosas en movimiento y le dará una estructura a tu proceso creativo. Ahora antes de que aceptes algo, recuerda siempre que nunca debes sobreprometer. Asegúrate de que sea lo que aceptes, no solo seas capaz de entregar, sino que también lo más probable es que puedas superar las expectativas. Por ejemplo, si hay un plazo apretado y sabes que puedes hacer, digamos tres variaciones de logotipos en un día, entonces en cambio cuenta y promete, solo dos por cada día que vas a trabajar en el proyecto. De esta manera podrás mantener feliz a tu cliente y se convertirán en un cliente de retorno porque de nuevo, superaste sus expectativas. 6. Proceso de diseño de logotipos: investigación: Pasemos a la segunda etapa más importante proceso de diseño de logotipos, que es la fase de investigación o la recopilación de inspiración. Ahora para esto normalmente uso Milanote, que es una herramienta en línea brillante donde realmente puedes reunir todos los activos visuales o ejemplos que te gustaría usar para un proyecto. Ahora por supuesto, también puedes usar tableros de Pinterest o incluso crear tableros de humor en Photoshop, sea lo que sea que estés familiarizado. Lo importante es recolectar tantos ejemplos como puedas y organizarlos en temas o categorías, lo que sea que tenga sentido para ti. Se puede priorizar mirando logotipos y logotipos de competidores de la misma industria. No obstante, eso podría darte un poco de visión de túnel y es bueno tener un espectro más amplio de ejemplos. Por ejemplo, con este proyecto, pesar de que se trata de un mercado de agricultores, ampliaría mi búsqueda, miraría ejemplos alimentos orgánicos, vida saludable, incluso actividades al aire libre, lo que tenga un tipo similar de audiencia va a trabajar para una investigación y además de ver muchos ejemplos, la razón principal por la que estás haciendo tu investigación es inspirarte y tener ideas expuestas frente a ti. Para este breve, organizo mi investigación en seis categorías principales en función de su estilo, y siempre me aseguro de que no me deje influenciar demasiado, por los ejemplos que recogí o las categorías que creé. Son geniales para establecer alguna dirección y dar un poco de estructura para mi proceso, pero siempre me doy algo de libertad para explorar e incluso cruzar entre estas categorías que creo. 7. Proceso de diseño de logotipos: boceto: La siguiente etapa del proceso es sin duda la más divertida y la más creativa. Esto es cuando empiezas a hacer bocetos. Ahora, si no eres bueno dibujando, no te preocupes porque tus bocetos pueden ser muy simples, pueden ser miniaturas ásperas, en lugar de ser muy detallados. Para ser honesto, no es bueno crear bocetos demasiado detallados de todos modos, porque de nuevo, podrían obligarte a seguir realmente todo y agregar todos los mismos detalles una vez que te metes en el ilustrador. En cambio, es bueno mantenerlos un poco ásperos y dependiendo de tus habilidades de dibujo puedes juzgar qué funciona para ti. Pero por favor recuerda nunca saltar al ilustrador directamente después de haber hecho su investigación. puedes empezar a hacer bocetos Yapuedes empezar a hacer bocetosmientras estás investigando porque, si llega una idea mientras ves algunos ejemplos geniales, debes anotarla abajo y debes grabarla, porque es tan fácil de perder y olvídate, algunas de esas chispas brillantes que obtienes al mirar algún trabajo inspirador. Además es bueno no limitarte, cuántos bocetos creas. Yo diría que mínimo tres es bueno, y probablemente máximo 20, pero puedes tener tantos como quieras. Si tienes más de 10, yo siempre diría, es bueno filtrar las ideas abajo ya, y tal vez seleccionar alrededor de cinco, seis que destaque, y que sientas que vale la pena desarrollarse más. 8. Proceso de diseño de logotipos: bocetos de calcar: Ahora una vez que tengas tus bocetos listos, es hora de saltar a Illustrator. Lo que normalmente haría es configurar una capa de plantilla, que sólo ayude a mantener los bocetos en el fondo y tener todo ajustado para que pueda trabajar fácilmente encima de ella. Aquí se puede ver que ya coloqué en estas imágenes. Son simplemente simples JPEG, y luego voy a hacer doble clic en la “Capa” y elegir Plantilla, luego poner el dim a alrededor del 20%. Puedes mantenerlo más alto o más bajo, lo que te funcione, pero prefiero mantenerlo bastante bajo en cuanto a visibilidad. Esta capa se puede encender y apagar fácilmente pero por defecto, también se va a bloquear. Eso solo te permite trabajar fácilmente en una capa separada encima de ella. Es importante crear esa nueva capa vacía porque Illustrator no te permitirá trabajar en una capa de plantilla. 9. Consejo de Adobe Illustrator: varias ventanas: Ahora, una vez que empieces a trabajar y agregar detalles, aún verás la plantilla debajo. Ocasionalmente, es posible que desee simplemente apagarlo y volver a encenderlo para poder verlo sin el boceto. No obstante, si tienes un monitor grande, o incluso mejor, una segunda pantalla, hay otro método que puedes usar. Simplemente ve al menú de la ventana y elige “Nueva ventana”. Esto va a abrir el mismo documento que una ventana separada, por lo que es un documento vinculado. No es un documento separado. Se puede ver aquí en la parte superior, dirá Versión 1, Versión 2. Sólo para que podamos verlo juntos, voy a elegir “Organizar azulejo”. De esa manera podemos ver las dos ventanas lado a lado. Esto es cuando tienes una segunda pantalla, solo puedes arrastrar una de estas ventanas a ese otro monitor. Pero por ahora, voy a seleccionar esta ventana aquí a la derecha, y voy a apagar la plantilla en esa, que sólo afectará esa ventana de la derecha y no la de la izquierda, aunque sea el mismo expediente. Tener dos ventanas separadas permite incluso ver diferentes capas al mismo tiempo. Puedes seguir trabajando con cualquiera de estos, y los cambios serán visibles en ambos al mismo tiempo. Esto es extremadamente útil específicamente para el diseño de logotipos, donde también puedes usar este método para tener una de las versiones alejada mientras que la otra se amplía. Puedes trabajar en pequeños detalles, pero siempre mantén un ojo en el diseño general. Nunca debes olvidar mirar tu logo desde distancia de todos modos, porque si siempre estás acercado, terminarás agregando demasiados pequeños detalles que ni siquiera serán visibles correctamente una vez que el el logotipo está en uso, impreso en una pequeña tarjeta de visita, por ejemplo. Tener dos ventanas en Illustrator es útil por muchas razones, y por supuesto, a pesar de que son dos ventanas, hay que guardarlo solo una vez. No tienes que preocuparte por cerrar accidentalmente uno de ellos, porque mientras uno de ellos esté abierto, siempre podrás mantener y mantener los cambios que hayas hecho. 10. Consejo de Adobe Illustrator: densidad de líneas: Ahora volviendo a Illustrator, podía ver que estaba dibujando todo sobre los bocetos y recreando todo vectores de bits. No obstante, en este punto, aún no estoy agregando ningún color de campo, sin gradientes, sin colores, solo detalles puros en blanco y negro. El principal motivo por el que estoy haciendo eso es poder concentrarme en cosas más importantes que definirán una buena composición, como el contraste, la densidad de línea, la jerarquía y el equilibrio. Déjame darte un ejemplo rápido. Si acerco más a este diseño, recuerdo originalmente, tenía estas ramas aquí en la parte inferior con el mismo ancho de trazo que el resto de los detalles. Se puede ver actualmente esto es los que son un poco más delgados que las otras líneas aquí en la parte superior. Si entro en una edición esta que por cierto es un símbolo, y aumento el tamaño de los trazos a cinco, que es lo mismo que el resto de ellos, se actualizará por ambos lados porque se configuró como un símbolo. Pero cuando alejamos el zoom, podemos ver cómo se ve con cinco puntos, tamaño de trazo, y cómo fue con tres puntos. Una vez más, ese es el cinco puntos y ahí están los tres puntos. Ahora, es una diferencia muy sutil, pero hay que preguntarse siempre, está ayudando esto a la composición? ¿ Es ese un detalle importante que tener un énfasis tan grande en él? Porque todos esos detalles comprimen, las hojas al lado del otro, realmente crean un detalle ocupado y denso allí. La pregunta es siempre, ¿la necesitamos? ¿ Está ayudando a la composición? En mi opinión, funciona mejor con un poco menos densidad. El foco puede moverse más hacia el centro de la composición donde tenemos la zanahoria y la pequeña ilustración de la firma. Aquí hay otro ejemplo de lo importante que es conseguir la densidad de línea correcta. Aquí fui con un look un poco más tradicional para el logo. Pero se puede ver de nuevo que hice esta cosa división entre las líneas que se utilizan para la ilustración real del personaje en el medio y las líneas más delgadas en el fondo, que se usa más como como patrón. Por ejemplo, si selecciono estas líneas y las aumento hasta dos puntos para igualar el mismo grosor que la zanahoria, podría llegar un poco abrumador. No lo está empeorando con certeza, y tal vez el cliente realmente prefiere de esta manera. No obstante, siento que mantener la densidad de línea más baja en los detalles menos relevantes siempre está ayudando a hacer estallar los detalles importantes y conseguir que los estén enfocados. 11. Consejo de Adobe Illustrator: símbolos: Ahora mencioné brevemente símbolos y los usaría cada vez que tengo múltiples instancias del mismo objeto. Porque al tener una configuración de símbolo, solo puedes hacer cambios en uno y ellos desplegarán los cambios a todas las instancias. Es como trabajar con componentes en Adobe XD y te lo puedo mostrar aquí en este diseño con las zanahorias. Se puede ver aquí en la parte inferior derecha, tenemos el panel Símbolos y todo lo que tengo que hacer es o bien hacer doble clic en uno de estos elementos aquí para empezar a hacer cambios en él. O también puedo hacer doble clic en la miniatura aquí y digamos que vamos a mover estas líneas un poco más cerca. Sólo voy a mover eso hacia arriba y este otro también nos moveremos hacia abajo. Ahora si hago doble clic afuera, inmediatamente actualizará todos los elementos de inmediato. Mencioné que esta técnica también es buena cuando se trabaja en simetría. Una vez más aquí tengo esta configuración del sitio como símbolo y luego simplemente creó un duplicado que se refleja en el otro lado. Esa es sólo otra instancia transformada del símbolo original y cualquiera que haga doble clic en, puedo empezar a hacer cambios. Digamos que sólo cambiamos un poco esta hoja, volteándola, tal vez incluso agregamos una hoja adicional manteniendo pulsada la tecla Alt u Option, podemos duplicarla y colocar otra aquí. Nuevamente, tal vez vamos a rotarlo un poco más allá, y luego hago doble clic afuera, inmediatamente actualizará la instancia reflejada del símbolo. En general, siempre que trabajes en Illustrator quieres ser eficiente y hacer todo de la manera inteligente. No sólo te va a ahorrar tiempo una vez cuando lo configures, sino que también siempre que necesites volver y hacer cambios después de las revisiones del cliente, así que trabaja de manera inteligente y ahorra tiempo. 12. Consejo de Adobe Illustrator: sombreado: Un buen ejemplo sería cómo hago sombreado en logotipos o ilustraciones en general. Para esto, todo lo que necesito es simplemente duplicar y elemento en este caso, solo consigamos este divertido personaje de zanahorias. Copia y pega al frente. Eso es Control o Comando C y luego Control o Comando F. Si miramos nuestro panel Capas, podemos ver que hay dos de los mismos objetos. Por cierto, acabo de hacer doble clic en este grupo para aislarlo, por eso todo lo demás de fondo está atenuado. Ahora que tenemos esta segunda versión, lo que normalmente haría primero es cambiarla a Multiplicar el modo de mezcla y generalmente reducir la opacidad tal vez hasta el 50 por ciento. Ahora eso no siempre es necesario. Depende de los colores o del sombreado que vayas a buscar. Pero además de eso, también me gusta cambiar ligeramente el tono y tal vez hacerlo un poco más cálido o más fresco, nuevo, lo que prefieras. Pero al hacer esto ahora tenemos dos versiones. Tenemos el color original y el color de sombreado, o el color de sombra encima de él. Ahora que tenemos esto creado, podemos abrir otro panel importante llamado transparencia, donde solo tenemos que hacer click en “Hacer Máscara”. Ahora por defecto, esto va a ocultar por completo este objeto, que es genial. En realidad no necesitamos hacer nada más aparte de seleccionar la máscara. Aquí en este panel de transparencia, solo hay que hacer click en esa “Miniatura negra”. También se muestra en el panel de capas, te dice que ahora estás trabajando dentro la máscara de opacidad de ese objeto. No habrá capas visibles en este punto. Pero ahora para revelar partes de este objeto, voy a usar la herramienta blob brush, que está aquí en la barra de herramientas turno B es el atajo y con los corchetes, se puede aumentar o disminuir el tamaño de tu pincel. Quieres configurar el color de relleno para que sea blanco. No necesitas un color de trazo aquí, así que podemos simplemente poner eso a ninguno. Al dibujar con blanco en una máscara de opacidad, vas a revelar todos esos detalles que pintas. Todo lo que voy a hacer aquí es simplemente pintar muy bien sobre esta sección aquí a la derecha. A lo mejor sólo mostrar un poco más del sombreado ahí justo debajo de la ceja. Entonces probablemente haré mi pincel un poco más pequeño y solo voy por aquí debajo de la otra ceja. Tal vez bajo estas líneas también, solo para agregar un poco más de profundidad y con un poco aún más pequeño tamaño de pincel, solo estoy dibujando en la boca y tal vez solo agregue un poco de sombreado debajo los ojos también. En lugar de usar la herramienta pluma para dibujar estos detalles o usar el borrador para eliminar del objeto original, tenemos todo guardado en esta máscara. Si cambio de opinión, incluso puedo mover estos detalles dentro de la máscara de opacidad. Por ejemplo, puedo acercar más, mover estas formas alrededor, redimensionarlas, eliminarlas individualmente sin afectar al objeto original. Eso es solo una cosa que tienes que recordar cada vez que trabajas con una máscara de opacidad, y eso es salir de la máscara. Tienes que volver al panel de transparencia y hacer clic en la otra miniatura y asegurarte de que vuelvas a ver todo en tu panel de capas. Todavía estamos en modo de aislamiento. Pero para salir también de eso, voy a hacer doble clic fuera de la ilustración. Volvemos a ver nuestras capas principales y podemos seguir trabajando con normalidad. 13. Consejo de Adobe Illustrator: flujo de trabajo vectorial: En este capítulo, les voy a mostrar seis versiones diferentes para este proyecto que se me ocurrió con base en mi investigación. Entonces en la siguiente lección, podrás ver todos los ejemplos que he encontrado. Creé estas seis categorías en base a las cuales voy a crear mis logotipos. No obstante, no me estoy apegando por completo a estos estilos. Siempre es un poco de fusión y mezcla de conceptos e ideas juntos. Pero en general, traté de apegarme a estas seis direcciones distintas. Nuevamente, puedes usar mi investigación como referencia para tu toma de este proyecto. No obstante, te recomiendo hacer siempre tu propia investigación adicionalmente a los ejemplos que puedes ver en mi tablero Milanote. Ahora cuando veas estos próximos dos videos, verás una versión time-lapse de la vectorización de mis bocetos en Illustrator. Ahora, tardó alrededor de media hora a una hora recrear cada una de estas versiones, pero las hice más rápido, pero aún explico todas las decisiones importantes que tomé en el camino. Para cada lección de este capítulo, encontrarás un archivo separado de Illustrator que puedes descargar, y ahí, podrás ver mi versión vectorial final sin ningún color. Esta es simplemente la versión en blanco y negro para cada uno de ellos. Hay una versión en color para el concepto lúdico. Para ver cómo he hecho el sombreado en eso, podrás ver en un próximo capítulo. Pero lo más importante, también configuré la capa de rastreo para cada uno de estos archivos. Entonces en caso de que quieras practicar el proceso de vectorización y usar mis bocetos como referencias, puedes hacerlo una vez más descargando los archivos de Illustrator de las lecciones de este capítulo. 14. Dirección del proyecto 1: tradicional: En esta versión, quiero que vaya por un look un poco más tradicional y específicamente la técnica de impresión en relieve de xilografía que quería parecerse. Si no estás familiarizado con la técnica es cuando el artista talla una imagen en la superficie de un bloque de madera y luego dejando las piezas de impresión niveladas con la superficie mientras quita la no-impresión partes. Que las áreas que el artista corta llevan [inaudible] mientras que personajes o imágenes a nivel de superficie llevaban la tinta para producir la impresión. Eso es más o menos por lo que iba por aquí y ya se puede ver mi boceto que tengo todas esas lineas pequeñas para crear el sombreado para la ilustración del personaje y también el fondo. Como se puede ver en el lado derecho, en Illustrator empecé por primera vez con el elemento principal, nuevamente, la zanahoria y estoy usando intencionalmente una línea más gruesa para la zanahoria en este punto, pero que podría cambiar más adelante como se puede ver, ya lo ajusté. Porque siento que sería difícil añadir pequeños detalles como la profundidad aquí en el lado izquierdo y luego lado derecho donde tenemos esas pequeñas imperfecciones. Realmente quería que esta zanahoria se viera un poco más realista en comparación con las otras variaciones del logo así que por eso incluso tengo las raíces visibles en la parte inferior y las hojas son más detallado que en mis otras versiones. Ahora aquí vienen las líneas en el medio y en realidad voy a usar una máscara de opacidad para ocultar esa parte para la zanahoria. Se puede ver en este momento lo escondí temporalmente a mitad de camino y luego ahora está completamente oculto. Traté de mantenerlo no destructivo así que si quiero, siempre puedo [inaudible] después. Pero también quiero mantener todo un poco orgánico y dibujado a mano, por eso incluso mantuve estas líneas no rectas y añadí un par de huecos dentro de ella. Ahora viene la parte cuando agrego el texto, y de nuevo, mi elección para las fuentes está tratando de replicar lo que tendrían estos logotipos de aspecto más vintage. Estoy usando dos círculos, uno para el arco en la parte superior y el otro para el fondo. Eso es bastante importante de hacer porque lo contrario sería difícil manejarlo y ni siquiera serías capaz de tener dos orientaciones separadas en tu texto. Se puede ver que sigo usando el kerning y espaciado para asegurarme de que todo caiga en el lugar correcto y sea fácil de leer. No obstante, esta fuente no es la más fácil de leer. Creo que aún funciona. Aquí, acabo de cambiar de opinión y en realidad siguiendo el boceto, recuerdo que necesito tener el Mercado del Granjero, que es la parte más importante del texto en el centro. Nuevamente, elegí una fuente que realmente complementa muy bien la fuente más script en el círculo así que aquí en el medio tenemos esta bonita fuente Serif negrita, nuevo un poco más tradicional sensación. Al final, e intencionalmente hago esto al final, empiezo a sumar detalles. Primero quise asegurarme de que la composición funcione porque a veces si haces algo como boceto, tal vez no funcione todavía como una obra de arte vectorial. No quiero perder el tiempo agregando todos estos pequeños detalles sin realmente confirmar primero que va a funcionar. Para las líneas en el fondo, me verás usando la herramienta de mezcla así que agregué una línea en la parte superior y abajo y luego usando la mezcla, configuré, creo que 25 o 30 pasos entre esos dos. Para crear un look un poco más orgánico, acabo de usar la herramienta warp para simplemente apretar un poco la línea en la parte superior y en la parte inferior y eso agrega un poco de aleatoriedad a estas líneas, pero aún así los mantiene muy bien organizados, gracias a la mezcla. Lo que estoy haciendo es usar, de nuevo, una máscara de opacidad en esta mezcla y simplemente estoy pintando básicamente con la herramienta de pincel blob en la máscara de opacidad para ocultar estas líneas donde no deberían mostrar. Yo creo ese pequeño hueco agradable entre la zanahoria y las líneas y luego también finalmente decidí añadir un poco más de sombreado a esas imperfecciones solo de nuevo tener un poco más de contraste y también bajo las hojas, casi como un poco de un sombreado adicional más enfatizado para estas zonas. Siento que eso es todo lo que se necesitaba aquí así que solo hago un par de ajustes finales y ahí tenemos nuestra versión final. 15. Dirección del proyecto 2: Monoline: Para esta versión, quería crear un look muy geométrico. Nuevamente, es ligeramente minimalista, pesar de que tiene bastantes detalles. Pero lo más importante, es línea mono, por lo que tenemos el mismo grosor en todas las líneas. Esa fue otra vez una restricción que me puse para esta toma. A pesar de que yo estaba tratando de hacer eso también en las otras versiones, aquí, era un foco primario. Para capturar esa sensación geométrica para el logotipo, me aseguré de que, por ejemplo, para las colinas, solo usé círculos perfectos. Una vez que los tenía todos juntos, seleccioné todos y usé la herramienta constructor de formas para cortarlas en las piezas que necesitaba. A veces, cuando usas la herramienta constructor de formas, también terminas teniendo formas innecesarias. Es bueno deshacerme de aquellos como yo tenía uno ahí en la parte inferior izquierda. Pero ahora que ordeno las cosas, puedo sumar los textos en la parte superior. Estoy usando esta bonita fuente sólida que es muy similar a las líneas que voy a tener en el diseño, por lo que es del mismo grosor en todos los caracteres. Eso funciona bien con este estilo mono-línea, y lo que estoy haciendo ahora es crear las ramas en la parte inferior. En este punto, tuve la idea de mantenerlos completamente rectos. En lugar de tener hojas reales, quiero que solo tenga líneas rectas. Nuevamente, manténgalo muy geométrico y no está mal, pero añade bastante restricción. Yo intencionalmente no quería rotar en nada más desde ángulos de 45 grados y 90 grados. En realidad es bastante complicado recrear una bonita rama, sobre todo en este pequeño tamaño. En un punto posterior, verán que cambié de opinión y en realidad reutilicé otra rama que creé para otro logo. Eso es realmente algo bueno que hacer. Mantén todas tus versiones en el mismo archivo de Illustrator, y luego podrás mover piezas fácilmente de una versión a otra. Además, solo te ayuda a mantener una mente abierta y nunca sabes que podrías encontrar un elemento genial que creaste en una de las versiones que fácilmente se pueden ajustar y reutilizar en otra. Ahora aquí se puede ver que estoy trabajando en el molino de viento, y por las restricciones del peso de la línea, realmente estoy luchando por conseguir todos los detalles necesarios en su lugar. Necesitamos tener ese techo que quería tener en la parte superior, que sería la parte superior de la torre, pero fue realmente difícil que se leyera bien. Otra vez es demasiado denso. Hay demasiadas líneas en un lugar comparación con el resto del diseño. Tendré que volver a eso y ajustarlo más tarde. Pero aquí está la zanahoria, y quería mantener esto bastante abstracto por lo que está en una V, también como un mensaje oculto ahí para la puesta o el sol naciente, con las hojas siendo, nuevo también bastante abstracto, no completamente conectado a la zanahoria. Esto voy a saltarme todo el camino hasta el final, solo refinarlo un poco, asegúrate de que la zanahoria lea bien. Pero en este punto, se ve bastante abstracto y algunas personas podrían no reconocer que siendo una zanahoria ahí. Ya ves que solo estoy ajustando las hojas, asegúrate de que llenen el espacio o llenen el espacio vacío ahí. Estoy luchando por agregar la nube porque de nuevo por las restricciones en el peso de la línea. Es realmente importante conseguir los detalles fáciles de leer incluso desde la distancia. Por eso puedes ver que ajusté el molino de viento. Una torre más alta llena mejor el espacio también, pero también, lo que es más importante, solo consigue el contraste correcto por lo que no hay demasiados detalles en un solo lugar. Ahora, miro esta versión y siento que todavía necesita refinamientos. Una de las ideas que tuve es quizás mostrar la zanahoria, no solo por encima sino también por debajo del nivel del suelo. Eso realmente ayuda a definirlo mejor y hacerlo más reconocible, pero también funciona para dividir el texto en la parte inferior. Tenemos una distinción natural entre el barnet de texto y la fecha a la derecha. Todavía no estaba contento con este día así que fui más allá y solo refiné el peso de la línea y también la copia en la parte inferior. En lugar de tener ese texto ir todo el camino de izquierda a derecha, decidí que las ramas pueden ser un poco más grandes, pero su peso de línea se redujo. De esta manera, no hay demasiado énfasis en ello. En cambio, nos estamos enfocando en el texto principal en la parte superior y la zanahoria en el centro. 16. Dirección del proyecto 3: cresta: Para esta versión, quería crear algo que se parezca más a una cresta o a una insignia. Tener un contenedor muy sólido que sostiene todo junto y sólo para ir con el tema, esto fue casi un poco de un reto para mí. Quería asegurarme de que el elemento focal primario o principal en todas las versiones sea la zanahoria. En este caso, la zanahoria se convirtió en la insignia misma o ese contenedor que va a sostener todo junto. Por esta razón particular, decidí usar aquí una línea mucho más gruesa. Creo que fueron 10 puntos en comparación con cinco puntos que utilizo para los detalles más pequeños como las hojas y esto es en realidad algo que va a cambiar al final se verá. Cambié de opinión porque sentí que ese grosor de 10 puntos era demasiado. Fue simplemente demasiado contraste o densidad de línea en un solo lugar, pero al principio, siempre es difícil decir qué va a funcionar, así que voy a ajustar estas cosas más tarde. Me pueden ver agregando los pequeños detalles en la parte inferior. A pesar de que no hay mucho espacio dentro de este contenedor, sentí que sería bastante agradable tener un poco de esa granja vista en la parte inferior, solo para tener algo de profundidad adicional al logo. Estoy dibujando esto con la herramienta pluma. Se trata de un par de piezas simples juntas. Realmente no tengo mucho espacio para muchos detalles, así que literalmente solo agrego el techo y la puerta, y luego hay un árbol pequeño. Nuevamente, siguiendo el boceto, empiezo con un círculo y luego simplemente ajustar los cuatro puntos del mismo para crear ese pequeño árbol. Ahora que tenemos este detalle en la parte inferior, podremos añadir la copia, y para ello, nuevamente, estoy usando una fuente que elogia o funcione bien con la forma o diseño general de esta variación. Es un poco más voluminoso, sin fuente serif. Quería asegurarme de que llena muy bien ese espacio en la parte superior. Por eso es bastante bueno tener cuatro palabras que tengan aproximadamente la misma longitud porque es bastante fácil trabajar con ella. Si lo tienes, digamos tres palabras en un logo y una de ellas es realmente larga y luego tienes que trabajar de manera diferente con él. Aquí, fue bastante fácil encajarlo en esta forma. La fecha que decidí poner en la parte inferior es un poco difícil de apretar, nuevo, con esta gruesa línea en el contenedor, pero eso es, de nuevo, algo que voy a cambiar después. Pero por ahora, tenemos otro emparejamiento de fuentes. Ambos son sans serif, pero hay un claro contraste entre ellos, por lo que uno de ellos está más condensado, el otro es mucho más grueso y audaz. Ahora estamos creando las ramas del lado derecho y porque la voy a duplicar, sólo tengo que crearla una vez. Es una línea simple y luego solo estamos copiando y rotando esas hojas. Trato de mantener las cosas orgánicas. Por eso no estoy usando un patrón de repetición ni nada por el estilo. No toma mucho tiempo dejar un par de hojas y rotarlas individualmente y moverlas alrededor. Siempre prefiero hacerlo de esa manera cada vez que tengo tiempo. Ahí tenemos prácticamente lista toda la rama y se supone que es [inaudible] pero podría ser cualquier cosa realmente. Acabo de momento estoy agrupando todo y luego creé el reflejo de ello con la herramienta de reflexión. No obstante, desde que grabé este video, Illustrator acaba de lanzar finalmente las opciones de repetición para la versión de escritorio. Esto es algo que ya hemos tenido para Illustrator en el iPad, pero ahora también está disponible en el escritorio. Crear algo simétrico acaba de ser mucho más fácil ahora y esto es algo que he estado esperando tanto tiempo. Tenemos todos los pequeños detalles en las hojas también y aquí están los refinamientos que verán que añadí más adelante, no grabé esto, pero se puede ver la diferencia aquí es principalmente que redují la intensidad o el grosor de la corteza y también en las ramas del costado. Sentí que era un poco demasiado abrumador y quería mantener el enfoque en el centro del logo, en el texto y además tener una línea más delgada me dio un poco más de espacio para jugar con detalles adicionales. Sólo para sumar esos detalles para la zanahoria, creo que son importantes, esas líneas simples, pero también están trabajando para llenar esos espacio en blanco o espacio negativo y además decidí tener las hojas un un poco más detallado y agrega un poco más de profundidad al hacerlos venir delante de la forma principal en lugar de estar escondidos detrás de ella. Esa es la versión final. Espero que te guste. Obviamente, hay algunos errores que puedo ver en las hojas, pero eso se puede arreglar fácilmente más adelante. 17. Dirección del proyecto 4: significado oculto: Originalmente cuando estaba haciendo mi investigación, se suponía que este era el logotipo más simple o minimalista, pero terminó siendo mucho más complejo. Aquí quiero que juegue principalmente con el espacio negativo y tratando de crear una combinación inteligente u mensaje oculto para ello. El mensaje oculto aquí o el símbolo es la canasta, que va bastante bien con el mercado, pero fue un poco complicado conseguir que esto funcione con las zanahorias. Porque como ya dije en otro video, quería mantener la zanahoria siempre como una pieza central o un elemento primario en el diseño. Porque aquí tengo múltiples zanahorias, diseñé para configurarla como símbolo, y luego pude simplemente rotarlas y duplicarlas varias veces. Ahora, la fecha aquí y estimación en 1850 va en el centro, pesar de que es pequeña, va a conseguir una ubicación muy céntrica. Parece que va a estar todavía en foco, sobre todo con todas estas zanahorias, casi como pequeñas flechas apuntando hacia ella. Se necesita un bastante importante colocar el logo, aunque no es la parte más importante de los textos, me gusta bastante la forma en que llena el espacio. Aquí estoy usando de nuevo un círculo simple para textos en la parte superior y en este caso, logré mantener la copia entera, los textos primarios juntos en un elemento. Nunca pasaría por debajo la línea horizontal a la hora de agregar textos en el círculo, por lo que quieres asegurarte de que sea fácil de leer. Eso fue otra vez, otra restricción que quiero que sigas. Verás primero que estoy trabajando para ajustar a cada personaje por cierto, delineé estas pilas para que pueda manipular fácilmente individualmente cada personaje, y realmente traté de trabajar duro para parecerse mi boceto o ir con ese estilo de texto distorsionado o composición. Estoy haciendo muchos ajustes aquí yendo y adelante. Pero solo tengo que darme cuenta de que no funciona o realmente no me gustó la forma en que se ve. En este punto me chatarra eso y uso la misma fuente que tengo en la parte inferior ya. Nuevamente, no quería introducir una tercera fuente es sólo la misma fuente que tengo en la fecha. En lugar de crear una versión gráfica del texto Barnett, solo voy a delinear y hacerlo muy similar al resto del diseño. Nuevamente, va a tener el mismo grosor, pero se mezclará bastante bien en el mango. No tiene que ser tan mezclada para que funcione. Al tener un poco de espacio extra ahí en la parte superior, también podré apretar un poco de detalle del paisaje que teníamos en las otras versiones. Esto es lo que quiero decir como traté de mantener esto simple, esta versión, pero terminé teniendo en realidad bastantes elementos en ella. No es la versión más exitosa, diría yo, porque de nuevo, en términos de densidad proporcional, aquí tenemos tantos elementos como en lugar de una zanahoria, tenemos siete de ellos, y entonces también tenemos ese mango de la canasta, que es otro elemento, además entonces también tendremos todos los detalles paisajísticos. En lugar de terminar con un simple logotipo minimalista, en realidad se convirtió en un bastante complejo. Pero esa es la razón por la que hay que crear múltiples versiones. Porque incluso si sientes que un boceto funciona muy bien al final, una vez que empieces a hacer la versión vectorial del mismo, puede que no sea la mejor. Como siempre, por eso es importante tener múltiples versiones y presentarlas al cliente antes de agregar los detalles finales y colorear y así sucesivamente, etc. 18. Dirección del proyecto 5: juguete: En esta versión, quería capturar un enfoque más lúdico, colorido, caprichoso y estilizado para el logo. Creo que la forma más fácil de hacerlo es tener un personaje divertido. A pesar de que es el mismo elemento principal o elemento que estamos usando aquí, la zanahoria, se puede convertir fácilmente en un personaje simplemente agregando algunas características lindas, los ojos y la boca. Posteriormente también decidí sumar los brazos y tener un poco de actitud por este personaje. Usando esas líneas que tenemos a un costado, que solo también enfatiza la profundidad y hace que parezca un poco más como una zanahoria también se puede utilizar para las cejas, pensé, para esta versión. Estas son las ideas simples y decisiones que ya tomé en el boceto, como se puede ver. Pero entonces puedo refinarlo aún más y ajustarlo una vez que trabajo en Illustrator. Todo el punto de tu boceto es darte una dirección, pero no tengas miedo de cambiar proporciones e incluso detalles más adelante. Pero definitivamente te ahorra tanto tiempo tener estos bocetos porque viniendo con estas decisiones, podría perder horas en Illustrator. Tener listo ese boceto creo que esto sólo me tomó alrededor de 10 o 15 minutos para recrear en Illustrator porque ya tenía un concepto muy fuerte listo. Ahora, ya pueden ver que estoy usando la herramienta pluma aquí para crear las hojas. De nuevo, no me estoy pegando exactamente a cómo he hecho el boceto. No obstante, voy a seguir utilizando tres elementos separados y se colocarán más o menos en el mismo lugar. Sólo estoy usando, como dije, la herramienta pluma. A veces si usas un trazo grueso, podrías estar luchando con esas líneas afiladas. Simplemente puedes ajustar el trazo para tener unas o esquinas redondas o también puedes a veces simplemente ajustar la alineación del trazo para que pueda ayudar a mantenerlo fuera o dentro de la forma, y eso también puede arreglarlo. Pero ahora que tenemos nuestras tres hojas aproximadamente en su lugar, voy a pasar a agregar el texto. Empiezo primero con las líneas. Tenemos estas líneas a izquierda y derecha. Se supone que es una versión muy simplificada y estilizada de una cinta. Nuevamente, intencionalmente no conecté estas líneas. Quiero mantener algo de espacio entre el personaje y esa cinta simplificada. Pero estoy usando la misma forma, así que solo la dupliqué y la roto o la refleje por el otro lado y me aseguro de que estén alineados para que estén en la misma posición. Ahora, estoy agregando el texto, que es obviamente la información secundaria que tenemos aquí en medio y tendré la parte principal de la copia del logotipo en el área circular fuera o alrededor de la carácter. También me aseguraré de que tengamos un buen emparejamiento. Nuevamente, tenemos un contraste entre las dos fuentes. Aquí estoy usando un poco más juguetón tipo fuente de script para el texto principal. Creo que va bastante bien con el enfoque caprichoso, no es demasiado difícil leerlo, por lo que sigue siendo muy legible. Se puede ver cuando llego a hacer el texto en la parte inferior, siempre ajusto el tamaño de mi círculo porque la línea de base que tenemos en la parte superior, tiene que estar alineada con la x-height para el texto en el fondo. Entonces es un poco de ajustar el tamaño, pero asegurándose de que el tamaño del texto real sea el mismo. Así que cuando cambias el tamaño de tus círculos, solo puedes ajustarlo más tarde. Pero es algo bastante rápido y fácil de hacer. Una vez que te acostumbras, solo recuerda usar siempre dos círculos separados para una composición circular con textos como éste. Ahí tenemos nuestra versión final. Siempre puedo añadir detalles adicionales como pequeñas líneas que tenemos en el boceto. Pero en este punto sentí que no es necesario, por lo que ya funciona bastante bien. 19. Dirección del proyecto 6: abstracto: Esta versión fue muy rápida y fácil y sencilla de vectorizar. Para este logo, quiero que mantenga ángulos agudos y lo haga un poco más abstracto y peculiar. Aquí estoy usando la herramienta pincel, o creo que en este caso estaba usando la herramienta lápiz para dibujar el texto. Quiero que vuelva a guardarlo, como dije, un poco aleatorio y otra vez, letras manuscritas a mano digital aquí y para sumar a la peculiaridad, también estoy mezclando letras minúsculas y mayúsculas, como todos los Es, por ejemplo, son mayúsculas. De nuevo, estoy tratando de sumar algunos ángulos agudos en algunos de los personajes como el O. No quería mantenerlo completamente redondo. Está un poco más cerca de ser un cuadrado. Como se puede ver, solo utilicé una fuente para la copia secundaria. Voy a cambiar la fuente más adelante, pero solo la preparo ahí en la parte inferior por ahora. Entonces, una vez que tengas texto con letras a mano en Illustrator, lo sorprendente es que puedes ajustar fácilmente todos los caracteres porque todos son partes individuales. Simplemente puedes seleccionarlos fácilmente y hacer esos ajustes. Ahora para la copia secundaria, quiero que tenga algo que vuelva a funcionar bien y empareja bien con la estética general del logo. Por lo que quiero que lo mantenga todavía bastante angular y tenga esas esquinas agudas en ella y creo que esta fuente funciona bastante bien. Ahora se trata de solo finalizar detalles. Añadí unas líneas, ajusté un poco todo y en general, se puede ver que todavía trato de mantener todo un poco más como un círculo para que a pesar de que no haya caja limitadora o o una cresta sosteniendo las cosas juntas, sigue yendo con esa composición circular que tengo en los otros logos. 20. Proceso de diseño de logotipos: presentación: Mantente en contacto con tu cliente durante todo el proceso. No esperes solo hasta el final cuando tengas las versiones en color. Ya los envían incluso tal vez los bocetos, pero definitivamente las versiones de contorno vectorial sin los colores. Porque esto realmente puede ayudarte a definir la dirección que prefiere el cliente. Realmente puedes enfocar tu tiempo y esfuerzo en aquellas variaciones que le gustaron al cliente. Por último, cuando estés presentando tu trabajo al cliente, hazlo lucir genial e incluir algunas maquetas bonitas porque siempre es más fácil visualizar cómo podría verse como un producto final. 21. Creación de guías de marca: parte 1: La mayoría de los chicos que te voy a mostrar en este video son del sitio llamado brandingstyleguides.com. El enlace está en la descripción a continuación, asegúrate de comprobarlo. Puedes crear una cuenta gratuita y una vez que tengas eso, puedes descargar las guías PDF. Ahora, algunos de estos chicos podrían no ser la versión más actualizada o más reciente para la marca que estás buscando. No obstante, pueden ser aún perfectas para usar como referencias y ejemplos si estás planeando crear tú mismo una guía de marca. Me gusta el hecho de que se pueda buscar con base en el año de publicación aquí en la parte superior donde se tienen los filtros basados en idiomas, el tamaño del documento, incluso países donde se utilizó, e incluso tags o si conoces una marca que estás buscando, solo puedes escribirla aquí en el área de búsqueda. Ahora primero, echemos un vistazo a la guía de Adobe 2018, que es bastante extensa, por lo que tiene alrededor de 80 páginas de largo y por supuesto, para este tipo de documentos, es bueno tener una tabla de contenido donde se puede indicar la estructura de la guía, pero también se pueden incorporar hipervínculos aquí si se trata de un PDF interactivo, que es bastante sencillo de construir en InDesign, por ejemplo. Eso significa que también podemos simplemente hacer click en cualquiera de estas entradas y podemos saltar directamente a esa página dentro de la guía y que en realidad ya es una consideración que tienes que hacer al principio, ya sea que desee construir su guía principalmente para impresión o para uso digital. En los últimos años, estoy viendo cada vez más empresas yendo hacia tener sus guías de estilo y activos todos en línea en un formato interactivo y tal vez ni siquiera tengan un PDF o una versión impresa disponible. Un buen ejemplo para esto son las pautas de activos visuales de Google, que, de nuevo, el enlace está en la descripción a continuación, y esto es en realidad en Behance para que puedas encontrarlo. Está en dos partes y pasa por todos los diferentes detalles de los iconos, cómo se generan y crean, y también cómo se supone que deben usarse. ¿ Cómo puedes decidir qué formato funciona mejor para ti o para la marca con la que estás trabajando? En mi opinión, una directriz interactiva en línea podría funcionar mejor para más empresas digitales. Empresas donde habrá una gran cantidad de papelería y productos físicos como empaques también. Es mejor tener una guía impresa, que por supuesto, siempre puede estar disponible como PDF interactivo al mismo tiempo. Ahora volviendo a la guía de marcas de Adobe. Podemos ver claramente que el primer capítulo se centra en la misión, los valores, y los inquilinos, que son los principios básicos de la empresa y esta es una sección muy importante. Siempre que trabajes con una marca o una empresa y estás creando una guía, realmente necesitas conocerlas antes de empezar a trabajar en la guía para que necesites saber en dónde están el momento, dónde se dirigen, cuál es su público objetivo, cuál es su tono de voz, y en general, ¿cuál es la personalidad de la marca? Aquí hay otro ejemplo, la guía de marca National Geographic. Nuevamente, si echamos un vistazo a la tabla de contenidos, una vez más, comienza con nuestra marca, entonces entra en el comportamiento de la marca, y sólo después de eso comienza a hablar de los ingredientes o elementos utilizados en los visuales para esta marca. Si echamos un vistazo más de cerca a esta sección introductoria, es bueno comenzar con la misión, que suele tratarse de por qué existe la empresa y cuál es su propósito. Esta es la mayor parte del tiempo es el presente de la empresa. Pero entonces puedes pasar a la visión o a las ideas futuras, o donde la marca quiere moverse y cuáles son sus objetivos finales. En general, en este apartado, es bueno tener adjetivos usados que puedan definir la marca. Aquí tenemos premium, ciencia, aventura, exploración, y destino, que describe y encapsula perfectamente la marca. Ahora en algunas guías, también tendrás lo contrario de estas cosas de las que no se trata el branding, lo que también puede ser útil para una mayor aclaración. Por lo general, después de que se cubra la historia de la marca, nos moveríamos hacia los elementos o ingredientes, y probablemente la parte más importante y más conocida de eso es el logotipo. Ahora de nuevo, depende de la complejidad de la marca, esto a veces puede ser una sola página, pero a veces puede terminar siendo un capítulo entero. Echemos un vistazo más de cerca al logotipo de National Geographic. En primer lugar, tenemos el ícono amarillo por sí solo, ese marco, que es realmente bien reconocido, y luego tenemos el bloqueo con el texto al lado y notamos la cantidad de espacio en blanco o negativo espacio utilizado en esta página. La página no está abarrotada y abarrotada realmente se centra en los elementos y para qué se utilizan. Además, es una buena práctica construir la guía en sí utilizando las fuentes que se aplican a la marca e incluso a los colores. Ya podemos ver eso en esta página y realmente sólo unifica toda la experiencia de marca. En la segunda página, tenemos más información sobre el eslabón, que es además cómo se puede utilizar en diferentes formatos y también cuánto espacio es necesario entre el logotipo principal y el eslabón. Después nos movemos a una sección en la que explica cómo no usar el logotipo. Esto también es muy común y una gran manera de asegurarse de que todos los socios y todos los que van a trabajar con la marca, terminen usándolo de la forma en que se suponía para ser utilizada. Esta es la parte que normalmente llamé, no te metas con nuestro logo. Entonces tenemos un par de ejemplos adicionales. Nuevamente, variaciones sobre cómo no estropear el logotipo. Después llegamos a la siguiente sección, que también es muy crucial para la mayoría de las marcas. Es color, y en el caso de National Geographic, es bastante simple. Tenemos el negro y el amarillo, pero con otras marcas, esto puede ser un poco más complejo. Con la guía de la marca Animal Planet de 2008, explica que existen 10 variaciones de color diferentes además de la versión en blanco y negro del logotipo y de éstas, este tono verde amarillento es el héroe colorea así que eso es como el uso del color primario, mientras que los otros son colores más soportantes, estos también se les puede referir a veces como colores primarios y secundarios. En el caso de British Airways, por ejemplo, incluso hay un gráfico que muestra el porcentaje o prioridad de los colores asociados a la marca. El azul es definitivamente su color héroe, seguido del blanco, luego rojo, y luego por fin comprar gris y también pueden tener una paleta invertida donde blanco se convierte en el color primario, seguido de azul, rojo, y luego otra vez finalmente por gris. Tener un porcentaje o un gráfico comparativo que muestre la diferencia entre el uso de colores siempre es útil porque realmente ayuda de nuevo, entender cómo trabajar con la marca como diseñador. Es algo similar con la guía de marca para la Cruz Roja Americana donde, una vez más, tenemos las diferentes versiones del logo. Después llegamos al área de color donde vemos el paladar primario, secundario y también hay una parte neutral. Pero lo que es más importante, tenemos la proporción de color aquí una vez más, mostrando que la luz es el color más importante y luego con el tamaño, está muy bien representando las proporciones o la jerarquía entre los colores. 22. Creación de guías de marca: parte 2: Es importante recordar que las guías de marca no son todo acerca de visuales. También se trata de cosas como el tono de voz. Ya que estamos aquí, me gusta mucho cómo explica la Cruz Roja que cómo hablamos es tan importante como de lo que hablamos. Esa es una gran declaración para empezar. Entonces le siguen estos titulares, edificantes, invitantes, empoderadores, personales. Por cierto, esta guía de marca es un solo póster por lo que toda la información relevante se comprime en esta sola pieza. Podría haber también una versión más extendida de la guía de marca, pero también es bueno tener en cuenta que es posible utilizar una sola página y aún tener todo lo relevante información incluida. Esa es otra cosa que debes tener en cuenta y tienes que asegurarte de tener el mismo entendimiento con tu cliente. A pesar de que son una empresa pequeña, sus pautas de marca podrían ser un documento largo porque les gustaría especificar muchas cosas, mientras que otras empresas podrían ser enormes, pero son contentos con una guía de marca más pequeña que realmente se centra en los aspectos importantes de lo que les gustaría definir como estándares. A lo que usted como diseñador necesita prestar atención es el nivel de restricción. Se trata de un buen equilibrio entre mantener una marca flexible, permitiendo cierta creatividad y libertad en cómo usas sus activos, pero siendo lo suficientemente rígido como para mantener a la marca reconocible y consistente. Otra gran sección en la mayoría de las guías de marca sería sobre imágenes. Sobre todo con marcas muy visuales como National Geographic, esto es, por supuesto, crucial. Es interesante ver cuáles son los tres filtros principales que utilizan para elegir las imágenes correctas siempre que quieran representar a la marca. La primera es que necesitan tener siempre un elemento humano. Quieren mantener eso y evitar simplemente mostrar paisajes sin ninguna representación humana. El siguiente concepto clave es la inmersión. Quieren que realmente te sientas como si estuvieras presente y estás en ese lugar que están mostrando. Cosas así realmente pueden ayudar a elegir el tipo correcto de composiciones para la marca. último, pero no menos importante, lo que podría recordar fue su eslabón también. Se trata de amplios espacios por lo que mucho uso negativo del espacio además del tema o detalles sobresalientes dentro de las fotografías. De manera similar a las imágenes, tipo suele obtener también su propio capítulo dentro de una guía de marca. En el caso de National Geographic, comienza con la fuente principal y la fuente secundaria. La mayoría de las marcas normalmente trabajarían con una familia de fuentes que puede ser extensa y tener varias variaciones diferentes lo que permitirá flexibilidad en la edición. Pero por supuesto también viene en práctica como con National Geographic, que hay una fuente principal y la fuente secundaria, y estos dos son muy específicamente seleccionados para trabajar bien juntos como un par. Para las marcas visuales, también a veces es bueno establecer las reglas de cómo combinar el tipo y las imágenes juntas. Aquí podemos ver algunos ejemplos de tipo sobre fondos ligeros. Incluso tenemos una página separada sobre cómo hacer la corrección de color en las imágenes para asegurarnos de que tengamos suficiente contraste para mantener una buena legibilidad en el texto. Entonces a veces también tenemos composiciones reales incluyendo la guía de marca solo para definir aún más cómo se pueden usar ciertos elementos como el logotipo o una vez más, texto e imágenes juntos. Incluso si estás produciendo una guía de marca impresa, cuando la marca usa muchos gráficos en movimiento, también es importante tener eso en cuenta e incluirlo en tu guía. Una vez más, con National Geographic, por supuesto, porque es un canal de televisión, eso sería una gran cantidad de gráficos en movimiento utilizados. En este capítulo podemos ver cómo debe aparecer el logotipo en el metraje. Tenemos una colocación muy específica, también un espacio negativo muy específico alrededor del logotipo y los títulos y cada detalle se define claramente aquí, una vez más, para asegurarse de que siempre se utilice de manera consistente . La mayoría de las veces en que una agencia o un diseñador trabaja en la guía de marca, también deben proporcionar plantillas. Para los gráficos en movimiento, lo más probable sería una plantilla de After Effects o una plantilla Premiere, mientras que para imprimir la mayor parte del tiempo sería un archivo de InDesign con páginas maestras y todo lo preparado. Estas plantillas la mayor parte del tiempo serían para uso interno, pero a veces también se pueden dar a los socios. Casi todas las guías de marca tendrían secciones separadas para los diferentes tipos de garantía. Las categorías principales suelen ser digitales e impresas. Ya vimos un par de ejemplos digitales, y aquí hay algunos ejemplos impresos para National Geographic. Tenemos primero el panorama estacionario, luego tenemos un enfoque en las tarjetas de visita, tanto de frente como de atrás. Entonces tenemos membretes, sobres. Entonces incluso tenemos la firma de correo electrónico definida aquí. No obstante, hay digital. Todavía funciona bien al lado los membretes y estacionario. El aspecto de la marca en las redes sociales también debe ser un capítulo separado en la mayoría de los chicos de marca en estos días. Podemos ver eso a la perfección en la guía de marca National Geographic. Tenemos Facebook, Twitter, YouTube uno al lado del otro, mostrando primero los encabezados. Entonces tenemos un poco más sobre los encabezados, detalles, instancias de los gráficos de canal en móvil, y luego un par de plantillas de publicaciones sociales, y banners, e incluso diapositivas de presentación. Por supuesto, probablemente el más importante para los activos digitales va a ser el sitio web. Lo más probable es que haya varias páginas sobre eso y cómo se deben crear ciertas páginas de préstamo e incluso reglas sobre la navegación o el diseño general de las páginas. En este punto, quería mencionar que en el pasado, las guías de marca podían funcionar durante décadas. Al igual que esta guía de marca para la NASA es de 1976 y estuvo en uso durante mucho tiempo. No obstante, las marcas hoy en día cambian su apariencia con bastante frecuencia siguiendo ciertas tendencias en el diseño gráfico. Pero eso no es una excusa de tener guías de marca completamente nuevas lanzadas anualmente. Creo que la longevidad es un factor importante de una buena guía de marca, que puede servir a la empresa durante muchos años después de que se haya creado. 23. Ejercicio 1: tarjeta maestra: Aquí estamos en Adobe Illustrator y tengo 10 logotipos preparados que voy a recrear mediante el uso de este círculo en el lado izquierdo. La única forma que necesitaremos para todo el tutorial. Por supuesto, estaremos utilizando muchas técnicas diferentes desde Pathfinder, Shape Builder, la opción Repetir. Al ver este video, podrás recoger algunos atajos muy útiles también. En caso de que quieras seguir, puedes descargar el archivo desde la descripción a continuación. Pero sin más demora, comencemos. Lo primero que voy a hacer es hacer doble clic en la Capa de Referencia y activar la Opción Plantilla. Voy a tener las imágenes que se consideren bajadas al 10 por ciento. De esa manera, podremos concentrarnos en lo que estamos haciendo. Voy a usar este círculo, como ya dije al principio. Ya está configurado para no tener relleno y solo un contorno delgado negro. En realidad estableceré ese esquema a un punto solo para que sea más fácil trabajar con él. Voy a alt, haga clic y arrastre o opciónelo y arrastre para duplicar esto. Ahora acerquemos un poco más. Vamos a empezar con MasterCard. Por cierto, tendremos la complejidad y dificultad de los logotipos aumentando a medida que nos vamos moviendo. Solo estoy usando la tecla Shift para redimensionar esta forma. A continuación, Alt u Opción-haga clic y arrastre de nuevo, manteniendo pulsada la tecla Mayús para que sólo se mueva horizontalmente. Una vez que lo tenga en el lugar correcto, puedo seleccionar estos dos círculos, presionar “Question Mark” o “Forward Slash” en el teclado para eliminar el color del trazo. A continuación, seleccione la herramienta Paint Bucket pulsando “K” en el teclado. Después desde el Panel Muestras, tengo esta categoría preparada para el logotipo de MasterCard. Estoy usando las flechas izquierda y derecha para moverme rápidamente entre estos colores. Simplemente puedo rellenar rápidamente los colores teniendo éste aquí en el medio y ya estamos terminados. 24. Ejercicio 1: objetivo: Eso fue muy fácil. Pasemos a la siguiente. Una vez más, empiezo con el mismo círculo. Acercar más cerca. Ahora esto es objetivo. Esto será bastante fácil también. Voy a crear este círculo aquí en el exterior primero. Estoy usando la tecla Shift para cambiar el tamaño de esto. Sólo hagámoslo un poco más grande así. En este caso voy a cambiar la configuración del trazo. Voy a ajustar la alineación al interior, luego usando la tecla Shift, aumentaré rápidamente el peso del trazo, tal vez yendo un poco más alto así y seleccionando el color del trazo. Voy a elegir el color que preparé para este logo. Ahora voy a duplicar rápidamente esta forma presionando Comando o Control C, y luego Comando o Control F que pegará en su lugar. Voy a cambiar el tamaño de esto, manteniendo presionada la tecla Mayús, y rápidamente intercambiando el color de trazo al color de relleno presionando Shift X. Ahora voy a simplemente redimensionarlo y alinearlo a la logotipo original. Ahora, para mantener las cosas ordenadas, voy a seleccionar estas dos formas, y agruparlas juntas eso es Comando o Control G. Esto es algo no teníamos que hacer por la tarjeta maestra porque ahí usamos la herramienta de cubo de pintura que ya creó un grupo de pintura en vivo. 25. Ejercicio 3: audi: Pasando, hagamos el logotipo de Audi. Voy a duplicar esta forma de nuevo, redimensionarla, aumentar el tamaño del trazo para que coincida con el diseño original en la parte posterior. Probablemente necesitamos hacerlo un poco más grande, algo así, y éste es muy sencillo. Solo tengo que duplicar nuevamente manteniendo pulsado Opción o Alt Shift, arrástrelo hacia un lado. Después para repetir esta duplicación, estoy usando el atajo de Comando o Control D dos veces. Ahí estamos. Agrupando estos junto con Comando o Control G, tenemos listo nuestro tercer logo. 26. Ejercicio 4: juegos Olímpicos: Pasemos al logotipo olímpico. Ahora voy a crear de nuevo el primer círculo. Voy a cambiar el tamaño de esto. Aumentemos un poco el tamaño del trazo , algo así. Ahora, verás que no siempre soy 100 por ciento precisa porque solo quiero concentrarme en las técnicas. Por supuesto, si tenemos más tiempo siempre podemos ser mucho más precisos. Pero sólo voy a acercarlo a lo que tenemos en los logos originales. Creo que eso es lo suficientemente cerca. Ahora, una vez más, podemos duplicar esto, tenerlo colocado aquí, y luego presionar 'Comando' o 'Control D' para volver a tener la misma distancia para el tercer círculo. Entonces vamos a seleccionar dos de estos, Opción o Alt Click y arrástrelos aquí abajo. Ahora el espacio entre estos dos círculos es exactamente el mismo que en la fila superior. Por eso seleccioné a esos dos juntos. Pero lo importante con el logotipo olímpico, es cómo se entrelazan estos círculos. No basta con colorearlos. También tendremos que hacer un paso adicional al final. Pero primero, vamos a cambiar los colores. Tengo estos colores preparados de nuevo. Éste es que, tenemos el verde aquí, y luego tenemos esta naranja en la parte inferior. Solo voy a mover esto un poco más abajo solo para que podamos tener una mejor mirada a cómo se crean estas formas entrelazadas. Un método rápido para hacer esto sería seleccionar todas estas formas juntas, y luego ir al menú Objeto y elegir 'Expandir '. Esto va a girar los trazos que tenemos aquí a los campos. Una vez hecho eso, puedo volver a cambiar a la herramienta de cubo de pintura presionando K. Luego seleccionemos primero el color azul y haga clic en esta pequeña área aquí. Como se puede ver, de inmediato, tenemos esa superposición creada. Ahora se siente como que el círculo azul está frente al naranja o amarillo. Podemos cambiar a color negro y rellenar éste aquí con el mismo color negro aún seleccionado. También puedo dar click en esta sección aquí. Entonces con el color verde, sólo tenemos que hacer click sobre éste aquí. Apenas con unos sencillos pasos, logramos crear este efecto de enclavamiento. Ahora sólo podemos colocar esto de vuelta aquí. Tenemos lista nuestra primera fila de logotipos. 27. Ejercicio 5: Vodafone: Pasando a la segunda fila, tenemos logotipos un poco más complejos para recrear. En primer lugar, comenzando con el logotipo de Vodafone. Primero, una vez más, voy a cambiar el tamaño de este círculo para que coincida con lo que tenemos en el logotipo original. Ahí vamos. Ahora sólo tenemos que duplicar esto. Eso es Comando o Control C, y luego Comando o Control F. Asegúrese de que esté colocado en la misma posición exacta, y estoy usando las teclas Alt u Opción Mayús para cambiar el tamaño de esto y mantenerlo centrado. Debe estar alineado con el otro círculo en el medio, algo así. También necesitaremos dos círculos adicionales. Sólo voy a duplicar esto una vez más, alinearlo al borde izquierdo de ese círculo más pequeño. Se puede ver que hay un chasquido gracias a las guías inteligentes que se encienden por defecto. Pero este círculo necesita tener una forma ligeramente diferente. Voy a seleccionar este punto de anclaje superior y simplemente arrastrarlo un poco hacia abajo. Creo que ahí tenemos una buena curva, que es muy similar al logotipo original. Ahora solo necesitamos un círculo más. Voy a volver a duplicar este original y alinearlo a esa curva ahí. No me importa el resto de los detalles afuera. Sólo me estoy concentrando en los contornos reales del logotipo. Porque lo que vamos a hacer ahora es seleccionar todos estos juntos y luego usar una de mis herramientas favoritas, el Constructor de formas, que puedes seleccionar pulsando Mayús M. Luego manteniendo presionada la tecla Alt u Opción podemos deshacernos muy rápidamente de todos los detalles innecesarios. Puedo simplemente pintar sobre estos también, estos aquí en el medio, y luego los restantes nos acabamos de pintar sin sostener ningún atajo de teclado. Ahí vas. Tenemos nuestra versión final. Sólo voy a cambiar el trazo para llenar colores presionando Shift X y luego cambiar el color a la cascada y al rojo. Como dije, esto no es un 100 por ciento exacto, sino lo suficientemente cerca para una técnica rápida de un minuto. 28. Ejercicio 6: CBS: Pasemos al logotipo de CBS, el Ojo. Voy a empezar con este círculo en el medio. Sujeción de la tecla Mayús. Me estoy asegurando de que mientras estoy redimensionando, no estoy distorsionando esta forma porque para este logo tenemos que asegurarnos de que este sea un círculo perfecto como ese. Entonces voy a duplicar esta forma y redimensionarla. Al mantener presionada Alt u Opción Shift juntos, movamos a mover esto hacia arriba y alinearlo aquí. Necesitamos otro círculo justo debajo de él, y luego uno adicional para esta curva aquí. Ahora para asegurarme de que estos tres círculos más grandes estén distribuidos uniformemente, estoy usando el panel de alinear, opción Centro de distribución vertical, y luego seleccionando todos los círculos juntos, incluyendo el más pequeño en el medio, puedo usar el Horizontal Align Center también. Ahora que las tenemos en su lugar, puedes saltar de nuevo a nuestra herramienta de constructor de formas Shift M y luego manteniendo presionada la tecla Alt u Opción, podemos deshacernos de los detalles que no necesitamos y simplemente dibujar es los detalles que nos gustaría combinar sin mantener presionado ningún atajo de teclado. Ahora, podemos presionar Shift X para intercambiar el trazo para llenar y tenemos otro logo terminado. 29. Ejercicio 7: Toyota: Pasemos al logotipo de Toyota. De nuevo, estoy empezando con un círculo. No obstante, aquí distorsionaremos este círculo en una elipse. No estoy manteniendo pulsada la tecla Shift en este caso. Sólo estoy arrastrando estos puntos. En este caso voy a mantener el trazo alineado al centro porque necesitaremos usar un ancho variable y esa característica solo funciona en caso de que estés usando el trazo en este ajuste. Cuando empecemos a aumentar el tamaño del trazo, tendremos que cambiar ligeramente el tamaño de la forma. Estoy manteniendo pulsada la tecla Alt u Option, redimensionarla así. También redimensionarlo de esta manera un poco. Se puede ver que a pesar de que coincidimos con el ancho en la parte superior e inferior, en el lado izquierdo y derecho, necesitamos más grosor. Para ello, estaremos utilizando la herramienta de ancho, cual puedes encontrar aquí en la barra de herramientas, es Mayús+W. todo lo que tienes que hacer es hacer clic en el punto de anclaje central y luego arrastrarlo hasta la cantidad que tú necesidad. Pero ten en cuenta que por defecto, está aumentando el grosor en ambas direcciones. No obstante, si mantiene pulsada la tecla Alt u Opción, solo la va a cambiar en una sola dirección. Eso es lo que necesitamos aquí. No obstante, hizo demasiado el grosor para nosotros, por lo que tendremos que ajustar también los otros puntos. Por ahora, sólo voy a repetir el mismo paso aquí del lado derecho. Para reducir el grosor de nuevo en la parte superior y en la parte inferior, solo tenemos que volver a mantener pulsada Alt y Option y arrastrarlos de nuevo al nivel que necesitamos, que probablemente esté en algún lugar alrededor de ahí. Este de aquí en la parte superior probablemente puede ir un poco más arriba. Creo que eso está lo suficientemente cerca. Para el siguiente anillo, voy a dibujar una elipse y voy a asegurarme en este caso el trazo esté alineado con el exterior. Puedo confiar en las guías inteligentes para alinear los dos anillos entre sí, y luego solo voy a ajustar un poco el tamaño. Algo así está lo suficientemente cerca. Ahora podemos seleccionar estas dos formas, ampliar su apariencia para que todo se convierta en campos. Entonces usando el constructor de formas, puedo simplemente Alt u Option hacer clic en esa forma en el exterior. Para el tercer anillo, solo voy a usar un método ligeramente diferente. Voy a dibujar cada una de estas formas individualmente, por lo que primero el contorno de ese círculo, luego copie y pegue esta forma, reduzca el tamaño de esa forma y alinearla a esa otra, y ahora seleccione estas dos formas juntas usando la herramienta constructor de formas. Haga clic entre los dos y eso lo convierte en una sola forma. Se puede ver, en lugar de depender de la herramienta de ancho, fue un poco más rápido y obtuvimos un resultado un poco más preciso para ese último anillo. 30. Ejercicio 8: punto de vista público: Pero ahora que terminamos con la segunda fila, estamos pasando a los logos más complejos comenzando primero con el hermoso logo de BP usando simetría radial. Ahora para éste, voy a empezar de nuevo con un círculo y lo voy a alinear a estas formas de fondo. En realidad voy a reducir el espesor aún más abajo aquí solo para poder acercarme lo más posible como pueda. Sólo puedo moverlo aquí. Se puede ver que estoy tratando de enfocarme en estos contornos aquí, así que esa es la clave para obtener la forma correcta. Voy a alejar un poco y voy a ir al menú Objeto y elegiré Repetir radial, que creará un par de copias para nosotros por defecto, pero necesitaremos 18 instancias para este logo. Ahora voy a tener cuidado de no cambiar el tamaño de estos círculos porque eso es algo que ya establecimos al principio. Pero voy a mover todo este objeto aquí y tratar de alinearlo al centro de esa imagen. Entonces la clave de esta técnica es usar aquí este pequeño círculo, este widget con el que podemos empezar a moverlo más cerca del centro. Este es un efecto realmente genial, por cierto, me encanta jugar con esto. Pero a lo que estoy prestando atención es obviamente tratar de alinear las cosas, y estoy prestando atención a la silueta o contorno del logotipo. Siento que logramos acercarnos bastante a ella. Estoy contento con la forma en que se ve esto. Ahora voy a eliminar el color del trazo en primer lugar, y luego ir al menú Objeto y elegir Expandir. Esto volverá a convertir todas estas formas en elementos editables. Entonces cambio a la herramienta constructor de formas y manteniendo presionadas las teclas Alt y Shift esta vez, podemos hacer una selección de marquesina y eliminar todo a lo largo del camino. Puedo deshacerme muy rápidamente de estos, y luego otra vez aquí en el lado derecho. Solo quería asegurarme de no eliminar ningún detalle importante que necesitaremos al final. Ahí vamos. Hemos hecho ese poco y después acercándome un poco más, puedo volver a mantener presionada Alt para Option y Shift y resaltar la parte central y eliminarla también. Ahora solo tenemos lo que necesitamos y ahora podemos cambiar a la Herramienta Paint Bucket presionando K en el teclado. Entonces ya tengo preparado aquí mi grupo de muestras, con las que puedo pintar muy rápidamente sobre estas formas interiores aquí. Después seleccionando blanco para el centro, podemos retroceder eso. Entonces vamos a seleccionar el siguiente color con que puedo volver a pintar muy rápidamente sobre todas estas formas en el centro. No me importa repasar las formas por fuera porque ahora por fin puedo usar el verde más oscuro y puedo simplemente pintar muy rápidamente sobre el borde de esta forma y estamos terminados. A pesar de que parecía un logotipo complejo para recrear, en realidad era bastante simple. 31. Ejercicio 9: marca de lana: Ahora pasemos al logotipo de Woolmark. Voy a empezar con el círculo original. Vamos a alinear esto aquí. Voy a empezar usando la herramienta tijeras que C en el teclado. Voy a cortar este círculo en dos. Haga clic en los puntos de anclaje superior e inferior y luego seleccione un lado del mismo, luego presione retroceso o elimine para eliminarlo. Ahora tenemos un arco o medio círculo por el que voy a cambiar ligeramente el ajuste. Quiero usar una gorra redonda, así que bordes redondos para ello. Sólo voy a aumentar un poco el grosor para que podamos verlo. También voy a cambiar el perfil de ancho a este primero. Entonces se va a tener espesor en el centro y luego poco a poco cada vez más pequeño hacia los puntos de esquina. Ahora solo podemos rotar esto alrededor y tratar de alinearlo a esas formas en el fondo. Algo así, siento que va a estar lo suficientemente cerca de lo que necesitamos. Ahora voy a Alt, pincha y arrastra para duplicar esto y alinearlo a esta otra forma aquí arriba. Luego selecciona la herramienta de mezcla que es W en el teclado. Después haga clic en la primera forma luego la siguiente. Entonces hacer doble clic en el icono de la herramienta de mezcla nos da las opciones de mezcla desde donde podemos elegir pasos especificados y en este caso, solo tenemos que asegurarnos de que esté configurado en tres. Podemos entonces hacer clic en Okay, y eso se ve ya bastante bien. Vamos a duplicar este clic Alt u Opción y arrastrar. Luego usa la herramienta Rotar pulsando R en el teclado y luego gírala para esta otra forma aquí arriba. Nuevamente, intentemos alinearlo lo más cerca que podamos. Siente como que se ve bien. Entonces hagamos esto una vez más y alinearlo en la parte inferior. Nuevamente, siento que eso va a estar lo suficientemente cerca para esta manifestación. Ahora podemos seleccionar todos juntos. Vaya al menú de objetos, amplíe la apariencia. Entonces antes de poder usar la herramienta constructor de formas, tenemos que hacer una ronda más de expandir porque estos objetos, si echamos un vistazo en el panel de capas, siguen siendo grupos de mezcla. Tenemos que simplificarlos aún más mediante el uso de la opción Expandir y luego hacer clic en OK, ahora son solo formas simples para que podamos usar fácilmente la herramienta constructor de formas, y luego solo manteniendo presionada la Alt o Clave de opción, puedo deshacerme de cualquier detalle innecesario. Sólo me gustaría pintar sobre estos pedacitos aquí, estos de ahí, y luego quitarme éste de ahí arriba. A lo mejor hay un poco de detalle ahí, así que echemos un vistazo. Tenemos algunos detalles más, así que sólo voy a seleccionar todos juntos una vez más, no nos olvidemos de esos dos bits ahí. Sólo para simplificar este logo, voy a seleccionar todo juntos. Usando el panel Pathfinder, voy a usar la opción Unite que va a crear un solo objeto compuesto a partir de todo esto, así que aunque parezca complejo, de nuevo, en realidad no fue tan difícil hacer. 32. Ejercicio 10: Twitter: Para que el logotipo de Twitter, que es nuestro último, para ahorrar tiempo, en realidad seguí adelante y preparé los 13 círculos que necesitamos para este diseño. Como se puede ver, todos estos son círculos perfectos, por lo que no hubo necesidad de distorsionar ninguno de ellos. Si selecciono todas juntas, puedo usar la herramienta constructor de formas y los mismos métodos que hemos hecho antes. Se puede utilizar para eliminar los detalles que no necesitamos. Sólo pinta sobre todo. Me gusta empezar primero cerca de la forma misma. Ahí vamos. Tenemos estos quitados. Ahí hay otro pequeño detalle. Entonces estos aquí, y luego manteniendo pulsada la tecla Alt u opción, agregamos la tecla Mayús para hacer una selección rápida de marquesina y quitar el resto. Para las formas restantes, solo podemos usar la opción Unite en el panel Pathfinder. Dado que ya tengo el color correcto en el contorno, solo puedo presionar Shift X en el teclado para configurarlo para que se sienta. Una vez más, fue un trabajo rápido y fácil una vez que tenemos los círculos en el lugar correcto. 33. Conclusión: Bien hecho para terminar este curso. Espero que te hayas divertido tanto pasándolo como yo lo tuve grabando. Y claro, no te olvides del proyecto de clase. Porque recuerda, la práctica hace la perfección. No puedo esperar a ver tu trabajo, así que asegúrate de presentarlo. Y en caso de que te guste este curso, y te gustaría aprender más de mí, entonces hay muchos otros cursos que puedes encontrar aquí. Ve y compruébalos ya. No puedo esperar a conocerte en la siguiente.