Transcripciones
1. Introducción: Hola a todos. Mi nombre es Jing y soy ilustrador freelance con sede en Brooklyn, Nueva York. Yo diría que mi estilo suele ser bastante limpio y colorido y definitivamente conceptual también, y usualmente me gusta incorporar mucha gente
suave y formas y animales porque me hace feliz. Desde una perspectiva personal, lo que separa mi trabajo es sólo el hecho de que he
podido aplicarlo a muchos tipos diferentes de proyectos. Básicamente, lo que sea que me vaya a desafiar. hoy, te estaré llevando a través de mi proceso personal
así como cómo codificar una ilustración de principio a fin. Vamos a estar empezando en Adobe Sketch, que es una aplicación que me gusta usar para crear mis bocetos digitales, y luego pasaremos a Illustrator para finalizar la pieza y construir formas, y luego pondremos algunos acabados toca en Photoshop. Entonces, para poder tomar esta clase necesitarás una tableta, un stylus y un portátil. Cuando empezaba por primera vez a hacer ilustraciones editoriales, solo
usaba un cuaderno de bocetos y un lápiz. Pero entonces, en cuanto aprendí estas herramientas digitales, realmente me ayudó a agilizar mi flujo de trabajo e incrementar la eficiencia, lo que para mí es realmente importante para mi trabajo comercial en este momento. No obstante, todavía me encanta mucho la sensación de dibujar con un lápiz sobre un trozo de papel. Entonces, yo no diría tirar eso para nada. Me encantaría dibujar en mi cuaderno de bocetos para divertirme en estos días, pero a veces cuando estoy bajo un crujido, realmente
me gusta ir con lo que sea que sea la forma más rápida. Esta clase es más o menos abierta a todos, ya sea que apenas empiecen a incursionar en la ilustración o que quieran crear algo que sea un poco más comercial, espero que todos ustedes le den un tiro. Empecemos.
2. Sketch: comienzo: Entonces, antes de que empecemos, solo les
voy a mostrar dónde pueden encontrar la app Adobe Sketch si aún no la tienen. Entonces, sólo vamos a empezar por buscar Adobe Sketch, ahí vamos, y aquí está. Ya lo tengo descargado, así que solo lo voy a abrir, y se lanzará directamente a mi cuenta personal. Entonces, para crear un nuevo boceto, estaremos haciendo clic en este botón de círculo, y luego te dará una variedad de formatos. Creo que probablemente deberíamos empezar con la plaza porque es un formato bastante versátil, y también funciona bien con lo social. Entonces, este es tu lienzo, esta es tu área de trabajo, y luego por aquí es donde estarás guardando tus capas. Estaremos trabajando en el boceto más adelante porque esas son las capas editables, y luego el fondo solo sería un telón de fondo consistente para tu trabajo. ¿Todo bien? Entonces, vamos a pasar por la barra de herramientas arriba. Este es básicamente solo para esconderlo todo, así que solo puedes enfocarte en tu lienzo. Este pequeño engranaje básicamente te ayudará a rotar tu lienzo. Puedes hacer un snap a grid y puedes agregar una cuadrícula, básicamente
es para ayudarte a configurar algunas pautas. Esta es toda la sección de exportación, tienes muchas opciones como puedes ver, y nos estaremos metiendo en eso un poco más tarde. Esta es otra herramienta de ocultación para que puedas ocultar tus capas, aunque parezca redundante. Esta es la opción de forma. Me gusta mucho usar esta sección en realidad porque es fácil ayudarte a dibujar un borde recto, o un círculo, o semicírculo. Me parece que me viene muy bien. Y luego por último aquí, tenemos la opción de deshacer y rehacer, para que puedas hacer cualquier cosa muy rápidamente, o puedes traerlo de vuelta. También puedes usar nuestra taquigrafía y deslizar a la izquierda para deshacer, y luego deslizar a la derecha para rehacer. Entonces, por aquí, Adobe ha establecido algunos pinceles básicos con los que podrías empezar. El que me gusta usar aquí es su lápiz de grafito, y luego aquí abajo tenemos un bolígrafo de tinta,
un marcador, un pincel acrílico grueso, y también un pincel plano de acuarela. Entonces, vamos a meternos en el pincel de lápiz de grafito aquí, y solo te voy a mostrar cómo me gusta personalizar la herramienta. Para ajustar cualquiera de estos ajustes, todo lo que tienes que hacer es hacer clic y arrastrar. Y luego para algo como esto, para aumentar el tamaño y la opacidad, solo
puedes empujar esto hacia arriba y hacia abajo. Empezaré con talla, normalmente
me gusta empujarlo hasta un poco más cerca 10 porque me gusta una línea fuerte y audaz, y también siempre aumento la opacidad a 100. Entonces si bajas al color, puedes cambiarlo al color que quieras, pero me gusta mantenerlo simple, y pegarme al negro. Creo que es realmente importante y útil limitar tu kit de herramientas a un
solo lápiz porque te ayuda a enfocarte en tus ideas y en el dibujo en sí, y no te abrumes con todas las diferentes opciones.
3. Sketch: miniaturas: De acuerdo, entonces ahora estamos listos para empezar con lluvia de ideas. Entonces, escribiré el prompt que está hablando con tu futuro yo. Está bien. Entonces, lo primero que me gusta hacer es empezar a descomponer el prompt y ojalá eso lleve a algunas ideas visuales. Entonces, me gustaría empezar pensando frases pequeñas, casi como una manera de asociación de palabras. Entonces, voy a empezar a anotar las cosas que pienso cuando leo el prompt hablando con tu futuro yo. Entonces, se me ocurrió esta lista. Tenemos cambio en el tiempo, la reflexión, el medio ambiente/espacio, la comunicación, el futuro presente pasado, la tensión y la conexión. Entonces creo que todas estas palabras
me ayudarán a llegar al siguiente paso que es el thumbnailing. Entonces, puedes interpretar esto más o menos como quieras. Para mí, estaba dividiendo el prompt en dos áreas diferentes. Uno siendo comunicación y conexión con tu doble yo y luego el otro un tipo de dando vueltas alrededor del tiempo y cómo representar eso visualmente. Entonces, un cambio en el tiempo, cómo mostrar que una imagen que se puede hacer a través un entorno o espacio o una acción o incluso ropa. Entonces, tengo algo de eso escrito. Está bien. Entonces, ahora que tengo mi lista, tengo algunos puntos de partida, lo que puedo empezar a thumbnailing. De acuerdo, entonces vamos a montar la plaza y estos sólo van a ser dibujos muy rápidos, sólo para conseguir algo abajo en la página sólo para que pueda tener un sentido de la composición. Va a hacer esta burbuja de ciencia ficción porque es viaje en el tiempo. Suelen empezar bastante simple porque me parece que una idea puede llevar a la siguiente. Puedes construir sobre la idea anterior y luego hacer que el mundo sea un poco más complejo con cada intento. Entonces, este es un personaje que con frecuencia dibujo o alguna versión de este personaje. A mí me gusta este prompt porque específicamente está hablando de ti. Entonces, creo que es realmente interesante tratar de visualizar tu propia semejanza. Puedes hacerlo de una manera divertida o puedes acercarte de una manera más seria. Es realmente bastante abierto. Está bien. Entonces, estas son las miniaturas y he aterrizado en la última idea, pero definitivamente ese no siempre es el caso. A veces tu primera idea es tu mejor idea, a veces tu centésima idea es tu mejor idea. Apunté en esta idea porque creo que satisface algunas cosas diferentes que entra en la realización de una ilustración exitosa. Tiene dos personajes que están interactuando y creo que, así, se está creando cierta tensión. Tiene un ambiente, tiene alguna historia y creo que sí se ajusta bastante bien al prompt. Está bien. Entonces, ahora que tenemos nuestra miniatura elegida, podemos empezar a hacer un dibujo más detallado.
4. Sketch: dibujar: Está bien. Ahora, que tenemos nuestra miniatura elegida, voy a aislar la imagen y usarla como capa de referencia para el dibujo final. Entonces, me voy a quedar con el conjunto de miniaturas sólo para fines de preservación, y luego voy a duplicar esta capa. Después, cuando tocas dos veces, puedes ocultar la capa anterior o cualquier capa. Entonces, ahora estoy trabajando con una capa duplicada y he guardado el conjunto anterior de miniaturas. Yo sólo voy a borrar todo pero eso muestra algunos ahora. Entonces, ahora hemos aislado esa imagen. Yo sólo voy a tocar la capa que va a traer estas opciones, y voy a elegir transformar. Entonces con los dedos, sólo
voy a expandir esa imagen para que llene el marco. Está bien. Entonces, ahora tenemos un margen suelto de lo que será la imagen y la composición. Entonces, que las cosas no se vuelvan confusas, voy a bajar la opacidad de esta miniatura, para que realmente pueda usarla casi como una situación de caja de luz. Entonces podemos trabajar en una capa fresca en el. Entonces, estoy usando la miniatura como guía para bloquear en algunas de las formas más grandes y configurar el entorno. Sé que también voy a agregar algunos detalles más específicos que sucederán después de haber presentado la composición. Entonces, básicamente estoy usando la herramienta de lápiz de grafito como mi principal herramienta de fabricación de marcas, y luego el borrador actúa en tándem para ayudar a hacer cualquier corrección en el camino. Entonces, me gusta mucho alternar de ida y vuelta entre estos dos porque sirven propósitos diferentes, pero trabajan en perfecta armonía para tratar de crear un dibujo muy limpio. me gusta limitarlo a dos herramientas porque me ayuda a enfocarme en el dibujo, así que no tengo que quedarme atrapado en toda la toma de decisiones si tuviera que elegir, por ejemplo, una variedad de pinceles. Creo que eso realmente se pondría en camino. Creo que, una vez que he mapeado las formas básicas, es agradable entrar ahí y tratar de darle un poco más de detalle a la ropa, más personalidad porque similar al entorno, cuanto más detalle específico tengas, más interesante la imagen será. Cualquier cosa extra ayuda a la imagen, y le da al personaje mucha más personalidad, que
puedas empezar a imaginar quién es esta persona y cuál podría ser su historia. Entonces, ahora tenemos la mayor parte de la imagen dispuesta. Voy a mirar a mi alrededor para ver si hay algún espacio negativo que necesite llenarse. En este punto, me gustaría apagar la capa inferior, por lo que sólo puedo mirar el dibujo final como su propia capa. Creo que se ve bien. Sí veo algún espacio negativo en el medio que voy a llenar con este brazo, y tal vez añadir algunos detalles de último minuto, como hacer que esta persona tenga mangas cortas. Entonces, cualquier línea pequeña, creo que puede marcar la diferencia. Este reloj podría funcionar mejor en el medio porque aquí sí tenemos bastante espacio negativo. Podría ser mejor no tener un espejado directo de estos elementos, para que arroje un poco las cosas. Está bien. Creo que terminamos con nuestro dibujo. Está bien. Entonces, ahora tenemos nuestro dibujo final. Estamos listos para exportar. Entonces, voy a ir por aquí a este pequeño botón cuadrado con la flecha y presionar sobre eso, y luego te dará un menú desplegable de todas tus diferentes opciones. Siempre puedes enviarla a tus Creative Clouds, y si no tienes una cuenta de Creative Cloud, entonces también puedes exportar la imagen a través de tu correo electrónico, o simplemente guardarla en tu iPad, o lanzarla al aire a otro dispositivo. Voy a volver atrás y elegir aplicaciones de escritorio de Adobe porque quiero exportar esto a mis cuentas de ilustrador. Entonces, voy a presionar la opción de ilustrador, y debería enviar el archivo como archivo en capas al programa. Está bien. Entonces, ahora que he exportado mi dibujo final, voy a pasar a mi laptop y trabajar en Illustrator para empezar a construir las formas.
5. Illustrator: cómo crear formas: Entonces, ahora tengo mi dibujo exportado a ilustrador donde puedo empezar a trabajar en él directamente, pero realmente se puede transportar el archivo de varias maneras. Puedes enviarlo por correo electrónico tú mismo, puedes lanzarlo en avión si eso está disponible para ti, o siempre puedes copiarlo y pegarlo. Entonces, ahora voy a empezar a construir la ilustración y voy a empezar por usar la herramienta de forma para bloquear en algunas de las formas más grandes más simétricas, y luego voy a estar usando el bolígrafo para ofrecer algunos de los detalles más finos. Está bien. Entonces, como puedes ver el archivo ha conservado cada capa individual pero ahora realmente no las necesitamos en este punto. Entonces, solo voy a arrastrar y soltar a la basura, y así, nos acaba de quedar con esta capa de dibujo transparente. Entonces, ahora he seleccionado mi capa de dibujo y voy a entrar en propiedades. Voy a bajar la opacidad igual que lo hice en el iPad para que pueda usar eso como capa de referencia sin que sea demasiado disruptiva. Entonces voy a bloquear esa capa para que no sea móvil y voy a estar trabajando principalmente en capa dos la cual renombraré como la Capa de Formas. Voy a empezar por separar los dos mundos, y vamos a empezar con el gris claro. Al principio realmente me gusta simplemente trabajar en escala de grises y elegir tal vez de dos a tres valores diferentes, que
pueda enfocarme en las formas y no tener preocuparme por cualquier toma de decisiones de color todavía. Entonces sí me gusta cambiar entre la A y la V, y la A sólo me permite editar el camino. En esta situación estoy trabajando con este rectángulo así que quiero seleccionar solo las esquinas superiores para manipular la forma y voy a presionar shift para que pueda seleccionar ambas esquinas a la vez, y luego solo voy a tirar de estas dos hasta que esto se cierra en una mitad superior hecha. Creo que esto podría arrastrarse un poco más así, ahí vamos. Me gusta usar la tecla de acceso directo V para que pueda seleccionar todo
el camino y eso me permitirá moverlo, hacerlo más pequeño, hacerlo más grande, y me gusta simplemente cambiar entre los dos y tener mi mano izquierda en el teclado en todo momento. Entonces, ahora voy a seguir identificando todas las diferentes áreas que pueden beneficiarse de estas herramientas básicas de forma. También me gusta presionar hacia abajo en la tecla Mayús para crear un círculo perfecto. Está bien. Entonces, tenemos nuestro reloj encendido, esta lámpara probablemente pueda estar compuesta por un rectángulo y medio círculo. rectángulos y los círculos son formas muy básicas, pero es increíble lo que puedes hacer con solo manipular. Está bien. Entonces, creo que este jarrón probablemente también podría ser una forma de rectángulo redondeado y otra vez para este
solo voy a agarrar todas las esquinas y luego eso va a tirar. Está bien. Ahora, solo voy a hacer clic y comando copiar comando V para pegar y duplicar formas Creo que cada vez que tengas oportunidad copiar y pegar una forma definitivamente te hará la vida más fácil. Quiero seleccionar todo
este reloj como tres formas así que voy a cerrar esto de nuevo más tarde. Voy a hacer eso haciendo clic en la capa y luego presionando el comando dos y eso bloqueará cualquier ruta que seleccionaste para que solo pueda seleccionar este reloj y luego lo voy a traer aquí abajo. Entonces puedes presionar la opción comando dos para desbloquear. Otra tecla de acceso directo que es muy útil es la clave para ayudarme a reordenar las capas, por lo que eso sería sólo corchete de comando. Entonces, si quiero mandar algo a la parte de atrás solo haría corchete de comando de turno, y si quiero subirlo al frente sólo
haría comando corchete derecho y saldrá enseguida de nuevo. Está bien. Entonces, a veces me gusta desactivar las capas de boceto para poder ver cómo se ve
la composición y cómo se ve la capa de forma hasta ahora, y solo para comprobar el progreso y ver si hay algo que necesite moverse. Creo que veo un par de áreas más que pueden beneficiarse con la herramienta de círculo. Está bien. Entonces, ahora voy a empezar a usar la herramienta de pluma para algunas de estas curvas más finas, y voy a empezar con esta hoja. Entonces las otras formas son un poco más simétricas pero creo que realmente puedes divertirte un poco con la herramienta de pluma y traerla en áreas que podrían beneficiarse de más dibujo de forma libre. mí me gusta diseñar el tipo de forma aproximada y luego entrar y usar estos pequeños brazos para reajustar y fingir las curvas. Entonces, una cosa a mencionar es que sí quieres asegurarte de cerrar tus caminos aquí mismo para que sea una forma independiente completa. Está bien. Entonces, ahora tenemos la hoja, pero es una especie de mezclarse con el espacio. Voy a introducir otro valor que sólo será negro, y voy a mandar esta forma de vuelta. Entonces, eso parece que está sentado en ese jarrón. Ahora, voy a añadir un tallo y para eso voy a introducir un derrame cerebral. Entonces, voy a determinar más o menos mi curva y ángulo aquí, cambiar hacia atrás para que se convierta en una línea, y luego voy a abrir la ventana de trazo y cambiar el grosor que será alrededor de las cinco. Tenía algunas opciones más y luego me gusta redondear la gorra. Entonces, para este, voy a elegir el mismo gris, copiar el código hexadecimal, y ahí está nuestra hoja. Entonces, ahora voy a usar la herramienta de lápiz para entrar y crear el resto de estas formas. Entonces, aquí es donde se puede empezar a ver los beneficios de simplificar temprano porque
pude construir las formas con bastante rapidez debido a que tenía un dibujo muy limpio para trabajar. Entonces, ahora que todas las formas están construidas podemos empezar a pensar en el color.
6. Illustrator: cómo añadir color: Entonces, he creado
aquí un grupo de muestra de color basado en colores que me gusta usar en mis ilustraciones, y voy a usar eso como puntos de partida aquí. Entonces, lo que realmente me ayuda cuando estoy trabajando en escala de grises es que realmente puedo descomponer los valores y asegurarme de que la imagen tenga suficiente contraste para que sea clara y legible, y entonces puedo empezar pensando en los colores. Creo que si preservas ese sistema de valores general y aplicas colores después y preservas ese contraste, entonces la imagen debería funcionar. Entonces, voy a empezar a seleccionar formas individuales y aplicar color usando el Cuentagotas y viendo cómo se siente eso. Entonces, poco a poco voy a hacer eso a cada forma y luego me ajustaré a medida que voy. Entonces, estoy más o menos aplicando color de una forma a vez y luego viendo cómo se siente ya que todo se une. A mí me gusta empezar con áreas donde estoy un poco más seguro en qué decisión de color quiero estar tomando,
para después empezar a experimentar un poco más a partir de ahí. Esta imagen se basa en gran parte en forma, lo que es muy fácil para mí aplicar color porque solo puedo pensar en ello como bloques uno contra el otro, y realmente me ayuda a visualizar la imagen y se junta muy rápidamente cuando sólo estoy trabajando con formas. Está bien. Entonces, estamos en un buen lugar con esta ilustración y creo que podrías llamar a esto hecho, pero también has tenido la opción de agregar algunos toques finales, que es lo que voy a hacer en Photoshop.
7. Photoshop: cómo aplicar texturas: Entonces, para este último paso, voy a estar arrastrando en el archivo de Illustrator a Photoshop y estaré trabajando con algunas texturas solo para darle una sensación artesanal. Está bien. Entonces, ahora voy a arrastrar en el archivo. Esto es un poco grande, así que sólo voy a bajarlo a 15 por 15. Entonces, debido a que mi fondo de trabajo en Illustrator ya era blanco, no
agregué una forma a esta zona inferior, por lo que ahora viene como un área transparente. Entonces, voy a llenarlo de nuevo creando una nueva capa, arrastrándola por debajo y luego llenando esa capa con blanco. Está bien. Entonces, ahora voy a dar click en este pequeño cuadrado de papel que está doblado y crear una nueva capa para mi textura. No quiero aplicar textura a toda la ilustración, solo
quiero aplicarla a colores selectivos. Entonces, voy a empezar con el azul y voy
a utilizar esta herramienta de varita mágica para seleccionar todo el azul de la imagen. Por lo tanto, desea asegurarse de que al seleccionar eso, la casilla contigua está desactivada porque al
activarla, solo seleccionará una forma cerrada a la vez. Entonces, queremos aplicar esto a todo el azul. Entonces, ahora todo el azul está seleccionado y voy a simplemente empujar comando Copiar, dar clic en la capa y luego hacer clic en el comando Pegar. Ahora, habremos aislado sólo el azul oscuro de la imagen. Entonces, como pueden ver, eso es todo el azul que tenemos. Hay un millón de opciones diferentes en Photoshop y puedes aplicar texturas de varias maneras, pero me gusta usar el filtro de ruido. Entonces, puedes ir a la sección Filtros, bajar a Ruido y luego ir a Agregar ruido, y eso abrirá esta ventana de opción donde podrás ajustar cuánto ruido quieras. Creo que esto es probablemente un poco extremo, así que sólo vamos a bajarlo a alrededor del 20% o así. Ahora, hemos agregado una textura a todo el azul de la zona, por lo que definitivamente le da un poco más de vida en ella. Entonces, si haces zoom, realmente
puedes empezar a ver la diferencia entre las áreas que se han superpuesto con ruido y las áreas que no lo han hecho, así que creo que la combinación de esa forma limpia versus la forma que tiene sido superpuesto crea una bonita combinación y equilibrio. Entonces, me gusta que puedas mezclar y emparejar opciones en filtros aquí. También hay un millón de estilos de capas diferentes. Un estilo de capa que me gusta es la superposición de gradiente. Entonces, voy a aplicar eso a nuestro azul texturizado actual. Entonces, aquí tienes algunas opciones diferentes. Podemos subir la opacidad, y luego podemos aplicar este gradiente y ajustar donde queremos que se establezca eso. Está bien. También me gusta jugar con el ángulo del gradiente. Entonces queremos el color más claro en la parte superior y la sombra más oscura en la parte inferior en esta situación, pero creo que lo principal con el que jugar es la opacidad y donde quieres que se establezca el gradiente. Entonces, sólo vamos a subir un poco más la opacidad y luego ver cómo se siente eso. Entonces, ahora puedes activar y desactivar y ver cómo se ve antes y después. En general, esto es bastante sutil, pero no creo que quieras que los toques finales sean abrumadores. Simplemente debería agregar un poco de 10% extra a tu imagen. Entonces, ahora puedes exportarlo fuera de Photoshop haciendo clic en Guardar como, y te dará una serie de opciones. Podemos guardar esto en nuestro escritorio. Si quieres conservar las capas, puedes guardarlo como Photoshop o TIFF, pero lo guardaré como JPEG la mayor parte del tiempo para fines finales y para fines sociales. Yo quiero la máxima calidad. Por lo que ahora puedes abrir tu JPEG, y aquí está tu final, completa con todos los toques finales. Está bien. Entonces, ahora tienes tu imagen final terminada
como JPEG y puedes compartirla en social, puedes publicar en tu página web, puedes enviarla a tus amigos, lo que quieras.
8. Reflexiones finales: Eso es todo. Hemos pasado de dibujar en Adobe Sketch, a construir formas en Illustrator, a finalizar y agregar toques finales en Photoshop. Entonces, espero que haya sacado algo de este proceso. Si hay algo que espero que te quites, es que realmente puedes crear ilustraciones
hermosas y profesionales a partir de un kit de herramientas muy sencillo. Siéntete libre de subir tus propias ilustraciones y me encantaría ver cómo has interpretado el prompt. No tiene que ser piezas terminadas, sólo puede
ser un trabajo de proceso, como dibujos o incluso sólo una lista de palabras. Tengo curiosidad por ver cómo ustedes interpretan estos avisos. Espero que hayan disfrutado de esta clase y no puedo esperar a ver qué se les ocurre a todos. Gracias por ver.
9. Más clases creativas en Skillshare:
Jing Wei, Illustrator
