Dibujo de lettering personalizado: concepto al vector final y más allá

1. Avance o introducción: Todos, me llamo Scott Biersack. Soy ilustrador y diseñador con sede aquí en la ciudad de Nueva York, y recién me mudé aquí desde Phoenix, Arizona. actualidad, estamos fuera de este precioso jardín frente a la oficina de Skillshare. Estoy a punto de enseñarte a diseñar un tipo de logotipo con letras personalizadas. Las letras personalizadas son útiles en situaciones en las que una marca necesita algo específico para un logotipo para publicidad, para branding, cualquiera que sea el caso. Las letras personalizadas son útiles en casi cualquier escenario, razón por la cual está en tan alta de la necesidad. Durante esta clase, vamos a estar discutiendo los ins y outs del lettering, lo que hace un buen tipo de logotipo, proceso de vectorización, colocación adecuada del punto de anclaje, los dos y no hacer de las letras en general. Pasaré paso a paso desde el concepting hasta el sketching hasta el vectoring y más allá para mostrarte realmente mi proceso como hacer lo que hago. Esta clase va a ser perfecta para todos los niveles de habilidad porque vamos a discutir técnicas y consejos y trucos para esperar acelerar y perfeccionar tu proceso de diseño. Entonces, si estás listo para empezar a diseñar tu propio tipo de logotipo con letras personalizado, empecemos. 2. ¿Por qué diseñar un logotipo personalizado?: Entonces, ahora estamos listos para comenzar el proceso de diseño de este logotipo pero antes de comenzar ese proceso, quiero explicar la diferencia entre lo que es un tipógrafo, un cartero, o un artista de letras, y un calígrafo. Entonces, lo que me considero como, es un artista de letras. que significa, estaré usando un lápiz para todo este tutorial Estoy dibujando las formas de letra, mientras que un tipógrafo usará letra existentes para personalizarlos y ajustarlos para que se ajusten a sus necesidades. Y entonces un calígrafo es alguien que escribiría las formas de letra usando como una pluma estilográfica o algo así. Entonces, para todo este tutorial estaremos usando el lápiz. Entonces, la pregunta es, ¿por qué diseñar un tipo de logotipo personalizado con letras? Bueno, en última instancia quieres algo completamente personalizado, completamente único, completamente nuevo a la vista del espectador, algo que nunca habías visto antes. El único modo de hacerlo es usar este lápiz y crear algo que nadie ha visto nunca. Entonces, antes de entrar en eso, necesitamos discutir las herramientas que necesitará para este proyecto en particular. Con eso vamos a estar usando papel de rastreo. Este es solo un papel que podrías conseguir un bloc de papel de calco de Michael, o donde sea que tu tienda de suministros de arte pueda estar. Así como varios bolígrafos, lápices, cualquier herramienta que creas que pueda necesitar para esta parte del proyecto. En este caso estaré usando una gran cantidad de los bolígrafos de pincel Tombow. Tienen dos lados a ellos. El de arriba tiene una punta más gruesa, mientras que el lado opuesto tiene una punta puntiaguda muy fina. Vienen en varios colores. Siempre tiendo a usar el negro. Simplemente sucede que tengo este verde en mi papel de lápiz. Adicionalmente, podrías usar un sharpie con punta de cincel, o este bolígrafo de caligrafía que es muy similar al sharpie chip de cincel porque también tiene exactamente la misma punta de cincel, solo es un poco más delgado que el Sharpie. Entonces, si estás tratando de estar del lado más barato, probablemente deberías terminar con un sharpie. Yo uso mucho Sharpies. Entonces, aquí hay un punto de punta diferente. El diferencia entre éste y éste, es éste tiene un cincel y este es un plumín redondo puntiagudo. Entonces, el efecto que lograrás estos dos afilados diferentes será completamente diferente. Depende del estilo de letras por supuesto. Entonces, cualquiera que sea tu objetivo final, debes seleccionar esa herramienta para el tipo de letras que buscas. Entonces, una vez que tengas todas tus herramientas listas frente a ti. Consigue tus lápices, te traen las gomas de borrar, consigue tu papel, todas esas cosas. Estás listo para comenzar la etapa de inspiración e investigación en la que entraremos a continuación. 3. Hagamos algo de investigación: Entonces, para toda esta lección de Skillshare, estaré diseñando y desarrollando un logotipo para Airbnb con base en Phoenix, Arizona. El cliente quería que el Airbnb se sintiera un poco más comercializado, un poco más de marca. Entonces, este logotipo se desarrollará para esa ubicación en particular. Entonces, antes de comenzar cualquier proyecto, siempre escribo todo el contenido que creo que pueda necesitar. En este caso particular, estamos tratando con un Airbnb, por lo que queremos describir el quién, qué, cuándo, dónde y por qué. Entonces, en esta instancia, el que, es una ubicación de Airbnb, qué es lo que estamos diseñando, un logotipo para esta casa que en realidad está construida en 1926. Por lo que el cliente quiere mantener esa historia. Quiere mantener ese periodo de tiempo dentro de este logotipo. Entonces, eso en última instancia dictará cómo se verá este estilo de letras. El cuándo es el plazo. Entonces, algo que dijo el cliente, dijo que lo quiere en un mes. Donde, este Airbnb en particular se encuentra en la avenida Whitton, que es de ahí el nombre The Whitt, que es lo que está llamando a este Airbnb. Por qué, como dije, quiere que este Airbnb se comercialice más. Entonces, con todo lo dicho, ahora tienes una idea general de qué es exactamente lo que buscas, qué tipo de estilo de letras estás buscando. En esta instancia, quiere mantener el periodo de tiempo de 1926 dentro de este logotipo. Entonces, estaremos saltando en la computadora además de salir a calle y buscar inspiración para que empecemos con este proyecto. Saltando en la computadora, sé que está en el periodo de tiempo de los años 1920. Entonces, sólo tenía sentido ir a Google, hacer una rápida Búsqueda en Google de los anuncios de los 1920 lo cual es un gran recurso porque, generalmente, los anuncios alrededor de este periodo de tiempo se establecieron todos a mano. Generalmente hay un artista de letras en el personal creando letras personalizadas para estos anuncios. Entonces, hacer referencia a muchas de estas cosas sería perfecto para este logotipo. Después de buscar a través de todo este contenido, había reunido un PEF, cual les mostraré todas las grandes letras que descubrí en este periodo de tiempo. Entonces, este primero, excelente ejemplo de lo que un sharpie de punta de cincel podría lograr. Puede sostener el cincel en un ángulo de 45 grados para obtener este contraste entre el trazo horizontal hacia abajo en esta curva. Entonces, una punta de cincel sería perfecta para este tipo de letras. Este arriba de letras es tan bonito real, muy intrincado. Es muy puntiagudo también con todos los puntos de conexión y los tallos. Otra Pepsi-Cola, esto en última instancia ayudará a dictar el esquema de color también. Entonces, el esquema de color que se utilizó en los años 1920, se puede ver mucho naranja, mucho azul, algunos rojos más. Aquí te dejamos otro tipo de letra de punta de cincel que podrías lograr. A continuación, tenemos algunas gomas de borrar de lápiz rubí, solo un poco más de inspiración. Todo esto fue encontrado vía Google. Algunos lindos letras ahí. Otro esquema de color azul, azul y blanco. A continuación, el cliente había mencionado que quiere que las letras sean posiblemente hojas de oro en la puerta. Entonces, en este ejemplo fotográfico, está John Downer aplicando alguna hoja de oro a esta ventana. Entonces, estaba tratando de lograr este tipo de look con The Whitt. Entonces, agarré un par de ejemplos más de cómo sería la hoja de oro sólo para mostrarle al cliente qué es exactamente lo que está buscando, y ojalá, estar en la misma página con él. Más ejemplos de letras. En este ejemplo particular, el cliente también había mencionado que realmente quería mostrar esta forma de herradura en el logotipo también. Me meteré en eso un poco más tarde, pero también buscaba referencias de herradura porque, como verás en imágenes posteriores, la fundación de este Airbnb tenía incrustaciones de herradura en el cemento. Pero verás que un poco más de eso un poco más tarde. A continuación fue esta foto me tomé de esta casa de salchichas que está justo al final de la calle desde la ubicación de Airbnb, y el guión arriba es otro ejemplo perfecto de las letras que se podrían lograr para este logotipo. A continuación, tenemos la ubicación real. Entonces, en este ejemplo, ir a la ubicación es casi necesario para el diseño de este logotipo, porque se quiere tener una idea de cómo es este lugar, quién se queda ahí, cómo se siente realmente la casa si fue construida en 1926, pero desde que lo renovó, se siente increíblemente moderno, realmente acogedor, realmente pintoresco. Hay una vista frontal de la casa. Se pueden ver todos los cambios y actualizaciones que realizó. Real bonito mobiliario moderno en el interior. esto estaba hablando, las incrustaciones de herradura en la fundación de la casa en la parte trasera. Entonces, tomé una foto de esos dos zapatos de caballo diferentes. Entonces, posteriormente se puede referir eso también con el logotipo. Otra forma de herradura a un costado de la calle. Incorporó este granero y además mencionó que quería incorporar este logotipo a un costado de esta puerta y carcasa de granero. Quería pintar el tipo de logotipo a un costado. Entonces, eso es otra cosa a tener en cuenta con tu proyecto. Es necesario entender dónde vivirá este logotipo, para qué se está utilizando, tan pequeño, qué tan grande. Entonces, hay que tener en cuenta todas esas cosas cuando estás diseñando. Entonces, ahora que tenemos toda esta investigación en línea hecha, vayamos afuera para encontrar algunos recursos adicionales e inspiración para su proyecto. 4. Análisis de tu entorno: Entonces, para esta porción de la clase, vamos a estar encontrando inspiración y recursos de las cosas que te rodean. Entonces estamos aquí fuera en las calles de Nueva York y vamos a simplemente caminar arriba y abajo Elizabeth Street para encontrar algo de inspiración en algunos de estos edificios ya sea arquitectónico, una pintura, cualquier cosa y todo para inspirarte para prepararte para el proyecto. Entonces, empecemos. Entonces, algo como esto es perfecto para inspirarte porque puedes ver todas las intricacias pintadas a mano como el swoop de esta gota tapada S o el ángulo de esta A, o incluso el hecho de que pueda usar lo que parece alguna pintura dorada para ayudar al contraste entre este metal marrón. Algo que instantáneamente me llamó los ojos porque está pintado a mano. Cosas como ésta es única en su naturaleza y es perfecta para este tipo de proyectos. Es decir, ese tipo allá arriba es precioso porque se puede ver lo viejo que es. Definitivamente fue pintada también por un pintor de carteles, y luego el clima y todo simplemente lo cuidó y lo desgastó. Se puede ver la textura en todas las formas de letras y le da una agradable sensación rústica pintada a mano, que es otro ejemplo perfecto de inspiración que buscamos para este tipo de proyectos. Sólo cualquier cosa y todo para inspirarte para lo que estás a punto de embarcarte. Entonces, básicamente, con éste, quiero decir, los intrincados detalles por sí solos es lo que me llamó la atención porque ya no ves algo como esto en este día y edad. Obviamente, este edificio es probablemente de principios de 1900, y ese es el tipo de trabajo que habrías visto a principios de 1900. Entonces, es un buen ejemplo de la historia de dónde vino y sigue en pie hasta nuestros días. Entonces, encontrar algo como esto, solo conseguir una foto de él en tu teléfono y luego usarlo como referencia más adelante es perfecto. Es decir, puede que ni siquiera lo utilices para este proyecto en particular, pero podría ser útil más adelante para otro proyecto más adelante. Entonces, siempre es agradable tener una colección, como una biblioteca de fotos a hacer referencia. Entonces, otro ejemplo aquí mismo es, siempre trato de incorporar fronteras a algunas de mis piezas, pero algo tan impresionante como este arco aquí mismo es otro ejemplo de pequeños detalles que podrías incorporar a alguna frontera para la que estás a punto de crear, como podría ser para este logotipo, podría ser para otra cosa también. Pero como estos pequeños diseños florales son otro elemento que podrías incorporar en lo que estás a punto de crear. Es decir, eso es bastante dulce. Alguien usa el ambiente para crear una pieza de arte usando lo que parece una cuerda de zapato o simplemente una cuerda regular, y es casi como un graffiti personalizado para esta valla usando cuerda. Si retrocedes, puedes ver la profundidad. Puedo hacer una H, eso es todo lo que tengo. Es como una losa, serif H ahí mismo y luego el resto es justo, no estoy seguro. Sigue siendo realmente genial. Nunca había visto algo así antes. Esto es todo. Estas son las rodillas de la abeja justo aquí. Esta es la materia. Es decir, definitivamente es una plantilla. Pero cualquier cosa relacionada con la obediencia apenas instantáneamente me llama la atención por la intricacia y todo el trabajo de detalle que pone en ella. Parte de ella luce pintada a mano, también. Si consigues un tiro de cerca, es como si pudieras ver que volvió a entrar y lo tocó con un pincel o algo para realmente iluminar esos colores. Entonces, después de que paseaste por tu ciudad y tomaste fotos de toda la inspiración, toma esas fotos y subirlas a la página del proyecto. Tengo ganas de ver qué te inspira. 5. Bocetos burdos y sucios: Entonces, en este punto, vamos a comenzar bocetos muy rápidos, realmente rápidos de lo que sea que sea este logotipo. Entonces, para mí, voy a estar escribiendo The Whitt una y otra vez y una y otra vez y una y otra vez hasta que tengas páginas y páginas de lo que parece ser una persona loca escribiendo en un pedazo de papel pero yo prometen que te será beneficioso porque deconstruiremos muchos de estos y determinaremos cuál es el mejor y por qué. Entonces, antes de entrar en eso, quiero discutir el uso de formas para componer tu composición. Por ejemplo, podría usar una línea de base arqueada como ésta para escribir en lo que diga su tipo de logotipo. El Whitt. Siempre hacer referencia a tus materiales es agradable, en cuyo caso estamos haciendo referencia al guión Packard de los Automóviles el cual tiene una línea de bajo ascendente realmente agradable. Entonces, de nuevo, utilizando esa línea base y luego escribiendo muy rápido, muy rápido. No importa cómo se vean estas letras porque en última instancia la estaremos personalizando a partir de ahí o tal vez sea solo una línea de bajo horizontal recta. Sólo escribir muy rápido lo más rápido que puedas. A lo mejor intenta sujetar el lápiz un poco más alto para tratar de obtener una apariencia y sensación diferentes. Sosténgalo realmente cerca de la punta del plomo, tal vez las formas de letra cambiarán cada vez que escribas, porque cada vez que lo escribes una y otra vez tu forma de carta como esta W una y otra vez, es diferente. Entonces, este tazón se abre. Este bucles a través. Hay tantas formas de escribir una forma de letra. Entonces, por eso escribirlo una y otra y otra vez hasta que encuentres esa perfecta combinación de letras es más o menos lo que buscamos aquí. Entonces, después de todas estas iteraciones, lo escribí, quién sabe, cientos y cientos de veces, tratando de averiguar qué funcionaría mejor W. Siempre haciendo referencia al material una vez más, haciendo referencia a este auto. Me refiero a este guión de Carter al fondo de esto lo que parece ser un anuncio de lavandería. Tienen un logo de guión realmente bonito con una línea de bajo horizontal que es lo que estaba tratando de lograr a lo largo de la mayoría de estos logotipos tipo bocetos rugosos y en última instancia, después de que todos estos bocetos estaban completos, me gusta para finalizarlo hasta tres conceptos para luego ultimarlo aún más. Entonces, en cuyo caso seleccioné esto. Siempre los numero. Este fue el número dos. El número uno está justo aquí arriba. Me gustó mucho cómo este trazo vertical abrazaba la H y la E, así que quería utilizar este boceto áspero así como la pendiente realmente dura que estaba pasando en este concepto realmente rápido arriba en la parte superior luego en la inferior derecha. Esto fue más de la línea de bajo horizontal recta vertical. Otro verdadero boceto rápido y sucio. Entonces se dibujó el número tres después de referenciar el anuncio monarca para este automóvil. Vi los personajes interesantes en las formas de contador de la O y la A. Quería evocar de alguna manera ese mismo estilo con este boceto concepto aquí y mantuve muchas de las formas de letra más erguidas en una línea base horizontal y tratando de determinar dónde encajaría en Phoenix, AZ porque el cliente quería en última instancia mostrar dónde se iba a ubicar este Airbnb. Entonces, una vez que tengas tus tres conceptos seleccionados, toma todos esos conceptos, escanéalos en la computadora y vamos a seguir trabajando con ellos en Photoshop en la siguiente lección de video. 6. 3 conceptos para editar después: Entonces ahora que tienes todos tus conceptos escaneados en la computadora, esencialmente vamos a crear un nuevo documento de Photoshop. Siempre lo configuro en papel y medio por 11, que es lo que he establecido aquí. Tenemos todos nuestros conceptos aquí en el mismo tablero, voy a apagarlos todos excepto uno. A lo que me gusta hacer, me gusta trabajar realmente a lo grande. Esto es una cosa de preferencia, pero solo lo escalo todo el camino hasta que llene todo el lienzo y lo vamos a hacer por todos nuestros conceptos. Está bien. Ahora, que tenemos todos esos escalados y listos para imprimir, adelante e imprimirlos porque los estaremos usando junto con el papel de calco para finalizarlos y perfeccionarlos hasta la última pieza final que tendremos al final de esta lección. Entonces, ahora tenemos todos estos impresos. Se trata de dos escalas de 8.5 por 11 pedazo de papel y vamos a empezar a finalizar estos con el papel de calco, uno a la vez. Escoge lo que quieras finalizar primero porque en última instancia el cliente quiere ver tres opciones, razón por la cual seleccionamos tres conceptos para finalizar. Entonces, arranca un trozo de papel de calco y asegúrate de estar constantemente referenciando esa inspiración en el material de referencia que recolectas porque obviamente quieres tratar de encajar con el estilo y el aspecto de una de estas piezas a las que esperemos estar referenciando. Pero antes de entrar en el dibujo, quiero discutir un par de términos y esos términos que estaremos usando a lo largo de esta lección; Color, contraste, kerning, ritmo, velocidad, y ángulo. Hay un par más a los que puedo mencionar pero estos son los que constantemente estarás prestando atención. Color, en este caso es el equilibrio entre positivo que es lo que están tomando las formas de letras y el espacio negativo, que es el área alrededor de cada forma de letra. A continuación, será el contraste y ese sería el ancho del trazo y cómo un trazo vertical descendente sería más grueso que tu delgado trazo ascendente como este h Entonces, quieres pensar en el contraste entre tus muslos y tus delgados. Siguiente kerning, ese sería el espaciado entre tus formas de letra. Entonces, es realmente boceto rudo. Sé que esta w y esta h son demasiado unidos. Entonces, como estás rastreando dibujarás tu h o dibujarás tu w, dibujarás tu w primero. Pasarás ese papel de calco por un poco para darle la vuelta a tu w en tu borde y seguirás adelante y dibujarás eso. Entonces eso es lo que es kerning si no lo sabías ya. Ritmo, ese es el equilibrio y la progresión entre cada forma de letra. Entonces en este ejemplo, esta forma de letras es bastante grande. Esta forma de letra es aproximadamente de tamaño mediano y luego pequeño, grande de nuevo, y luego otro medio. Entonces, me gusta retratar ese ritmo con círculos o cuadrados, puedes mostrar visualmente el ritmo en una forma de letra y cómo esa forma de letra se está moviendo a lo largo de la línea base, está dictada sobre muchas cosas, pero en última instancia es la forma de letra y donde se encuentra tumbado en esa línea de base. Entonces, en esta instancia en particular queremos una línea de base recta por lo que el ritmo va a ser relativamente bajo y queremos que eso se sienta un poco rebotado también. Entonces tenemos un mediano grande, mediano, pequeño, grande, creo que es un gran ritmo que tenemos ahí. Así que quédate con eso. Velocidad, velocidad y ángulo son relativamente similares. El ángulo cambiará dependiendo de lo que quieras que se vea este logotipo. Entonces, si queremos que este logotipo sea un poco más duro de un ángulo, podrías cambiar esta h para que sea más vertical, o firmando más inclinado, esta h será un poco más inclinada si quisieras cambiar el ángulo, así como, el i, el t y que cambia todo el look y relleno del formulario de carta si todo parece que está cayendo así o podrías inclinarlo hacia atrás. Puedes hacerlo más vertical, hacer la h un poco recta, y otra vez, eso cambiará todo el look y relleno de esta forma de letra. Entonces, estas cosas centrales cambiarán el aspecto y el relleno de todo el logotipo a medida que empieces a bosquejar a lo largo de este proceso. Entonces, esas son las cosas de las que quieres estar al tanto. Entonces, si sigues dibujando, cambiando el ángulo, cambiando el contraste tal vez esto sea mucho más grueso, tal vez esto es una bajada muy gruesa y una línea de pelo muy delgada hacia arriba, y de nuevo, cambiando ese contraste muy grueso, muy delgado. Entonces, sea lo que decidas hacer, solo asegúrate de mantener todo consistente a lo largo de todo el logotipo. Entonces si haces este tipo de contraste muy grueso y muy delgado en todo, necesitas llevar eso a lo largo del resto de los logotipos. Entonces, este borde necesita tener el mismo peso, el mismo aspecto y tacto, cada letra necesita relacionarse entre sí. Está bien. Entonces, vamos a conseguir una nueva hoja de papel de calco si necesitas uno, si no, seguir usando el mismo. Vamos a empezar a usar las herramientas que mencioné antes. Depende de ti qué herramienta utilices. En este caso, creo que usaré un sharpie porque el look y la sensación que voy por es un poco más cuadrado al final y un contraste muy bajo. Entonces, eso significa que el ancho de trazo entre tu fix y tus delgados va a ser muy igual. Entonces en este punto, comienza a trazar tu tipo de logotipo todo el camino a través de fuera con cualquier herramienta que decidas usar porque esto en última instancia va a mostrar el arreglo y los delgados de tus relaciones. Encontrarás las zonas que necesitas para carn. Encontrarás los ángulos que necesitas cambiar. Entonces, seguir rastreando hasta que lleguemos al producto final. Sea lo que sea que sea, depende de ti. Quieres perfeccionar estas formas de letra, perfeccionar el kerning, perfeccionar el peso. Asegúrate de que todo esté equilibrado, todo sea igual, todo se sienta igual en todo momento. Apuntar el papel de calco sobre es beneficioso para ayudar con tu kerning. A medida que añades el peso si eso es más grueso, empuja ese papel sobre sólo un poco y comienza a agregar peso en la siguiente forma de letra. Se trata de un proceso constante de ida y vuelta de agregar espacio positivo, eliminar el espacio positivo, simplemente asegurándose de que todo se sienta igual. Estos siguen siendo bocetos ásperos, realmente rudos. Volveremos a usar el lápiz otra vez, esto es solo para ayudarte a afinar los pesos de tus formas de letra, los ángulos de tus formas de letra. Simplemente seguiré haciendo eso una y otra vez con más papel de rastreo. 7. Afinar esas letras: Entonces, con el tiempo, después de trazar y rastrear y rastrear hasta llegar a esta etapa final que tenemos aquí, pasamos de esta primera etapa de apenas mi escritura a mano escaneada a Photoshop a lo que tenemos aquí, el tipo de logo final que estaré presentando al cliente. Con más ediciones en Photoshop, corregí algunos de los problemas de color dentro del tallo de la H así como la escala de la palabra “The” antes del Whitt por si quería una variación con “The” menos pronunciada y menos prominente. Después hicimos exactamente este mismo proceso con todos los bocetos para el resto de nuestros bocetos de concepto inicial. Entonces, este boceto se convirtió en lo que es ahora. Nuevamente, alterando cosas en Photoshop, el travesaño ondulado justo como una variación para mostrar al cliente además de mantener estos trazos verticales un poco más angulares para agregar a esa naturaleza personalizada única con letras a mano. El siguiente concepto fue este boceto inicial en bruto y luego lo convertimos en lo que se ve aquí. Más Photoshop trabaja para ahorrarnos algo de tiempo, posiblemente encajando la palabra “The” entre el espacio negativo de la H y el travesaño de la T. Es un poco apretado pero podría estar bien afinada más adelante en un formato vectorial. Entonces el último boceto que hice fue esta pieza aquí mismo basada en el tipo de logotipo de Packard dentro de nuestra inspiración que encontramos así como la señalización de salchichas en el stand de salchichas no demasiado lejos de la ubicación real del Airbnb. Entonces, al cliente al final le gustó hacia dónde se dirigía esto porque se sentía muy reminiscente del periodo de tiempo y le mostré el boceto final que les estoy mostrando aquí, y este boceto final es lo que en última instancia va conducen al vector final porque al cliente le gustó más esto así como la mirada y sensación que desprendió del periodo de tiempo de 1926. Entonces, en la siguiente lección, discutiremos la colocación adecuada del punto de anclaje así como las técnicas para acelerar su proceso de vectorización como la técnica de cruce sobre, la técnica rectángulo que le ayudará a colocar sus puntos de anclaje. Voy a entrar más en eso. Entonces, te veo ahí. 8. Vectorización del lettering final: Por lo que ahora vamos a estar trabajando con nuestro diseño final de tipo logo seleccionado. Antes de saltar a la computadora, quiero mostrarles a ustedes lo que Jessica Hische llama la técnica del rectángulo. Aprendí esta técnica dentro de uno de sus talleres, y ha sido increíblemente fácil determinar dónde colocar tus puntos de anclaje con esta técnica. Entonces, déjame mostrarte a qué me refiero exactamente con eso. Entonces, por ejemplo, si dibujamos un rectángulo o un cuadrado, depende de la forma de la forma de letra. Si dibujamos uno alrededor de esta E, se puede ver donde se toquen los lados de este rectángulo, la forma de letra es donde deben estar tus puntos de anclaje. Para que se pueda ver donde marqué ahí por los lados, las tapas por el lado derecho. Ahí es donde se encuentra el extremo de la forma de letra. Ahí es esencialmente donde estas formas de letra, o estos puntos de anclaje aquí, van a hacer una gran mayoría del trabajo. Porque están en los extremos opuestos de la forma de letra. Podríamos hacer eso con cualquiera de estas cartas. Podríamos hacer eso con el I. Dibuja un rectángulo alrededor de eso, y verás que colocarás todos tus puntos de anclaje aquí, aquí, aquí, y aquí. Es solo cuestión de afinar bien esos mangos en los que más tarde te meterás con Adobe Illustrator. Entonces una vez más, con la T, bastante similar a la I, a lo largo de la parte inferior de la T, las tapas. Si quisieras, sabrías, si quisieras recortar ese rectángulo, sabrías que también está del lado derecho. Podríamos hacer eso para el W. Podríamos dividirlo en pedazos, porque depende de cómo quieras vector a este tipo. Podrías vectoriales en piezas, o crear todo esto como una forma entera, o podrías crear esta parte como una forma, y luego la segunda parte como otra forma. Todo depende de cómo tú mismo vectores. Pero, si lo descomponemos en dos piezas, vas a tener un punto de anclaje aquí arriba, aquí, abajo abajo aquí creando esta curva. Obtienes la foto. Entonces, después de dibujar tus rectángulos, es hora de escanear esta pieza de letras en el ordenador una vez más, y llevaremos este boceto a Adobe Illustrator para vectorizar. Está bien. Entonces ahora que tenemos las letras escaneadas en la computadora, lo vamos a llevar a Adobe Illustrator. Crearás un nuevo documento, generalmente lo configuro hasta el tamaño de letra, ocho y medio por 11. Vas a importar, o a colocar tu archivo aquí. Normalmente solo hago clic y arrastro desde el escritorio y arrastra en el archivo. Esto es lo que se verá al 100 por ciento. Yo lo tono a cerca del 30 por ciento, 20 por ciento. De esa manera está derribado lo suficiente para que dibujes encima de él con la herramienta de bolígrafo. Vamos a usar la herramienta de lápiz para este tutorial, porque no hay nada mayor que la herramienta de lápiz. Te lo prometo, es frustrante a veces, pero, a través de la práctica y la determinación, se puede lograr cualquier cosa. Entonces vamos a tener un boceto en una capa separada. Voy a bloquearlo, y voy a empezar a vectorizar encima de ese boceto. Generalmente solo uso un trazo con un relleno muy brillante. En este caso, tal vez magenta. Un trazo muy delgado 0.25 generalmente funciona también. Vamos a empezar a tramar nuestros puntos. Lo que hago generalmente es trazar primero los puntos. Sé exactamente dónde van a estar estos puntos, porque ya lo he hecho antes, y también sé dónde va a estar el extremo, que es lo que discutimos con la técnica del rectángulo. Entonces ahora que las tienes todas colocadas, puedes cambiar a la, lo que se llama, “La herramienta Convertir punto de anclaje”. Shift C. Estaré usando esa combinación de teclas muy a menudo a lo largo de esta lección. Esto abrirá tus asas, podrás ver cómo los mangos se están extendiendo hacia afuera ahora usando la herramienta Convertir punto de anclaje. Empezaremos a crear asas para todos estos puntos de anclaje. Entonces hagámoslo. Los corregiremos más adelante. Está bien. Antes de ir más lejos, voy a cambiar el color de estos puntos de mango porque ahora son demasiado brillantes. A lo mejor un marrón. Está bien. Empecemos a perfeccionar esta curva aquí mismo. Vamos a permitir que estas dos asas distribuyan todo este peso. No necesitamos ningún tipo de mangos en el medio. Vamos a arrastrar a este tipo. Tal vez ni siquiera necesitemos a este tipo. Vamos a utilizar de nuevo la herramienta Convertir punto de anclaje. Haga clic en el mango para deshacerse de uno de los mangos de punto de anclaje. De esa manera podemos permitir que el punto de anclaje superior cree esta curva justo aquí, sin perturbar la curva que este punto de anclaje de abajo está creando. Entonces conseguimos la parte superior y ahora necesitamos perfeccionar esta curva inferior también. Nosotros vamos a hacer lo mismo. Permita que estos dos manejadores hagan todo el trabajo, porque podemos. Es sólo cuestión de ir y venir, extender éste, extender eso. Solo asegúrate de que tus mangos de punto de anclaje estén distribuyendo el peso de manera uniforme, y con eso quiero decir, asegúrate de que las longitudes de tu mango sean generalmente iguales. Está bien si no lo están, eso es sólo una regla de pulgar. Obviamente, éste va a hacer un poco más de trabajo, porque está en la parte inferior, y está llevando esta curva todo el camino, así que está bien. Ahora, arreglemos esta curva inferior. Podría necesitar ajustar también la posición de los puntos de anclaje. Eso está bien. No me gusta lo plano que es eso. Podría usar la herramienta convertir punto de anclaje. Nuevamente, saca el mango. Deshazte de la que no necesitamos, para ayudar en torno a esa curva hacia fuera. Algo en esas líneas. Ahora que tenemos la forma general, tiendo a revertirla. Entonces, es un relleno en lugar de un trazo, y para hacer eso, presionarías Shift X. Entonces, de esa manera tenemos una forma entera que consistirá el tallo de nuestra T. Y de hacer eso, puedo ver que esta curva no es tan suave como quiero que sea, así que una vez que lo vuelvas a convertir a un relleno, posible que tengas algunos retoques más que hacer con los puntos de anclaje. Vamos a seguir haciendo eso a lo largo de todo este logotipo, trazando nuestros puntos. Por suerte, ya he vectorizado esto fuera, y les mostraré el vector final y los puntos de conexión. El peso del trazo es un poco demasiado grueso para que veas lo que hice exactamente. Se puede ver que en algunas instancias, como aquí mismo, los bocetos iniciales un poco demasiado delgados, así que corregí eso en el vector. Se puede ver que he vectorizado estas formas por separado. Cómo se conecta el I a la T, y el té se conecta con el otro, el travesaño también está separado. Todo está separado para que después puedas cambiar esos ángulos si es necesario. No quieres vector todo esto como una sola forma, así que de esa manera si desagrupo esto, puedes moverlos individualmente. Entonces, eso es lo que parecía el vector final, el primer recorrido, debo decir, el primer recorrido, debo decir,- Siempre lo paso una vez, para bajar las colocaciones del punto de anclaje, y luego copio la mesa de trabajo presionando Shift O. Shift O abrirá su paleta de edición de mesa de trabajo, para que pueda mantener la opción, arrástrela hacia abajo. En este caso, ya lo he hecho a la derecha. Lo arrastré hacia el lado derecho. Vamos a empezar a corregir aún más cosas, como; qué delgado es esto aquí. Queremos asegurarnos de que todo esté en la misma línea de base. Queremos asegurarnos de que los puntos de conexión estén alineando igual también, lo cual se puede ver aquí. Por lo que creé lineamientos para eso. Queremos hacer todas las pequeñas correcciones después de que el primer vector pase a través dentro del segundo vector corrido a través. Esta es solo mi preferencia personal, y procesa así que si esto no funciona para ti, entonces por todos los medios, siéntete libre de saltarte este paso. Entonces, después de que hayas hecho correcciones adicionales a tu logotipo, siempre lo reviso una vez más. Copiar esa mesa de trabajo, esta vez la arrastré hacia abajo, corrigiendo más de esos temas. De esa manera, si alguna vez necesitas llegar a uno de estos pasos anteriores, puedes, porque tienes estas copias adicionales. Por lo que a lo largo de aquí, estaba corrigiendo más de estas curvas, más de los pesos en los temas de contraste que tuve entre mi Fix y Thins. Había algunos pequeños, diminutos problemas con lo agudo que estaban terminando algunos de estos, así que si esto se había ido, por ejemplo, eso es un poco demasiado agudo para mi gusto. Entonces yo estaba curvando y redondeando esos, como este de aquí. No es lo suficientemente redondo, y eso es un poco demasiado afilado. Entonces, lo que generalmente hago es, agregar un punto ahí, agregar un punto ahí. Entonces, cualquiera de los lados, para que así cuando elimines esto, lo redondea cada vez tan ligeramente. Asegúrate de que esos puntos de anclaje estén relativamente cerca. No tengo Adobe Creative Cloud, así que no puedo usar la Herramienta de Redondeo que tienen. Pero eso es esencialmente lo que estamos haciendo aquí, usando para redondear las esquinas. Traje esta final a otro archivo de Illustrator porque quería mantenerla separada, porque, la W era un poco demasiado funky para mí. Empezó con estos puntos de conexión redondeados que se pueden ver aquí, y yo lo hice todo de una forma también. Pero eso no me gustaba demasiado, porque realmente no encajaba con el resto de los bordes más afilados que tenía el resto del logotipo. Entonces, traté de arreglar eso dentro de este nuevo documento, y, curvé y apunté los extremos más similares a cómo se ve el tallo de la T. Por lo que de esa manera se sintió un poco más cohesionado con el resto del logotipo. Corregiendo constantemente en todo. Cada vez que copio una mesa de trabajo, hay correcciones menores, y por eso, puedes ver aquí. Creé la nueva W personalizada en esta mesa de trabajo, y luego hice correcciones menores. Se puede ver cómo el tallo de la H se ha adelgazado junto con la altura X de la Y. Traje el travesaño abajo en las T, corrigiendo estos pequeños detalles diminutos, pero hace toda la diferencia. Y luego esa etapa final, kerning todo, apenas un poco, corrigiendo la pendiente en el trazo de salida de la H, y luego en este punto, empiezo a trabajar con la colocación y tamaño del tipo secundario, que es el Phoenix Arizona, la ubicación de su Airbnb. Avanzando, el cliente quería ver cómo sería el logotipo con una sombra de gota. Entonces desarrollé una sombra de gota también, y luego comenzó un proceso de prueba de qué color sería el mejor para este logotipo. Hice referencia a los recursos pasados y la inspiración que reunimos. Mucho de esos azules, muchas de esas naranjas, y los rojos. Entonces, por supuesto, tenía sentido incorporar esa naranja al logotipo también. Entonces, una cosa más que quiero discutir con ustedes es lo que trato de llamar a la técnica crossover. Te mostraré exactamente lo que quiero decir con este ejemplo. Traté de diseccionar esta W en diferentes formas, y en cuyo caso todas estas son piezas separadas. Pero esta pieza aquí mismo, en lugar de hacer de este lavado una forma separada, conecté los dos cruzando los puntos de anclaje vectorial. Entonces, comenzando aquí hice mi camino hacia arriba. Colocar aquí un punto de anclaje, continuó que a lo largo en lugar de diseccionar la forma como lo hicimos aquí. Otro buen ejemplo de esta técnica crossover sería este guión de la ciudad de Nueva York que desarrollé. Se puede ver cómo crucé para crear el travesaño de la N. En este caso, se puede ver exactamente por qué esta técnica de crossover es útil, pues si se quiere corregir el peso del travesaño, se puede mover uno de los anclajes puntos sin perturbar el contraste del trazo más delgado de la izquierda. Lo mismo para este punto de anclaje a la derecha. Se puede manipular el trazo más delgado sin alterar el trazo más grueso. Si solo tuvieras un punto de anclaje en lugar de los dos, ya verás a qué me refiero. Porque ahora que tienes uno, estás corrigiendo ambos al mismo tiempo. El crossover técnica es definitivamente útil en esta instancia donde puedes corregir un lado de tu formulario de carta sin molestar a otro. Está bien. Por lo que ahora, con tu diseño final de logotipo y vectorizado en la computadora, vamos a seguir adelante con la aplicación de ese logotipo a cualquier aplicación que creas que pueda necesitar estar en. Entonces, en este caso, necesito burlarme de ella en una cerca, porque él quería que se pintara en una cerca, y necesito burlarme de ella en una puerta, porque él quería ver cómo se vería este logotipo dorado- hojeado sobre una ventana de vidrio. Entonces, te veré en la siguiente lección. 9. No lo muestres, preséntalo: Entonces en este punto del proceso, vamos a tomar nuestro logotipo terminado y aplicarlo a una maqueta. Queremos mostrar al cliente exactamente cómo se va a ver y su espacio habitable, en este caso, en una puerta de granero. Estamos a un costado de la puerta de su granero, así como se burló de una ventana. De esa manera, el cliente puede ver exactamente cómo se veía. Se puede ver si está funcionando a ciertas escalas. Entonces, empecemos con esta puerta de granero. Vamos a copiarlo. Estamos trabajando de nuevo en Photoshop. Tomé una foto de esto, pegándola. Voy a cambiar el color a negro porque sé que quiere que coincida con el color de la puerta del granero, ese color negro para ponerlo en perspectiva. Si sabes algo de Photoshop, necesitamos hacerlo, generalmente voy a convertir las cosas en objetos inteligentes. Aquí vamos a trabajar con la perspectiva. Va a ser un montón de ajustes también. O sea, nada va a ser perfecto. Pero vamos a intentar que esto se vea bien. Generalmente terminaré masacrando el logo, pero mientras el cliente pueda ver exactamente cómo podría parecer, creo que vamos a estar bien. Entonces, en este caso, definitivamente estoy masacrando el logo y eso está bien. Es solo con fines de presentación solo para que el cliente pueda ver cómo podría verse esto. Entonces, creo que ya casi estamos ahí. Simplemente lo estamos sesgando continuamente. Creo que eso no está tan mal. Podría incluso cambiar el modo de mezcla, shift plus cambiará el modo de mezcla. De esa manera el logotipo se mezclará a través de esas grietas. Ninguno de esos modos de mezcla está funcionando demasiado bien, pero eso está encendido. Creo que eso podría ser lo suficientemente bueno para enviarlos, tal vez incluso disminuir la opacidad, así que es un poco ver a través. Lo que creas que puede ser mejor , en última instancia depende de ti. Es tu juicio. Simplemente cualquier forma de mostrar al cliente cómo podría verse esto en sus etapas finales. Entonces, déjame mostrarte el antes y el después. Eso es generalmente lo que esperemos se verá en esa madera. Siempre es bueno mostrarle al cliente el logotipo con sus colores previstos también porque a veces podría verse bien invertido así. Pero, por ejemplo, si lo cambio a negro, eso podría no verse mejor. Si elimino este color de fondo, el espacio positivo y negativo es diferente. Entonces, si lo veo sobre un fondo blanco, las formas de letra aparecen un poco más abiertas, un poco más espaciadas. Pero si lo traigo de vuelta a este fondo naranja, casi parece un poco más condensado, un poco más audaz. Eso es sólo un truco que tus ojos te juegan. Entonces, se puede ver a lo que me refiero por el espacio positivo y negativo aquí. Si te muestro esta vista previa rápida, así es como se ve sobre un fondo blanco y luego un fondo negro. Casi se puede ver cómo los cambios, especialmente en las formas de contador del tipo secundario, se puede ver cómo la forma de contador de esa A apenas se hace más pequeña. Es sólo una cosa óptica. En realidad no se está poniendo más audaz. Es solo un truco que tus ojos te juegan. Entonces, es algo de lo que debes tener en cuenta cuando sí presentas tu logotipo, algo de lo que debes tener en cuenta cuando diseñas tu logotipo. Asegúrate de que se vea bien sobre un fondo blanco. Asegúrate de que se vea bien sobre un fondo negro. Entonces, una vez que tengas tu último logotipo vectorizado, siéntete libre de subir eso a la página del proyecto y espero brinde una retroalimentación honesta y mis opiniones sobre lo que ustedes chicos han creado. Entonces, estoy deseando ver lo que ustedes han hecho. 10. ¡Gracias!: Está bien. Entonces, ese es el final de esta clase de Skillshare. Entonces, gracias chicos por seguir adelante. Si tiene alguna pregunta o comentario, por favor hágamelo saber. Ojalá les enseñara una cosa o dos. Tengo ganas de ver lo que ustedes han creado, y si ustedes son logotipo no resulta de la manera que quieren, no se asusten. Yo estaba en la misma posición hace año y medio, estaba haciendo cosas que no eran las mejores, pero a través del tiempo, la dedicación, y la práctica sólo se pone mejor. Entonces, sigue empujando, la práctica hace perfecta, y te veré en clase.