Creación de un divertido logotipo animado con Procreate 5X

1. Introducción: ¿ No sería genial tener un divertido logo animado para tu sitio web personal o negocio? Si lo crees, esta es la clase para ti. Alerón alerón. Es más fácil de lo que piensas. Hola. Mi nombre es Chris Piascik. Soy ilustrador y a veces animador con antecedentes en diseño gráfico. He creado ilustraciones y animaciones para marcas como Nickelodeon, Google, Adidas, e incluso Cartoon Network. En esta clase, ilustraremos y diseñaremos un logo divertido, configuraremos un archivo para animación en Procreate, haremos que tu logo se muegue, o vibraremos, crearemos un bucle animado de morfación, y luego exportaremos tu logo para diferentes usos. Esto como una clase de nivel principiante que debe ser acercada a un amplio espectro de personas. Ni siquiera necesitas ser bueno dibujando para tomar esta clase. No necesitas ninguna experiencia de animación previa ni nada por el estilo. Podría ser útil si has pasado algún tiempo jugando con Procreate. Pero aunque no lo hayas hecho, eso está totalmente bien. Todo lo que necesitarás para este curso es un iPad, un lápiz de Apple y la app Procreate. Eso es correcto. Ni siquiera necesitas una computadora para crear una animación increíble. Te mostraré varias técnicas para crear un tipo de logotipo personalizado, aunque no tengas experiencia previa en topografía o letras. Si lo haces, mejor aún. Aprender a animar un logo en esta clase, te enseñará las habilidades básicas de animación en el proceso fotograma por fotograma. Esto proporcionará un gran punto de partida si decides que quieres explorar la animación aún más. Al final de esta clase, podrás crear tus propias animaciones simples usando Procreate en el iPad. 2. El proyecto: El proyecto para esta clase es crear un divertido logo ilustrativo y luego darle vida a través de alguna animación sencilla usando Procreate en el iPad. En primer lugar, lluvia de ideas e ideas de investigación. A continuación, esbozaremos diferentes ideas. Después estrecharemos nuestros bocetos y ajustaremos y refinaremos uno de ellos para usarlos como nuestro logotipo final. Por último, exportaremos nuestra animación y la compartiremos. Por favor comparte tus proyectos finales en la galería de proyectos para que todos podamos revisarlos. Como siempre, proporcionaré comentarios para todos y cada uno. Además, por favor siéntete libre de compartir tus logotipos que crees antes de empezar a animarlos también. Será divertido ver de dónde empiezas. 3. Lluvias de ideas e investigación: El primer paso para crear algo siempre requiere de alguna investigación y lluvia de ideas. Hacer un logotipo para ti mismo no es diferente. Necesitas considerar lo que quieres que exprese ese logo. ¿ Debería ser grave o debería ser una tontería? ¿ Debería estar en algún lugar en el medio? Si estás creando un logotipo para ti, quieres tener una marca que exprese la vibra que emites o tu trabajo emita para que se sienta cohesionado con el resto de tu trabajo. Como ilustradora, quiero que mi logo sea reflexivo del tipo de trabajo que hago. Mi trabajo es hecho a mano, algo tonto, un poco tonto, o un poco raro. por lo que no me gustaría tener un logotipo muy serio. También probablemente no querría un logotipo que estuviera hecho de una fuente específica o algo así ya que muchas letras a mano son una gran parte de lo que hago. Un buen primer paso sería mirar todo un montón de logotipos diferentes y guardar los que te gustan o resuenan contigo en un tablero de Pinterest, o incluso solo una carpeta en tu escritorio, o una carpeta en tu teléfono. No me importa cuál sea la carpeta, eso depende de ti. Echa un vistazo a las personas que hacen cosas similares a lo que haces. ver qué están usando para un logotipo. Si estás creando un logotipo para usarlo en un sitio de portafolio, ten en cuenta que lo simple suele ser mejor. No quieres que tu logo reste a ninguno de los trabajos de tu sitio. Después de todo, por eso tienes el sitio en absoluto. Quieres exhibir tu trabajo. Otra cosa a tener en cuenta es que tu logo necesita funcionar y ser legible a un tamaño pequeño. En ese sentido también, lo simple suele ser mejor. A pesar de que estaremos dibujando nuestro logo final y animándolo a mano en Procreate, puedes empezar con una tipografía existente si quieres. rastreo sobre una tipografía existente puede agregar mucha energía a algo que de otra manera podría encontrarse como contundente, sobre todo, cuando le agregamos algo de movimiento, vamos a mover ese contundente justo fuera de él. 4. Ejercicio 1: Animar con fuentes: No sé tú, pero para mí, hacer un logo para mí es abrumador, y podrías pensar, bueno sólo vas a hacer algo sencillo. Bueno eso también es difícil, así que en lugar de sumergirnos en eso, solo aflojémonos y entremos y simplemente animemos algo. Qué mejor manera de divertirse que solo hacer una animación rápida. Es decir supongo que hay otras formas de divertirse pero esto también es bastante divertido. Para este primer ejercicio, ni siquiera vamos a dibujar nada, solo vamos a usar algunas tipográficas en Procreate y solo hacer una pequeña animación rápida de tres fotogramas, y te sorprenderás de lo genial que es, o tal vez no lo harás. Creo que lo harás aunque. Creo que te sorprendería. Después de hacer eso, escogeremos un tipo de letra existente, y luego haremos una animación dibujada a mano basada en ese tipo de letra. Eso podría sonar un poco confuso, pero sólo sigue adelante y tendrá sentido. Después de hacer estos pequeños ejercicios, entonces podemos sumergirnos en el verdadero trabajo arduo de hacer un logotipo que funcione para nosotros mismos. Para empezar, sólo vamos a hacer un nuevo documento. Golpeamos el plus en la parte superior en Procreate. Simplemente puedes elegir la primera opción, la plaza, 2048 para 2048. Es un tamaño bastante bueno para crear una animación simple. Te da suficientes píxeles que tienes suficiente flexibilidad cuando estás dibujando, pero tampoco es tan grande que el archivo se vuelva engorroso ya que estás trabajando. Lo que vamos a hacer es hacer clic en la llave hacia arriba en la parte superior y vamos a ir a Canvas y luego seleccionar “Animation Assist”. Cuando enciendas eso, verás que esta pequeña cosa de la línea de tiempo aparece en la parte inferior. A continuación vamos a dar click en “Agregar”, y luego podemos elegir Añadir Texto. Ahora tenemos este pequeño cuadro de texto aquí y puedes seguir adelante y poner tu nombre o cualquier otra cosa que quieras hacer. Voy a hacer mi nombre, Chris Piascik, y ahora lo podemos resaltar tocando dos veces y podemos elegir algunas fuentes. No pienses demasiado esto, solo estamos jugando por ahí, pero puedes elegir tu fuente por aquí, puedes ajustar el tamaño con esta pequeña barra cool, puedes ajustar el espaciado entre las letras, y si querías que ocupara más espacio, puedes acercar la caja. Se puede estirar la caja tipo y de esa manera si se hace más grande, puede ocupar más espacio. Voy a extender estas cartas un poco y ahora voy a dar clic en “Añadir un marco” en la línea de tiempo. Ahora que tenemos este nuevo marco, sigamos adelante y pinchemos en la llave inglesa y añadamos texto de nuevo. Escribamos el mismo nombre que hacías antes, o una palabra o lo que sea, y elegamos una fuente diferente esta vez. Simplemente voy a hacer la versión audaz del futuro, y hacer mi caja de texto más grande para que pueda tratar de igualar el tamaño. Para que esto lo que estamos haciendo funcione, quieres intentar que tus cartas se alineen lo mejor que puedas, para que puedas ajustarlo con tamaño, o el seguimiento de las letras. No tiene por qué ser perfecto pero ayudará a que la animación sea un poco más suave si se alinean bastante bien. Está bien, genial. Añadamos otro fotograma y verás que podemos ver ambos de nuestros fotogramas anteriores. Eso puede ser un poco confuso, así que si vamos a Ajustes, puedes arrastrar estos marcos de piel de cebolla hacia abajo a uno y eso solo te va a mostrar el fotograma anterior o el siguiente, y si quieres que esta opacidad sea un poco más tarde, puedes arrastrar eso hacia abajo. Entremos y agreguemos texto, y hagamos lo mismo otra vez. Escribamos la misma palabra. Yo le estoy dando a la mía todo mayúsculas, pero no tienes que hacer eso. Sólo estoy notando ahora en esta línea de tiempo que cada vez que agregamos texto, hace un nuevo marco y eso no es lo que queremos. Déjame mostrarte cómo arreglarlo. Creo que a veces al hacer estas demos, cuando hay errores, me gusta dejarlas adentro porque en caso de que esto te pudiera pasar, podrías confundirte. Cada vez que agrego un marco, está haciendo una nueva capa y aparecen aquí abajo, pero cada vez que agrego texto, hace una nueva capa, así que todo lo que tenemos que hacer es deshacernos de las que no son las de texto. Ahora verás que tenemos cada uno de nuestros marcos. Este es nuestro nuevo tipo. Ahora queremos hacer lo mismo también queremos alinearlo con el otro tipo y queremos resaltarlo, doble toque en él, y esta vez vamos a elegir una fuente diferente. A ver. Voy a usar una de mis propias fuentes que he hecho, así que voy a alinear esto y luego golpear “Done”. Es un poco más fácil de ver aquí, y luego ajuste eso un poco más. Vamos a ajustar un poquito más el espaciado. Está bien, genial. Eso es mejor. Ahora tenemos los tres. Ahora si bajamos a nuestra línea de tiempo y podemos golpear “Play”, y se pueden ver ciclos entre ellos muy rápidamente, para que podamos ajustar esa velocidad aquí. Podemos bajar esto. Una velocidad de fotogramas de animación típica es de 12 fotogramas por segundo. Eso se conoce como animar en dos porque el video tradicional es de 24 fotogramas por segundo, así que intentemos 12. Esa es una sensación bastante agradable al respecto. Experimentemos un poco más lento. Bajar a ocho para ver cómo se ve eso. Creo que eso me gusta para este propósito. De verdad depende de ti cómo velocidad o estilo quieres que se vea. Otra cosa que podemos hacer es que podemos agregar un poco de color si quieres. Haga clic en esta primera capa, resalte el tipo, y luego podemos hacer click en la cosa del color arriba. Yo quiero hacer eso un rojo, y luego voy a ir al segundo, doble tap y quiero hacer ese naranja. Es casi como una gradación y luego para esta última, hagamos este color rosa. Eso es bastante divertido. Ahora tenemos un pequeño tratamiento tipo animado fresco y sencillo y no tuvimos que dibujar nada. Si quisieras usar esto tal como está, solo podrías seguir adelante e ir a Compartir, y luego solo podrías hacer GIF Animado, y ahí tienes. Si lo quisieras sin fondo, solo podrías activar Fondo transparente y solo elegirías dónde lo guardas. 5. Ejercicio 2: Comenzar con una fuente: Al igual que la última vez que vamos a empezar haciendo clic en la pequeña barra de herramientas de la parte superior. Un pequeño icono de llave inglesa. Vamos a ir a Agregar a la primera selección y luego Agregar texto. Entonces escribiremos nuestra palabra o nombre. Voy a volver a usar mi nombre. Voy a batallar con él queriendo auto capitalizarlo porque quiero mantenerlo en minúscula para esto. Entonces, una vez que lo tengas escrito, puedes tocar dos veces en él para resaltarlo. Entonces podemos cambiar nuestra fuente. Voy a elegir una fuente que yo mismo he creado. Te voy a mostrar cómo importar eso. Importa tipografía si quieres usar algo que no está disponible ya en Procreate. Si haces clic aquí en el lado derecho de esta ventana de opciones, verás importar fuente. Hacemos click en eso. Puedes hacer clic en este pequeño icono de la parte superior y elegir ubicaciones en donde tienes tu fuente guardada. Esto está en tu computadora. Simplemente vas a querer asegurarte de guardarlo en tu iCloud Drive o Dropbox o nube creativa, lo que sea que hayas sincronizado. Entonces una vez que hagas eso, solo entrarías y lo encontrarías. Ya tengo el mío seleccionado aquí. Acabas de golpear import y cuando elijo fuentes podré entrar aquí y encontrar la tipografía que importé. Ahí está. Voy a hacer esto un poco más grande para estirar la caja para que pueda hacerlo más grande sin romper en dos líneas. Creo que eso se ve bien. Ahora solo lo voy a centrar en mi documento. Borra algo de basura de mi pantalla. Ahora estamos listos para empezar. Para esta versión, vamos a trazar esto dos veces para crear esa animación tradicional, vibración o movimiento. Vamos a volver a hacer clic en esa barra de herramientas. Vamos a ir a Canvas y luego a Animation Assist. Ahora que tenemos eso encendido, podemos bajar aquí. Ya verás que tenemos una capa en blanco al principio, así que solo podemos arrastrar eso. Ahora cuando seleccionemos ese marco en blanco, verás que nuestro nombre se ha vuelto gris para mostrarnos que está en un marco separado, y ahora podemos rastrear sobre esto. Yo sólo voy a agarrar mi pincel y apenas empezar a rastrear sobre esto. Algunos consejos rápidos que podrían ser útiles cuando estás haciendo este tipo de cosas. Ya que queremos mantener esto bastante preciso, me gusta trabajar en líneas similares todo a la vez para que el movimiento sea correcto. También no hacer esto por la mañana como estoy en este momento suele ser útil porque tengo manos de café temblorosas. Cuando estás rastreando esto, lo que quieres tener en cuenta es que quieres intentar hacer un buen trabajo e intentar rastrearlo con bastante precisión, ese movimiento y vibración va a ser un resultado natural del proceso de dibujo. Cuando notaste esa vibración en la animación tradicional de la vieja escuela, no es porque los animadores intentaran hacerla imperfecta, en realidad estaban tratando de hacerlo lo más cerca posible, sino solo la acción de dibujar algo una y otra vez, solo hay variaciones sutiles que realmente no puedes arreglar. Especialmente cuando estás trabajando con papel y lápiz como lo eran las animaciones de la vieja escuela. Tan solo preocúpate por rastrearlo. No intentes hacerlo imperfecto. Intentas hacerlo imperfecto, es probable que vaya a ser una diferencia bastante dramática y eso va a hacer que no se vea natural. En lugar de lucir como un ritmo, va a parecer una repetición que simplemente está reflejando de ida y vuelta. Yo sólo voy a rastrear sobre estas cartas tratando de acercarme lo más posible y esto acelerará para que no tengas que sentarte a lo largo de todo este proceso. Una vez que hayas delineado todo, puedes seguir adelante y hacer clic y mantener pulsado el color en la parte superior derecha y arrastrarlo a tus letras para llenarlas. Si sigues aguantando y no te sueltas notarás que hay un Umbral ColorDROP en la parte superior. Esto permite encontrar sintonizar lo bien que llena las letras. A mí me gusta tomarlo solo para montar justo antes de que vaya demasiado lejos y luego dejarlo ahí. De esa manera te aseguras de que obtienes un relleno limpio y agradable sin ningún borde extraño. Verás a veces que tendrás que ajustar ese ajuste para diferentes letras por cómo son tus líneas. Cuando eso sucede, solo tienes que hacer clic y arrastrar y ajustar un poco ese umbral. Ahora haremos clic en Añadir un marco y lo haremos una vez más. Ahora que lo has rastreado más de tres veces, podemos ir a echar un vistazo a nuestra pequeña animación. Lo primero que quieres hacer es hacer clic en Configuración y queremos bajar nuestra velocidad de fotogramas a 12 fotogramas por segundo. Es un buen lugar para empezar porque esa es la velocidad de fotogramas tradicional para la animación. Ahora podemos golpear el juego. Ya verás que tenemos una agradable vibración en marcha. Ya verás que todo se ve bastante normal. Creo que hay una cosa que me destaca que está en la A, abomba a la derecha un poco más que las otras letras. Si eso es algo que quieres ajustar, eso es bastante fácil. Simplemente pausas esto y desplázate por nuestros marcos y podemos ver dónde está el problema. El gris es el siguiente cuadro y se puede ver ese marco salta bastante. Da click en esa, y borra parte de ella. Te darás cuenta ahora que realmente no podemos ver lo que está pasando, vas a ajustar nuestra configuración aquí para tratar de arreglarlo un poco. Si eliges esta opción de fotograma primario Blend, te mostrará esa superposición. Hace que sea agradable y fácil ver si queremos borrar eso. Yo sólo voy a seguir adelante y agarrar mi borrador y sólo quitarme un poco de esto. Ahora cuando golpeamos el juego, tiene más de la misma vibración que tienen las otras letras. Mira, creo que se ve muy bien. Quiero experimentar ahora con hacer una velocidad de fotogramas un poco más lenta, tal vez 10, creo que sería bueno. Creo que eso se ve bastante bien. Estoy bastante contento con eso. Creo que eso es bastante bueno. Si quisieras usar esto tal como está, simplemente irías al icono de la llave de herramientas en la parte superior y luego irías a Compartir y elige GIF Animado o MP4 Animado. Si lo quieres sin fondo, solo tienes que pulsar la opción Fondo transparente, y luego Exportar y lo guardarías donde quieras y está listo para ir. 6. Cómo hacer un boceto con inspiración: He reunido algo de inspiración aquí para algunos otros logotipos que me gustaron. Ahí están en línea con lo que voy a buscar. Como mencioné, quiero mantener las cosas simples para mí. Yo solo quiero un simple tratamiento de letras que tenga la misma vibra que mi trabajo. Es bastante suelto y de nuevo, lo más importante, simple. Estos son un montón que me gusta y los guardo y simplemente los arrojo juntos en un documento. Sólo hablaré de ellos rápidamente un poco. Me gusta mucho la audaz simplicidad de este logo de Corey Danks. A mí me gusta que parezca una tipografía, pero parece que está dibujada a mano. Creo que es sólo audaz y simple, eso me gusta. A mí me gusta la idea de un icono de algún tipo. No sé si eso va a funcionar para mí, pero es algo que estoy considerando. Creo que este Brandon Land uno es súper divertido. Me encanta ese pequeño retrato. Creo que éste es un poco demasiado específico para Brandon. Simplemente me gusta. Creo que un retrato de mí mismo podría no funcionar. El logotipo de Killer Acid, creo que es impresionante. Me gusta el icono ilustrado. A mí me gusta esta pequeña cosa del cerebro con los tipos de envolver alrededor de ella. Eso se siente en línea con las cosas que hago. Pero de nuevo, creo que quizá no quiera un elemento ilustrado en el mío. Pero cuando estás coleccionando cosas que te gustan, puede que no sea perfectamente aplicable al logotipo que estás haciendo, pero a veces se trata solo de inspiración y emocionarte. Para mí, creo que esa es la parte más grande de este proceso. Generalmente colecciono estas cosas y realmente no trabajo demasiado con ellas. A mí me gusta sólo mirar un montón de cosas y luego me emociono con las posibilidades, y luego sólo voy a partir de ahí. Te mostraré más concretamente cómo tal vez uso estas cosas, pero no es tan directa como podrías pensar. Nuevamente, me encanta la audaz simplicidad del logotipo de Kelsey y estas pequeñas líneas gráficas en el logo de Lisa Congdon. La incorporación de ese pequeño lápiz, creo que es divertido. Mary Kate McDevitt y Andy J. Pizza, esos estilos de letras, simplemente muy sencillos, pero claramente hechos a mano o definitivamente en línea con lo que voy a buscar. Se sienten similares a lo que he estado usando durante los últimos 10 años. Pero sólo estoy harto de ello. Me gusta este guión hecho a mano que Jesse LeDoux tiene aquí. Tanto en ese icono L como en el M en Mary Kate McDevitt, creo que esos son pequeños toques bonitos. Creo que tener un poco de jalón L marca sería divertido. Pero otra vez, no lo sé. Necesariamente eso va a funcionar también para mí. Entonces Christopher Delorenzo, me encanta la audaz simplicidad y luego al igual que los pedacitos de carácter, la ligadura HE, la línea en la Z, simplemente muy simple pero muy elegante. A veces solo empezaré a bosquejar en una página como esta. A lo mejor mirar cosas específicas y ver cómo podrían funcionar para mí. Podría simplemente mirar el logo de Andy y ver, ¿cómo se vería si tuviera algo parecido? Voy a ir a hacer una nueva capa y círculo, teniendo mi nombre, trabajarlo a través igual que letras audaz, simples como esa. Simplemente tomaré un poco de inspiración suelta sin copiarla. A lo mejor probar algunas otras cosas. Poniendo atención a lo que me gusta de este logo. Es solo la holgadez y sencillez, pero también las líneas base móviles donde no es perfecto, así que tal vez voy a probar algunas cosas de eso. Simplemente no tratando de copiar demasiado de cerca, sino sólo de ver cómo se verá mi nombre con algunas de las cosas que me destacan dentro de las suyas. A lo mejor esta cosa del guión suelto. Me pregunto si algo así podría funcionar para mí. Simplemente suelto, guión juguetón donde no estás siendo demasiado perfecto. Siempre me lo pasa mal con el guión a mi nombre. Sentí que las letras no funcionan tan bien. A lo mejor algo un poco más estático como Mary Kate McDevitt, pesar de que tiene mucho carácter individual. Al igual que boxy, así que no lo sé, tal vez ver cómo algo así podría funcionar para mí. De nuevo, no estoy tratando de tener cuidado, solo estoy jugando probando algunas cosas. A veces puede que ni siquiera termine. Me gusta la forma en que los Killer Acid y Kelsey Dake se juegan entre sí y luego se mueven un poco. Entonces tal vez podría probar algo o se está moviendo. Haré mi nombre de pila, suelta así y luego quizá vea si puedo envolver mi apellido en la forma que queda. Simplemente divertido. Si hago algo como esto o creo que tal vez tiene potencial, voy a ir adelante y bajar la opacidad y luego tal vez dibujar encima de ella, ver si puedo trabajar en ello y hacerlo un poco mejor. A lo mejor trabajando en cómo esta R se sienta aquí, mira, usamos esa S para entrar a ese espacio y exagerar cómo se juegan entre sí. Se puede pensar en el espacio negativo y en cómo pueden trabajar juntos. Por lo que la H tiene una amplia abertura en la parte inferior y la A puede deslizarse en ella tal vez. Creo que eso se ve genial. A veces solo seguiré haciendo esto y cambiando un poco a medida que voy. Tratando de probar cosas diferentes manchadas como, tal vez y si uso letras más angulares. Como te darás cuenta, ni siquiera estoy mirando el logotipo que inicialmente me inspiró. Creo que eso es importante. Puedes tomar alguna inspiración inicial, pero definitivamente no quieres copiar lo que alguien más ha hecho. Quieres que esto sea único para ti mismo. Por lo general no me quedaré demasiado tiempo en esta página donde tengo los otros logotipos arriba, solo a veces lo usaremos como alguna inspiración inicial. Creo que eso es bastante guay por ahora. No me voy a obsesionar con eso con demasiado detalle todavía. A lo mejor podría intentarlo, me gustan los goles de bobo, me gusta dibujarlos tontos. No lo sé. mí me gusta la idea de un cráneo, porque es rudo, pero luego haciéndolo tonto. Hace que sea gracioso. A lo mejor eso podría ser algo. A lo mejor podría dibujar un cráneo tonto y luego tal vez tratar de envolver mi nombre alrededor. Tipo de cool. De nuevo, baja la opacidad y vuelve a intentarlo. A ver si puedo hacerlo encajar un poco mejor. Déjame dibujar un poco mejor el cráneo. Piensa en cómo interactúan las letras con el espacio. De nuevo, me gusta mantenerme suelto en este punto. No quiero enfocarme demasiado en ninguno de estos. Entonces a veces solo puedes quedarte atrapado en fideos con uno, uno te impedirá solo hacer muchas aceleraciones. Simplemente tendré eso en mente. 7. Más bocetos: En este punto, sólo voy a empezar con un documento fresco y sólo voy a empezar a dibujar todo el montón, sólo tratando de jugar alrededor y averiguar algunas cosas fuera. A veces voy a empezar lo más simple posible. Simplemente escribiré mi nombre en simples letras mayúsculas simples, y entonces tal vez probaré las letras minúsculas. Una vez que haces eso, puedes mirarlos, ver si hay algo que notes, cualquier tipo de combinaciones, donde podrían encajar. A veces no hay nada. A veces ni siquiera se sabe por dónde empezar. A veces trataré de juntarlos de formas en las que se encerrarán el uno al otro. Empecemos con la C, abrimos así y luego tal vez metamos la H ahí dentro, y tal vez podamos acurrucar esta pierna de la R como un pequeño asiento para el I y luego tirar de la S, así que de alguna manera la convierte en una forma como opuestos a la letra individual, por lo que todos están interactuando entre sí. Puedes hacer el contador de la P un poco más corto y luego pegar el I debajo de él. Exagerar la S para que vuelva a ese espacio. Haz lo mismo con la C y mete el I, y luego iré y lo haré más pequeño para no mirarlo. Puedes hacer una nueva capa si quieres tener más flexibilidad. Podrías probar algunas al igual que letras grandes y gordas o algo así. A veces ni siquiera dibujaré toda la palabra. Solo estoy jugando con diferentes formas en que puedo escribir la palabra. A lo mejor algunas cartas estilo punk crusty o algo así. Parece un logotipo inadaptado o algo así. Prueba algunas variaciones de guión. Tal vez como una dramática así, o como una más tradicional en ángulo de guión. Podrías jugar con hacerlo más decorativo, como tal vez remolinar esa parte de la S y usarla para salpicar el I. Creo que eso es demasiado quisquilloso y elegante para mí, pero es algo divertido de probar. A veces sólo hacer una forma alrededor de las palabras hace que se sienta como un logotipo. Como darle una casita para vivir. Otra cosa a recordar es, lo que hará que un logotipo parezca un logotipo es usarlo como logotipo. Te llevas cualquier cosa, cualquiera de estos y solo apretarlo y ponerlo en tu sitio web o algo así. Se verá como un logotipo. Podrías ponerle una casita y ponemos algunas decoraciones. Si estás luchando con las letras y eso es algo complicado para ti, a veces puedes inspirarte en la tipográfica existente, o puedes usarlas por completo. Puedes ir a Agregar textos como lo hicimos en ejercicio, Ve si hay algo que te destaque. A lo mejor podrías entrar y encontrar algo que parezca que quieres, pero tal vez quieras que se sienta un poco más flojo. Sé que quiero algo sencillo y audaz, así que tal vez lo pondré en un futuro audaz, y entonces podría entrar y trazar eso y ver si puedo agregarle un poco de carácter para darle ese look dibujado a mano que voy por. Simplemente bajaré la opacidad de esa capa y haré una nueva, traza sobre ella, pero la haré más suelta. Añadirle un poco de meneo para darle algo de grano. trazado por encima de la tipográfica existente puede tener un efecto divertido ya que tendrá la estructura, y las proporciones de la tipográfica. Pero sólo va a conseguir todo un montón de carácter simplemente introduciendo esa mano en línea. Aunque intentes rastrearlo más apretado, seguirá teniendo ese look. Definitivamente voy más suelto y tratando de que se vea más, no sé, angustiado o golpeado. Si arrastramos esto hacia arriba, podemos volver a encender el original, el arriba arriba. Sólo un rastreo rápido, pero definitivamente se siente más en línea con lo que me gustaría hacer. Algún carácter más que sólo ese tipo recto no coincide realmente con mi estilo de ilustración. 8. Cómo hacer bocetos con formas: Otra cosa con la que podrías jugar es comenzar con una forma, así que tal vez podrías simplemente garabatearte como una forma de logotipo, y luego usar eso como marco e intentar encajar tu tipo en ella. Ponga una línea para dividir los dos; mi nombre y apellido. Voy a usar esto como grilla. Voy a bajar la opacidad y voy a hacer una nueva capa. Entonces voy a dibujar mi tipo aquí. El primer paso será trazarlo y hacer una cuadrícula suelta, así que solo guardaré letras muy simples. Simplemente ponlos aquí para ver cuánto espacio van a ocupar. A veces no vas a conseguir esto de inmediato pero por eso lo estamos manteniendo simple. En este punto bajaré la opacidad, y luego usaré eso como guía para que encaje un poco mejor. Teníamos algo de espacio extra por aquí. Voy a aflojar un poco esto para conseguir un espaciado más consistente. Sube ese primero y baja la opacidad sobre éste. Ahora como tenemos esta guía desde la que trabajar, voy a tratar de hacer las letras, tener un poco más de carácter y encajar un poco más el espacio entre sí, tratando de seguir esta forma externa. Entonces tal vez usaré eso como el costado del mar. Tan solo trata de dibujar esa letra para que se ajuste a los bordes. Podrías hacer lo mismo con el H. Subirlo a esas líneas. A lo mejor con la R, usaré esta pierna y la tiraré debajo solo para que se sienta más como una pieza encerrada en lugar de letras individuales, por lo que llena un poco más el espacio. Vamos a tener un espacio vacío en la parte inferior de la P, así que pon el yo aquí abajo como lo hicimos antes. Pero ahora estamos empezando a ver que vamos a tener un poco de espacio extra para dar cuenta, así que voy a hacer esto Un poco más grande, y voy a curvar eso así para entrar a arreglar esta forma por aquí donde necesitábamos más de esta curva para llenarla. El S nos pone muy bien para eso. Por lo que prestar atención a lo que va a venir a continuación te ayudará a decidir qué puedes hacer para trabajar las letras para hacerlas aún legibles. Entonces tal vez hagamos lo que hicimos con la R donde se curva bajo el ojo. Podemos hacerle eso a la C aquí, y tal vez podamos tirar de la parte superior de la C hacia abajo para llenar un poco el espacio. Ahora lo que haría es bajar la opacidad una vez más y ver si podemos hacerla encajar aún mejor y hacerla un poco más interesante. Creo que empezar por sacar a la A así podría ser una buena manera de hacerlo. Ya que estamos haciendo esta curva en la A, a veces es agradable hacer lo mismo con otras letras para que se sienta un poco más consistente. A lo mejor curvamos esta R y quizá bajemos esa pierna. A lo mejor podemos curvar como la parte superior de la S. Otra vez, no estoy tratando de ir a apretado aquí porque estoy queriendo simplemente jugar alrededor y explorar cómo funcionan las letras juntas, y si vas demasiado lento y dibujando demasiado apretado, no podrás experimentar tanto. Puedes hacer tantos de estos como quieras y simplemente seguir evolucionándolo hasta que llegue a donde quieres que esté. Entonces tenemos esta forma interesante, que es un poco divertida, y podrías experimentar, tal vez ver cómo se ve si le pones un borde alrededor, solo divertido. A lo mejor algunos pequeños círculos concéntricos. Otra cosa que podrías probar es solo usar una forma existente. Digamos, queremos probar círculo. Podríamos seguir adelante y usar la herramienta de selección y elegir elipse. Haz una nueva capa, traza alrededor de ella. En realidad, sólo llena eso. A veces comenzando con un sólido bloque de forma, hay una buena manera de hacer esto. Apague esa selección. En lugar de dibujar directamente sobre esta capa, voy a hacer una nueva capa, y voy a cambiar mi pincel a blanco y voy a dibujar encima de esto. Se puede hacer lo mismo que hicimos con esa forma abstracta pero podemos hacerlo dentro del círculo. Entonces dibuja una línea a través del medio y divídala para nuestras letras; C, H , R, I, S, P , I, A, S, C, I , K. De nuevo, bajaremos esa opacidad, para que la veamos. Entonces dibujemos encima y veamos si podemos hacerlo un poco más divertido e interesante. En primer lugar, solo haré una versión sencilla con letras que solo usan el espacio sin tratar de hacerlo demasiado complicado. Solo estamos pensando en las letras que dibujamos como una especie de esqueleto, y podemos dibujar nuestra carne de letras encima de ella. En ocasiones empezaré con la letra media porque me ayudará a determinar cuánto espacio necesito ahorrar o dar cuenta ya que estoy dibujando los demás. Como puedes ver, esa S cortó, bastante grande y ahora estas letras exteriores se están volviendo pequeñas, lo que le da un efecto divertido, hace que parezca que es más abultado en el centro. Otra cosa que puedes hacer es, en lugar de simplemente dividirla directamente a través, hacer una línea base diferente. Entonces tal vez empezaríamos como una ola y más dramática para que una de las palabras que sea más grande que la otra. Nuevamente, haremos lo mismo, solo usaremos letras simples para solo averiguar cuánto espacio va a ocupar cada uno. Bajar la opacidad y juguemos con esto. Enseguida del bate, estoy notando que la pierna de la R en esta curva ya están fluyendo entre sí. A lo mejor podemos hacer lo mismo con el C. Entonces podemos exagerar el fondo de la S para usar ese espacio. Creo que voy a meter el yo debajo de esa P otra vez. Pon esa A abajo. Empuja la S hacia arriba así para usar ese espacio. Curva la C hacia arriba para imitar a los demás. Pusiste el yo ahí dentro. A mí me gusta lo que está pasando con Chris, pero creo que mi apellido se está poniendo un poco raro aquí. Pero de nuevo, sólo estamos afinando bien a medida que avanzamos. Voy a apagar esa pequeña línea de onda porque ahora está distrayendo, y vamos a poner una nueva capa. Veamos qué podemos hacer para que esto funcione mejor. Bajemos este R un poco más allá. En ocasiones me enfocaré en las áreas donde hay problemas primero. Esta combinación yo y la C son un poco rara, y están haciendo que la K sea un poco pequeña, así que tal vez vamos a sacar esa línea de fondo K. Creo que eso es divertido. Otra forma en que puedes hacer esto es como el método nocaut, donde cortas tus letras de esta forma. Podemos hacer de la misma manera trabajando con blanco en esta capa superior. Demos vuelta atrás a nuestra primera guía aquí. Vamos a hacer éste un poco diferente. Lo que haremos aquí es dividir nuestro círculo en espacios para cada letra. Solo estoy dibujando líneas alrededor de cada una de las formas de letras. Ahora que hicimos eso, déjame hacer nueva capa para que no tenga que volver a hacer eso si no quiero. Ahora podemos cortar para hacer nuestras letras con estas formas. Para el C, por ejemplo, podríamos simplemente cortar algo de esa carta para hacer el C. Podríamos cortar espacios medios para el H. Para este R cortamos esa parte, y luego necesitamos esta parte inferior. Un pequeño punto. S es un poco complicado. Podemos hacer una pequeña ranura ahí. Simplemente lo vamos a dejar así. Podríamos considerar hacer algo así también, lo cual es genial. A lo mejor me gusta eso. El P, podemos cortar eso. El I ya es un I. La A, solo hacemos lo que hicimos con la H, pero no rompas todo el camino en la cima. El espacio para la S podría ser un poco demasiado flaco, pero de nuevo, podemos volver a entrar y hacer otra versión después de esto. Podríamos hacer un C ligeramente diferente esta vez. El letra K. Este es un look y tacto totalmente diferentes, pero es bastante guay. Esta es la técnica de la letra en bloque, y mi amiga Mary Kate McDevitt tiene algunos tutoriales geniales sobre hacer letras en bloque. Si estás ordenando esta vibra, te sugeriría mucho revisar lo que está haciendo y lecciones sobre estas cosas. 9. Cómo limitar tus bocetos: En este punto, deberías tener todo un montón de bocetos e ideas en bruto. Redujamos eso a dos o tres. Entonces tomaremos esos dos o tres, ajustaremos eso, quizá haremos algunas revisiones, haremos un par de variaciones en cada una, y veremos a dónde nos lleva eso. Estos son algunos de mis bocetos que me gustaron más que otros. Apreté un poco estos solo para tener una mejor sensación por ellos, pero esta es la agrupación final. Ahora voy a reducir esto a dos o tres. Yo sólo voy a entrar aquí y vamos a hacer una nueva capa, y voy a rodear algunas de estas. A mí me gusta, y a mí me gusta este, y creo que éste. Sí, creo que esos son mis favoritos. Prefiero esos por encima de éstos, así que en este punto sólo voy a sacar estos de aquí y ponerlos en su propia página para que pueda simplemente enfocarme en ellos sin todas estas distracciones. Ya que tengo todo esto como grupo, solo voy a usar la herramienta de selección, y luego solo copiar y pegar las que me gustan. Entonces corta este, copia y pega. Lo pongo en su propia capa. Estos son mis últimos tres. Estoy bastante contento con cómo se ven los dos de abajo ahora mismo. Creo que me apretaría un poco más este medio, y luego este top me gusta, pero el ángulo es un poco raro. Pero entonces cuando lo giro, no lo sé, siento que no funciona tan bien. Entonces creo que solo voy a hacer la llamada dura y decir que no es tan fuerte para mí como estos otros dos. Yo sólo voy a seguir adelante y quitarle eso. Ahora estamos reducidos a estos dos. Definitivamente me estoy inclinando hacia este de aquí abajo. Se siente agradable y sencillo, pero tiene algo de carácter. A mí me gusta la forma en que encajan las letras, me gusta el tipo que hace. Creo que para estar seguro, sólo voy a hacer una versión un poco más apretada de este top one, y luego volver a ver cuál me gusta más. Para hacer eso solo lo voy a hacer un poco más grande para que tenga mucha flexibilidad, y podamos dibujarlo agradable y apretado. Voy a bajar la opacidad, y luego sólo hacer una nueva capa, y trazar sobre ella. Voy a ponerme negro, voy a usar este cepillo de tinta Ryan Hamrick solida, ese es un pincel bonito para conseguir unas lindas líneas nítidas. Básicamente lo que estoy haciendo es sólo tratar de refinar algunas de estas formas y pesos de línea, y simplemente limpiarlo por completo. Entonces ya que tengo toda esta cosa 3D negra, solo puedo dibujar una línea recta a través de la parte superior para que eso sea agradable y crujiente. Voy a hacer este poquito más amplio aquí. A veces cuando hay formas como esta donde hay un travesaño en el borde, solo dibujaré todo el camino a través para que pueda conseguir esa línea bonita y recta, y luego solo entra y borra lo que necesito para la parte media. Ahora tengo mi versión apretada de esa [inaudible], y no sé, es una llamada dura. Creo que vas a tener que sintonizar para la siguiente lección para averiguar cuál de estas escojo. Siéntete libre de compartir tus bocetos estrechos o incluso el grupo de tus bocetos. A lo mejor puedes obtener algunos comentarios del grupo y mí mismo sobre cuál parece estar funcionando mejor. A veces es útil tener un conjunto extra de ojos, o un montón de ojos, que te ayuden a acostarlo. 10. Cómo hacer tu bucle del logotipo: Ahora vamos a reducirlo a la mejor. El mejor logo más perfecto. Sólo estoy bromeando. Nunca te vas a sentir así, o podrías hacerlo, pero para mí, sobre todo haciendo un logo para mí, a veces solo necesitas comprometerte con uno de ellos. Si eres tú, puedes hacerlo, o simplemente comprometerte con ello, y solo recuerda que se va a poner aún más fresco cuando lo animemos. Una vez que estés satisfecho con tu logo final, todo lo que vamos a hacer ahora es trazar ese logotipo dos veces más. Entonces, tendremos tres dibujos del mismo logo, y solo los recordaremos igual que hicimos en el ejercicio anterior, y ahora tendremos un cool loop vibratorio de tu logo. Esto puede ser todo lo que quieras. Este sencillo bucle vibratorio es perfecto para un sitio web, pero vamos a ir un poco más allá. Este bucle de tres marcos será el punto de partida para lo que hagamos a continuación. Ahora tenemos tres dibujos de nuestro tipo de tratamiento. Tenemos todo lo que necesitamos para nuestro wiggelyogo. Entraremos a nuestra configuración, bajaremos esto a 12 para un punto de partida, y luego tocaremos “Play”. Enfriar. Creo que esto se ve bastante divertido. En realidad veo dos áreas problemáticas. El contador en la R y luego el lado de la P que rebota un poco demasiado agresivo, creo. Voy a tratar de limpiar esos. Te voy a mostrar un consejo rápido sobre cómo hacer esto más fácil. Si ingresas a tu configuración en la línea de tiempo, podemos hacer Marcos secundarios de color, y lo que esto hace es que los marcos sean diferentes colores, para que puedas ver dónde se superponen. Aquí puedes ver por qué ese salto tanto, mismo con la R. Otra opción es el Blend Primary Frames con un color secundario apagado. Si hacemos click en el medio, se pueden ver las zonas oscuras es donde hay solapamiento. Esto no es tan dramático, por lo que parece que es nuestra área problemática. Volvamos a los Cuadros Secundarios de Color, creo que esta es nuestra mejor solución para arreglar esto. Como se puede ver, el verde es nuestro siguiente cuadro, así que cuando vamos allá, entra. Lo que creo que vamos a hacer es simplemente entrar y borrar el contador en dos de ellos, y luego usar uno como punto de partida. Ahora, arregla esa fila, y sólo voy a tapar el rojo y el verde ahí en esa, y luego voy a tapar el rojo en ésta, y esto debería darnos resultados un poco más limpios en la R. Probemos eso. Enfriar. El cambio es suficiente ahí, pero aún hay así que va a chocar que debo de haber perdido. Ahí vamos. Se puede ver en este marco, el punto plano. Sólo entraremos y borraremos eso, y ahora, eso es un poco menos molesto. Sí creo que la velocidad general es un poco demasiado rápida, todos modos, así que creo que bajaré eso también. Pero primero, arreglemos el P. Parece que éste es realmente ancho, así que solo voy a entrar y borrar esto hasta apenas puedo ver ese verde. Ahora sólo dibujaré una línea más estrecha, sólo tratando de acercarme lo más posible. Ahora no debería saltar tanto. Ahí vamos. Todo tiene una mudanza bastante consistente, y creo que eso es bueno. Pero es un poco demasiado rápido, así que bajaremos esto a, intentemos eso. Enfriar. Esto es lo que usaremos como punto de partida o punto final. Si esto es todo lo que quieres para tu logo, eso está totalmente bien. Esto estará listo para ir y exportar noticias. Pero les voy a mostrar algunas cosas diferentes que podemos hacer para agregar un poco más de diversión a esto, algunos pequeños embellecimientos, y transformarlos en otra cosa. Así que quédate por ahí. 11. Cómo agregar adornos: En esta lección, te mostraré cómo agregar algunos embellecimientos animados para que tu bucle sea aún mejor. Lo primero que vamos a hacer para darle un poco a esto es agregarle algunas pequeñas líneas de movimiento. No queremos dibujar directamente en estos marcos porque podríamos necesitarlos en el futuro para expandirlos sobre esto y multiplicarlos. Lo primero que debemos hacer es nombrarlos para que no nos confundamos. Si solo tocas eso y vas a “Renombrar”, y solo llamemos a este 1, llamemos a éste 2, llamemos a éste, ¿quieres adivinar? Tres. Buen trabajo. Enfriar. En lugar de solo golpear Add Frame aquí abajo, hagamos algunos grupos. Para hacer un grupo, solo tienes que hacer clic y mantener presionado esto, y luego arrastrarlo encima de la otra capa. Ahora, podemos dibujar en esta capa y será parte de ese primer fotograma. Seguimos teniendo acceso al original, solo a las letras. Si bien estamos aquí, ajustemos esta opacidad de piel de Cebolla, bajémosla un poco, y cambiemos los marcos de piel de Cebolla de max a uno. Eso sólo nos mostrará el fotograma anterior y el siguiente por lo que será menos confuso. Lo que vamos a hacer ahora es sólo hacer un pequeño estallido de movimiento que va a salir de los lados. Para esto, lo que queremos hacer es sólo tener un punto de partida. Parece un pequeño punto. Voy a cambiar a un pincel que no me está alisando. Vamos a poner estos pequeños puntos aquí. Haremos tres. Pondremos tres por aquí. Ahora, podemos entrar y golpear “Plus”, y añadir otro fotograma y luego poner eso en dos. Por lo que será parte de la segunda. Ahora podemos ver estos pequeños puntitos. Lo que vamos a hacer es crear una ráfaga que se dispara por el costado como una línea de movimiento, y luego se desvanece en un bonito lazo. Lo que vamos a hacer aquí es empezar por donde está ese punto, y luego simplemente trazar una línea, una pequeña línea de acción que se está estrechando, como un poof. Ya se puede decir cuando se desplaza por, ve que el movimiento está sucediendo. Hacemos click en este marco, vamos a hacer lo mismo. Vamos a añadir otro fotograma ahí dentro, luego fusionarlo para hacer un pequeño grupo. Entonces aquí, podemos simplemente empezar a mitad de camino cruzando esta línea y simplemente hacerlo un poco más grande, tal vez incluso más grande que eso. Quieres asegurarte de que estás siguiendo la misma trayectoria para que parezca natural. Puedes desplazarte y ver que eso sucede. Se ve bastante limpio. Como mencioné, quizá necesitemos más de los marcos de textos. Porque necesitamos tres para ser un bucle y necesitamos unos fotogramas más para que este movimiento termine, lo que podemos hacer ahora es que podemos nombrar a los grupos para que sea menos, porque no podemos ver los fotogramas individuales. Hagamos tres. Ahora podemos duplicar estos. Haremos un extra por cada uno, y luego podremos arrastrarlos al orden correcto. Voy a poner 1, 2, 3, así que 1, 2, 3, 1, 2, 3. Subiremos a ésta y lo que queremos hacer ahora es borrar lo que teníamos en las líneas de movimiento porque vamos a estar sumando a ellas. Ahora, volveremos a uno porque este es el siguiente cuadro después de las tres y se puede ver que ahí tenemos la continuación de nuestras líneas. Queremos tratar de resolver estas líneas y lo que quiero decir con eso es hacerlas terminar de manera natural para que podamos hacer este bucle, y simplemente no parecer que haya un inicio y un final. Queremos que solo sea un bucle constante. Para hacer eso, no queremos que simplemente salga del borde de la página porque si esto fuera colocado en la parte superior de un sitio web, tendríamos una extraña línea abrupta en ella. Lo que podemos hacer es, en lugar de que se salga de la página, sólo podemos tener que parece que tal vez se estaba disparando en la distancia o se escabullió. Tienes que asegurarte de que estás en la capa correcta. Lo que podemos hacer es quizá sacarlo hasta donde podamos ir y sólo que se adelgaza. Se está rompiendo, al igual que se desmorona, así que es como pequeños puntos. Ya veremos si eso funciona. Entonces es como escabullirse o algo así. Ahora podemos ir al Grupo 2, y podemos ver lo que nos queda. Empecemos a mitad de camino ahí abajo y solo hagamos un poco menos estas formas, simplemente imaginando cómo se verían si esto se estuviera desintegrando. Creo que esto va a funcionar bastante bien. Nos desplazamos por. Se puede ver que se ve bastante bien, y como duplicamos nuestro movimiento de tres fotogramas, eso es solo un bucle perfecto. Juguémoslo, dale un tiro. Enfriar. Tenemos este pequeño bucle perfecto con esas pequeñas líneas de ráfaga que cruzan, lo cual creo que es bastante guay. Duplicé eso y mantuve a nuestros grupos, pero borré lo que pasaba, nuestras pequeñas líneas de movimiento. Puedo probar algo más aquí. Otra cosa que podrías hacer es quizá podríamos probar una cosita fronteriza que va alrededor de los bordes. Simplemente estoy haciendo flojamente un marco que va alrededor de las letras. Estoy moviendo un poco la mano para conseguir esto dentado, casi como una línea de relámpagos eléctrica. Enfriar. Ahora voy a ir al siguiente grupo. Asegúrate de que estoy en la capa en blanco. Yo sólo voy a rastrear eso, pero voy a menearme un poco más, un poco diferente. Porque esta es una línea delgada, creo que podemos ser un poco más juguetones y no igualarla demasiado de cerca, y nos va a dar un efecto fresco sin ser demasiado distraído. Otra cosa que podemos hacer es quizás experimentar con un color diferente después para que se sienta más acorde con la vibra del rayo. Hagámoslo una vez más. Nuevamente, quieres hacer click en el marco que no es nuestro marco de texto en caso de que tengamos que reutilizarlo. Una cosa que es útil que puedes hacer es en la Configuración, si movemos esto a dos, podemos ver ambos fotogramas. Cuando estás haciendo algo como esto donde quieres que sea un poco diferente, puedes asegurarte de que estás haciendo algo entre las dos líneas. Por ejemplo, aquí, sólo podría intentar quedarme en medio de los dos. Probemos eso. Eso es divertido. A lo mejor podemos hacer que se vea aún más relámpago haciéndolo amarillo. Voy a apagar los cuadros secundarios de color porque es un color diferente, y va a confundir las cosas. También voy a volver a bajar esto a uno para que no estemos viendo muchas cosas a la vez. Si seleccionamos aquí nuestro marco de línea y hacemos clic en el nombre de la capa, podemos cambiar esto a Alpha Lock, y esto nos permitirá simplemente bloquear en color justo encima de esa línea. Lo que voy a hacer es sólo agarrar un cepillo de grasa, este, y hacerlo lo más grande posible. Entonces solo agarraré amarillo y solo puedo colorearlo, y porque tenemos ese resplandor establecido en Alpha Lock, solo coloreará lo que se ha dibujado en esa capa. Ves, eso es lo que pasa si no lo haces Alpha Bloquearlo. Entonces Alpha Lock. Después una vez más, Alpha Lock. Vamos a jugar a eso. 12. Cómo transformar tu logotipo, parte 1: En esta lección, te mostraré cómo tomar tu bucle animado de tu logo, y transformarlo en otra cosa. Esa otra cosa podría ser un título, podría ser una descripción de lo que haces, podría ser un objeto, podría ser una rebanada de pizza, podría ser lo que quieras. No estoy aquí para decirte en qué debes transformarte tu logo, solo estoy aquí para empoderarte para poder transformarte tu logo en lo que quieras. Vamos a buscar algo de morfindun. Vamos poderosa morfina Power Ranger esta cosa. ¿ Ese era su lema, poderosa morfina? No sé si puedes decir, pero estoy un poco viejo para chistes de Power Ranger. Yo era adolescente cuando salieron, y en realidad nunca miraba. Nunca vi a los Power Rangers. Estoy tratando de relacionarme con ustedes, tal vez los vieron. Yo no los vi. ¿De qué estamos hablando otra vez? Logotipos de morfación. Vamos a hacer eso. Ya no quiero hablar de Power Rangers. Te veré más tarde. El primer morph, voy a cambiar mi nombre la palabra ilustrador porque eso es lo que hago. A mí me gusta tener desactivada Animation Assist para esta etapa, puedes volver a encenderla después. Después voy a mis Capas, y sólo tengo una de ellas encendida. No los quiero a los tres puestos. Entonces bajaré la Opacidad, así que es lo suficientemente ligera como para poder ver lo que estoy haciendo. Entonces haré una nueva capa encima de eso. En esta capa, voy a mapear en qué planeo cambiar mi nombre para el morph. Como mencioné, voy a hacer ilustrador. Illustrator es una palabra larga y mi nombre está apilado aquí, así que estoy pensando, voy a romperlo en dos palabras. No dos palabras sino una palabra con guiones, porque creo que se verá mejor. Al igual que hicimos en la fase de boceto, solo voy a mapear esto simplemente bloqueando en las letras para ver cuánto espacio van a ocupar. Voy a hacer ilus y luego trator. Sólo estoy averiguando cuánto espacio va a ocupar aquí. Entonces justo como antes, voy a bajar ahí la Opacidad, para luego hacer una nueva capa. Puedo tratar de que coincida un poco mejor con la forma. De lo que estoy haciendo el morph, quiero que estas nuevas palabras ordenen el mismo espacio. Tengo planeado utilizar este logotipo de mi página web. Yo quiero que funcione en el mismo espacio. No quiero que se expanda hacia arriba o hacia abajo ni hacia los lados. Quiero que en general tenga la misma forma y también tener una forma general similar hará que el morph sea mucho más fácil. Para el i, estoy pensando que voy a igualar esta parte del mar y sólo hacer un yo mayúscula, así. Entonces tal vez podríamos hacer algunos Ls apilados usando así las líneas H. A lo mejor la U puede usar el I como una de sus piernas, entonces podríamos simplemente repetir esa S. Como puedes ver, estoy siguiendo la forma general donde sube y baja y tratando de igualar las letras. Esto podría no funcionar siempre, pero sí facilita las cosas. Noté justo del bate que este K de aquí se transformaría fácilmente en una R. Sólo voy a ir con eso. Entonces volvemos aquí, tratamos de descifrar este lado, ponemos esta T aquí, ver cómo va a funcionar esto. Podemos meter la O ahí. A lo mejor podemos hacer una R similar a la antigua R en Chris up top. Entonces a ver si podemos meter ahí arriba la A. Creo que eso se ve bastante bien. Voy a apagar esa Capa de Sketch y bajar un poco la Opacidad. Veré si puedo acercarlo un poco más. No estoy completamente loco por cómo funciona esta mitad inferior, así que voy a tratar de que eso sea un poco mejor. A ver. Vamos a asegurarnos de que obtenemos una nueva capa. Empezaremos con este R, tal vez si exageramos un poco esa pierna, quizá podamos ensanchar el A poquito, y así pueda usar el espacio un poco mejor. A lo mejor podemos hacer que esta T, la parte superior de la T, empuje hacia ese otro espacio. Yo sólo voy a mover un poco esa pierna de la T. Creo que la parte superior fue bastante buena, déjame simplemente bloquearla, para que pueda obtener una mejor visual para ver cómo me siento al respecto. Creo que podría meter un poco más estos L juntos. Extiende esos de abajo, no obtenemos ese poco espacio raro. Entonces la S, manténgalo casi igual, pon pequeño guión, y deshazte de esa capa. Apague mi nombre, para poder enfocarme un poco más en esto, ver cómo se ve. En esta etapa, voy a apretar esto y hacerlo con un peso de línea similar al de mi logo. Voy a usar el mismo pincel que usé y seleccionar “negro”. Va a rechazar la “Opacidad”. Voy a hacer una nueva capa, y ahora, sólo voy a rastrear esto. Ahora que tengo esta versión apretada, solo volveré a revisar para ver que aún funciona bien con mi logo y no se hace mucho más grande. Siempre veo que lo veo cambiar en general es la parte superior de estos Ls, así que creo que podría acortar esos un poquito solo para mantenerlos más cerca. Realmente no importa demasiado a menos que estés trabajando con un espacio realmente limitado, pero quiero mantenerlos bastante cerca por mi propia preferencia personal. Desafortunadamente, vamos a tener que dibujar esto dos veces más para que tengamos un bucle. Voy a seguir adelante y hacer eso ahora mismo y sólo bajar la Opacidad, y tenemos que rastrearla. Si quieres hacer trampa un poco, podrías hacer con esto y luego duplicarlo. Entonces vuelve atrás y termina. Seguirá teniendo ese mismo efecto porque queda suficiente para que no se vea estático porque si estaba aguantando dos cuadros, no parece mucho, pero es un poco, y va a ayudar. Sólo voy a comprobar que este bucle está bien, así que voy a activar Animation Assist. Quieres asegurarme de que solo tengo activadas esas capas de Illustrator. Entonces voy a darle sólo a “Play”. Voy a volver y asegurarme de que mi Opacidad esté aparecida hasta el final. Ahora, jugamos. Enfriar. Creo que eso tiene la cantidad correcta de meneo para mi preferencia. Creo que tiene una cantidad similar de meneo a mi nombre. Creo que estamos listos para empezar a morfiscar esto. 13. Cómo transformar tu logotipo, parte 2: Lo que voy a hacer ahora es que voy a nombrar estos. voy a nombrar A, B, C ya que estoy usando 1, 2, 3 en mis nombres. Voy a apagarlos todos excepto uno de mi nombre y uno de ilustrador. Entonces voy a ir a añadir un marco. Voy a arrastrarlo entre los dos y seleccionarlo. Ahora puedo ver tanto el título del ilustrador como mi nombre. Si el tuyo no se ve así, es porque lo tengo puesto en marcos secundarios de color. Cuando tienes eso apagado, ambos son tonos de gris porque ambos tienen letras en negro. Pero si hago cuadros secundarios de color, hace que cada uno de ellos sea un color para que pueda ver la diferencia entre ellos. Para transformar estas cosas de manera natural, es realmente tan simple como simplemente mover o redibujar la imagen un poco más cerca de donde quieres conseguir cada vez. Eso podría sonar confuso, pero déjame mostrarte de lo que estoy hablando. El rojo es mi nombre, Chris Piascik, y luego el verde es ilustrador. Estamos tratando de pasar del rojo Chris Piascik a ilustrador. En lo que queremos enfocarnos es en donde ya están cerca. Esto de aquí es casi exactamente lo mismo. Yo sólo voy a bloquear en esta mitad inferior y puedo hacer la mitad superior ya que está lo suficientemente cerca. Porque aquí hay algo de separación, sólo voy a meterme en el medio así. Esto es lo suficientemente cerca que sólo voy a conseguirlo por completo. La parte media es un poco más complicada. Aquí es donde estamos ahora. Eso es parte de la C y esto es parte del I, y necesitamos acercarlos. Lo que voy a hacer es simplemente mover eso y un poco así, acercándolo a esa parte de la I. Voy a arreglar todo esto ahí. Este es otro punto fácil. Ya que son casi iguales, voy a rastrearlo y sólo voy a ir todo el camino hasta las áreas verdes donde se superponen. Tenemos un par de opciones aquí. Necesitamos que esta zona verde se llene para llegar a ilustrador y tenemos este rojo que necesita desaparecer. Podríamos deslizar esto hacia abajo si quisiéramos o tal vez podemos moverlo para convertirnos en esta parte de este l Creo que esa es probablemente la mejor apuesta. Lo que voy a hacer ahora es traer eso así. Se está moviendo lentamente. Entonces en el siguiente cuadro, lo empujaré por ese camino. Aquí abajo, podrías empezar esto un poco así, acercándonos más. Donde estos dos se superponen, podríamos bloquear ese fin si quisiéramos. Podríamos dejar este espacio aquí si quisiéramos o podemos hacerlo cada vez más pequeño en el medio. Si solo llenamos algo de ese rojo, así no desaparezca por completo. Esto es un poco más engañoso. De nuevo, R es por mi nombre y U es adonde vamos. Lo que voy a hacer es apenas empezar a cerrar el mostrador de este R. Hazlo un poco más corto. Trae esto un poco más cerca. Entonces cerramos este extremo y la próxima vez te puedes acercar aún más y luego eventualmente se puede convertir en una pierna de la U. Voy a expandir la pierna de la R, que empiece a llenar algo de verde y luego a punto en esa pierna así. Esto yo, sólo podemos moverlo ligeramente. Lo bajas un poquito. Por lo que sirve para tocar el fondo de la R. Hazlo un poco más ancho. El S es casi lo mismo. Entonces solo voy a rastrear entre los dos spots. no tenemos nada para este guión. A veces me gusta tratar de encontrar una manera interesante de mostrar esto. Podríamos tal vez extender esta parte de la S hacia fuera y luego hacer que se caiga en el siguiente cuadro y caiga hacia abajo. Podemos pasar por encima de esta parte de la P para pasar a la zona la T va a ser. Puedes subir un poco esta parte superior del área P y luego empezar a cerrar el mostrador. Podemos hacer esto me convierto en la pierna de la R. Esta zona es un poco complicada. Entonces volvamos a eso y hagamos primero algunas de las cosas fáciles. Al igual que este K ya está muy cerca de la R. Así que sólo voy a ampliar un poco esto. Tenemos que curvar la parte superior de la K para convertirnos en la R. Empezaremos a sacar esto y doblarlo. Entonces no es un cambio dramático, pero entonces nos permitirá acercarlo más a donde necesitamos estar al final. Creo que tiene sentido que este C se cierre y se convierta en el O. Así que sólo acortando ese extremo, machacándolo un poco. No es como un cambio jarring, pero es suficiente. Creo que podría tener sentido que A encoja y se convierta en el otro A. Sólo voy a rastrearlo, pero hacerlo un poco más pequeño y moverlo un poco a la derecha. Podemos jalar esa parte de la S sobre para la T y luego podemos acortar esta parte de ella y eventualmente hacerla recta para convertirnos en el tronco de la T. Todavía tenemos que lidiar con este I. Estoy pensando que solo acortaremos ella y entonces puede convertirse en parte de la T. En este punto lo que haremos es apagar el marco del nombre. Ahora vamos a utilizar lo que acabamos de dibujar como punto de partida en la siguiente parte de la morph. Haremos agregar un marco. Ahora estamos un poco más cerca de donde necesitamos estar. Simplemente vamos a seguir moviéndonos con esta evolución. Aquí, solo voy a rastrear completamente la parte superior e inferior del I porque está tan cerca. Esta parte de ese C, podemos acercarlo aún más a donde necesitamos ir y simplemente empezar a arrojar esa curva. Ya tenemos un I. Es sólo un poco doblado I. Estos l son bastante cercanos. Estamos quitando este extremo de parte. Entonces voy a tener que empezar a salir del otro lado ahora. Creo que podemos hacer es fusionar estos juntos, moverlo un poco. Este R, lo estamos machacando juntos para que podamos teclear eso, traer casi todo el camino. Podemos tenerlo de la U, pero solo hazlo sobresalir un poco para no olvidar que esa forma estaba ahí. Voy a subir hasta la parte superior del verde ahí y luego solo golpear eso para seguir esa forma. Entonces esto está lo suficientemente cerca como para que podamos traerlo. No queremos olvidarnos por completo de este contador. Por lo que podemos tenerlo sólo se hace más pequeño. Podemos realmente solidificar S. Como mencioné, podemos hacer que esta cosa se convierta en el guión. Vamos a hacer línea de color. Podemos mover un poco esta parte de la R hacia abajo, empezar a doblar eso aún más y simplemente rastrear el resto. Podemos cerrar completamente el C para que sea una O y moverlo un poco hacia abajo. Se puede mover esto, y entonces tenemos esa parte del yo y entonces tal vez sólo acortar eso. Podemos jalar aún más este S y hacerlo un poco más recto, acercándonos más a convertirnos en el tronco de la T. Sólo voy a dibujar el punto medio entre estos dos A's y dibujar la pierna de la R. Necesitamos empezar a hacer esto otra parte que no existía. Yo sólo voy a hacer que empiece a salir de los lados, dibujarlo como si estuviera creciendo desde el tronco, y hacer que el resto de la parte superior de la T. Puedes mover esto, para que esté totalmente dentro de la zona verde y luego sólo hacer que este P contrarrestado, casi desaparezca. Nuevamente, apagaremos esa capa anterior y luego haremos una nueva. Ahora estamos aún más cerca y sólo vamos a continuar con la progresión. Aquí, yo sólo dibujaría casi exactamente donde va a estar, pero sólo deshacerme de ese bulto porque podemos trabajar primero en esas zonas difíciles. Simplemente tirando de eso lo que empezamos abajo, expandiendo esto. A veces cuando estoy dibujando cosas que están creciendo de ella, me gusta usar formas más orgánicas. Parece que es, no sé, líquido vertiendo o algo o mutando. Creo que por aquí, solo podemos hacer uno más donde solo hay un pequeño bulto ahí. Y otra vez, sólo sigue alrededor de la mitad de camino entre los dos A's. Podemos unirnos a la parte superior de la T plenamente en este punto y tal vez sólo tener un poco de muesca ahí para no olvidarse de esa cosa. Voy a hacer esto casi completamente recto. Entonces podemos empezar a igualar los contadores y ahora podemos bajar esto para ir a mitad de camino. Creo que esto podría ser suficiente. Podemos comprobar nuestro progreso volviendo a encender los marcos y podemos desplazarnos por ellos. Enfriar. Creo que en realidad es suficiente. Una cosa que puedes hacer, es cambiar esto a ping-pong y luego va de ida y vuelta. Por lo que podemos ver el movimiento sin que cambie al final. Con ping-pong, irá hasta el final y luego revertirá. Tenemos estos tres marcos más. Recuerda, hicimos nuestro bucle. Cuando transformas dos palabras atrás y cuarta, quieres aferrarte a cada una de las palabras un poco, para que realmente puedas leerlas. Por lo que no se mueve constantemente. Para ello, lo que queremos hacer es duplicar nuestros bucles unas cuantas veces. Nuestros títulos, ilustrador, tenemos A, B, y C. Sólo voy a hacer, diría cinco de estos y luego ver cómo funciona eso y ver si necesitamos hacer más. Yo sólo voy a duplicar cada una de estas cinco veces y luego los voy a arrastrar en orden. Ahora queremos hacer lo mismo con nuestro nombre. Hagamos un montón de esos. Como se puede ver, hicimos el máximo de las capas que se permitieron. En realidad puedes obtener más ajustando el tamaño de tu archivo si es necesario. Si vamos a cosechar y redimensionar. Entonces lo cambiamos a 2,000 píxeles y luego pegamos hecho, el remuestreo, y cambiaré el tamaño de nuestro lienzo. Ahora deberíamos poder sumar más marcos. Haga clic en tres, duplicar, duplicar, duplicar, duplicar. Ahí vamos. Pruebe estos abajo en orden. Como se puede ver, porque multiplicamos nuestros bucles, en realidad se puede leer mi nombre y el título. Con el ajuste de ping-pong, va de ida y vuelta para que sea un bucle constante y nunca se restablezca. Sólo un pequeño lazo fluido. 14. Cómo transformar tu logotipo, parte 3: ¿ Alguna vez quieres convertir tu nombre en cráneo? Estoy aquí para mostrarles cómo. Dibujé este calaverita aquí, y pensé que haría un ejemplo donde transformo parte de esto en el cráneo, y luego de vuelta. Creo que lo que voy a hacer es probablemente cambiar mi apellido en ilustrador, y luego tener parte de mi nombre de pila morph en el cráneo. Lo primero que voy a hacer aquí, mientras trabajo esto frente a ti, es que voy a ir a mis capas y asegurarme de que solo tengo encendido uno de mis tres bucles de nombre repetido. Voy a bajar la opacidad para usarla como guía, y luego voy a mover el cráneo a algún lado. Pensando tal vez lo voy a poner por aquí, y entonces tal vez pueda hacer algo con el espacio al lado. Ya que realmente no sé exactamente lo que voy a hacer, sólo voy a hacer una nueva capa y tratar de esbozar algo. Cuando estoy dibujando, me cuesta no usar un pincel que se parezca a un lápiz. Voy a usar este pincel de tinta Hamrick, que en realidad no es un lápiz, pero me recuerda a un lápiz, y le tiene algo de textura, y luego solo voy a agarrar el azul como color, y voy a mapear esto hacia fuera. Voy a hacer ilustrador otra vez, pero voy a transformar sólo mi apellido en él. Voy a mapear esto, voy a meter de nuevo las dos L's, porque me gusta la forma en que se ve. Un pequeño accidente feliz que la S alineó, pero podría estar en un despertar grosero por aquí si nos quedamos sin espacio, así que intentemos arreglarlo. Esta es una buena razón por la que me gusta simplemente escribirla simplemente, porque a veces te das cuenta de que no te diste suficiente espacio. Es mejor averiguarlo en esta etapa que cuando empiezas realmente a tratar de dibujar algo bueno. Yo sólo voy a aplaudir esto y bajar la opacidad, para que todavía pueda simplemente mapear esto mejor. No voy a tratar de dibujarlo mejor aún. Yo sólo voy a tratar de que las letras sean de tamaño consistente para que pueda tener una idea de cuánto espacio necesito. Podemos eliminar el viejo, y ahora sabemos con qué estamos trabajando aquí. Voy a bajar esta opacidad, y hacer una nueva capa. Voy a tratar de hacerlo un poco más divertido y sentirme más en línea con las letras de mi nombre. Tratemos de encontrar algunas formas de utilizar mejor el espacio. Estoy pensando que tal vez trabajo en esta T y luego podemos utilizar el espacio debajo de ella, para tratar de meter un poco las letras. A lo mejor tirar de la R hacia abajo para que sea como la R en mi nombre, y puedo hacer esa A en ese espacio, y tirar de esta T. Ahora estamos empezando a hacer que se sienta como mi nombre de pila, y estamos ahorrando algo de espacio. Me gusta la idea de hacerlo pequeño, ponerme un poco más grande, y luego volver a ponerme pequeño, y ayuda con el espacio. Puedo hacer este R un poco más pequeño aquí arriba, pero todavía igualar la línea de la K allá. Esto ya se siente más en línea con mi nombre, así que eso es bastante guay. Creo que mientras estoy aquí, voy a meter este S. Hacer el yo allá un poco más pequeño como lo estábamos haciendo de este lado, así que tiene este flujo. Creo que eso se ve bastante bien. Ahora tal vez apagaré mi nombre, para que solo pueda ver esta forma un poco mejor, y ver si tiene el flujo que quiero. En ocasiones lo que haré es hacer una nueva capa y hacer una guía, para que pueda ser más específica con la forma que quiero con la línea base. A lo mejor algo así. Bajamos eso. Podemos redibujarlo con esa línea de base en mente, que podamos tener el yo bajar a esa línea, luego las L. Creo que eso se ve un poco mejor, aunque creo que es un poco demasiado perfecto, y quiero que tenga un poquito más de esa vibra lúdica de arriba y abajo que tiene mi nombre. Lo que voy a hacer ahora es en realidad duplicar uno de esos y luego encenderlo y simplemente hacerlo más pequeño, para que pueda usarlo como referencia visual. Lo que estoy tratando de hacer es sólo que mantenga el mismo flujo pero no sea tan perfecto, así que parece que está haciendo una forma. Lo que me gusta de lo que hice con el nombre es que tiene un flujo hacia él, pero no es perfecto. Hay diferentes líneas de base. No parece que esté siguiendo un camino. Lo primero que voy a hacer es no ser tan particular con estas L. Entonces voy a dejar que éste baje y no se doble para igualar esa línea. No voy a ser perfecto con las alturas a los dos lados de la U, igual que en la H allá arriba. Voy a dejar que el primero sea un poco más corto, y dejaré que esta T suba un poco más alto y mantengo la S similar en línea de base a la U, por lo que no es tanto de una pendiente dramática. Lo mismo con este R. En realidad, voy a dejar que la T sea un poco más larga. Creo que eso romperá un poco esa línea base. Déjame exagerar un poco más esa R. No me gusta cómo van encajando ahí la T y la R, así que lo que voy a hacer es conectarlos, y luego borrar el espacio entre ellos, para que sea como lo que está pasando ahí. En realidad, creo que esta R debería ser un poco más corta para darle un mejor ritmo. Comparemos los dos. Sí, entonces éste tiene la energía que tiene mi logo, mientras que éste se siente demasiado forzado a esa curva. Creo que este fue un buen paso para llevarme hasta allí, pero eso está más en línea con lo que busco hacer. Ahora estaba pensando que podría ser divertido tener este cráneo, tal vez decir algo. Estaba pensando en que dijera la palabra designy, porque siento que eso describe mi ilustración. Es un poco una ilustración de diseño. Eso es porque incorporé mucho letras y tengo un diseño de fondo. Entonces, necesito una nueva capa, y voy a bosquejar una burbuja de palabras o algo así. Encaja ahí bastante bien, y luego haz una nueva capa, y voy a poner aquí la palabra designy, igual que siempre sólo voy a escribirla rápidamente. Creo que lo voy a poner entre comillas. Poner las cosas entre comillas a veces es divertido, sobre todo cuando se trata de una palabra como designy, que suena como hiney, y hiney es una palabra graciosa. ¿ Es así como deletrearías diseño? Piensa así. ¿A lo mejor debería ser un guión? No. Creo que en realidad no importa porque es una cosa de cráneo tonta que estamos diseñando. Voy a fusionar la burbuja y el diseño juntos, y luego voy a estar redibujando los dos. Creo que voy a mantener esto simple, y luego un poco de cola de discurso. ¿ Eso es lo que se llama? ¿Cola del habla? Eso no suena bien? Voy a apretar esto. 15. Cómo transformar tu logotipo, parte 4: Ahora que tengo esto apretado, voy a iniciar el morph. Voy a ir a encender la asistencia de animación, y luego enciendo uno de mis marcos de nombre. Selecciona esa, y luego ve a “Agregar fotograma” para que tenga un fotograma entre ellas, y me voy a asegurar que mi opacidad esté vuelta hasta arriba en mi nombre de lo contrario no se mostrará, con la asistencia de animación porque automáticamente baja tu opacidad. Ahora podemos ver nuestras dos situaciones diferentes aquí. Tenemos que averiguar cómo conseguir mi nombre en rojo a la letra verde ilustradora. Entonces tenemos que lidiar con el cráneo aquí arriba. Eso en realidad va a ser un poco más fácil. Solo buceemos y trabajemos primero en la parte inferior. Al igual que antes, vamos a tratar de que estos estén más cerca el uno del otro. Se puede entrar y averiguar qué letras pueden trabajar juntas en términos de morfación. Por ejemplo, probablemente tenga sentido que la K se convierta tanto en O como en R, porque hay más letras en Illustrator que en Piascik. Lo que haremos aquí, es empezar a transformar la I-L-L en la P. Empecemos haciendo esta línea de la P un poco más pequeña y un poco más delgada. Nuevamente, estamos tratando de hacer progresión, acercándolo cada vez,. Se puede ver que esta pieza sobresale y estamos tratando de acercarnos a aquí, así que tira de eso en un poco. Si estás confundido, y es difícil para ti ver cómo podría funcionar esto, un lugar para empezar es ir y rastrear dónde se están solapando porque esos son spots que ambos comparten. Ya sabes que esos se van a quedar igual porque existen en ambos lugares. Al igual que esta zona llena de negro existe cuando es mi apellido o Illustrator. Una vez que hayas dibujado donde se superponen, puedes entrar y enfocarte en las áreas rojas donde no hay verde. Esas son las áreas donde necesitas deshacerte de eso por completo. Porque esto es una animación, queremos que suceda sin problemas y que no parezca que algo desapareció. Necesitas hacerlo en pasos. Entonces una cosa que puedes hacer es, simplemente hacerlo un poco más pequeño. Por ejemplo, esta gruesa línea de la P justo aquí, puedes entrar y hacerla más delgada, y luego la próxima vez que se vuelvan aún más delgadas hasta que se haya ido. Podemos hacer lo mismo aquí. Otra cosa en la que puedes pensar son las áreas verdes, y sabes que queremos acercarnos a esas. Si bien estamos haciendo esas áreas más delgadas, tal vez podamos hacer que parezca que ese material extra de letras comenzó a caer al lugar. Casi se puede pensar en ello como esta cantidad de material de letras, y lo estamos moviendo de un lugar a otro. Podemos llenar las zonas donde se superponen, y debido a que esta parte verde es tan delgada donde no se superponen, yo iría todo el camino a eso. Eso es suficiente dentro del margen de error de la mudanza que ni siquiera lo verás. Ahora que no nos solapamos, vamos a entrar y ponerlo un poco más cerca de donde está el rojo para que no se vea demasiado molesto. Creo que tomaremos esta pierna de la A para convertirnos en esta parte de la U. Podemos empezar tirando de eso un poco y haciendo un poco más corto. Incluso podemos tirar de algo de esto para iniciar esa conexión. Ahora tenemos el resto de esta A, y sabemos que necesitamos llegar a esta S. Creo que este lado de la A puede convertirse en la S. Ya puedes ver que ya hay esta similitud. Entonces lo que yo haría es, tal vez hacer un punto medio entre estas dos cosas. Entonces tal vez podamos tener una línea delgada conectando eso Un travesaño para que no desaparezca por completo. Podemos acortar esta pierna A, tal vez abultarla un poco para empezar a hacer el S. Lo mismo aquí arriba. Entonces extiende eso hacia fuera, o moviendo ese A pero no volviéndolo demasiado loco que no podamos ver lo que pasó. Se puede dar la vuelta hacia atrás y adelante y ver si es demasiado. Siempre y cuando puedas ver la relación entre los dos, suele estar bien saltemos hasta el final. De esa manera, no nos quedamos sin letras ni algo así. Yo estoy pensando que estos, la K se convertirá en el O y el R. Podemos empezar a hacer donde se superponen. Se puede mover a su lugar por aquí. A lo mejor podemos empezar a hacer esto más amplio. A lo mejor podemos iniciar la apertura del, R ahí donde no hay superposición de lo rojo. Lo que tenemos que hacer ahora es dibujar líneas de conexión. Entonces no es un cambio completo, y puede sacar esto un poco si queremos, luego entrar y dibujar algo de ese back end rojo, así que no es un cambio completo. Podemos poner algunos en el verde si queremos. Tenemos T-R-A-T en Illustrator y después tenemos S-C-I. Yo lo haremos es transformar la C en la R porque ya se sienten bastante cerca. El S en la T, y luego podemos hacer que el yo tenga la A y la T en la I. Lo que vamos a hacer es dividir este yo arriba, para que podamos empezar haciéndolo un poco más ancho y luego poner una separación, como si se estuviera dividiendo. Lo que podemos hacer aquí es tirar de la C, y aplanar un poco ese borde y tirar la pierna hacia abajo y acercarla a donde va a estar en la mancha verde. Aquí podemos tener este sobresalir un poco como un comienzo para tirar de esa pierna hacia abajo. Vamos a tirar de esta parte de la C en un poco para que eventualmente pueda cerrar para hacer la apertura del R. Ahora necesitamos que este S se convierta en el T. Así que solo tiramos de esta parte hacia arriba, enderezamos un poco y luego lentamente empezamos a recrear en el S. Quizás nos enfoquemos en esta palabra y luego regresemos y hagamos el resto. Añadamos un nuevo marco. Empezaremos por donde lo dejamos. Nuevamente, vamos a acercar este rojo a la pantalla. Esta superposición es muy delgada. Vamos directo ahí, y ahora hagamos aún más delgado ese espacio rojo, y estos están lo suficientemente cerca como para que probablemente podríamos unirnos a ellos. A veces si hay una abolladura como esta, tener la abolladura apenas ahí, justo dentro de ella. Esto es suficiente para que podamos meterlo. Esto, podemos hacerlo casi ahí, pero tener un poco de esa curva así que ahí está esa referencia visual. Entonces bajemos esto un poco más y empecemos a curvarlo un poco. Entonces lo que me gustaría hacer con estas zonas delgadas es adelgazar aún más. Pero una forma de agregar algo de energía a la animación es poniendo algunas pequeñas piezas, como pequeñas salpicaduras. Darán a la animación casi una sensación líquida, como si fuera líquido-ing, ¿eso es una palabra? Salpicando en su lugar. Esto es lo suficientemente cerca como para que podamos hacer de esta la U, justo del bate. Yo tiraría de esto, y si queremos, podríamos hacer esa misma cosa de salpicaduras. Tire de esto un poco, empuja eso un poco, para que te deshagas un poco de este bloque, y lo transformas más en estas líneas de separación donde se está rompiendo. Ya empieza a parecerse a la palabra ilustración o Illustrator. Tire de esto, curva esto, luego trate de enderezar esto aún más. De nuevo, lo estamos moviendo un poco a la vez, acercándolo a donde necesitamos estar, del verde al rojo. Cerrando este vacío un poco más trayéndolo. Es un poco más engorroso, esta es la que estábamos dividiendo el I en las dos letras. Sigamos con esa división, muévete esto. Entonces podemos empezar a dividirnos al fondo otra vez, y empezar a poner en esa parte media de la I. Trae esta parte de ella más de un poco y luego empezar a extender la parte superior antes de la parte superior de la T. Por aquí podemos continuar este movimiento, tráelo. Entonces ten un poco de esa área, y puede tener este inicio para separarse aquí. El contador de la R, podemos empezar a hacer esos alineados. Agrega un marco, y puedes ver cada paso que estamos cada vez más cerca. Esto es lo suficientemente cerca como para que podamos hacerlo todo el camino. Para que este material salpicado luzca fresco y real líquido-y, en la animación, tenemos que mantenerlo ondulado, pero hacerlo más suave, como si se estuviera disolviendo y desapareciendo o goteando. Haz que esa línea sea aún más suave y luego haz algunos puntos más pequeños. Tienes una situación de goteo. Estás queriendo deshacerte poco a poco del material a la carta meet, si quieres. Puedes tenerlo goteado si quieres. A veces tener dos piezas divididas ahí da un efecto fresco. Digamos que esta U es buena. Mueve eso un poco. Cuando hay puntos, puedes hacer versiones más pequeñas de los mismos y bajarlos, por lo que se están dispersando. Que parezca que se quebró. Ve a mitad de camino otra vez, luego expande esa zona que estábamos empezando como contador. Este es bueno, yo sólo terminaría esto un poco, algunas cosas de escena, algunos pequeños puntos, pueden separar esto más ahora. Cosas de separación ahí. Se puede desplazar por aquí y se puede ver que sucede. Como se puede ver, la transformación de la letra está ahí, sólo queremos, en este punto, resolver algunas de estas pequeñas transiciones. Lo que hacemos es sólo unas cuantas cosas más. Tan solo unas pedacitas para que termine de la manera natural. En cualquier lugar hay más rojo, es un buen lugar para hacer esa cosa, para que se vea un poco más fluida. Vamos a jugar esto. Se puede ver que esos pequeños puntitos le agregan mucho, se ve fluido. Volvamos a nuestro marco de morph y transformemos la C en el cráneo. Estoy pensando que, en lugar de transformarlo directamente en la burbuja, estoy pensando, transformémonos en el cráneo y luego hagamos que salga la burbuja. Empujemos este C hacia la forma del cráneo y luego aplastemos estas otras letras hacia abajo. En lugar de añadir un nuevo fotograma, sólo vamos a encender el siguiente en nuestro morph, apagar el marco del nombre. Adelante y trae esto arriba, el resto del camino al cráneo. Puedo tirar esto hacia abajo. Mantengamos una línea gruesa. Es como la línea de la C, pero se está volviendo más delgada a medida que sale a los bordes. Ya tenemos cosas que comparte ambos espacios como esta línea extra. Simplemente tira eso hacia arriba así, aquí por la línea de los dientes. Lo que podemos hacer aquí es, en lugar de tenerlo simplemente adelgazar, podemos hacer que siga la línea de los dientes, y entonces tal vez podamos poner esta línea de ojos ahí dentro. Hagamos un pequeño truco de desprestigio aquí. Un frotis es, si dibujas una forma continua fusionando dos cosas, tu ojo lo verá como un solo movimiento. Es un pequeño truco de magia divertido para guardar algunos fotogramas y hacer que algo suceda en menos tiempo. Déjame mostrarte a lo que me refiero. Lo que vamos a hacer aquí es, dibujemos esta pierna de la H, y rastreemos este ojo, y lo que vamos a hacer es conectar a estos dos. Yo sólo voy a hacer una línea donde se va a mover a esa forma. Tan solo trae el resto de H también. Entonces, para el resto, vamos a simplemente purgarlo aún más, vamos a conseguir que sea una recta de línea como podamos. En realidad podemos empujar eso un poco más. Podemos apagar ese marco, y luego dar click en nuestro siguiente. En este punto, podemos dibujar el contorno del cráneo. Sólo llenemos estas cosas. Podemos usar la cosa del frotis de los ojos, simplemente minimizándola. Podemos utilizar el resto de esta parte de la H para hacer el otro ojo. Ya que teníamos esa H cubriendo toda esta zona para tener tiempo para simplemente estallar en cosas que podrían haber estado detrás de ella, así que tal vez el inicio de la nariz podría estar ahí. Podemos terminar esta línea, y vamos a hacer que esta línea externa sea un poco más gruesa aún, para que la transición sea un poco más natural. Empezamos a tener estas cosas empezando a abrirse aquí, entonces podemos empezar a subir estas líneas, y podemos traer esa línea porque estaba oscurecida. Apague el fotograma anterior, encienda el siguiente. La mayor parte ya está aquí, solo lo estoy rastreando, luego volveré a entrar y agregaré donde necesito. Creo que podemos hacer que esta chapola vaya muy rápido, como si se estuviera metiendo, si se quiere. Yo sólo puedo hacer algo dramático así, como si estuviera entrando. Puedes hacer que esa línea sea un poco más delgada. Sólo intentemos y veamos cómo lo hace. Creo que en realidad funciona bastante bien. Ya que vamos a necesitar unos fotogramas más, vamos a necesitar dibujar un par de veces más Illustrator. Volvamos a este marco, y luego enciendamos ese marco. Yo voy a trabajar más en el resto de esto. Primero lo primero, voy a rastrear sobre el cráneo. Ahora puedo volver aquí y acaba de terminar esta línea squivering. Lo que voy a hacer es hacerla un poco más pequeña, que venga así, y luego sólo añadir unos pequeños puntos salpicados, y eso haría que esa transición sea un poco más fluida. También podemos empezar a hacer salir esta burbuja. Lo que voy a hacer es tenerlo para empezar como una pequeña primera cosa saliendo así. Ahora, podemos terminar este cráneo. Apenas unas cuantas cositas más ahí para resolver eso. Ahora, vamos a subir esta burbuja. Podemos ir bastante grandes aquí. Creo, voy a tener las palabras ya en ella. Porque va a cambiar tan dramáticamente en tamaño, no tienes que preocuparte demasiado por que se vea exactamente como va a hacerlo. Yo sólo voy a poner esto aquí, casi como si fuera demasiado grande para ello, y luego se estirará a medida que se haga más grande. Voy a traerlo casi todo el camino ahí para éste. Usemos la cosa del desprestigio de la que hablé para unir estas cartas. Empecemos en este D inferior, luego traerlo hasta casi todo el camino hasta el grande. Los frotis se ven súper raros mientras los estás dibujando, pero de alguna manera funcionan mágicamente. No podrás traer todas estas cosas de vuelta, porque va a haber alguna superposición. Ahora, todo lo que tenemos que hacer es dibujar esta burbuja diseñadora dos veces más. Tenemos todos nuestros marcos aquí, vamos a tener que repetir algunos de estos para que en realidad lo puedas leer, pero creamos una lista de reproducción. Yo lo voy a poner en ping-pong, que vaya de ida y vuelta, para que no haya una brecha extraña. Por supuesto, creo que tener la burbuja pop up por separado es un bonito elemento visual, porque le da un par de pasos a la animación. Lo que haría ahora es solo seguir adelante y duplicar unos cuantos de los fotogramas con solo mi nombre, para que se quede levantado un poco más, pero para ser honesto, no pensé que necesitara una tonelada más. Yo sólo voy a tratar de hacer tres. Yo sólo voy a poner estos en orden. De nuevo, podríamos simplemente hacer un pequeño toque. Agrega a este factor uno, podemos poner algunos globos oculares en el cráneo para que sea aún más bocante. Tengo que cambiar los ajustes aquí, porque de la forma normal que esto funciona, no podemos ver qué hay debajo del negro, porque está en ajuste de multiplicación. A ver cómo se ve eso. Sí, eso suma justo lo suficiente. A mí me gusta que aparezcan justo cuando sale la burbuja. 16. Una transformación más: Ahora que te pasé por esos dos morfos, me gustaría pasarte por uno más, un poco más rápido, eso es un poco más sencillo. Esta versión es un embellecimiento, pero aún le tiene un poco de vibra morfa. Para éste, todo lo que hice fue mientras estaba trazando mi logo, acabo de usar una línea en zigzag. Como puedes ver voy por los bordes y siguiendo las líneas pero solo estoy dibujando un zigzag para mi línea a todo el asunto. Cuando llego al segundo cuadro, hago el mismo zigzag, pero altero donde están los puntos. Simplemente lo empiezo en un punto diferente para que los puntos terminen entre los puntos y el otro, así que cuando esto reproduzca, ordenan de ida y vuelta y da un efecto fresco. Hago el primero con los puntos de una manera, pero en otro fotograma con los puntos entre el punto y el primero, y luego duplique ese primero, por lo que va de ida y vuelta muy rápido, y luego agrego eso a nuestro bucle de tres marcos. Esto son sólo dos marcos más que se están dibujando, pero siento que le suma bastante. 17. Exportación y conclusión: A pesar de que he mencionado exportar nuestras animaciones en un par de las otras lecciones. Yo quería simplemente recapitular un poco aquí, específicamente porque puede ser un poco confuso. Por lo que hay dos opciones principales. Ahí hay GIFs y hay MP4, y cada uno tiene sus propios propósitos. Un GIF es un archivo gráfico que puede recorrer una serie de imágenes, mientras que un MP4 es un archivo de vídeo. Cuando exportas un GIF y previsualiza esa imagen, se bucle para siempre tal como lo hace en nuestra vista previa cuando estamos trabajando en Procreate. Cuando exporta un MP4, su bucle animado se reproducirá una vez y luego se detendrá al igual que lo haría un videoclip. Esto no es necesariamente ideal cuando quieres que algo bucle indefinidamente. En esas situaciones, un GIF es lo que quieres. No obstante, actualmente Facebook e Instagram no te permitirán publicar un GIF directamente. En esas situaciones, necesitarás publicar un MP4. La buena noticia es que a pesar de que un archivo MP4 no bucea de forma nativa, cuando publicas un MP4 en Facebook o Instagram, automáticamente bucea igual que lo haría un GIF. Una vez que estás en Procreate, es bastante fácil explorar tu animación. Entonces como pueden ver aquí, tengo mi bucle animado. Todo está bien para ir aquí. No quiero tener antecedentes sobre esto, así que sólo voy a asegurarme de que apague el fondo. Voy a dar clic en el icono de la herramienta en la esquina superior y voy a elegir “Compartir”, justo en el medio. Como mencioné tenemos un par de opciones. Tenemos GIF animado, MP4 animado. Aquí hay otras opciones pero no necesitamos preocuparnos por esas por ahora. Los dos más fáciles son GIF y MP4. Entonces si quieres hacer un GIF, todo lo que haces es dar click en GIF animado. Aquí verás una vista previa. Tienes estas opciones de fondo transparente. Entonces si no necesitas que sea transparente, puedes dejar eso sin control. Pero si quieres que sea transparente, por ejemplo si quieres poner esto en tu sitio web o si quieres ponerlo en otra cosa, podrías potencialmente superponerlo en video, cual hice por algunas de las cosas en esta clase, harías fondo transparente. Como pueden ver, aquí tenemos nuestra animación y es sólo en gris oscuro porque ese es el color que es el fondo. Aquí puedes controlar tus fotogramas por segundo, pero me parece que lo mejor es hacerlo en la línea de tiempo de animación, y eso es todo. Entonces le pegamos a “Exportar” y va a hacer nuestro pequeño archivo GIF y tendremos la opción de guardarlo en nuestro iPad o rollo de cámara o puedes seguir adelante y guardarlo en Dropbox o algo más. La otra opción es el MP4 animado. Entonces esto es lo que vas a necesitar hacer si quieres compartirlo en Instagram o Facebook o cualquier plataforma que no permita GIFs. Por lo que solo hacías clic en MP4 y solo harías lo mismo que hacíamos antes. No tenemos la opción de fondo, pero como la tengo apagada, está por pagar un fondo transparente. Acabaríamos de darle a “Exportar ", le pegamos a “Guardar Video ", y luego solo te mostraré cómo se ve esto. Entonces como ves aquí, el archivo MP4 se reproducirá una vez y luego se detendrá. Entonces si hacemos clic en él, se puede ver que son alrededor de cinco segundos y es solo un bucle. Entonces si eso es todo lo que quieres, está bien. Pero de nuevo, si fueras a publicar esto en Instagram o Facebook, se haría bucle automáticamente, igual que lo haría nuestro GIF animado. Entonces ahora con el GIF animado, verás que esto solo va a recorrer un bucle de ida y vuelta para siempre porque no es solo un clip de película, es un gráfico que solo está constantemente recorriendo los fotogramas dentro de nuestra animación. Otra aplicación para esta cosa es superponerla encima del video. Todas las animaciones que habrás notado en los videos de la clase se hicieron de esta manera donde acabo de exportar una de mis animaciones con el fondo transparente y luego pude simplemente colocarla encima de mi video. Así que trabajé en Adobe Premiere para armar la clase. Podría simplemente tomar uno de estos GIFs e importarlo Premier y arrastrarlo a mi línea de tiempo y simplemente ponerlo encima del video y reproduciría el bucle. Esto se puede hacer tanto con un GIF animado como con un MP4 en Adobe Premiere. Pero en algunas otras aplicaciones de software de video, posible que necesite que sea un archivo de video. En ese caso, solo usarías un MP4. Espero que esta clase te muestre cuánto un pequeño movimiento puede dar vida a tu logo. Hay infinitas posibilidades y espero que sigas experimentando con lo que has aprendido. Hacer morfos de palabras animadas simples, como los que hicimos en esta clase o cómo empecé con la animación, desde entonces ha evolucionado hasta convertirse en una parte regular del trabajo de mi cliente. A lo largo de los ejercicios te he mostrado un montón de formas de crear tu propio tipo de logotipo con letras a mano, y agregar algo de movimiento y emoción con solo un iPad y la app Procreate. Para recapitular, aprendimos sobre la importancia de la lluvia de ideas y la investigación para crear un logotipo que coincida con tus sensibilidades. Hablamos de recolectar referencias e inspirarnos en ellas sin copiarlas directamente. Nos metimos directamente en la animación haciendo algunos ejercicios, donde creamos un bucle animado, empezando por las fuentes. Hicimos un montón de bocetos, jugando con la combinación de letras juntas, haciendo caminos y marcos para usar como guías, y también probamos algunas opciones usando la forma para ayudar a formar nuestros diseños. Después de eso, reducimos nuestros bocetos a nuestro favorito, lo apretamos e hicimos nuestro bucle animado dándole un divertido movimiento vibratorio, que se convirtió en el punto de partida para los embellecimientos que agregamos. A continuación, creamos unos morfos diferentes donde cambiamos nuestro logotipo por otra palabra o título e incluso una ilustración spot. Eso fue mucho. Buen trabajo haciéndolo a través de todo eso y espero que te divirtieras. Sé que lo hice. No puedo esperar a echar un vistazo a todos tus logotipos animados. Por lo que no olvides compartir tu trabajo en la sección de proyectos. Ver tu trabajo ayudará a inspirar a tus compañeros de clase y a mí también. ¿ Esta clase te inspiró a aprender más animación? De ser así, el siguiente paso perfecto sería echar un vistazo a mi otra clase, Frame by Frame Animation: Diversión, Tips, y Trucos para no animadores. En esa clase, ampliaré muchas de las cosas que aprendimos en esta y te mostraré cómo puedes ir aún más lejos, y al aprendimos en esta y te mostraré cómo puedes ir aún más lejos, igual que en esta clase, no necesitarás aprender ningún nuevo software de animación de fantasía. Esa clase está estructurada alrededor de Photoshop y Procreate también.