Illustrator y Photoshop: la superpareja de la ilustración

1. Presentación de la superpareja: Hola. Mi nombre es Hayden Aube, y soy ilustrador y diseñador gráfico. Ahora bien, ya sea que haya tomado mis clases en Adobe Illustrator, o lo haya descubierto usted mismo, el programa ofrece una gama excepcional de características. Si bien hay algo bonito en crear una ilustración robusta que sea un vector 100 por ciento, muchas veces, no es necesario. Como he explicado en mi clase de juego con textura, conseguir un look texturizado es totalmente realizable dentro de Illustrator solo. No obstante, si realmente quieres que te liberen en tu ilustración, ahí es donde brilla Photoshop. En esta clase, voy a estar demostrando que cuando se juntan, Illustrator y Photoshop verdaderamente son la pareja de poder de ilustración. Te estaré mostrando cómo tomar algo hecho en Illustrator, como esto, y convertirlo en esto. Vamos a convertir tu archivo de Illustrator en un archivo de Photoshop perfectamente organizado, luego revisaremos qué pinceles usar una vez en Photoshop. Después aprende y aplica siete movimientos clave de poder que aportan eficiencia, y control al trabajo en Photoshop. Además de estas lecciones, voy a estar incluyendo un juego gratuito de pinceles Photoshop, para que tú también puedas lograr el estilo que vamos a repasar. Esta clase es para cualquier persona que busque aportar una sensación más orgánica a la obra de arte que crean con Illustrator. Si eso suena como tú, ven a descubrir por qué Photoshop e Illustrator están pensados el uno para el otro. 2. Preparación y ejecución: Quiero que te imagines que hay dos fases para crear tu arte, preparación y ejecución. Del mismo modo que ensayar para el rendimiento asegurará que todo salga sin problemas una vez que sea hora del showtime, Preparación adecuada para una ilustración de diseñador asegura de que cuando se trata de producir una pieza final, noquees fuera de el parque. Si bien la fase de preparación puede verse muy diferente dependiendo de cómo trabajes, la escala del proyecto, o simplemente el tiempo que tengas. Es un paso esencial y no sólo te hará la vida más fácil, sino que hará que tu trabajo sea mucho mejor. Entonces, ¿cómo se aplica esto a lo que estamos haciendo? Por lo que la pieza final, en mi caso, este cartel, será creada en Photo shop. Una vez que me mudé ahí, eso señalará la fase de ejecución. Al saber que quiero averiguarlo tanto como sea posible pero mi pieza de antemano, para que solo sea cuestión de poner el tiempo dentro. Esto es lo que he hecho para prepararme para mi fase de ejecución. En primer lugar, he dibujado un boceto detallado y en esfuerzo por ahorrar tiempo. Puede ser muy atractivo dejar fuera ciertos detalles y elegir resolverlos más adelante. Esto no sólo te cuesta más tarde en tener que decidir las cosas cuando tienes menos espacio de movimiento. Pero hace que la fase de ejecución sea abrumadora porque tendrás mucho en tu plato pisando ella. Cuanto menos tengas que preocuparte al ejecutar, más libertad tendrás para disfrutar del proceso y hacer algo genial. Segundo, he decidido sobre la composición. Trabajar digitalmente significa que podemos mover nuestros elementos todo lo que queramos, lo cual es genial. Esto también significa, sin embargo, que una vez más puede ser fácil guardar esa parte para su ejecución. Al igual que con el boceto, te animo a tomar una decisión definitiva sobre el diseño de tu pieza. Sí, está bien barajar cosas por el camino. Incluso lo hice con algunos de los instrumentos de esta pieza. Pero es sólo porque se eligió el resto de mi composición que tuve la libertad de hacerlo. Por último, en preparación, me decidí por mis colores. No guardes colores para la pieza final, decide con anticipación. El color es un factor enorme y no quieres que eso obstruya tu cerebro cuando estás ejecutando. Nuevamente, agregué algunos retoques el color en la final, pero fue fácil hacer eso cuando las grandes decisiones al respecto ya estamos en piedra. Imagina saber exactamente cómo se va a ver todo, dónde va a ser y de qué color va a ser antes de que empieces tu final. Eso es lo que queremos lograr en la fase de preparación. Sí, siempre van a haber cosas que cambiemos en la pieza final. Pero con las grandes decisiones tomadas ya, somos libres de hacer esos cambios en lugar de distraernos con cosas como, ¿de qué color será la ropa de esta persona? 3. De Illustrator a Photoshop: Una vez que te sientas suficientemente preparado, necesitarás crear tus formas básicas en Illustrator como he hecho aquí. Ahora bien, si bien no vamos a cubrir Illustrator trabajando en esta clase, la mayoría de mis otras clases sí. Para la demostración más exhaustiva de cómo construyo formas en Illustrator, echa un vistazo a mi haciendo un arma de fantasía en clase. Si no estás seguro de qué formas básicas deberías y no deberías estar creando en Illustrator, te recomendaría aguantar hasta el final de la clase. Una vez que entiendas cómo vamos a estar trabajando con ellos, mejor sabrás lo que hay que hacer en este punto. Además de eso, cuando tengas dudas sobre un determinado elemento, solo hazlo. Sabía que estaría recreando estas líneas punteadas con un pincel al final, pero las incluí en este punto de todos modos, solo para poder tener una buena idea visual de cómo se ven. Para todas las piezas que quieres en su propia carpeta una vez en Photoshop, por ejemplo, esta chica y sus símbolos las ponen en su propia capa en Illustrator. Entonces dentro de esa capa, crea un grupo para todo lo que quieras estar en su propia capa dentro de esa carpeta. Muy importante es asegurarse de que lo nombra todo. Recuerda que todo se trata de hacer tu vida más fácil una vez que ejecutes. Te aseguro que el futuro realmente no apreciarás unas 100 capas sin título. Para este ejemplo, hice un grupo para su cabeza, cada brazo, cada símbolo, cada pelo de pareja, y así sucesivamente. Si no creas grupos dentro de esas capas de ilustrador, todo se va a aplanar en una sola capa una vez que lo lleves a Photoshop. Ahora solo puedes tener 10 o formas básicas, en cada caso, siéntete libre de darle a cada pieza su propia capa e ignorar el agrupamiento. Pero si eres como yo y tienes más de 100 piezas que quieres separar, pena organizarte. También tenga en cuenta que cualquier capa que se haya desactivado no se exportará. En mi caso, sí quiero que mi boceto sea llevado a Photoshop, así que voy a encender esa capa. Una vez que todo esté organizado como te gustaría, ve a Archivo, Exportar como y selecciona PSD en el menú desplegable. Por supuesto, los ajustes que hagas aquí dependerán enteramente de para qué sirven tus piezas. Este cartel en última instancia se va a imprimir a gran tamaño para la educación de artistas. Voy a cambiar la resolución a 300. El color que voy a mantener en RGB, porque se imprimirá digitalmente, y muy importante, asegúrate de que se seleccionen las capas correctas. Echemos un vistazo a lo que tienemos.Tal como lo planeamos, vemos que cada sección tiene su propia carpeta y dentro de ella, una capa por cada pieza que queríamos separar. También quiero señalar que cuando es posible, combino objetos similares en su propia capa. Podemos ver que para las cajas de etiquetas, hice una capa para cada sección en lugar de una capa para cada caja individual. Por mi propio bien, voy a agrupar las cosas un paso más allá. Pondré todos los instrumentos de un tipo particular en su propia carpeta y el resto en otra. Si de verdad quieres estar organizado, también puedes colorear tus diferentes secciones. Haré mis vientos de madera naranja, cuerdas verdes, amarillo latón, y azul percusión. Una vez que tengas tu archivo configurado exactamente como quieras, asegúrate de guardarlo y podemos ponernos en darle vida con pinceles. 4. Utilizar efectivamente los pinceles de Photoshop: Si bien hay un suministro interminable de pinceles, tanto en Photoshop ya como en línea, vamos a estar usando sólo dos para este proyecto. Necesitaremos un pincel para el trabajo de línea y un pincel para la textura. Voy a estar usando el cepillo Skool y el cepillo NuPastel del Megapack de Kyle Webster. Si bien recomiendo encarecidamente revisar estos o cualquier otro cepillo hecho por Kyle, también he creado un par de pinceles gratis específicamente para esta clase. Se pueden encontrar en los Recursos. Sabiendo eso, hay un Internet lleno de grandes pinceles gratuitos y pagados, e incluso puedes experimentar con hacer los tuyos propios. No obstante lo hagas, asegúrate de que como yo lo hago, tienes un pincel para trabajo de línea y un cepillo para textura. 5. Los movimientos de poder del Photoshop: Crear este cartel tardó mucho tiempo y la mayor parte fue bastante repetitivo. En lugar de guiarte por todo el proceso, he ensamblado todo lo que necesitas saber en siete movimientos de poder. De esta forma, si es necesario volver a revisar alguna de estas técnicas, serán fáciles de encontrar. Vamos a saltar. Si bien es posible para nosotros crear trabajo de línea en Illustrator, hacerlo en Photoshop nos brinda una gran oportunidad de agregar un campo orgánico a la pieza. Las piezas en Illustrator a veces pueden ser un poco demasiado precisas, por lo que al usar nuestro cepillo de trabajo de línea, podemos hacer estas piezas a mano. Digamos que estoy tratando de agregar algo de decoración a estas maracas, todo lo que necesito hacer es crear una nueva capa encima de ellas. Seleccione el pincel de trabajo de línea al tamaño adecuado y dibuje. Mi recomendación es que pretendas mantener tu pincel en un tamaño similar para la mayor parte de tu trabajo de línea por el sake de consistencia. Dicho esto, puede haber momentos en los que se quiera una variedad de ancho. Como pueden ver, he utilizado la misma técnica en toda la pieza. Las vocales del clarinete, los rostros de cada personaje, e incluso sutiles líneas de movimiento y notas musicales por todo el lugar. Incluso hay algunos casos como con estas líneas punteadas donde creé eso primero en Illustrator, pero luego decidí redibujarlo en Photoshop para que se ajustara mejor al look que iba por. Si bien hacemos trabajo de línea a mano, trabajaremos en la mayoría de los casos, a veces la vida sería mucho más fácil si solo pudieras basar líneas en un camino, igual que un Illustrator. Bueno, tú puedes. Para crear las cuerdas para este bajo vertical, todo lo que hice fue usar la herramienta de Photoshop, lápiz y dibujar el camino que quería que tomaran. Ahora, puedo cambiar a la herramienta pincel, asegurarme de que mi pincel de trabajo de línea esté seleccionado y no del tamaño que quiera y debajo de la Ventana Ruta, puedo seleccionar este botón. Ahora no sólo voy a cómo las líneas rectas que quería, sino que también mantendrán el aspecto texturizado del pincel. Si bien es posible crear capas adicionales y recortarlas a las existentes, a menudo puede ser más fácil pintar todo en una sola capa. Para hacer esto sin arruinar la forma que has creado, todo lo que necesitas hacer es resaltar tu capa y presionar el botón de bloqueo de píxeles transparentes. Bloquear píxeles transparentes es exactamente como suena. Al presionar este botón, ya no se puede pintar en ningún píxel que se vea a través. En el caso de esta cabeza de tambor de caja, eso sería cualquier otra cosa que no sea la elipse que lo compone. Esto significa que soy libre de pintar por todas partes y no preocuparme por salir de los límites, lo que marca toda la diferencia en jugar sombras y reflejos. A veces no vas a querer pintar directamente sobre una de tus capas, pero aún así quieres que tu pintura se adhiera a los límites de la forma. Por ejemplo, quiero que las líneas de la camiseta de trompetistas estén en una capa separada para que pueda mantenerlas separadas de los reflejos y sombras que estaré agregando. Ya que aún no quiero que estas líneas se vayan de su camisa, todo lo que necesito hacer es sujetarla a la capa de la camisa sosteniendo opción y haciendo clic entre ellas. Ahora esta capa superior solo mostrará lo que aparece en la capa debajo de ella. Si bien las máscaras de recorte solo mostrarán partes de una capa en función de lo que se recorta, las máscaras de capa nos dan la libertad borrar esencialmente partes de una capa sin perderla realmente. Nosotros llamamos a estas ediciones no destructivas. Por ejemplo, digamos que quiero que los bordes de esta sección se desvanezcan en el fondo. Claro, podría usar la herramienta de borrador para deshacerme del color que no quiero, pero eso significa que si alguna vez quiero volver a cómo era originalmente, necesitaré reimportarlo o intentarlo y recrear exactamente en Photoshop. Un mejor enfoque es presionar este botón, creando una máscara de capa. Las máscaras de capa funcionan así, todas las áreas blancas mostrarán la capa que está enmascarada, mientras que todas las áreas negras ocultarán esa parte de la capa. Si quiero ocultar partes de una capa para que parezca que se está desvaneciendo, todo lo que necesito hacer es agarrar mi pincel de textura y pintar con negro en la máscara de capa. Haciéndolo de esta manera, si alguna vez decido quiero agregar o quitar el efecto en ciertas áreas, todo lo que necesito hacer es pintar en la máscara de capa y luego llego a dejar intacta la capa real. Si de verdad quiero, solo puedo eliminar la máscara por completo y mi capa original sigue ahí. Si bien nuestra intención es crear todas nuestras formas básicas durante la etapa de Illustrator, a veces necesitamos crear algunas en Photoshop. Para ello, tenemos un par de opción. Digamos que necesito crear el pelo del trompetista. En primer lugar, puedo intentar dibujar la forma del pincel, pero creo que vas a encontrar rápidamente que a menos que queramos algo de aspecto áspero, esta no es una buena opción. En segundo lugar, podemos usar la herramienta de Lazo para dibujar la forma que queremos y luego llenarla usando el cubo de pintura. Dependiendo de la circunstancia, esto puede funcionar bastante bien y ser bastante rápido. No obstante, me parece que sólo produce formas tan suaves como tu mano es estable y la mía realmente no lo es. Lo que recomendaría es sacar nuestra amigable herramienta de bolígrafo y dibujar la forma como lo haríamos en Illustrator. Entonces, al igual que lo hicimos para crear líneas a partir de caminos antes, podemos rellenar nuestro camino para producir una nueva forma lisa. Agregar sombras y reflejos es tan simple como agarrar tu pincel de textura y pintar en tu capa con colores más brillantes y oscuros, asegurándote de que seas píxeles transparentes estén bloqueados por supuesto. Dicho eso, hay algunas cosas buenas que tener en cuenta al hacer esto. En primer lugar, considera tu fuente de luz. mío viene de arriba a la izquierda, así que mientras pinto cada uno de estos objetos, voy a estar seguro de agregar reflejos donde golpearía la luz y sombras donde no lo haría. Si tienes problemas para averiguar qué debe ser claro y oscuro, no te preocupes, se necesita mucha práctica para estudiar para ponerte realmente bien en ello. Si quieres verme ir más a fondo en mis decisiones de iluminación, entonces puedes echar un vistazo a mi clase make a fantasy arma. Pero fuera de eso, hay innumerables tutoriales en línea para aprender a sombrear objetos. Segunda cosa que queremos tener en cuenta a la hora de pintar con el pincel de textura, es aumentar la saturación a medida que oscurecemos los colores. Este no siempre debería ser el caso ya que dependerá del look que vayas por, pero a menudo encuentro que cuando estoy haciendo un color más oscuro, también me resulta útil bombear la suma de saturación para que no se vea demasiado lavada. Por esta razón mientras estoy pintando, me gusta mantener mi panel de color abierto en los deslizadores de saturación de matiz y brillo. Por último, recicla tus colores. Al mantener presionada la tecla de opción mientras usas la herramienta de pincel, puedes muestrear cualquier color de tu pieza. Si ya has creado una sombra azul oscuro como lo he hecho aquí, entonces solo puedes reutilizarla. En total, solo tengo alrededor cinco o seis tintes diferentes para cada uno de los colores de esta pieza. Esta paleta de colores limitada ayuda a que las cosas se sientan consistentes y me ahorra tener que crear un nuevo color cada vez. 6. Demostraciones de instrumentos: Entonces primero vamos a ver cómo hice el violonchelo. Vamos a crear lo que hay a la derecha desde lo que está a la izquierda. Aquí solo puedes ver cómo he separado los diferentes elementos. Estas fueron mis formas básicas en Illustrator. Lo primero que voy a hacer es bloquear los píxeles transparentes de todas estas capas. De esa manera como te he mostrado, no pinto fuera de los límites cuando estoy usando mis pinceles. Antes de meterme en alguna de la texturización real, voy a usar mi pincel de línea para crear todos los elementos que aún no se crean, empezando por las retenciones sonoras en el cuerpo del violonchelo. Todo lo que estoy haciendo es en una nueva capa, estoy dibujando estas formas S. Una vez que tengo uno como me gusta, todo lo que voy a hacer es en realidad duplicar esto en lugar de sacarlo de nuevo. Entonces sosteniendo opción, la voy a arrastrar hacia fuera y crearé una nueva capa y luego voy a voltear horizontalmente y reposicionarla para que esté del otro lado. Entonces voy a fusionar las dos capas sólo para que sea más fácil hacer un seguimiento de. Lo siguiente que vamos a hacer con el pincel de línea es que en realidad voy a dibujar en las clavijas que están en la parte superior del instrumento. Si bien esto es algo que podría haber creado como forma en Illustrator, pensé que era una pieza lo suficientemente pequeña que sería fácil para mí sólo dibujarla. Nuevamente, en lugar de elaborar cuatro de ellos, sólo voy a crear uno y luego voy a seguir duplicándolo. Entonces una vez que todo esté posicionado, cómo me gustaría, voy a fusionarlo en una sola capa una vez más para mantener las cosas organizadas. Lo último que voy a hacer con el pincel de trabajo de línea es que voy a crear las cuerdas. Para ello, voy a utilizar la técnica basada en caminos y en realidad sólo voy a dibujar un solo camino ese tipo de serpientes arriba y abajo a lo largo de este violonchelo. Una vez que el camino es como me gusta, voy a seleccionar el camino en la ventana del camino. Asegúrate de que mi pincel esté seleccionado en el tamaño adecuado que quiero. Entonces voy a presionar el botón para crear un trazo a partir del camino. Ahora si eres como yo y tienes el tamaño equivocado, tal vez sea un poco demasiado grande. Simplemente simplemente lo deshaces y luego puedes cambiar el tamaño del pincel e intentarlo de nuevo. Yo sólo voy a tomar una goma de borrar y deshacerme de estos pedacitos al final que no quiero. Lo último que voy a hacer es solo agregar una máscara de capa y luego usar el pincel de textura, en realidad voy a enmascarar la parte superior de las cuerdas para que parezca que se están desvaneciendo en la parte superior. Ahora puedo meterme en usar el pincel de textura. Así como te mostré antes, solo voy a usar el pincel de textura y pintura en sombras y reflejos donde creo que estarán. Entonces el lado derecho del violonchelo, voy a añadir muchas sombras. Por el lado izquierdo voy a sumar muchos aspectos destacados. Esto solo funciona con mi esquema de iluminación actual. También te darás cuenta mientras estoy trabajando, estoy constantemente usando la herramienta cuentagotas al sostener opción solo para muestrear diferentes colores. Estas pequeñas piezas aquí, solo les estoy agregando un poco de destaque y de nuevo, estoy probando un color que ya he creado. No estoy creando un nuevo color cada vez. Para esta parte aquí en ayuda que entiendo cómo se ve la forma que puedo poner en estas líneas para darle un sentido de forma. Aquí es donde es realmente útil tener alguna referencia. Podrás encontrar algunas imágenes de un violonchelo si eso es lo que estás haciendo en línea y simplemente averiguar cómo la iluminación la golpea, cómo las sombras lo golpean y luego puedes replicar eso en tu propia pieza. A un lado para el final clavado en la parte inferior aquí, lo quiero un poco más oscuro. Por pintar algo así como este arco, que para mí es un poco más cilíndrico, estoy pintando como lo haría un cilindro. Se puede ver que con este método, aunque decida cambiar algunos de los colores alrededor, está totalmente bien siempre y cuando tenga la forma básica abajo, no es demasiado grande para mí decidir que el final de este arco es más oscuro de lo que una vez fue. Sólo tienes que añadir un par de aspectos destacados. La última vez que voy a tomar es una vez más tomar mi pincel de textura y sólo pintar en el fondo con un color más brillante. Esto es sólo para que los instrumentos destaquen más. Ahí lo tienes. Ahora para la corneta una vez más, puedes mirar las formas básicas que utilicé en la creación de este instrumento. También voy a volver a bloquear todos los píxeles transparentes porque no quiero estar pintando fuera del instrumento. Ahora en realidad voy a pintar toda la pieza paso a paso, pasando de oscuro a brillante y luego agregando en las sombras finales. Ahora mismo estoy pasando por todas las piezas y aplicándole una textura ligeramente más brillante. De verdad, sólo estoy tratando de pintarlo como he visto lucen los instrumentos de latón cuando buscaba fotos de referencia. Después de haber hecho el primer color más brillante, voy a ir un paso más brillante y esta vez realmente voy a estar aquí a donde mis fuentes de luz, que es una especie de la parte superior izquierda y voy a poner mayormente este color ahí. Ya verás paso a paso, voy por cada capa y aplicando el color. Saber que vamos a poner tus reflejos y tus sombras es algo que sólo toma práctica. Si bien, cuando empecé, sólo se veía como una forma plana. Ya puedes entender por qué me separé en pedazos que hice. Ahora he sido la mayoría de los aspectos más destacados, voy a entrar con las sombras. Aquí realmente lo estoy aplicando a lo opuesto de donde viene mi fuente de luz así como estoy agregando en algunos puntos más oscuros donde las tuberías se superponen entre sí. Una vez más, realmente justo donde pienso que las sombras van a estar. Como siempre, si estás teniendo problemas para resolver esto, busca referencia en línea de cómo se sombrea algo del mismo material que estás creando. Sólo voy a añadir otro punto culminante más brillante sólo para un toque final. Ahora voy a entrar y añadir los botones para este instrumento. A pesar de que normalmente se utiliza para alinear pincel de trabajo para este tipo de elementos, pensé que sería amable de mi parte si utilizo el de textura en su lugar. Aquí se puede decir en una nueva capa, acabo de crear estos botones y luego he bloqueado a píxeles transparentes una vez más y ahora una pintura sobre ella con los reflejos. Los últimos elementos de este instrumento que necesito incluir son sólo estas pequeñas piezas de unión entre algunas de las tuberías y luego la válvula de saliva. De nuevo, sólo voy a dibujar eso en una capa separada detrás de todo. Al igual que con el violonchelo, lo voy a terminar añadiendo una textura más brillante detrás del instrumento una vez más para que destaque. Entonces tenemos una corneta totalmente terminada 7. ¡Ahora es tu turno!: Para tu proyecto, vas a estar creando tu propio póster educativo. Decide sobre un tema que te guste. Podrían ser deportes, matemáticas, lectura, incluso dinosaurios, y diseñar tu propio póster usando los pasos que hablamos en clase. Vas a estar dibujando tu diseño, creando tus carteles, formas y colores básicos en Illustrator, y luego llevándolo a Photoshop para introducir el sombreado, la textura y los detalles. Vale la pena señalar que tanto al principio como al final del diseño, realizo algunas técnicas desde mi nivel hasta tu clase de color para realmente armonizar los colores. Si tus colores no están del todo donde te gustaría, considera echarle un vistazo a eso. También de verdad quiero animarte a aplicar lo que has aprendido hoy a través de este proyecto. Ver es una cosa, pero hacer los pasos tú mismo es donde realmente vas a conseguir el beneficio. Si buscas inspiración para tu póster, puedes dirigirte a artistsforeducation.com. No sólo hay algunos carteles de gran calidad ahí, sino que están haciendo grandes cosas ayudando a los profesores a conseguir arte educativo para sus aulas. Vale la pena apoyar. Por último, gracias por tomar la clase. Espero que hayas aprendido mucho y espero ver con qué se te ocurre.