Transcripciones
1. Introducción: Mi nombre es Nicolas Fredrickson. Soy carta de mano y diseñador gráfico. De niño, te lo hubiera dicho, quería estar en la NBA, pero desafortunadamente, nunca conseguí ese deporte de pie y medio crecimiento. Entonces lo que hago ahora es, dibujo letras todo el día. Siempre me ha encantado trabajar con mis manos, hago mucha carpintería con mi papá, y cuando trabajas con tus manos, te
obliga a prestar atención a los detalles. Te estás criticando constantemente, y creo que eso me convierte en un mejor diseñador. El mayor empuje para que mi carrera se mueva, mi amigo y yo hicimos este proyecto llamado Omatype. Fue un proyecto de letras de 365 días. Todos los días llevamos letras a mano una pieza y la subimos a Instagram. Eso se construyó una tonelada de exposición y apoyo de la comunidad de Instagram. Por lo que letras a mano, primero me metí en eso cuando simplemente no pude encontrar las tipográficas correctas. Estaba realmente enamorada de buscar todas estas tipográficas. Muchas veces simplemente no se sentía del todo bien, y pensé, ¿por qué no lo creo yo mismo? Obviamente, al principio fue como una idea terrible. Pensé en como, “No, esto no va a funcionar”, pero solo seguí empujando a través de esa duda, y este proyecto Omatype fue un enorme potenciador de motivación, algo así como si lo voy a hacer, entonces llegué a pasar este proyecto. Lo divertido de las letras es que es personalizado para cada proyecto, así que si estoy colaborando con el ilustrador, podemos averiguar cuál es el estilo correcto para ese proyecto en particular, o dentro de cada empresa va para ser diferentes tipos de tratamientos. Por lo que el valor de las letras personalizadas es que cada proyecto es único. Haces investigación basada en la empresa y les das el mejor resultado posible. Si realmente te preocupa la empresa y su éxito, quieres darles el mejor tratamiento de tipo personalizado que puedas. Entonces lo que vas a aprender en esta clase es lo que hago todo el tiempo. Hago mucho branding para empresas, partiendo de cero, dándoles tipo personalizado. Vamos a pasar de las etapas de investigación, a concepcionar, a vectorizar las letras, a la textura. Entonces, empecemos.
2. Herramientas del comercio: Necesitarás un cuaderno de bocetos, lápiz de
redacción, goma de borrar ajustable, micras, bolígrafo de pincel, regla, papel
de calco y una computadora. cuadernos de bocetos Moleskine son agradables porque vienen en una variedad de diferentes tamaños y tienes la opción entre cuadrículas, en blanco, gobernadas. Prefiero la cuadrilla solo para poder tener una pieza más estructurada al final. Entonces uso un montón de herramientas diferentes para crear realmente las letras. El lápiz de redacción es agradable porque el plomo es realmente delgado. Este es de 0.3 mm y eso realmente me ayuda a conseguir detalles. El borrador ajustable es agradable porque estas gomas de borrar duran bastante tiempo. Las micras son perfectas para transferir tu boceto al papel de calco, y un bolígrafo de pincel Tombow es bueno para tener diferentes anchos de trazo en tu pieza. Yo uso la regla de dos pies porque muchas veces me gusta
bosquejar más grande y además es bueno si necesitas una relación específica, puedes medir eso fuera. Vas a necesitar el papel de rastreo para llevarlo a la computadora. Por último utilizo ese
MacBook Pro de 15 pulgadas y es lo suficientemente potente como para ejecutar todos los programas que necesito, y cada buen diseñador usa un ordenador Apple.
3. Comienza a conceptualizar: Esta es la etapa conceptora. Aquí es donde vas a querer poner todas tus ideas en papel. Esto se puede hacer de diversas maneras. Ya sea que quieras empezar con una lista de palabras o simplemente empezar a bosquejar. El punto es conseguir todas tus ideas en papel sin borrar. Es posible que hayas odiado el concepto en algún momento, pero entonces tal vez más tarde te inspires en él. Como pueden ver, empecé con una lista de palabras aquí arriba para mi empresa, Fierce Motors. Tomé la palabra motores y simplemente sentí lo que fuera construido de eso que escribí. Escribí mecánico, los motoristas personalizan su propia bicicleta, complejidad, muchas partes. Muchas veces las palabras pueden ni siquiera tener sentido, pero tienes que sacarlo. Entonces feroz, escribí fuerte, poder, masculino, grunge, movimiento. Entonces me gustó la palabra complejidad, había pensado que tenía potencial así como el movimiento de la palabra. Entonces la clave fue, ¿cómo puedo combinar esas dos palabras y hacer algo significativo? Al pensar en motocicletas, te das cuenta de que te llevan del punto A al punto B. Pero en una experiencia que es muy diferente a simplemente conducir una minivan. Ahí está esta idea perpetua del movimiento. Por eso elegí el movimiento como mi palabra más fuerte. Como puedes ver, empecé a esbozar algunas ideas basadas en ese concepto. También me atraía la palabra complejidad. Cuando hablas con personas que montan motocicletas, saben una o dos cosas sobre la moto misma. Mi tío dice: “No deberías andar en bicicleta
Si no sabes cómo desarmarla y volver a armarla”. Pensé que la complejidad era una palabra adecuada. Empecé a estudiar las propias motocicletas y a mirar diferentes partes y piezas. Como puedes ver, empecé a bosquejar manillares, tanques de
gas, ruedas, solo partes diferentes. Después tuve la idea de formar el tanque de gas con las alas, que luego encajan con mi objetivo original de combinar movimiento y complejidad. Aquí abajo se puede ver que empecé a darle un tiro a eso. En la siguiente página, finalmente
me acerqué con el concepto y empecé a gustarme cómo aparecía. Seguí dibujando diferentes ideas sobre cómo quería que se viera el propio texto. Muchas veces puedes decir qué conceptos tienen potencial y cuáles no, pero solo quieres seguir adelante por si acaso puedes explorar más. Sentí que este logotipo tenía que tener movimiento al mismo. Yo estaba siendo más atraído por las letras de guion. Otra cosa a tener en cuenta es, quieres mantener tus conceptos sueltos. No quieres quedarte demasiado dibujado en una idea justo
al principio y perderte las oportunidades de explorar diferentes ideas. Pasé en cualquier lugar desde 10 bocetos hasta 200 bocetos. Todo sólo depende. A veces haces o golpeas un concepto realmente genial y a veces solo toma un poco más de tiempo. Al igual que dije antes, este lápiz es realmente bonito porque me puede dar líneas realmente delgadas. Demostraré algunos bocetos. Otra cosa a tener en cuenta es cuando estás dibujando, quieres jugar con la jerarquía, y el equilibrio, y el diseño. Recuerda, no tiene por qué ser perfecto a estas alturas. Solo estás tratando de bajar tus ideas en el papel. me ocurrió este tagline, jinete fly para la marca porque era un juego en la marca del logo en sí, la idea del paseo en tanque de gas y luego la mosca enfocándose en las alas. Sé que sostengo mi lápiz raro. Nunca se quiere borrar ideas. Si necesitas borrar solo para modificar un concepto en particular, tal vez quieras arreglar esta F, eso está bien, pero nunca borrar totalmente una idea. Hazlo mejor así.
4. Seleccionar el concepto más fuerte: Por lo que estoy empezando a afinar en este concepto en particular. Me gusta cómo funciona este diseño. Como pueden ver, he ilustrado eso algunas maneras diferentes. Bastante similar en los tres, pero hay cosas sutiles que estoy recogiendo. Ahora que tenemos una variedad de bocetos, es hora de elegir nuestros más fuertes. Muchas veces, debes incluir a tu director de arte, cliente, les gusta tener algo que decir en esto también. Por lo general, apenas empiezo a dar vueltas a las ideas que creo que son más fuertes. Simplemente realmente me gusta cómo resultó éste. A veces esto puede ser difícil porque hay que eliminar hacia abajo. Ahora que he elegido tres conceptos, necesito limitarlo aún más. Necesito averiguar cuál está funcionando mejor y por qué? Siempre va a haber una mejor solución, es
imposible tener tres soluciones igualmente perfectas en el logo. Me gusta el concepto de ala con el que originalmente estaba trabajando, pero conforme empecé a progresar y combinarlo con el tanque de gas, creo que se hizo más fuerte en bocetos como este. A mí me gusta, cómo incluí las barras de mango en este boceto, pero no creo que el diseño sea tan fuerte como algunas de las otras ideas. En última instancia voy a seguir adelante con este. A mí me gusta la idea de tener un guión para mostrar movimiento. Me gusta que la marca del logotipo tenga el, mirando hacia atrás a mis palabras de complejidad y movimiento. Aquí está la marca del logotipo, estoy decidiendo trabajar con. Me gusta que combine ambas ideas en una manera inteligente en el lugar de la etiqueta en eso.
5. Revisión de el concepto elegido: Ahora que he seleccionado mi concepto más fuerte, sigo adelante con él. Aquí está nuestro experimento con diferentes letras f. Cómo, swoopy quiero que sea el cuento de la e. Simplemente cosas diferentes con las que voy a necesitar experimentar. Aquí es donde empiezo a refinarlo un poco más. Sé que quiero que la palabra feroz sea guión, así que estoy jugando con algunas opciones diferentes aquí. Aquí puedes ver Utilicé mi regla para asegurarme de que mi ángulo sea correcto. Como dije antes, las líneas de cuadrícula son realmente bonitas porque cuando estoy trabajando en sans serifs así, puedo asegurarme de que mis líneas sean perfectamente rectas. Obviamente eso va a necesitar algunos retoques en la computadora pero, su mayor parte me da una buena base. Ahora me estoy acercando a la final y el boceto tiene que estar bastante apretado en este punto. Todavía tienes un poco de espacio de meneo pero, lo
quieres bastante cerca. Como estaba hablando un poco de jerarquía o antes, se
puede ver aquí que la feroz es la parte más prominente y así debe ser. Motores es la información secundaria por lo que debe destacarse el segundo, junto con la marca del logotipo. Entonces este insumo de apoyo no necesita ser como se enfatizó. Se puede ver aquí, hice este pequeño boceto con fines de diseño. No parece mucho pero, sé que quiero que esta palabra feroz sea finalmente angulada. Los motores debajo de la marca del logotipo y luego la información de soporte. Esa es solo una pequeña nota para ayudarme más adelante. Como puedes ver, mi diseño es mucho más refinado, pero aún quedan algunas notas que tuve que tomar para poder arreglarlo en la computadora. Creo que algunos de estos elementos de apoyo deberían ser un poco más pequeños. Creo que sí quiero seguir adelante y hacer de eso un ángulo. Fui de ida y vuelta con esa idea, pero creo que tener un ángulo realza aún más la idea del movimiento. A ver, los motores podrían necesitar un retoque un poco. En general, aquí hay un punto bastante bueno para pasar a transferir a mi papel de calco. Una cosa que realmente ayuda es empapar el papel de rastreo hacia abajo. Muchas veces se puede mover. Simplemente usa esta cinta de enmascaramiento, aquí va. Saquen mis micras. En realidad este bolígrafo de barco Tom viene con un doble propósito. Tiene este lado de bolígrafo de pincel como estaba hablando antes. Pero entonces también solo tiene este lado de pluma regular que es bastante bonito. Yo quiero que esto sea de una sola manera, así que me ayuda a descifrar eso solo usando una punta lo suficientemente gruesa que me va a dar esa forma uniforme. Entonces cancelaré el pero, entonces voy a necesitar engrosar esto hasta en la computadora pero, estado rastreando sobre esto así, es más de solo una plantilla en este punto. Por lo que ahora necesito tomar notas en mi papel de calco también. Sólo voy a poner una pequeña flecha ahí, necesito redondear eso. Para esta parte aquí mismo, voy a volver al boceto anterior que tengo. Éste, y voy a seguir adelante y trazar eso. Ojalá no necesites hacer todo esto, pero si os sacáis la foto. Voy a cambiar a mis bolígrafos más delgados para esta parte, aquí con el 0-500 micras. Obviamente cuanto más limpio seas, más fácil va a ser rastrearlo en la computadora. Entonces esa es una base bastante buena. Ciertamente puedo volver a esto, pero lo voy a bosquejar a este lado aquí, porque creo que es el tamaño exacto de traza por ahora. Está bien, así que ahora es el momento de escanear.
6. Vectorización: Escaneé mi dibujo y sólo quería tanto en blanco como en negro, lo traje a Illustrator y ahora vamos a rastrear sobre él. Ahora, con el rastreo en Illustrator, hay dos maneras diferentes en que puedes hacerlo, puedes usar la herramienta de lápiz que es mi método preferido, o puedes hacer lo que se llama seguimiento de imagen, y hablaré un poco de ambos. Vamos a empezar con la herramienta de bolígrafo aquí, pero primero me gustaría dibujarme algunas líneas de cuadrícula, parece que no estaba del todo perfecto ahí. También puedes hacer líneas de rejilla inclinadas si seleccionas tu herramienta de lápiz y luego simplemente dibujas una línea, eso es bastante cerca así. Por muchos que quieras dibujar, solo
estoy copiando y pegando en su lugar y eso es Editar > Copiar y luego Editar > Pegar en su lugar, solo
estoy acostumbrado a estos atajos de teclado, y luego solo los selecciono todos, vas a Ver > Guías > Hacer guías. Ahora con mi herramienta de bolígrafo, voy a empezar a trazar sobre esta forma. El truco con la herramienta pluma es que quieres tener el menor número de puntos posible, y hay ciertos lugares donde los puntos funcionan mejor, y esos lugares se llaman los extremos. Ahí es básicamente donde la curva golpea su punto más bajo, o donde la curva golpea su punto más alto así, a veces si realmente no se puede decir visualmente se puede dibujar una línea para ver justo dónde está eso y parece que está justo aquí. Empezaré en este supongo que en realidad no importa demasiado, parece que está justo por aquí. Lo que estaba haciendo es que estaba haciendo clic y arrastrando mientras mantenía presionada Shift para asegurarme de tener una línea recta, entonces voy a venir a esta zona y hacer lo mismo, click, Shift, drag. Se puede ver que está empezando a formarse, entonces lo que haré es que normalmente cambie este relleno a un derrame cerebral porque a veces se vuelve loco. Otra cosa que voy a hacer voy a ir a mi herramienta de movimiento, simplemente muy rápido voy a reventar el ancho del trazo para poder verlo un poco más fácil. Aquí vamos. Vuelvo a hacer clic en él, vuelve
a obtener la herramienta de bolígrafo y luego simplemente empezar desde un punto roto. Vas a volver a hacer clic, pero luego también arrastra mientras mantienes pulsado Shift, básicamente lo mismo que estamos haciendo, y lo vuelve a conectar. Entonces Shift, drag, a veces pondré un punto aquí también, es otro extremo pero si puedes escapar sin poner ese, entonces es bastante bonito. Voy a cambiar el color de esta caja de downing muy rápido, es
difícil de ver, así que haces doble clic en la capa y el verde oscuro está bastante bien. Vuelve a la herramienta de bolígrafo, y como puedes ver se ve un poco techy aquí mismo. En realidad vamos a ir a la herramienta de selección directa, click en el punto, y luego a veces solo ayuda apagar tus guías. Después haga clic en él, sostenga, Shift de nuevo y luego empujar,
esto definitivamente toma algo jugando con algunas veces necesitas posicionarlo un poco diferente. Muchas veces tus bocetos tampoco son perfectos, así que tienes que mirarlo mucho, así que tienes que volver a entrar y refinar,
es bastante bueno, volver a mi herramienta de lápiz,
click, Shift, drag, de nuevo. A veces se puede romper un poco las reglas en los puntos finales porque si me aferro al Shift, se vería asqueroso. Pero cuantas más líneas horizontales y verticales puedas tener mejor, porque eso solo facilita la edición más adelante. Encuentra el punto de partida, necesito volver a mi herramienta de selección directa, tirar de esa un poco más, se ve un poco más cerca. Volver a mi herramienta de lápiz, misma cosa, click, Shift, drag. En realidad podría jalar un poco más lejos, se
puede ver que se ve un poco drogata aquí arriba, sostén Shift ,
muévete eso, todo esto puede ser un montón de juicio y error. Ya puedes ver que definitivamente está empezando a tomar forma, está mucho más cerca de todos modos, vuelve a mi herramienta de bolígrafo y nos conectamos. Esta parte es divertida porque vas todo el camino de vuelta aquí arriba, muchos entrantes, creo que vas aquí, aquí, aquí, aquí, aquí, aquí, aquí, aquí, pero eso es sólo una mala práctica. Vas desde aquí todo el camino hasta aquí, un poco más alto para que solo te veas lo que estoy haciendo. Herramienta de selección directa otra vez, y tú sólo estás ajustando eso y voy a dar clic en el punto y simplemente volver a moverlo un poco hacia abajo. Simplemente es más fácil para ti ver si lo pongo ahí arriba. En realidad, he terminado este apagado. Aquí la razón por la que tengo las guías, para que pueda asegurarme de que eso está bastante cerca. Aquí vamos. Algo que me gusta hacer también es, seleccionaré esto con mi herramienta Mover, entraré en el panel Trazos, y convertiré esto en redondeado, así como la esquina. Ve lo que hace, sólo lo hace un poco más refinado. Apague de nuevo mis guías. Creo que esto todavía necesita algo de trabajo aquí mismo. Como dije, cuanto más cerca esté tu boceto, más fácil será rastrearlo, pero el mío no fue 100 por ciento exacto, así que tengo que mirar algunas de estas cosas. Pero creo que eso está bastante cerca. Sí, se ve bastante bien. También quería hablar de rastreo en vivo y por qué prefiero la herramienta Pen sobre eso. Voy a ir a esta capa. Tengo mi escaneo áspero en una capa separada y cuando hago clic en esto y ahí está este panel aquí llamado “Rastreo de imagen”, en realidad voy a subir esto también, que puedas verlo claro primero. Esta es la manera fácil, pero no creo que sea la mejor manera. Ya verás lo que hace aquí. Entonces ahora todo, una vez que hago clic en “Expandir”, todo es un vector. Pero se puede ver que hay miles de puntos y eso hace que sea muy difícil de editar. Si necesitara editar esta curva un poco, entonces no necesitaría ajustar cada uno de estos puntos. Cuando lo tengo con la herramienta Pluma, solo
hay este punto aquí, es todo
lo que necesito hacer, solo bam. Pero a veces quieres que realmente arrugue el look. Por ejemplo, algo así no es tan malo, pero solo depende de tu proyecto. Si quieres que tu resultado final sea súper suelto y no es tan importante tener la nitidez de la herramienta Pen, entonces esta podría ser la mejor solución. Vamos a deshacer eso y escanear de nuevo comando. Lo bonito de Sans-Serif es muchas veces, puedes usar estas formas preconstruidas que te ofrece Illustrator. Para el O, podría usar fácilmente el rectángulo redondeado. Saca el relleno realmente rápido. Entonces eso no está mal, pero si quiero cambiar la configuración, puedo hacer clic y puedo editar el radio de esquina si quiero que sea más redondeado o menos redondeado, lo que sea. Para la letra M, sólo tendré que usar la herramienta Pluma. Ya es bastante fácil si tienes estas guías inteligentes
encendidos, te dirá los puntos apropiados. Para esto también, voy a redondear los bordes. Hazlo un poco más grande. Hago algo similar para el R. Creo que eso es demasiado redondo, así que voy a hacer eso cerca de la tercera parte del tamaño o así tal vez, eso solo toma algún plan con acostumbrarse. Esto es lo que haré. De hecho haré clic en estos puntos externos que no necesito, y los eliminaré. Entonces puedo hacer clic y sostener con la herramienta Selección directa sobre estos puntos y simplemente empujar sobre ellos. Ahí vas. Por supuesto, podría simplemente hacer esto todo con mi herramienta Pen, pero muchas veces es más rápido solo usar este método. Está bien, genial. [inaudible] a cómo se ve una vez que he rastreado todo el asunto. Aquí tienes una toma de mi pieza totalmente rastreada usando los mismos métodos que te dije antes. Ahora, una vez que tengo todo rastreado, necesito empezar. Todavía necesito angular esto, aún no lo había hecho. Para efectos de este video, se
puede ver que fui con el rastro de imagen para esto, para la marca del logotipo. A mí me gustó el aspecto rugoso al mismo. Entonces una vez que hice estos últimos retoques, llego a este punto.
7. Textura: Ahora creo que quiero agregarle algo de textura. Voy a seleccionar toda esta forma, copiarla, ir a Photoshop, y tengo este documento tamaño de 11 por 11 a 300 DPI. Yo lo voy a pegar aquí. Eso probablemente está bien. Algo que me gusta empezar cuando estoy agregando textura es que vamos a Filtrar, Distort, Ripple. Aquí puedo meterme con los lados. Se puede ver cómo eso lo hizo un poco tambaleante. Eso sólo se suma para una mirada más realista al final. Obviamente, se puede enloquecer bastante con ello, pero no es lo que vamos a buscar. Para la textura, agrego una máscara de capa y es este ícono aquí abajo. Voy a mi herramienta de pincel, aquí vamos. Tengo este pincel que me hice. Muchos tutoriales por ahí que te pueden mostrar cómo hacer un pincel. Esto sólo se basa en una almohadilla de sello. Solo estoy usando este atajo para hacerlo un poco más pequeño, pero puedes ajustarlo aquí también. Lo primero que me gusta hacer es solo cubrir todo. No voy a dejarlo así, pero sólo quiero asegurarme de que todo haya conseguido algo de amor. Por eso el negro es el color principal. Voy a cambiar esto por ahí. Con máscaras de capa, el blanco trae de nuevo en los borres negros. Eso es bonito, puedes cambiar de ida y vuelta entre los dos. Incluso eso está empezando a verse bastante bien. En realidad podría aumentar un poco más la ondulación. Cuando comienzas a agregar textura, no
es tan notable. No tiene por qué ser
obvio, puede ser sutil. Está bastante cerca. Hay todo tipo de texturas diferentes que puedes aplicar. A veces subiré mucho a este pincel ya preconstruido y lo arrastraré hacia abajo bastante. En ocasiones se puede borrar un poco de los bordes, darle un aspecto de sello. Mucha gente me preguntó cómo hago esta textura. Es un poco de proceso, pero hace que sea un look fresco. Puedes ir todo el camino si querías hacer eso o simplemente puedes dejarlo así. Entonces una cosa para que la textura destaque un poco más a veces voy a hacer esto,
voy a dar clic en la miniatura de Máscara de capa. Entonces uso el comando L, que sólo trae arriba los niveles. Entonces puedes jugar con estos, subir el negro. Aquí vamos. A lo mejor eso es un poco demasiado intenso, pero solo tienes que encontrar este punto dulce. Ya ves de lo que estaba hablando en esta E, su textura no sale del todo a los bordes. Todo tomará un poco de jugar con. En general, aquí está mi pieza final. Ahí vas.
8. Critica final: Entonces ahora que le he puesto los toques finales, quiero hacer una última crítica. Entonces un par de maneras en las que hago eso
es que me levanto de mi silla y me voy de pie atrás,
echarle un vistazo desde lejos y ver cómo se ve. ¿ Están apareciendo las palabras correctas? ¿ Está ahí la jerarquía? Esa es una buena manera de probarlo. Cuando estás de cerca, obviamente puedes ver cada pequeño detalle, pero cuando vuelves, ¿es prominente feroz? ¿ Son prominentes los motores? ¿ Es prominente la marca del logotipo? En ocasiones eso solo ayuda a levantarse y mirarlo desde la distancia. Otra cosa que hago es, a veces lo imprimiré y mágicamente, se pueden recoger cosas de una copia impresa que no se tiene en la computadora. No creo que necesites la mejor impresora del mundo. Esto es solo para ti. No lo estás colgando en tu pared. Te lo vas a lanzar tan pronto como termines con esto pero muchas
veces podrías llegar de alguna manera a esta etapa y notar que escribiste mal una palabra o tal vez algo no está centrado, eso debería estar centrado y solo tener una copia impresa puede ayudarte a ver ese tipo de cosas.
9. ¡¡Sé genial!: Enhorabuena. Deberías estar todo envuelto con tu logo en este punto. Espero verlos, así que por favor compártelos conmigo y haré lo mejor que pueda para criticar. Tan solo sé avanzar, tomará mucha práctica. No te vas a poner increíble solo de la noche a la mañana. Entonces si te sientes desanimado, solo que sepas que yo también estuve ahí y solo tienes que empujar a través de eso. Digo, acabas de llegar a practicar constantemente y también observar constantemente. puede estar observando si es el tipográfico en un cartel de stop o algunos edificios antiguos con algunas letras frescas en él. Sólo mantén siempre los ojos abiertos. Yo sí les agradezco que se tomen el tiempo para ver esto, y espero ver qué hacen, y cómo crecen como un [inaudible]. Gracias.
Nicolas Fredrickson, Letterer & Designer
