Transcripciones
1. Introducción: Qué pasa Internet. Mi nombre es Jon Brommet, y bienvenido a Cómo Personalizar Fuentes Para Diseño de Logo. Esta clase está dirigida a cualquier persona que esté al menos un poco familiarizada con Adobe Illustrator y quiera
saber cómo poder personalizar las fuentes a su gusto sin ser un maestro tipográfico. Personalizar fuentes es realmente fácil y te permite ser más creativo y no depender de fuentes prefabricadas para dictar cómo funciona tu diseño. En esta clase, vamos a hacer un estudio de caso sobre una variedad de logotipos diferentes para que
podamos recabar inspiración a partir de sus personalizaciones de fuentes preexistentes. Entonces usaremos esa inspiración para completar nuestro proyecto de clase, que es personalizar una palabra para usarla en un logotipo u otro medio. Si quieres saber más de mí, soy diseñadora gráfica en Illustrator y he trabajado profesionalmente en una amplia variedad de trabajos de diseño en los últimos 12 años. Ahora me especializo en branding, gráficos de
playeras, e ilustración. He trabajado con bandas como Blink-182, marcas como Hi Mi nombre es Mark y RPM Training Co, y he colaborado con una amplia variedad de empresas para producir mi propia mercancía. También he impartido más de 30 clases en Skillshare en los últimos cinco años. Pero eso es suficiente de mí. Si esta clase te suena interesante, sigue viendo y empecemos.
2. El proyecto de clase: Está bien. Entrémonos en el proyecto de clase. mí me gustaría decir, al inicio del video, así que es bastante fácil, puedes empezar a pensar o tal vez incluso a trabajar en él mientras estás viendo la clase conmigo. Entonces te inspirarás a completar realmente el proyecto y llegar a algo de lo que realmente estás orgulloso y tal vez sea Instagram o si realmente quieres mostrar a tus amigos o compartir en el proyecto de clase porque eso siempre es impresionante. Me encanta ver lo que ustedes se les ocurre. En esta clase, lo que queremos hacer es que quiero escoger una palabra. Puede ser para un logotipo, puede
ser para un logotipo de cliente o un logotipo personal, o simplemente puede ser un logotipo famoso, lo que quieras hacer. O si eso no te interesa, podría ser tu nombre, o la ciudad en la que creciste, o la ciudad en la que vives, algo así. Simplemente escoge una palabra que te sea interesante, algo que realmente quieras personalizar y que quieras usar. Entonces vas a escoger una fuente sans serif. Puede ser uno de los de la clase o diferente fuente sans serif. Si no sabes lo que es sans serif, no te preocupes, te lo
explicaré en el siguiente video muy rápido. Vamos a escoger una fuente sans serif, a
hacerle algunas [inaudibles], ya sea ligeras o realmente pesadas. Entonces ese será tu proyecto de clase. Todo lo que tienes que hacer es subir
el antes de la fuente que tenías y cómo se veía al inicio, y luego el después, que es tu increíble fuente. Realmente bueno, es tan bueno que mis dedos se estén moviendo. Está bien. Entrémonos a la clase.
3. Cuarentena: ¿ Esta cosa está rodando? Creo que está rodando. No sé si estoy enfocado. De acuerdo, voy a hacer algo diferente. Voy a poner un video que sólo se va a quedar un rato y luego voy a borrar porque éste en realidad está muy orientado al tiempo. Al igual que en, todos estamos en cuarentena ahora mismo. Además, hay un camión gigante circulando por si puedes oír eso, no lo sé. Así que mientras todos están en cuarentena y todos estamos en cuarentena, ojalá ustedes estén realmente inspirados para aprender y aprender es una gran cosa que hacer. Yo encuentro para mí, hago una lista de chequeo. Tengo una gran lista de cheques y mantenerme ocupado y cuarentena es como super importante obviamente, ¿verdad? Para que en realidad no te vuelvas loco. He visto a mucha gente en Facebook y redes sociales que simplemente se aburren de sus mentes y les digo, hacer un pasatiempo obviamente o aprender un nuevo pasatiempo si se puede sin salir y aparte de eso, aprender es super útil. Recoge un libro, entra en línea, ve a Skill Share y aprende porque para mí de todos modos me inspira a crear más cosas, me inspira a mejorarme como artista o persona incluso supongo dependiendo de lo que estés mirando hacia arriba. Creo que mantenerse ocupado durante la cuarentena va a ser súper útil. Es decir, obviamente hay muchos negativos y muchas cosas malas que están en las noticias
y desafortunadamente la gente está pasando y enferma y estas cosas horribles suceden. Pero para algunos de nosotros que estamos sanos y solo estamos haciendo nuestra parte para tratar de ayudar a detener la propagación, estamos en nuestros hogares y es una oportunidad increíble para nosotros con todo este tiempo libre en nuestras manos hacer realmente algo que nunca tuvimos oportunidad de hacer antes o simplemente saltar a esas cosas que hemos estado demorando. Entonces de verdad sólo quería hablar con ustedes un segundo sobre el aprendizaje. Simplemente creo que es tan impresionante y he estado viendo tantos proyectos más entrando y tanta gente comentando y disfrutando de las clases y creo que eso es impresionante. Muchas gracias por revisarlos. En este punto, tengo 30 clases más. Entonces si tienes algo de tiempo en tus manos, me encantaría que revises mi perfil y veas si hay algo interesante ahí para que aprendas. Si quieres hablar conmigo, estoy en Jon Brommet en Instagram,
dMing me ahí probablemente sea la mejor manera. Voy a charlar hombre, tengo algo de tiempo libre, vamos a charlar. Aparte de eso, sólo echa un vistazo a Habilidad Compartir. Pero hay tantos buenos maestros en Habilidad Compartir aparte de mí, ya
sabes como, soy un maestro decente espero. Sí, pasa mucho tiempo en Skill Share y aprende. No es sólo un anuncio, esto no es un anuncio. Se trata de inspirarte a sentirte creativo y a canalizar más allá de todo el terror y la preocupación que está pasando en el mundo y en realidad solo disfruta de este tiempo como increíble tiempo libre para que crees y aprendas y hagas esos cosas que no tuviste oportunidad de hacer. Nuevamente, este video no va a estar levantado por mucho tiempo porque una vez
que este mundo de cuarentena se acabe, va a parecer algo raro y anticuado y no está totalmente relacionado con la clase. Entonces este es un video especial para ustedes las personas que están viendo durante la cuarentena. Muchas gracias chicos,
manténganse ocupados, diviértanse y manténganse a salvo.
4. Los términos clave: Para empezar, quiero repasar algunos términos clave que voy a estar usando en la clase y simplemente sacar algunas ideas de legalidad fuera del camino en
cuanto a usar las fuentes de otras personas y lo que puedes hacer. Más o menos legalmente, por supuesto, no soy abogado, así que no puedes tomar lo que digo por [inaudible], pero creo que tengo la idea correcta en cuanto a cómo puedes usar fuentes. Para empezar, repasaremos algunos términos clave. El primero es uno con el que ustedes pueden estar familiarizados, y eso son las fuentes sans serif. Eso es lo que vamos a estar usando para la mayoría de esta clase. Te explicaré por qué en tan solo un momento. Pero una fuente sans serif es una fuente más moderna o lo que consideran fuente más moderna. Es más o menos va a tener el mismo peso a lo largo de la carta. Existen pequeñas diferencias en ciertos aspectos de cada letra, pero más o menos el peso va a ser muy
consistente a lo largo de la forma y el carácter o el glifo. No tiene un serif aquí, el borde de las letras que veremos justo abajo. Esta es una fuente serif. Aquí la diferencia es que tiene las serifs. Eso es un serif está ahí al final de cada pequeño trazo aquí, y verás que hay muchos puntos gruesos y delgados en cada letra. Esa es una diversión más tradicional. Se usan, por supuesto, en todo tipo de libros y revistas y cosas. Estas son grandes fuentes, pero son mucho más difíciles de editar en realidad en cuanto a personalizar una fuente. Para esta clase, vamos a empezar con fuentes
sans serif porque son mucho más fáciles de trabajar. Una vez que tienes los pies mojados y has aprendido a hacerlo bien, entonces puedes pasar a las fuentes serif, que no hablaré en esta clase. Pero son sólo un poco más complicadas. Si quieres ajustar las cosas, necesitas entender el peso de cada parte de la letra y cómo ajustar serifs y cosas así. Es sólo que es mucho más complicado. Nos mantenemos alejados de las serifs, por el bien de esta clase. Otra cosa de la que hablaremos un poco es el rastreo. seguimiento es el espacio entre un grupo de letras. En otras palabras, toda esta palabra aquí, se ha rastreado. El modo en que ajustas que tengo mi panel de caracteres abierto aquí. Si quieres asegurarte de que tienes el tuyo abierto, vas a hacer clic en “Ventana” en la parte superior de la pantalla, desplázate todo el camino hasta Type, y luego asegúrate de que Character esté marcado, y debería salir en algún lugar para que puede ver muy bien eso. Aquí mismo, ese es el rastreo. Podemos hacerlo con nuestros atajos de teclado. Si tengo la palabra seleccionada, puedo mantener Option o Alt en un PC y solo usar mis flechas izquierda y derecha, y se puede ver que estoy aumentando y disminuyendo el seguimiento a lo largo de las letras, o podemos hacer eso mismo aquí solo por haciendo clic y manteniendo o haciendo clic en este menú desplegable y recogiendo cantidades preestablecidas para el seguimiento. Pero me gusta usar mis atajos y usar las teclas tanto como sea posible, pero eso ajustará una gran cantidad de letras todas a la vez y asegurarme de que el espacio sea relativamente parejo. Kerning, que es muy similar es en realidad sólo el espacio entre las letras mismas. En lugar de un grupo de letras
, son solo letras individuales. Vas a entrar aquí. Una vez que lleguemos ese rastreo a donde quieras, entonces tal vez tengas que ir en las letras individuales y o bien ampliar o reducir el tamaño entre las letras a lo que mejor se vea a tus ojos. Pero esa es la diferencia entre kerning y tracking. Esos son la mayoría de términos que vamos a estar usando en esta clase con los que puede que no hayas estado familiarizado antes.
5. Reglas básicas de tipografía: Ahora queremos meternos en las cosas que hacer y no hacer del plano con tipografía, o fuentes, o texto, sin embargo decidas referirnos a ello. Es importante que sigas más o menos algunas de estas reglas. Va a ser más importante dependiendo de las fuentes que estés usando y cosas así. Pero uno de los grandes no-no's del diseño o cualquier tipo de tipografía es estirar el texto. Si selecciono este texto aquí y miro en mi panel de caracteres, puedo ver que se trata de un 132 por ciento horizontalmente en lugar de simplemente verticalmente. Esto está debidamente escalado. A veces definitivamente diseñadores inexpertos o personas que no son diseñadores en absoluto dirán: “Quiero que esto sea amplio o así”. Simplemente agarrarán esto y lo estiran. Pero el problema de estirar las cosas es que lanza [inaudible]. Si miramos antes, veamos cómo los pesos son bastante consistentes. Ahora si quisiéramos, se puede ver que esto es más gordo y esto es más delgado, y sólo arroja todo el peso a la fuente y se ve mal. No hagas eso. Hay alternativas para hacer esto. Una de las formas es simplemente aumentar el rastreo. Esa es una gran manera para hacer eso. Otra forma es entrar realmente y personalizar la fuente y estirar las cosas, que luego mostraremos cómo hacerlo correctamente. Otro don no, en términos generales, es ponerse un falso audaz, es
decir, simplemente agregar un trazo y simplemente ponerlo en marcha. El motivo de eso es básicamente que una fuente adecuadamente diseñada, veamos un ejemplo cómo eso ocurre realmente tiene una diferencia entre la versión negrita y la versión regular. No es sólo hacer esto. Un diseñador de fuentes adecuado no sólo va a ponerle un trazo y llamarlo negrita y decir que es una fuente audaz porque arroja el peso en ciertas secciones. No es el fin del mundo. Esto es como si la luz no, tal vez puedas salirte con la tuya o tal vez puedas salirte con la tuya con una pequeña cantidad, pero no te vuelvas demasiado loco con eso. Si solo copio algunos comandos escena y pego comando V, y cambió el color de esto. Simplemente cambiaremos esto para tener a Roman, solo para que puedas ver el ejemplo. Como ven aquí si hago zoom, han dejado la altura exactamente igual, pero hay diferentes secciones de la misma. Habían estado teniendo una línea más ancha en ella para que sea más audaz, y lo mismo con si voy a la O. Han aumentado el peso bastante uniformemente pero justo en el interior. Si voy a la L, ya puedes ver. Entonces no es sólo una negrita centrada, recta arriba cuando estás haciendo una fuente audaz, no
es tan fácil. Tenga cuidado si puede usar la versión negrita de la fuente en lugar de simplemente agregarle un trazo. Nuevamente, si estamos hablando de estiramiento, hablamos de estiramiento horizontalmente. No estires verticalmente por las mismas razones exactas que antes. En cambio, usa una versión condensada de la fuente si existe y si no existe, entonces te mostraré cómo puedes personalizarla y hacer una versión condensada más o menos falsa como he hecho aquí. En realidad uso la fuente regular y lo hice parecer como si fuera una fuente condensada. Al hacer algunos ajustes, necesitaría algo de refinamiento. No lo perfeccioné, pero esto es sólo una demostración general.
6. Legalidades generales: [ MÚSICA] Sólo quiero hablar de las legalidades básicas del uso de fuentes. Yo uso mucho Mercado Creativo. Podría usar MyFonts. Hay un montón de formas diferentes en las que puedes comprar o comprar fuentes. Pero básicamente, solo quieres leer la letra pequeña tanto como puedas. Acabo de ir a fuentes populares, y sólo vamos a hacer clic en la fuente más popular aquí. No importa en qué fuente hagas clic, pero básicamente quieres mirar tus opciones de precios justo aquí, así lo dice, escritorio. En este caso, no estamos haciendo una app, no
estamos haciendo un ePub básicamente, como un e-book, estamos haciendo escritorio, eso es lo que queremos. Entonces qué puedes hacer para ver realmente el tipo de licencia,
dice tipo de licencia, ¿cuáles son estas? hacer clic en eso, se le dará una explicación de cómo se te permite usar esta fuente que estás comprando en este caso por $39, qué está permitido, y qué no está permitido. En este caso, se trata de proyectos
comerciales y personales ilimitados es la versión de escritorio para esta fuente. Eso es realmente bueno. Por 40 dólares, ahora tienes esa fuente y te permite personalizarla, o hacer lo que quieras con fines comerciales, simplemente no puedes revender la fuente. No se puede personalizar la fuente y luego revenderla como fuente propia. Tienes que construir una fuente desde cero si vas a vender una fuente. Pero solo con el propósito de esta clase, cuando estás creando un logotipo, eres bienvenido a personalizar eso una vez que lo hayas comprado comercialmente. Lo mismo exacto iría con mis fuentes si solo vuelves a hacer clic, lo que sea, no importa en qué fuente hagas clic. Simplemente voy a seleccionar una línea aleatoria aquí. Si pasas a opciones de compra, obtendrás el escritorio, misma idea, aprende más. Puedes echarle un vistazo, asegurarte de que está permitiendo el mismo tipo de concepto para uso comercial. Tienen muchas más cosas para que leas, pero es la misma idea. Simplemente quieres poder asegurarte de que tienes una fuente comercial. A partir de ahí, tienes dos opciones más. Tienes, por supuesto, las fuentes que están instaladas en tu computadora. Cualquier fuente que se instale en un PC o un Mac, en términos generales, si venían con licencia con el software real, como no algo que tienes que descargar. Deberá poder utilizar esos con fines comerciales. Esas fuentes normales, Helvetica, ya sea Arial, o cualquier Brush Script, cualquiera de esas fuentes que suelen venir sus prefabricadas, esas se les permite utilizar con fines comerciales. Otra cosa es que si tienes una suscripción a Creative Cloud, como la mayoría de nosotros, si estamos usando el software a Adobe, entonces puedes ir a fonts.adobe.com, y puedes activar fuentes. Creo que todos estos están permitidos con fines comerciales. Pero de nuevo, haz un poco de investigación, solo asegúrate de que lo que
te digo sea correcto, no puedes simplemente robar, no soy abogado ,
pero en términos generales, podrás usar cualquiera de estas fuentes con fines comerciales. Aquí dice, licenciado para personal y comercial. Conoce más, y luego podrás enterarte del uso comercial, y luego deberías ser bueno para editar cosas con el propósito de crear un logotipo. Simplemente no edites una fuente y luego la vendas como tu propia fuente. Ese es el único gran no-no, realmente no se puede hacer eso. Ahora pasaremos a los estudios de caso.
7. Ejemplos prácticos, parte 1: Empecemos con algunos estudios de caso. El motivo por el que estamos haciendo esto es que puedes ser como yo y cuando ves logotipos a tu alrededor, sobre todo logotipos que estás acostumbrado a ver desde hace mucho tiempo realmente famosos, logotipos que ves por todas partes, podrías no analizar exactamente lo que los hace un buen logotipo, y eso puede parecer intuitivo, pero a veces hay que apagar el cerebro si eres un diseñador gráfico. personal, no
me gusta analizar todo a mi alrededor y criticar cada diseño que veo. A veces hace clic en, pero en su mayor parte, trato de ser ajeno porque te
estresará y te volverá loco si estás analizando cada cosita, o te hará impresionante. No lo sé, depende de la persona por supuesto. Hacer un estudio de caso es solo una gran oportunidad para
prestar atención y ver lo que están haciendo los buenos diseñadores. Digo buenos diseñadores, lo que significa que en términos generales, un logotipo famoso, una marca realmente grande generalmente pagaba mucho dinero por un buen logotipo. Marca que ha estado por ahí un tiempo, contrataron a una buena firma de diseño y gastaron mucho dinero para asegurarse que su logotipo va a poder competir y destacar entre una multitud. No es el caso de cada logotipo famoso, pero en su mayor parte, tienes un recurso seguro para buscar inspiración o para hacer referencia. Uno de los logotipos con los que vamos a empezar es Netflix, y la razón por la que empezamos con él es porque es una manipulación tan fácil. Es una personalización tan fácil a una fuente existente. Si miramos aquí desplazándonos hacia abajo, tenemos, y probablemente voy a pronunciar brutalmente cada fuente de esta clase porque no sé pronunciarlas. Creo que es Bebas Neue, no
sé, algo así, pero de todos modos, esta fuente ella. A lo mejor Bebas, no lo sé. Yo voy Bebas. De todos modos, esa es la fuente que están usando. Aquí vamos a ver qué es único al respecto, y esa es sólo esta curva. Eso es lo único notablemente único. Podrían haber hecho otras pequeñas alteraciones pero es bastante fácil ver que las letras empiezan por la parte inferior, suben, se curvan hacia arriba en la parte inferior, y luego vuelven a bajar en este borde exterior y la parte superior no lo hace. Es una personalización bastante obvia que le han hecho a la fuente. Vamos a mostrar cómo se hace. Simplemente he escrito ese texto en la misma fuente,
el Bebas Neue como se puede ver aquí, y entonces todo lo que hice fue ir a efecto, bajé a Warp, y bajé a Arc Lower. Entonces seleccionando eso, déjame simplemente abrirlo en mi panel de Apariencia aquí. Al seleccionar que lo hice menos nueve y luego lo arrastré encima de esta fuente. No te estoy mostrando todos los pasos que hice porque queremos intentar cubrir algunas fuentes diferentes y no quiero que sea demasiado tedioso para tener la idea. Tengo esa fuente encima de esto y la he puesto a un esquema solo para que veas la diferencia. Han hecho pequeñas alteraciones a los pesos de las cosas. Seguro que haré que se vea genial a sus ojos. Esas cosas son realmente fáciles de personalizar, una vez que has delineado la fuente que es Command Shift O, o bien vas a Type y luego baja a Create Outlines. Lo cual por supuesto no es seleccionable en este momento porque ya he hecho esto. Todavía tiene ese efecto en ella que es por eso que las letras se ven raras como si estuvieran fuera de lugar. Si quieres ir a Object, expande apariencia que se deshaga de ese Arco Inferior que teníamos en
él, se aplicará automáticamente a estas letras. Entonces si estás familiarizado con el Illustrator en absoluto lo cual asumo estás si estás interesado en esta clase y quieres personalizar tipo, entonces solo tienes que usar la herramienta Selección Directa y estarías metiendo sobre puntos, y haciendo pequeños ajustes como ese con el fin de conseguir estas letras exactamente donde uno siente que deben estar. Eso es todo lo que el diseñador de este logotipo habría hecho. Apenas se fue e hizo pequeñas personalizaciones como se puede ver. Sólo para que la forma en que se sintieron se viera mejor. Pero no voy a seguir adelante y recrear todo eso porque eso te da la idea general de lo que hicieron. Todo lo que estamos tratando de hacer es construir una biblioteca en nuestra cabeza de ideas de cosas que
podemos hacer para personalizar fuentes para nuestros logotipos o cosas que estamos diseñando. Eso es Netflix. Ahora vamos a pasar a Red Bull. Tenemos a Red Bull aquí, otra vez
es bastante fácil. Estamos empezando con los más fáciles y vamos a ir más complicados a medida que vamos. Este es Futura BQ Demi Bold, y todo lo que hicieron fue agregar este efecto de cuatro plantillas aquí donde ponen en dos cajas. Esta es realmente fácil de hacer, acabo de escribir la fuente, hice lo mismo donde la delineé, y luego puedes ajustar estas cosas para que sea exacta, pero acabaran de dibujar una caja encima y luego cortar esta fuera usando Pathfinder. Agarrando esta caja y esto, seguiré adelante y pincharé menos frent, y cortaré esa cajita fuera de esta carta y eso es todo lo que han hecho. Por supuesto que había si vuelvo aquí pequeñas alteraciones a la e y pequeñas cosas minúsculas parecen hacer eso. Otra posibilidad es que tuvieran una versión ligeramente diferente de la fuente Futura a la que estoy usando, y ni siquiera personalizaron todas estas curvas, solo pudo haber tenido una pieza de software ligeramente diferente, si quieres llamar a tipografía eso. Es así como harías esa fuente. Ese es un efecto fresco. Ese pequeño efecto de plantilla, pronto
llegaremos más a eso. El descubrimiento es interesante. Nos dimos cuenta que la fuente es Gotham Medium. Si nos desplazamos hacia abajo y miramos lo que es único, claro que tenemos aquí el globo que está cortado de la D, eso es interesante. Han optado por quitar lo que se llama, creo que se pronuncia un título o título,
pero es con dos Ts . Es ese pequeño punto que va por encima del i. porque puede que no sea tan obvio, pero esto es todo minúscula para que yo sea teóricamente minúscula también, pero han decidido borrar
eso, falta de la cosa . La otra cosa que noté justo de un salto es que este r
normalmente continuaría . Simplemente acercaré aquí. Este r continuaría aquí y luego iría derecho hacia abajo, pero en cambio la y se corta en realidad. Tenemos esas mismas líneas exactas. Eso es bastante guay. Para recrear eso, escribí eso en la fuente, esto es bastante fácil. Simplemente tienes un derrame cerebral en ese globo, y cortas esa D, supongo que serás lo suficientemente intermedio como para entender cómo hacer eso. Si voy Comando Shift O para girar estas líneas de datos, todo lo que tienes que hacer es eliminar eso. De nuevo, aquí hay algunas pequeñas finalizaciones que han
hecho para que las cosas encajen exactamente como quieren. La otra cosa que han hecho aquí bien, antes de llegar a ese r, este fondo en la Y. Seleccionaron todos estos puntos menos que, lo
bajaron y luego hicieron algunos refinamientos ahí para personalizarlo para que es más de una forma cuadrada. Si tienes estas instancias donde intentas mover puntos
y verás que estoy recibiendo estas líneas raras aquí, estas flechas, puedes hacer click en la flecha y arrastrarla hacia arriba por supuesto, o si usas tu herramienta Pluma, y pase el cursor sobre el punto y mantenga presionado Option o Alt en un PC y haga doble clic, eliminará las flechas que están asociadas a esa línea.Esa es una forma fácil de conseguir que las cosas se chasquen ahí abajo. Hicieron básicamente ese concepto. De nuevo, no voy a perfeccionarlo a la perfección. Entonces a partir de ahí, para recortar esta Y, lo que probablemente habrían hecho es simplemente llevar este Y a través de aquí así, o le agregarían un trazo a la Y. Asegúrate de que esta línea vaya hasta arriba, y entonces básicamente hizo lo mismo donde estábamos minando el frente. Es así como conseguirías que r estuviera en la misma línea. Quizás probablemente ajustaron esto para estar abajo para que se haga broches. El alto está incluso ahí a través. Si te preguntas cómo voy a hacer que esto se encaje, estoy usando Smart Guides, vas a View y abajo a Smart Guides o Command U en un Mac o Control U en un PC. Eso sólo hace que las cosas se encajen bien con otras cosas. Ahí está apareciendo esa línea rosa, está chasqueando ahí mismo a esa línea. Me gusta usar Smart Guides, las uso todo el tiempo y las he mostrado en muchas de mis clases. Continuando, estamos viendo otro logotipo muy famoso. El logo que probablemente la mayoría de ustedes han visto todo el tiempo, y ese es el logotipo de Walmart. Tiene algunas cositas interesantes aquí que no me había dado cuenta antes porque de nuevo, no
lo había analizado. Como si lo estuviera haciendo aquí. Es solo Myriad Pro Bold, fuente
realmente simple, la mayoría de ustedes lo tendrán preinstalado en su computadora. Si bajamos y miramos lo que es único, aquí tiene estos pequeños bordes redondeados, eso es interesante en la W. Han decidido repetir eso en el As, pero no se lo hicieron a la L, M, R o T, que es interesante, han pensado que esto fluyó lo mejor. La otra cosa que noté es este travesaño en esta t no se encuentra. Lo que han hecho es que han apretado ese rastreo, han ajustado el kerning y lo que pasaría es que
estos se encontrarían entre sí e interferirían, y ni siquiera tienen la misma altura. Si arrastro esto a través, ve cómo eso no es en realidad, esta misma altura exacta que la T, es sólo cerca y está bajando. Por lo que acaban de cortar esa parte de ese travesaño. Es un bonito toque porque no lo había notado. Ver aquí, da un buen flujo. Tiene bonito kerning y la t sigue siendo muy legible. Ese es un bonito ajuste que han hecho. Una vez que vamos aquí y escribimos nuestros textos y voy a crear un remolcado, eso es lo que estamos haciendo, puede ver por supuesto, al igual que todos los demás, hacen pequeños refinamientos minúsculos, pero más o menos están haciendo lo mismo. El W, definitivamente hicieron algún trabajo extra en el fin de personalizarlo,
pero en cuanto a redondearlo, en las versiones más nuevas de Illustrator, todo lo que tienes que hacer es seleccionar un punto y deberías ver un pequeño círculo aquí, y cuando pases por encima, estoy usando mi herramienta Selección Directa, obtendrás este pequeño arco. Yo sólo puedo tirar eso hacia arriba así, para poder hacer la curva. Si quiero hacerlo a más de un punto, solo
voy a seleccionar Shift, golpear otro punto y puedo hacerlo a ambos al mismo tiempo, la misma cantidad. Esa es la idea básica de lo que habrían hecho aquí para hacer esos ajustes. El T por supuesto es aún más fácil. Si solo hacemos doble clic para entrar en esa T y agarrar esos dos puntos con la herramienta Selección Directa, pulsa Eliminar, entonces utilizaría mi herramienta Pluma para seleccionar estos dos puntos para volver a juntarlo, e incluso hago clic de nuevo en ellos para eliminar esos puntos. Después hicieron estos pequeños ajustes. Esa es la idea básica de cómo están personalizando una fuente para simplemente darle algo un poco más único que escribir directamente el texto. A pesar de que no seguí adelante y hice todos los refinamientos que hicieron, si solo miramos los ejemplos que hice aquí mismo sin córnea adecuada ni rastrearla ni hacer todos los ajustes que hicieron al peso del trazo y cosas así, todavía se
puede ver que esto está directamente escrito en Myriad Pro, y este es el logo justo con esos pequeños ajustes que hice sin perfeccionarlo, recreándolo exactamente como lo hicieron. Se podía ver cómo esto es un poco más interesante que simplemente escribirlo. Eso es todo lo que estamos tratando de hacer. Sólo estamos tratando de acumular todas estas buenas ideas. No se trata de recrear a la perfección el logotipo de otra persona, se trata de pensar en ideas y analizar lo que otras personas han hecho, y sólo tratar de construir esa biblioteca. En este video, vamos a abordar dos Logos más rápidamente. Eso es este logotipo de Under Armour primero, como puedes ver es el Eurostile LT Std Bold Extended 2, nombre realmente largo. Podemos ver las diferencias más obvias son que han decidido redondear en realidad partes de ella, pero no otras partes de las letras, eso es interesante, y han hecho estos pequeños recortes aquí en algunas de las letras, el D y el E. Se pueden ver cosas como esta A, están curvando parte de ella, pero no otras partes de ella. Es una idea interesante. Tenemos bordes afilados y tenemos bordes redondeados. No estoy seguro de qué les hizo decidir tener eso así, pero sí lo hace único. Yo les daré eso. Una vez que lo he escrito, puedes ver aquí todo lo que haría es convertir esto en contornos. Vamos a arrastrar esto hacia abajo por el bien de ello. Usando magenta sobre la parte superior del negro para que sea más fácil de ver. Después usando mi herramienta de Selección Directa, me limitaba a ir y agarrar uno de estos círculos y debería más o menos agarrarlos a todos. Eso va a redondear todo uniformemente, y luego de ahí volvería a puntos que no quería redondeados, y lo arrastraría hacia fuera, y eso le daría ese filo afilado, como lo han hecho ahí al final como lo han hecho con estos puntos de la D. Porque más de las cosas se redondean que no, solo
es más fácil hacerlo todo a la vez. Obviamente, E es un poco diferente, y han hecho este corte por dentro, deshacer eso. A lo mejor deshacer esto por el bien de ello, tira de esto primero, luego redondea un poco esto. Misma idea aquí. Intenta desentrañar esos. Todo lo que hicieron fue entrar aquí, tal vez con la herramienta Pluma, dibujar una línea hasta aquí, obvia sosteniendo Shift para asegurarse de que la línea esté recta, y luego básicamente hacer esa caja recortada así, y lo están repitiendo aquí. En algunas de las cajas exactamente lo mismo, pero eso es todo. Es así como personalizarían ese tipo. El último que vamos a ver en este pequeño video es Rockstar Energy Drink. Algo me pareció interesante, no
sé qué marca vino primero, necesito buscar eso, pero Red Bull usa esta cosa de plantilla falsa en la R y la B que acabamos de ver, y entonces Rockstar ha ido adelante y también usó esta falsa efecto de plantilla. Es decir, cuando digo falso simplemente no es una fuente de plantilla, no
fue diseñada como una fuente de plantilla. Están usando Avant Garde Gothic y han entrado y cortado las Rs, y se pueden ver todas estas letras. Por supuesto, en lugar de tener A, han puesto una estrella lo cual es un poco interesante. Pero incluso letras que no necesitan un corte como si estás haciendo una verdadera fuente de stencil, una C no necesita eso y una O definitivamente lo hace, así que eso mantiene el enter. El R sí y S no lo necesita, una K no lo necesita, una T no lo necesita, así que acaban de agregar un look innecesario de plantilla, pero solo porque pensaron que parecía más fresco. Esa es realmente simple, tal como lo hice antes. Escribí la fuente, dibujé cajas, y usé ese menos frent o dividir para cortarlo. Por supuesto que borraron la A, y metieron una estrella. Pero estas son solo ideas interesantes para que lo intentes y lo pienses, así que vamos a seguir adelante e intentaremos aplicar algunas de estas ideas.
8. Poner en práctica lo aprendido: Para empezar, aquí tengo mi cubierta de clase. Lo que quiero hacer es usar algunas de esas ideas que acabamos de ver en el estudio de caso y aplicarlas a la portada de mi clase justo como un experimento para ver lo que pensé que se veía bien. El clave cuando estás personalizando una fuente, creo que en su mayor parte, al
menos hasta que consigas más experiencia, que te voy a mostrar en otro video. Pero esencialmente quieres intentarlo y no volverte demasiado loco. Si usas demasiados efectos diferentes y demasiadas cosas pasando, se va a poner feo. No se va a quedar bien. Tal vez lo he empujado un poco demasiado lejos aquí, pero como quería mostrar los ejemplos en la práctica, lo
empujé un poco más allá, pero traté de mantener las cosas un poco arregladas. Eso es lo que vas a buscar en términos generales. Empezaremos con el cómo hasta aquí. He escrito todo en la misma fuente que Netflix que los adeudos sabían, si estoy pronunciando ese derecho, realmente no lo sé. Pero lo he escrito y luego lo he creado para delinear. Acabo de nuevo “Cambio de comando” o “Crear contornos”. Entonces todo lo que hice fue agarrar estos dos puntos. Sólo estoy haciendo doble clic para entrar en la capa aquí. Estoy agarrando estos dos puntos y fueron así. Yo solo agarro esos puntos y luego los
arrastro solo para conseguir que tengan ese bonito borde redondeado y eso es referenciar lo que hizo Walmart y qué partes de Under Armour hicieron donde hicieron ciertos puntos tipo de redondeados y no lo hicieron hacerlo a otros puntos. Entonces otra cosa que traté de hacer con la fuente de personalización es que en realidad redondeé todas las letras. Si entramos aquí, se pueden ver todas estas letras habrían sido lindos bordes afilados. En cambio los redondeé a todos. Simplemente le da un poco de un look más suave. Pensé que era más interesante y de nuevo, es una personalización pequeña, fácil. Entonces lo último que hice fue arrastrarme sobre esta Z, por lo que la Z estaba desconectada. Todo lo que hice fue agarrar estos puntos, arrastrarlos hasta la siguiente letra, y luego los fusiono o los uní juntos, razón por la
cual la Z está conectada a la E. Sólo pequeñas cosas para intentar que se vea un poco más interesante. La otra cosa que hice con customizar también es que en realidad encogí el texto. Déjame mostrarte exactamente cómo hice eso. Esto es lo que personalizar parecía originalmente. Eso es usar sólo lo [inaudible] Nuevo y luego convertirlo en contornos. Para que se vea así, todo lo que hice aquí y esto es de lo que estaba hablando antes, es en lugar de estirarlo o sesgarlo, la forma adecuada de hacerlo sería tratar de agarrar los puntos, como mejor se puede simplemente así, y luego empujarlos hacia abajo porque esto mantiene el peso consistente a través de la letra en lugar de estirar y tirar parte de la letra. Yo lo muevo hacia abajo, digamos que estoy sosteniendo “Shift” y hice clic en uno hacia abajo. Entonces hago clic aquí y hago lo mismo básico. Yo quiero agarrar estas cartas aquí y creo que voy a agarrar eso y básicamente bombeando eso hacia arriba 1, 2, empujar eso hacia abajo. Entonces eso te da la idea básica y luego a partir de ahí tuve que entrar, tuve que personalizar cómo encajaba la C aproximadamente. Simplemente lo voy a hacer rápido y luego te voy a mostrar la S en un segundo. El S probablemente va a ser la letra más difícil en la que
trabajar siempre que estés haciendo alguna personalización. puede ver que aquí se puso realmente desordenado y que sucedieron cosas locas. Generalmente lo que haría con la S es que rompería mis pequeñas reglas. Volvamos aquí por un segundo hasta que esta fuente fuera normal, así como así. Para conseguir la S, lo que probablemente haría, sólo
voy a arrastrarla por encima de mi actual y ver. Lo volveré a hacer magenta, lo pondré al frente. Es que sí lo estiré, así que sí lo agarré y sí lo tiré hacia abajo, y lo llevé más o menos a donde quieras. Otra pequeña llave con cualquier tipo de cosa que tenga una parte superior redondeada o inferior redondeada, es que suele ir un poco más allá de una letra plana. Si tomas una letra plana como una T, la S en realidad no se corta camino hacia arriba o hacia abajo, va sólo un poco más allá. Lo mismo con una O, eso es algo que aprenderás a medida que estás personalizando tipo, lo ves. Esa suele ser una letra redondeada, va un poco más allá de ese tipo de líneas base en la altura del gorro y cosas así, esas líneas que cruzan. Si quieres aprender más sobre la tipografía, hay tanto que enseñar, así que no voy a entrar en todo eso ahora mismo, pero esa es la idea básica. Entonces el problema es ahora, como lo hemos hecho, lo
hemos estirado y sesgado como te estaba diciendo básicamente que no hicieras. Voy a golpear “Shift X”, que lo convierte trazos y se puede ver que he jugado con algunas partes. He traído esto un poco, he bajado esto un poco. Entonces a partir de ahí tenemos que hacer es intentar personalizar esto porque quieres que este peso sea muy consistente, así que vas a sacar eso. Incluso puedes eliminar este punto y luego empezar a jugar con estos anclajes. quiere tratar de conseguirlo para que este peso
sea más consistente y aquí es donde se puede volver loco finalizando cosas, y se puede traer estos puntos tal vez. Se va a hacer falta mucho para que la S se vea exactamente bien. Eso va a ser más experiencia y sólo más práctica e incluso no lo conseguí perfecto por el bien de la clase' una letra pequeña este gran esquema de las cosas pero me puse lo mejor que pude para que no se viera un lugar en como
imperfecto al ojo promedio, cuando solo lo están mirando. En las fuentes, definitivamente uso la idea de Netflix. Arco el fondo al igual que te mostré antes usando esa herramienta Warp y luego agregué estas pequeñas marcas de corte y las redondeé y me gustan esas. Esas son básicamente la misma idea que usan en el logo de Under Armour con ese pequeño recorte, las pequeñas muescas. Creo que lo interesante de ello es que casi lo da como un 3D mirando, quiero decir, como si de alguna manera esta parte de la T se cierne sobre y es sombra proyectada sobre el tallo. Es un look interesante, solo le da esa pequeña personalización. Nuevamente, porque esto tiene un grupo de palabras diferentes, no quería
volverme demasiado loco en una palabra versus una palabra diferente, simplemente
sería inconsistente. De nuevo, una vez que sepas personalizar cosa, depende de ti tratar de encontrar una manera de hacerlo. Se ve bien minimizándolo para que no te vuelvas demasiado loco, demasiadas fuentes, demasiados efectos diferentes, ese tipo de cosas. No hice nada demasiado loco por la parte For Logo Design. Simplemente redondeé ligeramente los bordes muy ligeramente. Es súper sutil si acercamos aquí y los pongo
en un semicírculo solo para hacerlos más interesantes. Si no sabes cómo hacer eso, todo lo que tienes que hacer es agarrar tu “Elipse” que es L en el teclado, arrastrar un círculo, y luego estoy usando T para obtener mi Herramienta Tipo y estoy sosteniendo “Option” en el borde de la línea . A partir de ahí, solo puedes teclear para Diseño de Logo. Usa esa misma fuente. Por lo general lo que haré es ponerlo al centro, volarlo. Entonces la clave para que las cosas se alineen bien, para uno esta fuente tiene un espacio muy apretado entre palabras, así que en realidad lo he espaciado doble, solo para escribir a mi gusto. Entonces con los seleccionados, voy a agarrar mi Herramienta de Selección Directa y voy a agarrar esta línea. Hay una grande que ves hay una doble línea aquí arriba y una sola línea aquí. Agarra esa sola línea, voy a romper hasta el fondo aquí, y se romperá así. Sabemos ahora que eso básicamente se centra directamente en este texto. Podrías chasquear estos dos puntos si quisieras directamente
al borde y ahora tu tipo está exactamente centrado en el tipo. Ahora sólo voy a deshacer por un segundo. Todavía tengo esta gran línea a la que mirar. Si fuera a agarrar esta gran línea y tirarla directamente hacia arriba, se romperá por dentro y ahora mi texto va por el camino que yo quería. Está dentro de ese círculo. Podrías haber hecho clic dentro del círculo también cuando originalmente lo estaba escribiendo, pero básicamente acabo de hacer eso y luego ajusté
ligeramente el rastreo y así es como hice ese texto. Ahora vamos a seguir viendo algunos de estos otros logotipos aquí como más referencias de casos prácticos porque solo es importante tratar de construir tantas ideas como puedas, y construir y tantos puntos de referencia como tú puede antes de que te vuelvas loco con tu propio proyecto. Echemos un vistazo a algunos estudios de caso más antes de que hagamos nuestro proyecto.
9. Ejemplos prácticos, parte 2: Se trata de Estudios de Caso Parte 2. Simplemente vamos a aprender algunas ideas más y más puntos de referencia. Algunos de ellos serán similares a lo que fueron los otros logotipos que buscamos, pero de nuevo, siempre es genial tratar de obtener más inspiración, más puntos de referencia. Te animo a buscar tu propio proyecto también. Puedes, por supuesto, definitivamente usar los casos prácticos de esta clase, o mirar los tuyos y subir los a tu proyecto. Si alguno de ustedes encuentra que estoy hablando demasiado rápido, puede en la parte inferior izquierda, ajustar la velocidad del video. Si hablo con lento, lo cual parece poco probable, también
puedes acelerarlo. Obviamente, ya que es video, también
puedes reproducir y pausar y rebobinar y esas cosas, así que por eso hablo bastante rápido porque hablo rápido naturalmente también. Esperemos que puedas seguir y hacerme saber lo que piensas de la clase hasta ahora. De verdad lo aprecio. Dejar una opinión es muy útil también. Aquí vamos a mirar a Visa. Visa es interesante y de nuevo, básicamente
es solo Myriad Pro y luego hicieron algunas alteraciones. Las cosas más obvias que noté es que tienen esta interesante coleta al borde de la V. Nuevamente, eligieron alrededor de una pequeña parte de esta última. Esto es algo que nunca se me había ocurrido. Supongo que es algo de TOC. Siento que si voy a redondear una cosa, necesito redondear ya sea cada punto o al
menos cada punto superior izquierdo o algo así como alguna consistencia, pero estoy notando que muchos de estos logotipos no están haciendo eso. Es realmente interesante. Me ha dado una idea de que supongo que puedo hacer eso, algo nuevo que probar. Esa es la belleza de mirar otros ejemplos para referencia y por supuesto buscar a todos los demás grandes diseñadores o firmas, y te darán una idea. Usando Myriad Pro, lo he puesto encima de esto. Se puede ver que definitivamente se volvieron un poco más locos con las alteraciones. muchas cosas diferentes y
se llevaron esta fuente y jugaron bastante con ella. En realidad no es tan difícil de hacer otra cosa que
por supuesto ese molesto S. Ese molesto S es un poco de dolor en el trasero, así que no voy a demostrar eso. Pero te das la idea de cómo ajustaron eso probablemente. Sólo mucha poca refinación. Eso son algunas cosas de nivel experto. Voy a darle vuelta esto a delinear como lo he estado haciendo con todos estos videos, y se puede ver solo seleccionando estos puntos, puedo arrastrarlos con bastante facilidad para llegar a aproximadamente el mismo grosor. Podría hacer lo mismo con el A. Antes de ir demasiado lejos con eso, notarás que el ángulo de la letra cursiva es en realidad diferente para su logotipo. Hay una manera realmente fácil de ajustar esto. Todo lo que tienes que hacer es ir a Object y luego bajar a Transformar, y luego pasar a Shear. Eso va a mover el ángulo de las letras. También te va a permitir hacer algo que no sea cursiva, realidad cursiva o en este caso, es cursiva y cambiar el ángulo de la misma. Se puede ver que sólo jugando con esto, ahora
estoy obteniendo diferentes ángulos. Casi tengo esa V bastante cerca y la A se ve bien. El S, lo han ajustado tanto, pero por alguna razón esto yo es diferente. Voy a seguir adelante y hacer clic en “Ok”, y luego voy a golpear
Comando Shift G para desagrupar las letras. Voy a volver a hacerlo al yo, pero vaya por el otro lado. Sólo estoy sosteniendo mis teclas de flecha, lo
estoy presionando demasiado sobre lo que parece correcto, y luego podemos reventar eso. Entonces ahora tenemos el yo sobre lo correcto. El A, de nuevo, eso va a tomar algo de refinación, pero básicamente, solo agarrarías estos puntos y los ajustarías así. Entonces la V es interesante, han añadido este punto. Lo que probablemente haría para crear esto, no
sé si esto es lo que hicieron, la premisa básica es que traigo estos por aquí. Tienes estos puntos innecesarios en el centro. Yo sólo voy a borrar esos. Trae esto para arriba. Simplemente traeré estos muy rápido, así que ahí vas finalizando un par de puntos. Lo tenemos mucho más cerca de lo que tenían. Entonces probablemente lo que haría es simplemente dibujar un rectángulo porque tengo mis guías inteligentes, debería encajar muy bien a esa esquina, así como así. Entonces lo que voy a hacer es agarrar ambos objetos que he hecho. Voy a usar ese botón Unite para combinarlos bien y volver a contornos. Soy un poco OCD con puntos innecesarios. Voy a usar mi herramienta de lápiz y dar click en estos dos puntos no quiero, entonces los eliminaré. Después usando mi herramienta de selección directa, voy a agarrar esto y voy a tirar de eso para conseguir este ángulo. Se puede ver que realmente no es exactamente lo que quiero, así que voy a tener que ajustarlo más. ¿ Ves cómo eso no funciona realmente? Vamos a deshacer eso y luego este punto, lo
intentaremos y ese punto, podemos acercarnos bastante malditos. Este punto entonces lo que probablemente haría es agarrar la herramienta de lápiz y agregar un punto de anclaje, tal vez más o menos aquí, y luego eliminar ese. Ahora con mi herramienta de lápiz, estoy sosteniendo Alt u Opción. Voy a arrastrar hacia fuera una flecha por aquí y luego acercar. Herramienta de selección directa, voy a agarrar ese punto de la flecha y simplemente a ajustarlo de nuevo a la caja. Selección directa, voy a arrastrar esta flecha aquí que no necesitamos. Se está volviendo todo retorcido. Tratemos de hacer eso bien. Esa es una que no necesitamos chasquear en esa caja. Después tratando de mantener ese cinturón angular igual, sólo
vamos a fingir estos. Esto es más o menos lo que habrían hecho para conseguir ese ángulo exactamente como lo querían. Nuevamente, no va a refinar cada cosa. Solo te estoy dando ideas en caso de que no sepas construir algo. Esto al menos te muestra cómo construirlo. Lo último que sí quiero mostrarte, si
acaso tampoco sabes cómo hacer esto, es esta A y así es como lo haría yo. Obviamente hay tantas maneras diferentes de hacerlo. Hay un montón de maneras diferentes. Probablemente simplemente dibujaría una caja aquí, agarraría esta carta en mi caja, usaría mi división Comando Shift G para desagrupar, y luego estoy sosteniendo Shift para anular la selección de la parte principal de la letra. Se va a deshacer de esta rara caja de transparencia y esa caja, y ahora le daría un clic a esto y usando mi herramienta de lápiz, solo
voy a eliminar estos puntos que no quiero. Se puede ver que esta línea ni siquiera es consistente, depende de ti si lo logras. Simplemente voy a eliminar todos estos puntos así. Encontrarás muchas cartas hacen esto. En lugar de tener realmente un punto, tienen dos casitas por lo que es un poco de filo. Pero parece que no hicieron eso, así que solo voy a eliminar uno de esos puntos, arrastrar esto hasta aquí, traerlos, y probablemente más o menos puedas conseguir la idea ahora. Entonces solo usarías un rectángulo y dibujarías una caja aquí para llenar esa carta, y así es como harías esa A. Por
supuesto, dar la vuelta a ese borde sería lo mismo dondequiera que lo estemos arrastrando. Esa es la idea básica. Entonces refinar este ácido S va a tomar mucho torcer y ajustar y mover cosas alrededor. Porque no quiero que estos videos se extiendan demasiado, vamos a movernos un poco más rápido de aquí en adelante en lo que respecta a los casos prácticos. En lugar de recrear pedacitos y piezas de ella, sólo
voy a volar a través de ellos porque no quiero que se aburra. Pero es interesante mirar estos estudios de caso, creo que de todos modos. Creo que es bastante bueno. Gillette aquí solo usa Futura Std. Se trata de un oblicuo extra audaz, que es sólo cursiva, la palabra de fantasía para cursiva, básicamente. Lo más notable es que tienen un Kerning muy apretado y secciones. No lo hicieron aquí porque probablemente dificultaría ver estas L's. Se aprietan para que esas barras transversales estén conectadas. Se puede ver que la E está conectada aquí. Lo más obvio es que agregaron este corte aquí. Probablemente alguna persona elegante hubiera sido como, eso es una cuchilla de afeitar cortando ese tipo de racionalidad, pero es genial imaginar una cosa única a ella. Se puede ver que se solapan las letras bastante de cerca y se necesitaría algunas multas. Entonces a partir de aquí, eliminarías eso, pondría eso a eso, eliminaría eso, y luego sacarías la caja y solo
harías lo mismo frente menos donde agregas un corte que atraviesa. Es bastante cool y bastante único. Amazon es otro interesante. Amazon es un logotipo bastante cool. Tiene este significado de A a Z, eso es todo lo que venden. Creo que eso es algo bastante inteligente. Se trata de Officina Sans Std Bold. El más notable es este Z aquí donde en realidad está subiendo en el ángulo para que coincida con esta flecha, así que eso es bastante genial. Lo que en realidad han hecho es esta fuente Officiana es exactamente lo que usaban en el viejo logo, y luego la han personalizado bastante en el nuevo logo con el fin de que sea una tipografía personalizada para ellos. Pero puedes ver que ni siquiera dicen en esta nueva fuente se basa en esto. Dicen que es un tipo personalizado, por lo que puedes ver cómo podrías crear tu propio tipo personalizado refiriéndose a otra fuente y puede ser bastante cerca y aún así
se puede considerar como una fuente completamente única para ti. Solo tienes que construir las letras tú mismo. No se puede usar las letras de otra fuente y cambiarla legalmente. No creo que sea una zona gris real, pero puedes ver cómo llegarías ahí. Wrangler es uno realmente interesante también. Se volvieron un poco locos. Creo que es un buen logo, pero no sé si me encanta todo. Aquí están pasando algunas cosas raras. El W simplemente se ve mal, es Kabel Std, y lo más notable es que este A tenga estas líneas realmente rectas en lugar de la curva. Pero entonces los G's consiguieron las curvas y luego la W, se
puede ver que en realidad han picado estas partes y lo han cambiado un poco. Se han vuelto un poco locos aquí. No sé si me encanta. Yo estoy en la barda al respecto. Al principio, lo miro y creo que es un logotipo realmente único, genial. Pero la forma en que esta R no se alinea con la A y aquí hay cosas raras que me gustaría retocar. Yo pasaría algún tiempo ajustando esto, pero se tiene la idea de cómo reconstruirían eso usando esa fuente. El último que vamos a ver es Facebook. Una vez más, desconocemos la fuente original porque esta es considerada una fuente completamente personalizada, única. Lo interesante de eso son las cosas más notables que veo, no
ser un diseñador de tipos per se, estoy seguro de que hay un montón de cositas. Pero estos bordes exteriores angulados, ¿ves esos? Esa no es una línea recta ahí, eso es un ángulo. Lo mismo con el K. Estas no son solo líneas rectas, en realidad solo
están ligeramente anguladas. Pero lo interesante de esto es, de nuevo, se considera una tipografía única completamente personalizada. Yo busqué la razón en ella y están diciendo que no se refiere a ninguna fuente, pero si en realidad sólo tomamos Gotham, que es la fuente que usé antes, podía
ver cómo solo hacer hornos pequeños, se podía básicamente construir esta fuente bastante maldita cerca. Es otro ejemplo de una vez que comienzas a entrar en el diseño de tipos, si alguna vez tienes interés en él, definitivamente
puedes referirte a otras fuentes y hacer las tuyas propias basadas en otra. Con algunos pequeños ajustes, sólo
le da ese pequeño carácter extra. Porque el logotipo de Facebook es genial. Es realmente básico, es realmente sencillo, pero agregarle esos pequeños cambios sí le da algo de carácter. Espero que hayan disfrutado las partes de estudio de caso de esta clase. Ojalá no fueran demasiado aburridos y ojalá estés aprendiendo algo. Por supuesto, avísame en la descripción para que sepa cuándo estoy construyendo futuras clases. Ahora sólo vamos a ir más allá y vamos a utilizar estas ideas que hemos aprendido y crear nuestro proyecto de clase.
10. Mi proyecto de clase: Está bien. Entonces ahora estamos pasando a mi proyecto de clase, lo que voy a hacer, mi tipo. En lugar de hacer un logotipo real per se, en el futuro me gusta hacer otro Curso de Velocidad de Adobe Illustrator. Ya he hecho uno, y me fue muy bien y tengo ideas para lo que voy a hacer para el siguiente. Entonces pensé que usaría esta oportunidad para hacer una palabra personalizada que diga velocidad usando la misma fuente Bevis que he estado usando para toda la clase y simplemente personalizándola hasta el punto en que ni siquiera podías decir la fuente a la que referencié para hacerlo. Creo que esto resultó bastante guay. Se ve súper rápido, súper rápido. Te voy a mostrar exactamente cómo creé esto solo para que puedas entender cómo usar estos efectos. Nuevamente, les mostré algunos de ellos en clase, pero espero que esto realmente conduzca a casa exactamente cómo hice esta fuente. Siempre debería decir: “No soy perfecto en esto. Esto es solo algo que he estado aprendiendo, creo que es realmente genial y te da personajes mucho más únicos, mucho más de tipo de aspecto único”. Ya sea que necesite fingir algo del kerning y cosas así, tendré que ajustarme. Girar es un poco complicado. Es como que solo tienes que usar tus ojos. No hay una gran manera matemática de hacerlo. Solo usa tus ojos y asegúrate de que esas letras se sientan bien. A veces estás mejor para alejarte de la pantalla y volver porque empezarás a ir artículos cruzados. No puedo agregarlo todo, qué pasa. Así que sólo vuelve atrás y tómate un tiempo, tómate un descanso o lo que sea. Siempre es bueno. Entonces cómo hice esto es bastante sencillo. Voy a arrastrar esto hasta aquí. Yo sólo voy a hacer que sea un color claro por lo que no es súper obvio, y voy a agarrar esta fuente aquí como Bevis, una fuente mal pronunciada y vamos a hacerlo más grande obviamente. Yo sólo estoy sosteniendo Turno y Opción, y voy a traerlo ahí. Eso lo voy a ajustar después. Entonces ahora es cuando empezamos a enloquecernos. Golpeando mando Shift O, voy a darle vuelta esto a Esbozos y Ss son una pesadilla y
decidí, no sé que quieren este tipo de S. Yo quería cambiarlo totalmente. El otro tipo de S es en realidad más fácil de hacer. Es algo basado en como el logo de la NASA y cosas así. Entonces solo estoy borrando ese S, olvídalo. Ni siquiera existe para mí ahora. Lo que quiero hacer es agarrar estos puntos altos. Yo quiero conseguir todos los de la curva y especie de todos estos primeros puntos. Estoy sosteniendo Shift y arrastrándolo hacia abajo. Ese es un salto bastante grande pero algo en esas líneas, y luego aquí quería un poco hacerlo de nuevo y sostenerlo, Shift and cup, pop eso, algo en ese sentido, y ahora solo voy a jugar con eso un minuto para poder conseguirlo exactamente como lo hizo la última vez porque no escribí exactamente cuánto tiempo, cuántos pasos hacia abajo y cosas que hice para que pareciera como lo hacía. Muy bien, así que el poder de avanzar rápido y saltar adelante aquí, tengo estas finura para estar exactamente donde las tenía y eso es sólo en la E, la E y la D sólo moviendo las cosas arriba y abajo, y luego la P me terminé personalizar aún más. Entonces echemos un vistazo a cómo construí este S primero y luego
por supuesto vamos a mostrar el P. Básicamente hice un rectángulo, y lo hice del mismo tamaño que este tipo aquí. Entonces tenemos algo de consistencia, y hagámoslo de otro color y luego lo pongo aquí, y la S es un poco de carácter más amplio así que lo arrastraría hacia fuera, y se puede ver que tengo estos pequeños rectángulos extra aquí, las blancas por lo que tengo un recorte. Básicamente se repiten los arriba, y luego los uso de nuevo y los roté. Para copiar y pegar lo que estoy haciendo es seleccionarlo, lo estoy arrastrando y sosteniendo Option o Alt y cuando lo suelto, lo duplica. Entonces traería eso por aquí, lo
bajaría y esa es la idea base de cómo conseguí esa carta, y luego todo lo que tenía que hacer es [inaudible] y luego deshacerme de los puntos extra que no quiero, y luego de aquí agarro los puntos internos, los
arrastra todo el camino para que tengan una forma bonita, y luego agarro estos puntos exteriores y básicamente solo los
arrastra hasta donde creo que se ve bien que es más o menos donde se encaja. Ahora lo único, otra cosa con la S, es que en este momento estos puntos es si los conduzco hacia abajo están exactamente en línea con el borde exterior. ss no se ven bien así que simplemente encárguelo en más o menos, algo así. Entonces así es como hice la S. Así que entonces para hacer mi forma P, esto suele bajar más allá que cuando la S está aquí como se puede ver. Yo sólo en realidad hice un rectángulo, y luego redondeé esas esquinas en muy bien. Entonces agarrando esas esquinas, justo estas dos esquinas aquí, redondeé y traje esas en todo el camino y luego si pongo eso al fondo, hice otro rectángulo y agarré esos dos puntos alrededor y los de todo el camino para hacer así y luego solo tengo esto encima, y así es como hice la S y la P. Así que ahora tengo mi fuente construida. Entonces usé cizalla, claro, porque nada hace que las fuentes se vean más rápidas que
hacerlas cursivas y luego como mostraba antes en clase, hice estos pequeños recortes en bordes basados de nuevo en cosas como el logotipo de Under Armour. A mí me gustó cómo es ese recorte. Para conseguirlo consistente, lo que hice es que tomaría este punto y lo ajustaría a ese cruzado. que cuando fui a la siguiente letra, por supuesto es una E, así que simplemente lo duplicé pero básicamente se encaja en su lugar, y luego lo hice de nuevo en la D y la P pero eventualmente terminé
decidiendo personalizar esos aún más y acabo de cortar todo el trozo real. Para que puedas ver ahí eso es todo lo que yo hubiera hecho. Entonces básicamente tomo todo esto aquí ahora, y uso la tecla divide así, desagrupando con comando shift G y manteniendo presionado Shift y solo sigo D seleccionando todas las letras que quiero conservar, borra allá tienes. Entonces lo siguiente que hice es que quiero seguir con esto como si a las letras les gusta una especie de difuminarlo de nuevo por ese tipo de extra rápido aspecto. Todo eso se trata de velocidad y yo hice básicamente lo mismo aquí, o simplemente hago estos triángulos y luego los duplicé junto como así tratando de conseguir que esos se chasqueen y luego solo tengo el kerning según sea necesario para llegar a donde está, y así es como personalizo las fuentes para que se vea un poco más único para lo que quería. Entonces puedes ver que ese es el antes, ese es el después, y se ve totalmente diferente, y definitivamente no creo que necesites hacer tu proyecto de clase sea tan diferente a la fuente original. Si lo deseas puedes hacer pequeñas personalizaciones. Pero esperemos que esto te esté dando la inspiración que
necesitabas para intentar que tus logotipos sean más únicos cuando tengan tipo en ellos, y estoy realmente emocionada de ver lo que ustedes se les ocurre. En cuanto a tus textos, no tienes que usar Speed. Yo lo hice para que sea una palabra que pueda usar en el futuro. Me gusta crear proyectos de clase que en realidad me van a ser útiles para usar en lugar de simplemente la práctica recta. Por lo que los animo a que hagan eso. Si puedes usar un logotipo que realmente
vas a estar haciendo para alguien o para ti mismo, adelante o cualquier cosa para la que puedas usarlo en el futuro. De lo contrario, solo escoge una palabra aleatoria y hazla y quizá evite esa S porque la S es un dolor en el trasero. Súper emocionado de ver tu proyecto de clase.
11. Outro: Muy bien, muchas gracias por tomar mi clase. Espero que ustedes lo hayan disfrutado. Espero que hayas aprendido algo y que estés inspirado para
crear realmente el proyecto de clase para ser impresionante si lo haces, me encanta ver lo que se te ocurre chicos y me gustará y comentaré cada uno. Si quieres, te daré una crítica creativa con el fin de
ayudar a tu diseño a si eso es lo que te interesa solo avísame. No dejes de consultar Jonbrommet.com. Es el hogar por el que todo lo hago para que puedas revisar mi tienda digital, tienda
Etsy, Threadless y puedes revisar mi Instagram. Gracias a todos.
12. Un mensaje de Jon del futuro: Espera, una cosa más. Yo estoy agregando esto. Este es el futuro Jon Brommet hablando contigo. Espero que hayas disfrutado del elenco que acabas de ver. Algunas de estas clases se han registrado hace unos años. Yo sólo quería dar un poco actualizado sobre lo que estoy haciendo ahora. Se puede ver que he sacado una tonelada de clases potencialmente de la clase que acabas de ver como pudiste haber estado viendo una de mis clases mayores. Si vas a mi perfil, puedes hacer clic en él en algún lugar de la página web de Skillshare o ir a Skillshare.com/Jonbrommet. Se deletrea así como con no h, solo Jon. Ya verás aquí tengo cosas descompuestas en mis clases más nuevas. Esto puede incluso parecer ligeramente diferente para ti porque estoy sacando clases una vez al mes. este momento tengo mis clases más populares,
ilustración, eficiencia en ilustrador, cosas de photoshop, y luego todas mis otras clases y asegurarme de que si no está ya seleccionada, haga clic en
ver más para ver el resto de la misma. Tantas clases diferentes. Espero que ustedes chicos se inspiren para aprender mucho más y ojalá disfruten de mis clases y quieran ver más. Si eso no es suficiente, estoy en Jon Brommet en Instagram para que puedas revisar mi Instagram también para saber qué estoy haciendo. Publico todas mis nuevas ilustraciones ahí y, por supuesto, te hago saber cuando estoy haciendo nuevas cosas de compartir habilidades. He empezado un canal de YouTube donde pongo videos cortos que son instructivos y obviamente lo anuncio con mi clase de habilidad share, pero videos cortos que realmente no puedo sacar a toda una clase. Pongo aquí en YouTube. Incluso hago cosas como tener conversaciones con otros maestros, como Tabitha Park, planeo hacer ese tipo de cosas más a menudo. Si te diriges a Johbrommet.com, he actualizado recientemente mi página web. Tengo una tienda digital donde puedes agarrar mis pinceles procreate u otras cosas así. Además de ver que mis diferentes elementos de cartera y cosas así, también
tengo una tienda de Etsy, que pincharé aquí y se abriría esto. Puedes comprar todos mis bolígrafos y diferentes cosas de arte que he creado. Te los enviaré de mí. he conseguido todos producidos aquí en mi casa y se ven impresionantes y sé que son geniales. Acabo de empezar hace poco una tienda Threadless, la que podrías hacer clic aquí. Por supuesto que esto se trata y de compartir habilidades y contacto.Todo está vinculado desde nuestra página web, y esta nueva tienda Threadless tiene todo mi merch que se puede imprimir
bajo demanda en una variedad realmente extrañamente salvaje de cosas como, yo no lo sé, vamos a hacer clic aquí en una de estas cosas. Se va a abrir una camiseta, pero digamos que tal vez en vez de una camiseta que querías, no
sé, qué, ¿una funda nórdica o cortinas de ducha? ¿ Por qué no querrías esas cosas? No lo sé. De todos modos, tengo muchas cosas diferentes pasando. Si quieres lo que estoy haciendo y por favor echa un vistazo más de eso y seguiré haciendo más cosas. Gracias a todos. Adiós.