Transcripciones
1. Introducción: Hola a todos. Mi nombre es Vasjen Katro, soy diseñador gráfico. Hace poco empecé un proyecto llamado Baugasm, donde me reto a crear un cartel todos los días durante un año. hoy, en esta clase, les
voy a mostrar cómo crear algo similar a esto. Te voy a guiar cómo puedes usar Illustrator y Photoshop para crear un póster como este. Hay tantos carteles que he creado con el proyecto Baugasm. Este es uno de los más apreciados y mucha gente realmente pidió
crear un tutorial basado en cómo hago este tipo de gradientes y formas. Entonces esta clase, te voy a mostrar cómo hacer este póster exacto. Inscribirse para asegurarse de revisar todo el proceso y tutorial.
2. Proyecto: Hola a todos, soy Vasjen Katro. Soy Diseñadora Gráfica y hace poco empecé un proyecto llamado baugasm. Deberías comprobarlo en Instagram. La idea fue hace seis meses, quería crear algo todos los días y ser creativo cada día, y decidí iniciar este proyecto llamado baugasm. Lo que decidí es que voy a hacer un póster todos los días durante un año. Sabía que va a ser un reto y lo es, pero quería educarme para ser productivo todos los días. Hay algunos días buenos, hay algunos días malos. Ahora que hoy estoy grabando este video, es el día 201 y ha sido difícil, pero también mucha diversión porque en 200 días básicamente, tengo tanto apoyo de mucha gente y
realmente me ha inspirado a seguir haciendo esto y extendió más de lo que esperaba. He tenido muchas peticiones de mucha gente para hacer tutoriales sobre cómo hago mis carteles. A veces trato de compartir en Instagram historias ahora, anteriormente en Snapchat. Algunos del proceso sobre cómo hago cada día póster, pero la mayoría de ellos no son tan técnicamente específicos, y muchos de ustedes preguntaron si podría hacer un tutorial para mostrar algunas de las técnicas que uso en la elaboración de los carteles. Aquí estoy, en este tutorial voy a tocar algunos de los carteles por ejemplo, voy a tratar de replicar esto, pero no exactamente como es. Sólo voy a mostrarte la técnica sobre cómo puedes lograr algo como esto. Esperemos que vayas a aprender la técnica e intentar experimentar con ella y hacer tu propio póster o incluso más trabajo. Puedes hacer animaciones o puedes hacer pancartas, o puedes hacer tarjetas de visita. Se pueden aplicar esas herramientas en diferentes áreas. Esto es baugasmo. Empecé a crear este proyecto, como dije hace unos meses, y se puede ver que a veces es muy difícil porque suelo diseñar los carteles
al final de mi jornada laboral así que a veces es muy difícil porque mis días, se
puede ver en algunos de los carteles que, por ejemplo, éste es bastante sencillo. Estaba realmente cansada. No sabía qué hacer, así que fui directo a experimentar con gradientes. Pero hay algunos días que pasé dos horas, tres horas trabajando en cartel y no sé qué voy a terminar haciendo. Por ejemplo, este me acuerdo de que jugé durante una hora y media y desde que al principio no sabía qué iba a hacer, pero al final, conseguí con este resultado y aún no estaba contento con él. Pero cuando vi que eran las 2:00 AM, estaba como, “Dios mío, tengo que terminar esto”. Pero esto no es algo malo en realidad, es algo bueno porque lo que he
aprendido de todos estos es que incluso tú no estás contento con ello, tienes que aceptarlo y estás como, “Esto sigue siendo algo creativo y algo que quizá no me guste tanto, no
es mi mejor día, pero algunas personas realmente sí”. Algunos de los carteles que realmente no me gustan, mucha gente ha solicitado comprarlos y sacarle una huella. En ese momento es realmente subjetivo porque en realidad lo que estoy haciendo, no es marketing y no es publicidad. No estoy haciendo esto para difundir un mensaje o para vender algo. Estos son más experimentales y más estéticamente bellos, por lo que puedes colgar en una pared o simplemente mirarlo y disfrutarlo. Ojalá les vaya a mostrar algunas de las buenas técnicas. Definitivamente voy a tratar de hacer más videos en el futuro y extender más
esta clase y mostrarte algunas técnicas más. Pero en esta clase les voy a mostrar algunas de las técnicas, les voy a mostrar cómo hacer algunos de los carteles. En el siguiente video, vas a ver probablemente voy a empezar a hacer algo como esto. Te voy a mostrar cómo hacer algo similar
a esto y el proceso que se necesita para hacer esto. Entonces probablemente vamos a saltar a algunas cosas más cool. Asegúrate de inscribirte en la clase y de ver todo el proceso. Nos vemos en el siguiente video.
3. Resumen de afiche: Bienvenido de nuevo. Como mencioné en el video anterior, te
voy a mostrar una técnica sobre cómo crear básicamente algo similar a esto. El softwares que voy a usar, es primero Illustrator y luego Photoshop. Como puedes ver en este póster, he usado algunos colores diferentes. Este es el naranja, que básicamente es el dominante, es el azul. Básicamente te voy a mostrar todo el proceso. Voy a recomendar elegir los colores en detalle y colores que van bien juntos. En el siguiente video, te voy a mostrar cómo hacer algo similar a esto, cómo crear los gradientes en Illustrator, y luego saltar a Photoshop y obtener el resultado final ahí. Nos vemos en el siguiente video.
4. Crear degradado: Hey, bienvenido de nuevo. Aquí tengo abierto Adobe Illustrator y aquí hay un documento ya abierto, pero sólo voy a ir a crear un nuevo documento. Vas a “Archivo”, “Nuevo” y asegúrate antes que nada, que estás en modo RGB. Entonces para el tamaño, para el ancho voy a algo así como 2,000 píxeles, y como altura probablemente algo así como 3,200 píxeles. Aquí estoy. Tengo un nuevo documento. En primer lugar, en Illustrator, vamos a tratar de crear el gradiente. Aquí te voy a mostrar una técnica realmente bonita, algo que he descubierto hace algunos años y la sigo usando y creo que es la mejor herramienta para crear gradientes. En primer lugar, lo que vamos a hacer es ir y agarrar una herramienta de rectángulo y simplemente dibujar algo como esto. No tiene que cubrir el tamaño completo del documento. Voy a despegar el trazo, y lo voy a llenar con un morado oscuro. Para esta técnica, normalmente me gusta mucho ir con un color morado azulado oscuro. Voy a ir aquí a cambiar el color un poco más oscuro. Sí, esto es algo que se ve bien. Ahora, la parte difícil es que acabas de crear un rectángulo y con un solo color sólido. Lo que vamos a tratar de hacer es dividir esto en diferentes cuadrículas y diferentes puntos y hacer diferentes colores, en diferente parte del rectángulo y crear gradientes. El instrumento que puedes hacer eso es, en el lado izquierdo, tienes esto se llama la herramienta de malla. Simplemente toma esto y como puedes ver, tienes cursor, ya sea cuadrícula. Básicamente, cada punto al que se hace clic en ese rectángulo crea un punto de control donde se puede editar cada uno de esos puntos, como aquí, se pueden editar estos, y todos los demás para crear un color diferente para esa parte del punto. Más agregas más puntos, más puntos, más espacios de área tienes que añadir colores. Pero no recomendaría enloquecer con ello. Probablemente me quedaría con esto, lo que tengo ahora. Vas y obtienes la herramienta “Seleccionar”. Como se puede ver, este rectángulo está dividido en cuadrícula. Básicamente, lo que vamos a hacer ahora es seleccionar uno de estos puntos y aplicar un color para ese punto. Te voy a mostrar algunos atajos que uso en Illustrator. En tu teclado presionas la tecla A y tocas esta. Como se puede ver, se selecciona este punto de anclaje. Para ese punto de anclaje, voy a ir aquí, asegurarme de que eso esté seleccionado. Haz doble clic ahí y seleccionas un color. Para esta parte, voy a seleccionar un color azul. Asegúrate de pulsar de nuevo la tecla A del teclado y seleccionar un punto diferente. Pero para este caso voy a mantener presionado Shift y seleccionar diferentes teclas y puntos. Voy a ir a cambiar el color. Voy a hacer algo más como púrpura así. Voy a presionar todavía A en el teclado, e ir seleccionar diferente. Con Shift recuerda seleccionar múltiples puntos de anclaje. Voy a volver de nuevo aquí para cambiar el color. Voy a ir con algo más parecido al rojo, tal vez algo más parecido al rojo aquí dentro, que está más resaltado. Entonces voy a agarrar de nuevo la A, seleccionar unos más. Voy a ir a cambiar el color, probablemente quizá algún azul oscuro. Entonces otra vez, sigan repitiendo la cosa A, supongo que ustedes lo consiguieron ahora, así que no voy a mencionar eso. Voy a ir a seleccionar unos puntos más, cambiar el color. A lo mejor me voy a ir con algo más como el rosa en rojizo. Lo que realmente me gusta hacer es, estos colores van muy bien juntos, pero a veces necesito algo más, como un color que no se aplica en mucho, pero es sólo en pocos lugares. Por lo general, de eso elijo una turquesa o tal vez amarilla. Seleccioné este punto, voy a seleccionar este punto aquí y éste. Voy a probar primero con el color turquesa, tal vez algo así como aquí. A ver. Bueno, creo que se ve bien. Voy a añadir también tal vez algún color amarillo a estos puntos de anclaje. A lo mejor no es amarillo brillante sino algo más ligero. Voy a seguir haciendo esto, añadir tal vez un poco más de rojo aquí. Puedes elegir diferentes colores, puedes experimentar con esto. Creo que el resto de estos necesita ser más azul. Asegúrese de seleccionar también los puntos de anclaje que están fuera. Esto ya seleccioné, pero como estos puntos de anclaje porque todavía tienen el azul oscuro del rectángulo que creamos. Voy a ir con un morado más brillante como este. Tengo este punto de anclaje y esto sin colores. Voy a hacerlos tal vez todavía así, y luego seleccionar estos dos, tal vez más y hacerlos un poco más oscuros, azules. Este, éste,
éste, tal vez aplique un poco de amarillo en estos dos. Para este de aquí, probablemente, voy a volver a aplicar un poco de rojo, tal vez este rojo en naranja. Lo que me queda son estos puntos de anclaje aquí, y eso es tal vez estos morados oscuros. Olvidé este punto de anclaje aquí. A lo mejor puedes dejarlo tan oscuro como eso, pero solo por el bien de explicar. Aquí hay otro. Probablemente voy a hacer esas dos llaves o no sé cómo se deletrea. Como puedes ver, esto es como un gradiente que acabo de crear en Illustrator. Sé que el Illustrator es como vector y no es tan bueno con los píxeles. Como puedes ver si haces zoom en esto, no
es tan suave cuando lo ves. Pero lo que vamos a hacer es, vamos a exportar esto en Photoshop y vamos a aplicar algo de ruido y hacer que estos sean más suaves y jueguen alrededor. Algo fresco, puedes hacer en Illustrator antes de saltar en Photoshop, puedes aplicar a estos efectos básicamente diferentes. Por ejemplo, también puedes, desde Illustrator, puedes presionar A, seleccionar uno de esos o muchos de esos puntos de anclaje que creamos antes. Ahora, después de seleccionar estos cuatro, solo
puedes drogarte. Puedes arrastrar este rectángulo y moverlo. Pero al presionar A y seleccionar uno, también
puedes mover esto y crear un gradiente más no tan fijo. Puedes hacer eso o seleccionar punto diferente aquí. Yo sólo jugué por ahí. Te puedes enloquecer con esto y hacer como, no te recomendaría que los muevas mucho porque a veces si haces
esto, se verá como estas linea es sólida. Pero depende de ti lo que decidas. Además, algo más que puedes hacer en Illustrator es ir aquí y agarrar una de estas herramientas, probablemente como la herramienta de arrugas. Como puedes ver, esto es pequeño, pero presionando Alt y Shift,
y manteniendo los presionados y arrastrando el ratón como si estuvieras dibujando algo, estos dos se vuelven grandes. Ahora, sólo puedes presionar lentamente sobre estos y vamos a ver qué va a pasar. Esto sucedió. No te recomendaría que te vuelvas loco con esta herramienta. No sé qué le pasa a Illustrator, pero si lo aplicas demasiado, se queda atascado y ya no funciona. Intenté con la mejor computadora por ahí y aún así no
funciona y se queda atascado y carga por horas. No lo sé, tal vez no pueda manejar tanto procesamiento. Lo siguiente, lo que vamos a hacer es copiar esto. Puedes ir a “Editar”, “Copiar” y saltar de nuevo a Photoshop y seguir editando esto en Photoshop. Te voy a mostrar en el siguiente video cómo puedes seguir trabajando en esto en Photoshop. Nos vemos en el siguiente video.
5. Crear formas de degradado: Oye. Aquí estoy en Photoshop. Tengo esta plantilla donde básicamente uso todos los días para aplicar los pósters y básicamente esta es mi obra de arte donde deformo y creo el producto final. Para este caso, ya he creado esto pero puedes ir a Imagen, Tamaño de
imagen y las dimensiones que uso son estas. Se puede crear un archivo diferente, por ejemplo se va a Archivo, Nuevo y se crea uno nuevo. Asegúrate de que aún el color esté en RGB. Voy a aplicar aquí el gradiente,
el diseño que hicimos en el Illustrator antes. Voy a ir de nuevo a Illustrator. Voy a seleccionar con esta herramienta. Voy a seleccionar esto y copiarlo con Command C en Mac y Control C en Windows. Voy a volver a este documento y voy a ir a él, pegar o simplemente puedes hacer Comando V o Control V en Windows. Cuando pego aquí, esto me está preguntando si quiero pegarlo como Objeto Inteligente o Pixeles. Yo iría con píxeles, no objeto inteligente porque sólo va a hacer que el Photoshop se ponga realmente ocupado y no podemos aplicar muchas cosas en objeto inteligente. Vamos con pixel y aquí. Se puede estirar esto hacer que sea hasta usted. Pero para este escenario solo me voy a quedar con el tamaño y voy a dar click en “Ok”. Aquí del lado derecho como pueden ver, tengo diferentes capas. Uno es el fondo, y una capa aquí es el diseño que hicimos anteriormente en Illustrator. Básicamente lo que voy a hacer ahora es ir y agarrar una forma de círculo. Asegúrate de mantener pulsado Shift y empieza a dibujar un círculo. Básicamente el choca va a aplicarlo sobre esto es gris ya que este es el color por defecto que tengo aquí. Pero puedes cambiar el color haciendo doble clic en esta capa eclipse y cambiar el color. Pero en este caso realmente no nos importa de qué color
es la forma porque solo vamos a arrastrar este diseño encima de esta capa, y luego vamos a aplicar esto como una máscara por encima del circuito. Selecciona la Capa 1 y haz clic con el botón derecho y ve Crear máscara de recorte. Como se puede ver, el diseño que hicimos antes, el gradiente, se aplica por encima de este círculo. Todo está en forma dentro de la forma del círculo. En este caso puedes seleccionar la Capa 1 y arrastrarla alrededor y
puedes ver que eso está enmascarado más allá del círculo. Lo que voy a hacer a continuación es como tengo esto, sólo
voy a experimentar un poco con él y llegar a un punto donde los colores se ven bonitos. Creo que aquí podemos ver la mayoría de los colores como el amarillo, el naranja, el azul, las fichas que hicimos anteriormente. Lo que voy a hacer ahora es, voy a tratar de deformar esto. Pero antes de que hagamos eso, no sabemos cómo va a terminar. Te recomiendo que hagas una copia de la misma. Seleccionas la capa Eclipse y luego mantienes presionado Mayús y seleccionas también la capa anterior y desde el teclado
presionas Comando J en Mac y luego Control J en Windows. Como puedes ver, eso hace que todos estos estén agrupados en una sola capa. Digamos que este es el diseño. Lo que voy a hacer ahora es duplicar esta carpeta donde básicamente dentro están los dos diseños, haces clic derecho aquí y vas Duplicate Group. Llamemos a esto Diseño 2. Como puedes ver tenemos dos carpetas con diseños en el interior pero para este, la segunda que creé, solo
voy a hacer clic derecho e ir con Merge Group. Ahora es una capa, no está agrupada. Ya no se puede agregar eso. Por eso creamos una copia del mismo para que en cualquier caso queremos volver atrás, aún
tenemos la otra carpeta. Yo sólo voy a presionar sobre este ion aquí para que eso desaparezca así sólo tenemos esta capa. Esto es algo cercano a la final pero lo que voy a mostrar ahora es una técnica llamada warp. En Mac presionas Comando T, y puedes ver un rectángulo que está seleccionado. Básicamente con esto lo que puedes hacer es cambiar dimensiones. Pero, en este caso, queremos hacer clic derecho aquí e ir a Warp. Lo que warp hace es
eso, te da la capacidad de estirar esto alrededor. Por ejemplo si lo arrastro y hago esto, se
puede ver que este objeto se está estirando. En este caso lo que hago es ir con algo como esto por lo que queremos replicar lo que hice antes de uno los carteles de bougas. Aquí creo que se ve bien. Se puede jugar con esto. Incluso puedes duplicar esto. Después de que termines con eso solo presionas el letrero Ok arriba así que presiono eso inmediatamente. Pero, como puedes ver este es el gradiente que
creamos previamente cambiamos la forma del mismo. Lo que me gusta normalmente aplicar a este gradiente es algo de ruido por lo que son más suaves, sobre todo cuando se quiere que se impriman. Vas a Filtrar, Ruido y Agregar Ruido. Se puede ver que parte del ruido se aplica ahí pero creo que esto es demasiado así que sólo voy a reducir a tal vez 16. Creo que esto está bien. Puedes jugar con esto y experimentar con él. Ahora, se puede ver que parte
del ruido se aplica en el gradiente lo hace un poco más suave, la transición entre un color y el otro. Ahora lo que voy a hacer es eso, voy a tratar de alegrar un poco el color. Asegúrate de seleccionar esta capa y ve a Imagen, Ajustes y Tono/Saturación. En el valor de saturación, sólo
tratamos de aumentar un poco esto. Se puede ver que los colores siguen ardiendo en pocos lugares. Eso me gusta. No me gusta esa transición realmente suave, pero a veces esto da el efecto de que los colores son más tridimensionales. Básicamente me voy a pegar con este color aquí, pero también puedes jugar y cambiar los colores con el valor de tonalidad. Pero en este caso, tal vez sólo voy a cavar aquí, usar un poco de la saturación. Otra vez fue un poco demasiado. Esta es una de las cosas que puedes hacer con cambiar a través de Illustrator y trabajar en Photoshop. Pero por lo general no lo dejo así. Trato de aplicar algunas cosas más. Hagámosle otra cosa a esto. Vamos y creamos una nueva capa. Se puede ver yendo aquí, creé una nueva capa y vamos al pincel. En el pincel, pongo el tamaño con un teclado, solo
puedes hacerlo más grande. Yo quiero que me caiga el ojo. Se encuentra aquí. Quiero seleccionar tal vez este color aquí. Ya ves que el color que está activo ahora es este naranja. A lo mejor voy a conseguir este amarillo aquí. Se puede ver que es amarillo. Vuelvo al pincel y tengo un tamaño amigo y me aseguro antes de aplicar el pincel, has seleccionado la Capa 2, que está vacía, no hay nada ahí dentro. Solo voy a dar clic aquí e ir a seleccionar la herramienta Seleccionar. Ahora, esto se aplica encima de este diseño que hicimos anteriormente. Pero, a esto le falta ese ruido que agregamos antes. Voy a ir de nuevo a Filtrar, Ruido, Añadir ruido, y el valor sigue siendo como lo dejamos antes, así que sólo voy a quedarme con él y dar clic en “Aceptar”. Esta fue la técnica que quería mostrarte y explicarte cómo creo estos gradientes. Puedes experimentar más con esto, con los colores, puedes volver a Illustrator y hacer más cosas locas. Personalmente me gusta mucho así, pero sólo voy a añadir tal vez unos dibujos, más como líneas con un pincel. De lo que voy a crear con Command Shift y Control N en Windows y Command Shift N en Mac, puedes crear una nueva capa Voy a llamar a esto Trazos. Voy a ir a agarrar la herramienta de pincel. Ves que así de grande, puedo hacerlo pequeño. Puedes ir aquí y simplemente hacerlo más pequeño. Yo voy a ir tal vez con seis o cinco. A ver. Creo que está bien. Ahora, vamos a seleccionar con la herramienta I en el teclado, vamos a seleccionar este color rojo, asegurarnos de que la capa de trazo esté seleccionada, y luego presione el B en el teclado para seleccionar el pincel y el tamaño es como lo dejé antes. Tratemos de dibujar algunos elementos. Puedes ir y hacer muchas cosas con esto pero soy ingenuo es como dar en más toque como sensación diferente a todo el diseño. Voy a crear una nueva capa Command Shift N. Voy a conseguir el color. A lo mejor me voy a ir con algo como blanco y volver con B al pincel,
y empezar a aplicar un poco de blanco de nuevo. Creo que esto suele ser lo que hago y esto es algo que trabajo en Photoshop sobre cómo crear estas formas. Simplemente puedes jugar más con esto y hacer clic con el botón derecho en Warp y puedes hacer más formas diferentes. Puedes jugar con esto, pero supongo la idea de todos los tutoriales de que te voy a mostrar la técnica y puedes jugar con ella y crear cosas más únicas. Yo quiero recomendar que hagan algo parecido a esto, pero realmente me gustaría verlos salir de la caja y hacer algunas cosas únicas con esta técnica. Creo que esto es todo. Si quieres guardar esto vas a Archivo, Guardar como, y luego seleccionas lo que quieres hacer con él. Si es para web te recomendaría PNG o JPEG. PNG es mejor para la calidad. Pero si quieres imprimirlo probablemente puedas ir con guardar como Photoshop PDF. Gracias por ver. Ojalá en el siguiente tutorial, tal vez en un par de semanas te voy a mostrar cómo hacer un póster diferente y diferente técnica, tal vez alguien Cinema 4D. Gracias por ver y tomar la clase.
6. Finalización: Entonces esto es lo que creamos y este es el producto final, algo que guardé de Photoshop. Como dije antes, puedes usar esta técnica que usamos para crear este póster, para crear muchas cosas. Se puede jugar alrededor para crear tantas cosas bonitas. Espero que hayas aprendido algo y
espero que puedas intentar crear algo similar a esto, o algo completamente único mediante el uso de esta técnica. Esperemos que vayas a usar esta clase para mostrarme lo que creaste. Voy a estar activo para darte algunas pautas y también para hacer preguntas si no entiendes algo. Espero que fuera fácil de seguir y
realmente creo que voy a seguir haciendo esto y hacer algunas clases más y mostrar diferentes técnicas. Por lo que hay algunos otros carteles que he creado sobre el proyecto Baugasm. Por ejemplo, utilizo esta técnica con 3D donde hago esta tela afectando cine 4D y hay algunas otras obras. Por ejemplo, las tipográficas similares a éstas. El que creo que a muchos de ustedes les interesaría es cómo crear algo similar a esto. En esta clase, quería mostrarte algo con un gradiente, similar a éstos, porque mucha gente realmente tenía curiosidad y quería saber la técnica, cómo crear este estilo. De nuevo, espero que hayas entendido algo. Avísame si tienes alguna pregunta. De verdad me gustaría ver algunas cosas más creativas de todos ustedes. Nos vemos en la siguiente clase. Adiós.
Vasjen Katro, Visual Artist
