Técnicas de ilustración digital: creación de un estilo pop-up de papel

1. ¡Adelante!: En este curso, te voy a estar enseñando un estilo de ilustración que me tiene clientes masivos, ha anotado algunas características y premios aquí y allá, tal vez un poco de notoriedad de Instagram, cual nunca es malo, y lo más importante es una mirada que creo que tiene una tonelada de factor wow y nunca va a envejecer. Mi nombre es Michael Fugoso, voy a comprar alimentos comerciante en Instagram y social, y soy uno de esos ilustradores que podrían ser más de un diseñador gráfico, pero soy ilustrador. En algún lugar de mi viaje creativo, empecé a publicar ilustraciones de diferentes estilos en Instagram. Esas publicaciones de Instagram cogieron un poco de viento y de ahí empezaron a pasar cosas grandes para mí. Tengo que hacer un trabajo ilustrativo para algunas de las empresas de tecnología y espacio más grandes que se te ocurra. Trabajé con y fue destacado por Adobe en muchas ocasiones. Incluso me invitaron a hablar en grandes convenciones y conferencias sobre ilustración. El una venta ilustrativa que probablemente me dio todo lo que fue el estilo pop-up de papel digital. ¿Sabes qué homies? Este es un estilo que te estaré enseñando en este curso. Es una mirada que tiene ese factor wow inmediato, quiero decir, las cosas literalmente te están saliendo. Es 100% digital, por lo que no necesitas cortar una tonelada de papel ni usar muchos materiales artesanales. Estaremos pasando por todo el proceso, desde el boceto hasta el renderizado de tu boceto en Adobe Illustrator, hasta finalmente texturizado e iluminación en Photoshop. Es una locura, mis seguidores me han estado pidiendo que enseñe este estilo desde hace años, así que estoy súper bombeada para finalmente poner esto ahí fuera y ver qué hacen todos con él. 2. Descripción del proyecto: Muy bien todo el mundo, vista tutorial, vamos. Si echa un vistazo a mi diagrama aquí, esto es exactamente en lo que vamos a estar trabajando en este curso. Si miras las tres primeras cajas arriba arriba, ese es en realidad todo el proceso. Paso 1, haz un boceto, y como puedes ver, no soy el cajón más grande por ahí. Es probablemente el alcance de mi habilidad de dibujo. Número 2, renderiza ese boceto en Illustrator utilizando herramientas sencillas de construcción de formas. En el paso 3, traes esas formas a Photoshop. Aplica textura, iluminación y saca todo con toda esa profundidad. Vamos a estar pasando la mayor parte de nuestro tiempo en los pasos 1, 2 y 3, sólo porque creo que es mucho más amigable para principiantes. Con una composición mucho más sencilla, es más fácil ver algunos de los trucos que hago. Por ejemplo, pintar en estos reflejos aquí en esta forma de rosquilla porque la forma es tan grande, en realidad se pueden ver los reflejos pintados ahí con bastante facilidad. En eso vamos a pasar la mayor parte de nuestro tiempo. Vamos a ir más de 4, 5, y 6 de manera intermedia mucho más rápida. Nuevamente, es el mismo proceso exacto. Empieza con un boceto, renderiza en Illustrator y texturiza en Photoshop. Pasos 4, 5, y 6 realmente está justo ahí para mostrarte algo que es un poco más representativo de donde puedes llevar este estilo. Apenas una cabeza arriba, los últimos tres pasos aquí, los números 4, 5, y 6, toman un tiempo realmente, muy largo. Por eso vamos a brisa a través de esos. Simplemente descomponga esos para que pueda obtener una visión general de cómo ejecutar algo a una escala más grande como esa. Espero que eso les dé una idea clara de adónde va a ir este curso. Las herramientas que vas a necesitar. Necesitarás una computadora que sea capaz de cumplir los estándares de diseño gráfico actuales. Yo pude trabajar este estilo con bastante facilidad con un MacBook Pro desde principios de 2013. Tenía 16 gigs de RAM en ella y corrió este estilo, no hay problema. Si tienes algo equivalente a eso entonces deberías ser bastante bueno. Necesitarás Adobe Illustrator y Photoshop o programas que sean equivalentes a esos. Si usas algo diferente, tal vez tengas que hacer un poco de resolución de problemas sobre dónde están esas herramientas y cosas así. Por último, necesitarás un trozo de papel y lápiz para el boceto inicial. Podrías usar una tableta de dibujo también. Yo personalmente uso un iPad ya que es fácil dibujar en esa cosa y exportarla a Illustrator. Eso es todo, espero que todos disfruten de este curso. Ahora sumémonos en el boceto y renderizaremos tu composición en Adobe Illustrator. 3. Crear bocetos y procesar en Illustrator: ¿ Qué pasa todo el mundo? Bienvenido a la siguiente parte de este curso. Aquí vamos a abrir Illustrator. Ya tengo Illustrator abierto aquí. Echa un vistazo. Vamos a iniciar este archivo, y luego vamos a repasar brevemente el boceto que ya viste en el último video probablemente. Cuando abres Illustrator, presionas “Comando N” o puedes hacer clic en este botón, “Crear nuevo”. Estos son los ajustes que tengo. Tengo ocho por ocho pulgadas. Simplemente sentí que ese es un gran tamaño para algo así como una postal de alta resolución o algo para publicar en Instagram. ¿ Sabes a qué me refiero? Es un gran tamaño para ambos. Podemos ignorar la parte de Sangrar. Establece tu modo de color en RGB. Eso es súper importante. ¿Sabes a qué me refiero? Por lo general, cuando trabajas digitalmente, todo debe estar en RGB. Recuerda que cuando estás en este modo de color tienes una gama más amplia de colores con los que trabajar. Creo que dije eso bien. Efectos de ráster, 300 ppi. Perfecto. Adelante y golpeemos “Crear”. Mi cara podría estar bloqueando este botón, pero solo debes saber que el botón Crear está justo detrás de mi cara. Eso me ahorrará algo de tiempo editando. Ahora estamos en nuestro expediente, una bonita plaza, de ocho por ocho tamaño. ¿Sabes qué? Ya que somos seres humanos responsables, sigamos adelante e iniciemos un archivo guardar para esto porque es importante guardar tus cosas constantemente, así que Guardar como. Hice una carpeta específicamente para este tutorial llamada Skillshare Tutorial Files. Adelante y hagamos eso. Llamemos a esto, no lo sé, Illustrator-render, sólo porque no me siento creativo en este momento. Golpea “Guardar”. Enfriar. Toma ahí los incumplimientos. Bam. Ahora realmente podemos empezar aquí. Lo que voy a hacer es que voy a conseguir mi boceto porque ya lo he hecho, y todos ustedes ya lo han visto. Si lo recojo de mi escritorio aquí, Skillshare Tutorial Files, simple boceto. Ese es el que yo quiero. Yo sólo voy a arrastrarlo aquí y boom. Está en mi archivo Illustrator. Lo tengo establecido en Capa 1. Asegúrate de que tu panel Capas sea súper visible porque lo vas a estar usando una tonelada. Puedo dimensionar este boceto aquí hasta el ancho y alto completo de mi lienzo, y eso es lo que voy a hacer. Bam. Boom. Agradable. Desde aquí voy a bajar la opacidad porque siento que las líneas son un poco demasiado duras. Sólo necesito poder ver mi boceto. Mi boceto sirve de pauta para que yo lo ilustre encima, así que voy a bajar un poco esto, y voy a encerrar a ese chico malo ahí mismo. Hablemos un poco del boceto. Hice mi boceto en un iPad. Puedes hacerlo fácilmente con un trozo de papel y lápiz. Observe cómo hay tantas imperfecciones aquí. Nunca hago mis bocetos súper perfectos. No soy ese tipo de persona que hace que todos mis bocetos sean realmente prístinos. A mí no me gusta pasar un montón de tiempo ahí. A mí me gusta hacer mis bocetos hasta un punto donde entiendo que así es exactamente como voy a construir esto en Illustrator. Por eso estaba diciendo que realmente no tienes que saber dibujar todo tan bien para ser un impresionante ilustrador/diseñador solo porque puedes construir muchas de estas cosas con formas y herramientas de construcción de formas, que te mostraré un poco de aquí. Esa es la parte del boceto. Espero que eso sea fácilmente comprensible para todos. Olvidé mencionar si te fijaste antes, tenía mi boceto como JPEG. Si estás usando un trozo de papel y lápiz, todo lo que tienes que hacer es intentar aplanar tu teléfono encima de tu ilustración tanto como puedas, tomar una foto, y boom, es un JPEG. AirLlévala a tu computadora y es exactamente lo mismo. Ahora eso es realmente todo con un boceto. Vamos a hacer esto en Illustrator. No he bloqueado mi capa porque no quiero meterme con ella. Yo quiero estar dibujando encima de esta cosa. Tengo esto llamado Capa 1. Acostumbrémonos a nombrar nuestras capas porque sobre todo con un estilo como este, vamos a estar teniendo capas, y capas, y capas de cosas, así que es bueno acostumbrarnos a nombrar estas cosas. Voy a llamar a esto el boceto porque eso es lo que es. Es lo que es. Vamos a crear una capa encima de eso. Enfriar. Llamemos a esto el fondo. Agradable. Echa un vistazo a mis pequeños colores aquí. Voy a mover aquí mi color de relleno al negro, y voy a apagar mi color de trazo. Ya verás por qué en tan solo un segundo. Si tomo aquí mi herramienta de forma y elijo rectángulo, voy a empezar desde esta esquina. Voy a sostener “Shift” que limita mis proporciones, y se puede ver que puedo arrastrar hacia fuera un cuadrado perfectamente proporcional. Normalmente hago todo negro, y luego solo controlo todo con opacidad primero. Lo hago de esta manera porque no quiero pensar en el color aún aunque sé que lo he hecho antes de esta demostración, así que sé de qué color va a ser, pero solo para que sepas, lo vuelvo todo negro, Doy vuelta la opacidad solo para poder ver mi boceto debajo de ella y así es como construyo mis ilustraciones. Es diferente para todos lo que pienso, pero esta es la forma en que me acostumbré, y es la forma más rápida para mí. Enfriar. Ese es mi antecedente. Voy a seguir adelante y a bloquear eso porque ya no necesito eso. Yo sí bajé la opacidad, como se puede ver, al 31 por ciento ahí. Vamos a crear otra capa encima de eso, y llamemos a esto, no sé, cuadrado interior, icono cuadrado porque parece un icono de iPhone? Cuadrado de iconos. ¿Sabes qué? En realidad tengo una forma rápida de hacer esto. Si desbloqueo mi cuadrado de fondo, voy a seleccionar ese “Comando C” para copiar, y entonces ahora voy a bloquear mi cuadrado de fondo. Ve a mi icono capa cuadrada que hice encima de ella, comando Shift V. Lo que eso hace es pega la forma que copié, pero la pega justo encima de la forma debajo de ella. Parece que no hice nada, pero es sólo otra forma en la parte superior de la forma debajo de ella. Espero que eso tenga sentido. Tendrá aún más sentido ahora porque voy a bajarlo. Si mantengo pulsado Shift and Option, limita mi tamaño y lo reduce desde el centro. Ahora tengo un cuadrado que está perfectamente enmarcado en la parte superior de la plaza por encima de ella. Enfriar. Ves estos nodos aquí, esa es una forma perfecta de redondear estos bordes. Mira qué fácil es eso. ¿Ves a lo que me refiero? Hay tantas herramientas como esta en Illustrator que realmente no tienes que saber dibujar súper bien para ejecutar algo súper cool. Aquí no vamos a repasar muchas herramientas de Illustrator. Ese no es el tipo de curso que es. Hay muchos cursos en Skillshare que creo que lo hacen muy bien. Si quieres que lo haga, podría hacer un curso así. El principiante de Illustrator, o tal vez mis 10 mejores herramientas de Illustrator, las únicas 10 herramientas que necesitas conocer. Puedo hacer un curso así. Sólo avísame en alguna parte. Hazme saber en Instagram, avísame en Skillshare, estoy seguro que ahí hay un sistema DM. Este es mi primer curso de Skillshare. Seguro que hay una manera de que me puedas DM a través de Skillshare. Pero sólo hazme un apodo. Hazme saber si quieres que haga un curso así, y lo haré totalmente. Ahora tengo mi icono de iPhone cuadrado aquí. Yo quiero sacarlo un poco más, sólo un poquito. Sí. Podemos bloquear eso. Mira, sólo tenemos dos formas más para ir y ya terminamos con esto. Si hago una capa encima de ahí, voy a llamar a esto el círculo. Sic, eso me gusta. Si voy a la Herramienta Forma, seleccione aquí la Herramienta Elipse. Voy a tratar de ir en el centro de este círculo. Sé que no es perfecto. Voy a mantener Option para dimensionarlo desde el centro, y luego voy a sostener Shift para limitarlo. Ese es un círculo perfecto. Eso me gusta. Bajemos la opacidad para que pueda ver debajo de ella, puedo ver mi boceto. Mira, ya estamos casi ahí. Puedo tomar este comando de círculo C, igual que lo hicimos antes para copiarlo. Cerrémoslo porque ya terminamos con eso. Crea una capa encima de eso y llama a esta rosquilla. Comando Turno V. Boom. Pegar el círculo encima de ese círculo igual que lo hice con el cuadrado y el cuadrado antes. Voy a mover esto para que coincida con mi boceto ahí. Como dije, el boceto es sólo una guía de cómo voy a construir esto en Illustrator. Eso está cerca de perfecto. Echa un vistazo a esto, homies. Comanda C otra vez, manda Shift V otra vez para pegar ese círculo encima de ese círculo. Si tamaño esto hacia abajo desde el centro por lo que está perfectamente enmarcado en la parte superior del círculo debajo de él. Mira eso. ¿Ves adónde voy? Es más o menos esa forma de donuts. Aquí vas a conseguir esta paleta llamada la herramienta Pathfinder. Hay muchas formas de hacerlo, pero la herramienta Pathfinder es una ventana extremadamente importante en Illustrator. Si eres nuevo en Illustrator, vas a estar usando mucho la herramienta Pathfinder. Si selecciono esa forma y selecciono un círculo encima de ella, ahí está este ícono aquí llamado Menos Front, eso va a restar el círculo frontal del círculo debajo de él. Echa un vistazo a esto. Boom. Tenemos una rosquilla. un vistazo, lo separamos en capas, tenemos rosquillas. Esto es muy importante que organices tus capas así. Círculo, el cuadrado del icono, y nos dieron el fondo. Ahora, lo que tenemos que hacer es elegir el color. Como dije, ya elegí un color porque ya he hecho esto con anterioridad. Realmente no tengo un proceso extenso sobre cómo elijo el color. Acabo de hacer tantas ilustraciones que sé qué colores la mayor parte del tiempo quiero usar. Pero si no lo hago y quiero una forma realmente rápida de hacerlo, ahí está este sitio web genial llamado adobe.color. Probablemente haré algo de B-roll para que veas cómo se ve ese sitio web. Literalmente puedes simplemente buscar el tema que quieras. Hago muchas cosas espaciales, busco espacio y obtengo todo tipo de esquemas de color de aspecto espacial que aparecen. Pero voy a seguir adelante y conseguir el esquema de color que elegí sólo para que sea uniforme con todos los demás archivos aquí que he preparado para todos ustedes, y llegaremos a eso. Estamos de vuelta, y elegí mi esquema de color hace un tiempo. Pero estos son los colores que estoy usando. Estoy usando un esquema de cuatro colores. Te quiero decir bien ahora que por lo general nunca voy más de cinco colores. Es una habilidad usar un color mínimo así. Creo que cuando lo haces, trae más intención a tu trabajo y más propósito. Las cosas terminan luciendo realmente estilizadas y súper cool. Os animo a todos a trabajar con esquemas de color mínimos. Cuando me refiero a cuatro colores, me refiero a cuatro, 1,2,3,4. No hay tintes de esto. No hay, aparte de eso, azul más claro. Pero ¿sabes a qué me refiero? No hay tintes de ese azul y luego tintes de esto. No hay gradientes ni nada, son sólo cuatro colores. Practicarlo. Lo pongo en una capa aquí. Realmente no voy a usar esta capa cuando pase esto a Photoshop. Pero sólo para que pueda organizarme, esto se llama esquema de color. Voy a desbloquear todos estos otros excepto el boceto porque realmente no necesito meterme con el boceto. Ya ves tengo mi esquema de color aquí arriba. Hice una capa para ello. Vamos a colorear esta cosa. Voy a seleccionar mi fondo, que es la primera plaza que hice. Si utilizo la herramienta cuentagotas, puedo seleccionar uno de estos colores para imitar. Entonces imitemos este azul oscuro allá. Enfriar. Para mi cuadro de iconos, saquemos este azul. Genial, me gusta ese azul. Todos ustedes vieron esto ya, así que saben exactamente lo que voy a hacer. Para la rosquilla, quiero una rosquilla roja y un círculo amarillo allá atrás. Estamos hechos con nuestra ilustración. Podemos seguir adelante y eliminar eso. 4. Configurar las luces de anillo: Casi lo olvido. Aquí hay un paso que no va a tener mucho sentido, pero lo vamos a hacer porque necesitamos esto más adelante. Lo que vamos a hacer ahora es que voy a agarrar mi donut. Voy a ir a Object, Path, Offset Path. Lo que esto hace es que prácticamente crea otra forma encima de la forma que has seleccionado. O bien lo delinea sobre la forma o dentro de la forma, y se puede ver aquí mismo. Si es un número positivo, lo hace sobre la forma, para que veas cómo está haciendo esa misma rosquilla exacta, pero perfectamente contorneándola y más grande, ¿ves eso en la vista previa? ¿ Si apago la vista previa y la enciendo? Eso es lo que hace Offset Path. Si lo pongo a un número negativo, lo hace dentro de la rosquilla. Cualquier forma que tengas, lo hará dentro o fuera, dependiendo si estableces un valor negativo o positivo. Esto es importante. Esta es una herramienta muy importante en Illustrator. Yo uso esto una tonelada porque me gusta enmarcar cosas así. Lo que voy a hacer es que voy a adivinar aquí, quiero decir negativo 0.05. Es decir, eso es más o menos lo que es esto. Es un juego de adivinar. Tap. Eso es lo que quiero. Yo lo quiero como realmente cerca del recorte ahí. Vamos 0.04. Eso me gusta. Está bien. Como dije, esto no lo entenderás ahora, pero esto es importante después. En realidad, no es súper importante, si te saltas totalmente este paso, está totalmente bien. Pero agrega algo realmente genial a tu ilustración en papel y lo verás, solo hazlo. Vamos a pegarle a “Ok”. Voy a establecer aquí en esa sección de color, en la barra de herramientas de aquí. Voy a ponerle eso a Stroke y voy a hacer que mi trazo sea blanco. Enfriar. Tienes este contorno interior blanco de tu forma. Lo que voy a hacer es empujar Command + X para cortarlo porque no la quiero en esa capa, quiero en su propia capa separada. Voy a llamar a este ringlight de capa. ¿ Por qué? O sea, podría decírtelo ahora, simplemente no tendrá sentido. Hablemos de ello más adelante en el archivo de Photoshop. De acuerdo, Comando + Shift + V, lo pega en el mismo lugar exacto en esa capa. Impresionante. Hagamos lo mismo aquí. Objeto, Trayectoria, Trayectoria de Quiero lo mismo exacto, 0.04, ponlo en un trazo y ponlo en blanco. Excelente. Voy a empujar Command X para cortar eso, hacer una capa encima de la capa de círculo, voy a llamar a eso Ring Command + Shift + V. Boom. Hagamos una más. No lo necesitamos para el fondo, sólo lo necesitamos para este cuadro de iconos. Como dije, verás por qué después. Una vez más. Object, Path, Offset Path, negativo 0.04, “Okay”, gire eso a un trazo, ponlo en blanco. Enfriar. Comando + X para cortarlo, haz una capa encima de tu capa cuadrada de icono, vuelve a llamar a ese ringlight, Comando + Shift + V. Muy bien, así que ahora que hemos hecho todo eso, nuestra ilustración se hace en Illustrator. Enfriar. Sigamos adelante y exportemos esto a Photoshop. Voy a crear todo otro video dedicado para eso. Va a ser corto probablemente. Pero es un paso muy importante, uno de los pasos más importantes aquí para exportar a Photoshop, para asegurarse de que las capas traduzcan exactamente la forma en que están en Illustrator a Photoshop. Ese es un paso muy importante, así que vamos a hacer un video completo sobre eso a continuación. 5. Exportar archivos a Photoshop: ¿ Qué pasa, todo el mundo? Vamos a exportar a este chico malo a Photoshop. Eliminé mi capa de boceto y eliminé mi capa de esquema de color porque no los necesito. No los necesito en Photoshop. Yo sólo necesitaba las formas. Voy a apagar mis capas de luz de anillo muy rápido. Yo solo quiero decirte una regla de pulgar realmente genial que tengo cuando hago estos. Cuando inicio este proceso de ilustración y lo renderizo en Illustrator, me aseguro de que la versión de Illustrator sea lo suficientemente genial como para ser su ilustración independiente. Al igual que no tengo que texturarlo y la gente seguirá pensando que se ve genial en su modo plano. El motivo por el que hago eso es porque siempre quieres que tu fundación sea lo más fuerte que puedan ser. Este es mi fundamento. Si la ilustración es impresionante en su forma plana, entonces será increíble en su forma texturizada. Esa es una especie de regla de oro que sigo es mantener siempre fuertes tus cimientos. Supongo que me estoy contradiciendo un poco con el boceto, pero ¿sabes a qué me refiero? El boceto cambia todo el tiempo, así que no me gusta pasar una tonelada de tiempo en el boceto. Entonces este es mi verdadero fundamento aquí mismo. Volví a encender mis luces de anillo. Enfriar. Vamos a seguir adelante y ir a Archivo, Exportar, Exportar como. Si ves este menú desplegable de formato aquí, vamos a hacer clic en eso y dar click en Photoshop PSD porque queremos exportar esto como archivo de Photoshop. Ya hice una carpeta llamada Skillshare Tutorial Files, así que la voy a guardar ahí. Voy a llamarlo formas-simples porque es una composición simple de formas. Voy a pegarle a Export. Está bien. Esta es probablemente la ventana más importante de este video. Modelo de color. Sí, RGB. Si configura su archivo de Illustrator en RGB, entonces esto debería estar en RGB. Quieres que tu archivo de Photoshop esté en RGB porque tienes una gama de colores más amplia con la que trabajar en ese modo. En CMYK las cosas se ven un poco fangosas y lavadas y tienes menos con qué trabajar. Quieres que sea un RGB. Resolución, alta 300 PPI. ¿Sabes qué tiene de guay esto? Se puede establecer en 700. Entonces si quieres hacer un póster gigantesco, todo texturizado y cosas más adelante en Photoshop, pones este súper alto en algo así como 700 PPI. Probablemente necesites una computadora más rápida o algún tipo de computadora rápida para eso, como 700 PPI. Si texturas cada forma, eso probablemente va a necesitar una computadora robusta. Pero 300 PPI es perfecto, ¿verdad? Entonces sigamos con eso. No quieres dar click en esta cosa de imagen plana aquí. El propósito de hacer todo esto es escribir nuestras capas en Photoshop. Nuestras capas en Illustrator se traslada a Photoshop. Así que asegúrate de que esto esté seleccionado ahí mismo. Puedes llevarte todas las fallas aquí y darle a “Ok”. Está escribiendo el archivo de Photoshop. Boom, ya está hecho. Eso fue rápido, probablemente porque aquí no tengo muchas formas. Está bien. Entremos al archivo de Photoshop. Si hago clic en mi escritorio aquí, Skillshare Tutorial Files. Ahí está, shapes-simple.psd. Hagamos doble clic en eso, y pueden ver que mi Photoshop se está abriendo aquí. Enfriar. Voy a maximizar esa ventana. Ahora estamos en Photoshop. Se ve casi idéntico a nuestro archivo de Illustrator. Revisé nuestras capas. Luz de anillo, rosquilla, luz de anillo otra vez ahí, círculo. Esto es perfecto. Esto es exactamente lo que necesitábamos porque queremos texturizar cada una de estas cosas. Entonces ese es el proceso de exportación de Illustrator a Photoshop. Nuevamente, paso súper importante ahí. Ahora podemos saltar a la parte jugosa, creo que es la parte que la mayoría de la gente quería de mí es esta siguiente parte es la que está texturizando y sacando esa profundidad en Photoshop. Nos vemos ahí. 6. Añadir textura a tus capas: Ya sabes qué homies, este video y los próximos videos son probablemente la razón por la que estás aquí o por la que la mayoría de la gente está aquí. Mucha gente me preguntó, ¿por qué no lo haces todo en Illustrator? ¿ Por qué incluso estamos saltando a Photoshop? El motivo es texturizado e iluminación, cualquier cosa con gradientes y textura de aspecto realista, simplemente se ve muy bien en Photoshop que en Illustrator. Ahí está esta extraña fascinación donde todo necesita ser vector por alguna razón. Si no sabes qué es un vector, eso es básicamente decir, hagamos que nuestra ilustración sea infinitamente escalable para que no tengamos que preocuparnos por tamaños y cosas así. Bueno, aún tendrías que preocuparte por los tamaños si tu ilustración es compleja en Illustrator. Porque, si tienes una tonelada de puntos, una tonelada de curvas matemáticas pasando en tu ilustración, seguirías necesitando una computadora poderosa para ejecutarla. Trabajando en alta resolución en un programa de ráster como Photoshop, y qué ráster significa que está hecho de píxeles, creo que es una gran solución para esto y las cosas en última instancia se verán mejor. Por eso estamos saltando a Photoshop. En serio, las homies, las imágenes ráster de súper alta resolución están perfectamente bien y funcionarán para el 99.999 por ciento de las aplicaciones para las que lo necesitas. Esa fue una respuesta súper larga a esa pregunta. Voy a traer aquí mi archivo de texturización. Lo tengo preparado, es este archivo aquí llamado textura. Voy a hacer doble clic en eso para que puedas echar un vistazo a lo que es eso. Esta es la imagen de textura única que utilicé para todo el proyecto. Saqué esta textura de un paquete de texturas de designcuts.com. Creo que se llama Kraft, K-R-A-F-T, paquete de textura de papel Kraft. Deberías poder encontrar esta textura y un montón de otras texturas de papel. Honestamente, cualquier textura de papel funcionará con este estilo. Elegí este en particular porque tiene grano realmente bonito, el grano está separado el uno del otro y tiene un contraste realmente alto entre el verde y las partes más ligeras de la textura. Por eso escogí este y por eso sigo utilizándolo una y otra vez en muchas de mis ilustraciones. Si miras mucho de mi trabajo, uso todo tipo de texturas; uso texturas madera, uso texturas acuarela, cualquier cosa funcionaría. Lo que tienes que hacer es a veces tu textura no vendrá así, no vendrá en blanco y negro así, tal vez venga un poco amarillenta o tal vez sea una foto real de un trozo de papel. lo general es como el empañamiento o hay algún tipo de interferencia de color cálido ahí. Todo lo que tienes que hacer es ponerlo en blanco y negro en Photoshop. Tal vez gire el contraste más alto o más bajo para que sus especificaciones en sus granos puedan salir más y ahorrar eso como un JPEG y tendrá este mismo tipo de cosas. Eso suele ser lo que hago si quiero usar una textura diferente y realmente no es de mi agrado, siempre lo puedo ajustar en Photoshop. Volvamos a nuestro archivo de Photoshop. La primera pieza en la que voy a trabajar aquí es esta casilla de iconos. Vamos a utilizar esta cosa que aún no les he explicado así que cuelgan apretados. En realidad apaguemos esto por un segundo, la luz de anillo para esa capa. Haga clic en la “Capa cuadrada de icono” para que quede seleccionada. Hagamos clic en nuestro “Finder” aquí, así que nuestra ventana con una textura vuelve a aparecer. Voy a agarrar esa textura y sólo la voy a arrastrar sobre el lienzo de ahí. Mi textura está aquí en el archivo de Photoshop y está justo encima de mi capa cuadrada de icono. Dulce. Lo que voy a hacer es dimensionar un poco esto. El arriba y el fondo del mismo coinciden con la forma cuadrada de éste. Vamos a estar usando esta imagen una y otra vez, lo que es importante que los dimensiones todos igual para que los granos que coincidan entre sí y cosas así. Sé lo que estás pensando, es como ¿por qué no solo usas una imagen para todo el asunto? Es porque somos extra así, queremos que las cosas se vean geniales y reales y personalizadas. Si haces eso, si pones una pieza de imagen sobre todo, se va a quedar súper plana y no es tan genial. Creo que esa es una de las mayores razones por las que la gente gravita a este estilo, o al menos la forma en que lo hago. Hombres, estoy realmente wordy en esto. Yo arrastré en la textura. Está en la parte superior de mi cuadro de iconos. Voy a mandar, click, ¿ves eso? Comando hice clic en la casilla de iconos justo aquí. Se puede ver que esta pequeña cosa del rastro de hormigas aparece en donde está esa forma. Eso sólo significa que esa es la selección de píxeles con los que estoy trabajando. Si Comando hace clic en una capa, y eso lo hice con el cuadrado de iconos, selecciona cada píxel de esa capa. Yo lo llamo rastro de hormigas porque parece un montón de hormigas. Ahora que tu selección está activada, tienes aquí tu rastro de hormigas, asegúrate de que estamos en nuestra capa de textura. Si haces clic en este ícono aquí, yo llamo a esto el icono de la bandera japonesa, porque se parece a la bandera japonesa. Pero lo que más o menos estoy haciendo es que voy a estar enmascarando esta textura sobre ese cuadro de iconos. Si empujo ese ícono, genial. Ahora la textura está enmascarada sólo en esa capa. Enfriar. ¿Eso tiene sentido, todo el mundo? Esa es esa capa. Ver está en la parte superior de mi cuadro de iconos. Lo que voy a hacer ahora es que voy a configurar esta capa para que se multiplique. Es un modo de mezcla, y el modo de mezcla que estamos usando se multiplica. Lo que hace multiplicar es que toma tu imagen en blanco y negro y luego extiende uniformemente las partes más oscuras de la imagen sobre el color debajo de ella por lo que es importante hacer eso. Si crees que tu textura es un poco dura, cosa que no lo creo, pero si lo es a ti, puedes usar tu opacidad para bajar un poco tu textura. Ya ves cómo se pone un poco más ligero así. Pero me gusta a los 100. A mí me gusta al 100 aquí. Esa es la parte texturizada de este curso. Podría ir más allá pero quiero un sencillo estos fuera para que puedas volver a cada uno de estos puntos con bastante facilidad y las cosas están bien organizadas y todo. A continuación, vamos a repasar la pintura en tus reflejos y tus sombras. Texturizado, cerca. 7. Iluminación para tus capas: Ahora que tenemos nuestra textura sobre nuestro cuadro de iconos, hablemos de iluminación. Esta es otra parte masivamente importante en este curso. En realidad es una parte masivamente importante en todas mis ilustraciones. La iluminación es lo que añade profundidad a cualquier cosa que hagas. Independientemente de si se trata de una ilustración mínima o algo más detallado y complejo como este, iluminación hará que las cosas salgan en ti. Lo primero que vamos a hacer es que vamos a establecer una fuente de luz; lo que eso significa es, ¿de qué dirección viene la luz? En la mayoría de mis ilustraciones, es gracioso, nadie me llama por esto, mayoría de mis ilustraciones tienen una fuente de luz proveniente de la esquina superior izquierda hacia abajo. Cuando estás trabajando con estas muchas capas, solo es más fácil saber que, “De acuerdo, luz va a estar viniendo de ahí la mayor parte del tiempo”. Tú también puedes hacer eso. No creo que nadie te llame por ello. que tu fuente de luz venga de la esquina superior izquierda, brillando sobre todo esto de aquí. Lo que voy a hacer es ir a “Command click” mi cuadro de iconos, por lo que esos píxeles de esa capa se seleccionan con el rastro de hormigas. Voy a crear una capa encima de eso. Voy a llamar a esto “punto culminante”. Voy a alejarme un poco porque estoy usando esta herramienta de gradiente cool aquí. Si ven mis dos colores aquí para el primer plano y el fondo, eso es más o menos a lo que va a degradar; del blanco al negro, parece. Yo quiero que gradiente de blanco a transparente, así que voy a dar click en esta barra de gradiente aquí arriba, debajo de Fundamentos. Ves este pequeño ícono aquí donde es de blanco a transparente, vamos a dar click en eso y “OK”. Ahora mi gradiente va a pasar de blanco a transparente, cero opacidad. Probablemente alejaré un poco más. Voy a seleccionar este ícono aquí. Lo que eso significa es que sólo me va a dar un gradiente plano hacia abajo. El que está seleccionado en este momento es un gradiente radial. Sólo te lo mostraré ahora mismo. El gradiente radial hará que las cosas parezcan redondas. ¿ Ves cómo va la luz así? Yo quiero que sea más plano, así que voy a elegir este icono de piso aquí arriba. Voy a empezar desde aquí y sólo para mostrarte. No sé si se puede decir una diferencia. Déjame hacer algo un poco más duro. Ahí vas. Se puede ver cómo el gradiente simplemente cae plano ahí mismo que es lo que quiero. Si vuelvo a hacer el gradiente radial, ¿ves a qué me refiero? En lugar de esta forma redonda, quiero la forma plana, así que eso es lo que hace ese icono. Voy a alejarme un poco porque si empiezo el gradiente desde aquí, la luz se verá suave, como lo hice desde aquí, es un poco demasiado dura para mí. Yo quiero que sea suave y mezclándose como la luz está obviamente ahí, pero se funde en la forma. Voy a empezar desde todo el camino por aquí. Enfriar. Ah, ya ves que es un poco demasiado suave. Hagámoslo un poco más difícil, tal vez desde aquí. No, no, no, no, no, no, no. Un poco más duro. Enfriar. No, espera. Más duro, más duro. De aquí. Ahí vas. Eso se ve bastante guay. Cuando tengas seleccionado tu rastro de hormigas, si quieres salir de esa selección, presiona “Command D” para anular la selección de tu selección. Aquí, tengo mi punto culminante en la esquina superior izquierda. Eso me está diciendo que la luz viene de la esquina superior izquierda. ¿ Qué significa eso para la esquina inferior derecha? Probablemente haya algún tipo de sombra ahí. Eso es lo que vamos a hacer a continuación. Vamos a crear una capa encima del icono cuadrado, y llamemos a esto “sombra interior”. Enfriar. De lo que voy a hacer, tengo mi color de primer plano aquí puesto en blanco. Si empujo “X”, lo cambia, lo cambia a negro. Eso es lo que quiero porque estoy coloreando mi sombra de negro. En lugar de la herramienta de gradiente, pensarías que obtendría la herramienta de gradiente y gradiente de esta esquina e iría hacia arriba? No. En realidad tengo un control muy cool con un pincel. Se quiere escoger un pincel que esté súper emplumado. Mira, mi dureza está puesta en cero. Eso es exactamente lo que quieres, así que puedes ver si cepillo, es un pincel de plumas muy tenue en los bordes. Deshacer eso porque eso no es lo que queremos hacer ahí. Lo tengo puesto en negro. Voy a “Comando click” mi cuadro de iconos. Enfriar. Es importante saber qué capa está seleccionada o de lo contrario estaremos pintando en diferentes capas, así que asegúrate de que estamos en tu capa de “sombra interior” ahí. Alejemos un poco. Voy a aumentar el tamaño de mi pincel porque cuanto más grande sea el pincel, más grande irá la pluma en los bordes. Lo que puedo hacer desde aquí es que puedo pintar desde el borde, y consigo una bonita sombra suave como esa. Dulce. “Comando D” para anular la selección de eso. Ahora, tenemos un punto culminante en la esquina superior izquierda. Tenemos una sombra en la esquina inferior derecha, y todo en el medio es un tono medio, y eso es lo que necesitas para la profundidad, en su mayoría. Tenemos algo que va a cambiar drásticamente la profundidad aquí, pero si agregas eso, un punto culminante, un tono medio, y una sombra a cualquiera de tus formas, estás haciendo algo bueno para que agregue drama a tu pieza. Ahora que seguimos en la sombra interior, realidad aún no hemos terminado. Vamos a configurar este modo de mezcla para que se multiplique, y es posible que no puedas decir la diferencia. Pero cada vez que empujas multiplicar, iguala tus colores más oscuros a lo que sea que esté encima. Es posible que no puedas decirlo ahora mismo, pero en el gran esquema de las cosas cuando se hace toda tu ilustración, las cosas multiplicadas se verían mucho mejor. Si lo dejas normal, podría parecer bien. Simplemente se verá un poco más lodo. Una cosa es mi sombra, creo que es un poco demasiado oscura, así que tengo otro nivel de control aquí, mi opacidad; puedo bajar eso un poco, así que ahí tenemos una linda sombra débil. Dulce. Por lo general, cuando las personas prueban este estilo por su cuenta, admiten totalmente la parte más destacada y de sombra. Creo que ese es uno de los pasos que agrega una tonelada de carácter a esto, así que no olvides hacerle eso a cada una de tus formas. Como dije, si tienes cien formas, vas a estar haciendo esto cien veces. Podría ser realmente tedioso, pero te prometo todo lo que vale la pena. Hay una razón por la que a mucha gente le gusta la forma en que hago esto, y creo que simplemente ir esa milla extra realmente vale la pena. Eso debería hacerlo por esta parte del video. Para el siguiente, vamos a ir por encima de las luces de llanta y la sombra exterior. No confundirlo con luces de anillo. llanta, luces R-I-M y la sombra exterior, lo que va a hacer realmente estallar en ti. Enfriar. Los atrapamos en esa. 8. Crear profundidad y estilo: Dulce. Ahora que tenemos nuestra iluminación establecida, sigamos adelante y creemos la luz del borde y la sombra. ¿ Qué debemos hacer primero? Hagamos primero la sombra porque esa es la más obvia. Si Comando haga clic de nuevo mi cuadro de iconos. Estamos consiguiendo ese antral. Recuerda cada vez que estamos trabajando con una forma, vamos a estar Comando haciendo click y haciendo mucho esta cosa antral hasta que todo para esa pieza se complete. Después de eso, vamos a estar haciendo exactamente lo mismo a las otras piezas. Tan solo una cabeza arriba, si aún no te has dado cuenta de eso, eso es más o menos lo que vamos a estar haciendo. Comando click, obtengo el antral, todos esos píxeles están seleccionados. Voy a crear una capa debajo de mi cuadro de iconos y llamaré a esta sombra. Enfriar. Tengo mi negro seleccionado aquí en mi color de primer plano. Si presiono Option Delete, eso llena esa capa de negro. No lo puedes ver porque está debajo de mi capa cuadrada de icono. Si presiono al Comando D para desseleccionar eso, solo voy a mover un poco esto para que veas que hice esa misma forma debajo. Eso va a servir como nuestra sombra, y la voy a mover un poco por ahí mismo. Enfriar. Recuerda nuestra fuente de luz. Si la luz viene de la esquina superior izquierda, eso significa que va a lanzar una sombra hacia abajo hacia abajo justo ahí. Si tu iluminación tiene sentido, tu ilustración tiene sentido, y las cosas se ven súper impresionantes. Algunos de ustedes podrían estar preguntándose, ¿por qué no estoy usando la herramienta drop shadow, que es este panel FX. Casi nunca uso el panel FX. Simplemente siento que tengo más control de esta manera. Personalizo mis sombras dibujándolas a veces, y haciéndolo de esta manera se ve mucho mejor en mi opinión. Te voy a mostrar un truco que te muestre por qué. Ahora que mi sombra se extruye un poco y se puede ver, voy a convertir eso en un filtro inteligente. Qué hace un filtro inteligente, solo hace que tu capa sea indestructible para que tengas edición no destructiva. Eso significa, cualquier cosa que le hagas a esta capa, la capa inteligente te permite revertirla a su estado normal siempre que tengas que hacerlo. Si no lo haces, le harás una edición y se verá bien. Pero si alguna vez tienes que volver atrás y cambiarlo, es posible que tengas un momento difícil, así que por eso usamos capas inteligentes. Convertimos nuestra sombra en una capa inteligente. Voy a Filtrar Desenfoque, Desenfoque Gaussiano. Enfriar. Ahora mismo lo tengo establecido en 9.1. Voy a subirlo para que sea un poco más suave. Yo quiero que salga de ese fondo. Yo quiero que esté saliendo. Yo quiero que esta sea una sombra de aspecto realmente suave y nos dé alguna distancia fresca. Tendré que fijarlo en 19. Lo estás mirando, eres como si eso se pareciera a un tipo de sombra de gota. Bueno, echa un vistazo a esto homies. Voy a dar clic en “Multiplicar”. Como dije, no se puede decir en este momento, pero juro que la multiplicación hace una gran diferencia. Bajemos la opacidad a 35. El motivo por el que digo 35 es porque sé que es un buen número porque llevo haciendo esto tanto tiempo. Puedes cambiar esa opacidad por lo que sea que te guste, si te gustan las sombras más oscuras, cool. Pero me encanta 35 porque voy a sostener Option aquí y duplicar la sombra. Voy a crear esa capa debajo de ella. Ahora esa sombra está duplicada. Si notas que esto se puso más oscuro, eso solo significa que hay dos capas de sombra encima de la otra. Voy a arrastrar eso aún más. ¿ Ves lo que estoy haciendo? No se puede hacer esto con una sombra de gota. Si hago clic derecho en este medidor de íconos aquí, edite filtro inteligente, puedo ajustar la borrosidad. Quiero este aún más borroso. Yo quiero eso aún más suave. Echa un vistazo a eso. ¿ Por qué hago esto? Este es un truco realmente Nieto que creo que todos deben recordar. Porque si estudias cómo se comporta la luz, y una buena manera de estudiar cómo se comporta la luz es entrar a un baño, apagar todas las luces, conseguir una linterna y luego encender un tubo de pasta de dientes y ver cómo se comportan las sombras con esa pasta de dientes tubo, y por lo general obtienes una sombra más dura. Después ves el paso a una sombra más suave, debajo de ella, ves dos niveles de sombras generalmente cuando luces en algo. Es por eso que este es un truco de Nieto y la herramienta drop shadow solo hará que las cosas se vean muy de diseño gráfico genérico de los noventa. Mantente alejado de esa herramienta de sombra de gota tanto como puedas. Obviamente, podría ser útil a veces, pero no lo uso. Voy a agrupar estos juntos, así que no es confuso más tarde, y voy a llamar a esa sombra. Ahora puedes ver que ya hemos hecho una tonelada para sacar la profundidad y para traer vida a esta forma única. Pero no termina ahí. Contamos con luces de llanta y luces de anillo. El anillo de luz es lo que hicimos en Illustrator antes. Eso es como el secreto extra. Pero déjame mostrarte un secreto que es súper fácil de hacer que cambia todo el campo de esta cosa. Te va a hacer querer tocar esta cosa, vas a conseguir un corte de papel. Todos me preguntan cómo hacer esto y les muestro cómo y la respuesta que obtengo es, lo sabía, debería haber sabido hacer eso. Por supuesto, es como un mago nunca revela un secreto y cuando sí revelan ese secreto, es como, eso no es tan impresionante como pensaba. Esa suele ser la reacción que recibo cuando enseño en esta técnica realmente genial que cambia toda la vibra de esto a algo súper impresionante. Eso solo te dice que es súper fácil de hacer y súper útil. Voy a Comando click en mi cuadro de iconos. Voy a crear una capa por encima de la capa de sombra y por debajo de la capa cuadrada del icono. Ya ven cómo está mi blanco en el fondo aquí. Voy a Comando Eliminar para llenar esa capa de blanco. No se puede ver nada porque básicamente llené y pinté esa capa con blanco debajo de todo esto. Empuje Comando D para desseleccionar. Voy a acercarme para que ustedes vean lo que estoy a punto de hacer aquí. Si tengo mi herramienta de movimiento, voy a empujar mi tecla de flecha, dos veces hacia la izquierda y dos hacia arriba. Mira eso. Tenemos esta bonita resma de papel ahí mismo. ¿No es eso impresionante? Es que te hace querer tocarlo. Esa es una de las técnicas útiles más fáciles que puedes hacer para darle a esta cosa otra capa de realismo exagerado. Enfriar. Voy a llamar a esta capa llanta luz. Chicos que se ven jodidosos increíbles ahora mismo. Dulce. ¿Recuerdas a estos chicos, la luz del anillo? Yo les pongo eso a ustedes, guau, eso se ve asqueroso y sé que sí, pero vamos a hacer que sea tan guay. Seleccionemos nuestra capa de luz de anillo, contorna perfectamente el interior de esa forma con mi capa de luz de anillo seleccionada. Voy a ir a Filter Convert for Smart Filters para esa edición no destructiva, golpea “Ok” ahí. Cuando ves que este ícono aparece aquí, esa es una capa inteligente. Ahora que es una capa inteligente, voy a ir de nuevo a Filtrar, Desenfocar, Desenfocar gaussiano. Yo lo tengo puesto en 34 aquí, que es demasiado. Voy a bajarlo a ocho. Mira eso, tal vez seis, tal vez cinco. No, 4.5. Sí, eso me gusta. Voy a pegarle a “Ok”, tan guay. Mira eso. Voy a bajar la opacidad porque es un poco dura. ¿ Ves lo que hace eso? Agrega otra capa de tacto. Tu luz de anillo añade otra capa de tacto. Es casi como si tuvieras que usar un cuchillo X-Acto en papel y lo hubieras arrugado. Crea los pliegues en el borde del papel. Eso es lo que hace esto es que agrega un poco de pliegues al borde. Bonito toque que me di cuenta de cómo hacerlo. Si miras mis primeras ilustraciones en papel, no hago esto, pero una vez que empecé a hacerlo, estoy como, wow, eso sí le suma mucho. Para que nuestra luz de anillo sea aún más impresionante, mientras está seleccionada, voy a volver a hacer clic en ese icono de máscara. Enfriar. Esto podría ser un poco difícil de explicar. Lo que hace una máscara es si pinto de negro en el objeto, lo borra. El motivo por el que quieres hacerlo de esa manera es porque no estás borrando permanentemente lo que estás haciendo. De nuevo, es como la edición no destructiva. Si borro algo y quiero volver más tarde, es fácil simplemente eliminar la máscara y toda la forma sigue ahí. Cuando tengo la máscara seleccionada en la luz del anillo, consigo mi pincel, asegúrate de tener esa herramienta de pincel emplumado. Creo que tenía un enorme antes. Estoy encogiendo el cepillo hacia abajo. Puedes hacer que el cepillo sea más grande y más pequeño empujando las teclas del soporte. Voy a borrar algunas de estas cosas porque no quiero que me quite la luz de mi llanta. No quiero que mi luz de anillo me quite la luz de mi llanta. Yo estoy borrando algo de ello. No lo estoy borrando todo. Como puedes ver, solo estoy consiguiendo los bordes de la misma, así que es un poco débil. Pero echa un vistazo a eso. Tenía este frío arrugado en el borde donde no se puede ver una luz de llanta y luego la luz de llanta se apaga en el borde antes de que se encienda. ¿ Qué tan impresionante es eso? Eso es más o menos todo el proceso para cada forma. Básicamente te mostré todo. Lo que vamos a hacer ahora es que vamos a terminar esta ilustración porque probablemente haya algunas otras cosas que debes saber. Vamos a terminar esta sencilla ilustración y después nos vamos a sumergir en una ilustración más compleja que te mostré en la visión general solo para que tengas una idea de cuánto tiempo tardaría una ilustración como esta y lo que se necesita para completar algo así. Genial, impresionante. 9. Vamos a darle un cierre: Porque voy a repasar este proceso con una ilustración mucho más detallada. Te mostré eso en la visión general. esta sencilla composición que nos vamos. No es tan difícil. Impresionante. Dulce. Nos vemos en el siguiente. Pero esta es la forma en que encuentro funciona mejor para mí y como quiero que sea el resultado. Creo que todos deberían quedarse quietos. Esa es toda la ilustración para posible que encuentres atajos para hacerlo, Yo sólo voy a abrir el archivo completado y vamos a saltar a cada pieza. porque si hacen alguna solicitud para que Simplemente te acostumbras a hacerlo con una forma Como dije, se puede hacer esto con 700 formas. cambies cosas como cuando tienes toda esta textura dispuesta, Ya viste cuánto tiempo tardó esto, Quieres asegurarte de que aprueben el boceto y no pueden cambiar nada, También repasaremos el boceto en el archivo Illustrator En fin, espero que hayan disfrutado así que no vamos a crear esa cosa entera. para ver cómo organizo todas esas cosas. y podría estar satisfecho con cómo se ve con esos atajos. y luego haces lo mismo una y otra vez. Tengo algunos de esos ejemplos en mi Instagram si lo revisas. ¿Vale la pena? Diablos, sí. ¿Es doloroso a veces? eso va a ser un enorme panel. este proceso tanto como he disfrutado haciéndolo en los últimos años. Sí. Imagínate trabajar con tus clientes también. Muy bien, todo el mundo, vamos a noquear esta cosa. Voy a moverme un poco más rápido sólo para que podamos superar esta cosa con bastante rapidez, también movernos despacio. Voy a ir acelerando poco a poco la velocidad. Ahora que tenemos todas esas piezas fijadas para la capa cuadrada del icono o la forma cuadrada del icono, quiero decir, voy a seleccionar todos esos elementos desde la sombra, todo el camino hasta la luz del anillo. Eso es 1, 2, 3, 4, 5, 6 capas, 7 capas, lo siento. Eso son siete capas por cada forma. Tengan eso en mente. Yo he hecho ilustraciones donde tenía 100 capas, y tú multiplicas eso por siete. ¿ Qué es eso? 700 capas. He hecho ilustraciones locas en este estilo, y bien valió la pena. Esa es la plaza de iconos. Enfriar. Si apago este globo ocular, puedes ver que eso es todo lo que hicimos a esa forma. Esa parte está hecha. Hagamos primero este círculo amarillo porque eso tiene algo diferente que aún no te he mostrado. Moverse un poco más rápido, vamos a conseguir nuestra textura y mover eso ahí dentro. De nuevo, sé que algunos de ustedes están pensando como, ¿por qué no solo aplican una imagen de textura encima de todo el asunto? Porque ya lo verás. Si estimo esto hasta el mismo tamaño que hice el último, todos van a ser iguales. Tenemos algo de uniformidad ahí con la escala de esta textura. Lo que voy a hacer es que voy a compensar un poco esto usando mi herramienta Mover. Mientras esté cubierto el cuadrado amarillo, eso es todo lo que importa. Podemos mover esto y es por eso que haces esto con cada forma individual para que puedas compensar cada una y las cosas no parecen ser solo una mezcla de textura a través de todo el asunto. ¿ Ves lo que estoy diciendo? Hacer ese paso, que lo consigo, toma mucho que ver con muchas capas y hace que tu archivo sea súper grande y fuerte, vale la pena conseguir esa aleatorización de textura porque es casi como si fuera un nuevo pedazo de papel para cada forma. Hacer las cosas de la manera correcta, no del camino corto. Es decir, el camino corto podría parecer bastante decente, pero como dije, creo que hay una razón por la que a la gente le gusta la forma que hago las cosas es porque realmente no tomo atajos aquí. Voy a Comando-clic en la capa de círculo amarillo para asegurarme de que esa forma esté seleccionada. En mi capa de textura, voy a empujar nuevamente el icono de Máscara. Ahora la textura se coloca solamente en ese círculo amarillo. Si hago clic en eso y golpeo “Multiplicar”, obtengo el modo de mezcla. Perfecto, eso es exactamente lo que quería. Por encima del círculo amarillo, vamos a crear una capa de resaltado, Comando-clic. En lugar de volver a usar la herramienta de gradiente, voy a usar un pincel, cambiar mi color a blanco con un cepillo de plumas de dureza súper cero. Voy a aumentar el tamaño de mi pincel para que llegue esa suavidad extra ahí, y voy a pintar de blanco. Se puede ver, cómo se obtiene ese color claro ahí. Es tan guay. Agrega tanto carácter solo haciendo esta sola cosa. Comando D para anular la selección de eso. Ya estamos hechos ahí. Vamos a Comando-clic de nuevo en nuestro círculo amarillo, crear una capa por encima de eso, llamar a esa sombra interior. Yo voy a hacer lo mismo en la esquina opuesta con el color negro. Vamos a empezar a pintar esas sombras interiores ahí. Establece que se multiplique. De nuevo, creo que es un poco duro. Voy a bajar eso un poco. Enfriar. Bonito poco de profundidad que tenemos ahí. Si bien mi círculo amarillo todavía está seleccionado, vamos a crear una capa debajo del círculo amarillo. Llamemos a esa sombra. Opción Eliminar para llenar eso con negro. Lo que quería mostrarles aquí es que estoy creando una sombra muy dura o una sombra más dura. Ve cómo esta sombra aquí es muy suave y gradual. Queremos uno que siga siendo suave, pero no tanto. Vamos a desdibujar un poco esto y la razón de ser es este círculo, es casi como si estuviera pegado a ese pedazo de papel debajo de él. Si está pegado y está justo encima de él, en realidad no va a lanzar una sombra enorme si fueras a brillar luz en la esquina superior izquierda. Eso es algo que debes planear con anticipación. ¿ Qué formas quieres que se pegue a la cosa detrás de ella, y qué formas que quieres que te salgan porque eso marcará una gran diferencia. Filtrar, Convertir para Filtros Inteligentes. Golpea “Ok”. Filtro, Desenfoque gaussiano. Lo tenemos en 4.5. Vamos a prepararlo, no sé, seis o siete tal vez. Mucho solo ensayo y error, haz lo que se vea bien. Golpea “Ok”. Establece que se multiplique. Especialmente cuando estás jugando con la opacidad, la multiplicación ayudará una tonelada. Voy a bajar esto a unos 50 porque lo quiero un poco más duro que mis otras sombras. Ahí mismo, se puede ver la diferencia. Tengo una sombra muy suave aquí porque quería que saliera de esa superficie, y tenía una sombra mucho más dura aquí para mostrar que, oye, este pedazo de papel está pegado al papel debajo de él. Impresionante. Hagamos la luz de llanta. Comando-clic en la capa de círculo amarillo, crea una capa encima de eso. Llamemos a eso luz de llanta. Comando Eliminar, llena eso con blanco. Comando D para anular la selección para que podamos ver qué está pasando aquí. Vamos a mover que un par de espacios de flecha. Eso se ve super cool. Consigamos nuestra luz de anillo. Convierte eso en un filtro inteligente. Filtro, Desenfoque gaussiano, baje eso. El 4.5 es donde tuvimos el último. Enfriar. Entonces, podemos enmascararlo, pintar los bordes para que simplemente no sea un círculo de anillo por ahí. Podemos pintar algunas de estas cosas para que solo se muestre en la esquina inferior derecha. Hombre, siento que estoy hablando mucho. Esa forma está hecha. Seleccionamos eso. Ve todo el camino a la sombra aquí, agrupa eso. Llamemos a ese círculo amarillo. Deberíamos hacer el resto? Creo que deberíamos. Podría hablar menos y moverme un poco más rápido porque de aquí en adelante es realmente solo rutina. ¿ Sabes a qué me refiero? Vamos a conseguir otra textura tirada en su tamaño hasta. Enfriar. Vamos a compensar un poco eso. El genial es que la luz del anillo en realidad te muestra dónde está la forma. ¿ Sabes a qué me refiero? Si la luz del anillo no estuviera ahí, no se podría decir cuál es la forma por debajo de esta textura. Lo compensaré en algún lugar al azar así. Comando-click en mi capa de rosquillas, enmascarar eso. Establece que se multiplique. Impresionante. Comando-clic en mi capa de donuts, crea una capa por encima de eso, llama a ese resaltado. Esta es una divertida porque es una forma más única. Pintemos sobre esa forma única, pongamos el color en blanco y pintemos que ahí resalten. Eso se ve bastante dulce. A ver cómo solo estoy pintando los bordes ahí porque mi pluma se está goteando hacia ella y no quiero que ese resaltado sea demasiado duro. Podría haber luz tocando esta zona aquí, así que pintemos un poco allí también un poco más grande. Ahora tenemos un poco de carácter ahí. Crea una capa por encima de la capa de rosquillas, llamemos a esto, sombra interior. Comando haga clic en la capa de donuts, establecida en color a negro, pinta los bordes. Aumentemos nuestro tamaño de pincel, Eso se ve bien, y de nuevo , se ve, no sé qué es, pero el negro se ve bastante duro cuando pinté, dije que es una multiplicación. Bajar la opacidad. Impresionante. Dulce. Vamos a seguir adelante. Clic de comando. Hagamos una opción de sombra, Eliminar para llenar esa capa de abajo con negro. Desplazarlo hasta esa esquina. Este, quiero que esto se te salga, vale, esto no está pegado a lo que esté debajo, así que quiero que esto sea flotante. Voy a darle ese mismo tratamiento flotante. Establece que se multiplique. Convertir Filtro para Filtros Inteligentes. Filtro Desenfoque gaussiano. Pongámoslo a 19 o algo así, y bajemos eso a 35. Mi número mágico 35. Duplica eso por opción única y arrastrando la capa hacia abajo. Vamos a tener que bajar la segunda sombra. Vamos a desenfocar eso aún más. Haga clic derecho en editar, filtro inteligente. Sube eso un poco más suave. Boom, eso se ve realmente Realmente, realmente En realidad, voy a mover esto, arrojar más, para que puedas ver los dos niveles de sombra ahí. Tienes la sombra más dura aquí y una sombra más suave allá. Se ve mucho más realista cuando estudias la luz y la aplicas en tu iluminación. Materias. Ya casi terminamos con esto. Podemos agrupar nuestras sombras para no confundirnos más tarde. Comando click, Crear capa debajo de donuts, llamar a esa luz de llanta. Llena eso de blanco. No lo puedes ver porque está por debajo de la rosquilla. Consigue nuestra flecha de herramienta de movimiento a, flecha hasta, y tenemos una luz de anillo fresca. Llega al filtro de luz de anillo, convierte para filtros inteligentes. Filtro Desenfoque gaussiano. Bajemos la opacidad ya que es un poco dura. Sí. Sí, eso se ve bien. Da click en tu máscara para que podamos borrar de forma segura alguna de esa luz de anillo. Ten tu pincel set en negro. Eso es lo que borra la máscara interior. Estoy siendo muy repetitivo. Yo encuentro que la repetición te ayuda a recordar cosas, por eso vuelvo a repasar esto. Incluso puedes encogerlo aquí abajo en pintura para borrar algo de eso. Mira eso. Verlo como hacer esta pequeña cosa de borrado hace que las cosas se vean mucho mejor. ¿ Sabes qué? Ahora quiero hacerlo más duro volteando la opacidad hacia arriba. Lo último que tenemos que hacer, vamos en realidad, bien antes de eso. Agrupemos eso juntos. Llama a esa rosquilla. Ahora lo último que tenemos que hacer es nuestros antecedentes. No se puede olvidar el fondo. Vamos a conseguir una textura ahí. Tira eso encima de eso. Vamos a compensar eso ahí mismo. Establece que se multiplique. Realmente no lo puedes ver porque el color es oscuro. Pero si me acerco, se puede ver. Impresionante. ¿Sabes qué? Yo quiero compensarlo más. Porque noté que aquí hay esta spec y esa spec tipo de la misma spec, así que no quiero tanta repetición ahí. Voy a compensar eso un poco ahí mismo. En realidad, justo ahí. ¿ Sabes qué? No tenemos que Comando click porque ya está cubriendo todo el asunto. Creamos una capa encima de la llamada de fondo que resalta. Esta es una buena oportunidad para utilizar la herramienta de gradiente porque vamos a tener que crear unos reflejos mucho más grandes. Si empiezo lejos del borde aquí, muévelo hacia abajo. Agradable. Primero inténtalo. Eso me gusta. Aunque es duro. Vamos a bajarlo un poco. Honestamente, podemos dejarlo aquí. Estará bien, pero vamos a crear la sombra interior. Consigue el pincel. Sube eso, y pintemos la sombra en esos bordes. Eso se ve chicos realmente geniales. Establece que se multiplique. Incluso podemos bajarlo un poco. ¿ Qué opinan todos? Vamos a acercar aquí. Nosotros lo hicimos. 10. Desglosar una ilustración compleja: Muy bien todos, ahora que conocen todo el proceso, porque eso realmente es todo el proceso lo que pasamos, repasemos una composición que es un poco más compleja y algo un poco más representativo de algo que haría por digamos, Instagram o tal vez un cliente. Aquí está mi boceto y de nuevo, no soy el cajón de mano más grande de la historia, que creo que es una parte impresionante de este estilo que no tienes que ser un cajón impresionante. Puedes confiar un poco más en tus habilidades de diseño para hacer cosas realmente geniales en este estilo. Este es probablemente el alcance de mi habilidad de dibujo, que podría ser una mentira. Creo que podría dibujar mejor que esto, pero como dije, no me gusta pasar un montón de tiempo en esta parte. Sé que la ejecución de este estilo es muy pesada y consume mucho tiempo, así que cuanto más tiempo pueda afeitarme, mejor. Me gusta bosquejar hasta un punto donde entiendo cómo construir esta cosa en Adobe Illustrator. Punta rápida sin embargo, si tomaras este boceto y lo giraras 90 grados hacia arriba, es mucho más fácil construir en Illustrator. Debido a que es simétrico, se puede dibujar la mitad, duplicar eso, espejearlo, y conectarlos entre sí y hace que las cosas sean mucho más fáciles de hacer. Eso dijo que esto no es realmente un curso básico de Illustrator, creo que lo mencioné antes. Si quieres eso de mí, avísame, estaría encantado de hacer otro curso, construyendo composiciones como esta en Illustrator. Si eso te interesa DM me. Este es mi primer curso de Skillshare, así que no estoy realmente seguro de cuál es la situación de DM o puedes mandarme un mensaje en Instagram. Mi correo electrónico está en Instagram puedes enviarme un correo electrónico también. Empecemos con el renderizado de Illustrator desde la capa inferior hacia arriba, solo para que puedas tener una buena idea de cómo organizo las cosas. Esta es la capa inferior. Este es uno de los anillos, los marcos que tengo aquí. vistazo a cómo hice esto, es más o menos un cuadrado con un círculo perforado en él. Eso significa que una sombra podría ser echada en el interior ahí así por eso lo hice de esa manera. Ahí hay una luz de anillo, habló de esas luces de anillo y lo geniales que pueden ser. Al hacer visibles estas capas, se puede ver que la estructura es exactamente la misma que presenté antes. Ve hasta las pequeñas formas conseguir pequeñas luces de anillo. El estrella principal ahí con una luz de anillo. Sólo vamos a seguir moviéndonos aquí arriba. Creo que podría haber unas cuantas formas donde no puse una luz de anillo porque eran demasiado pequeñas, como tal vez algunas de las estrellas. Enfriar, propulsor de cohetes. El punto aquí es, sólo espero que puedan ver que el proceso es exactamente el mismo. Cabezas arriba, se puede ver cuántas capas es esto. Hago todo ese proceso de texturización para cada una de estas formas. Como dije, sin atajos, sí toma un tiempo, pero te digo que vale la pena. Enfriar. Es así como lo construí en Illustrator. Echemos un vistazo a nuestro archivo de Photoshop. Boom, ya está hecho. En serio, sí planeé hacer de esto la ilustración principal para nuestro tutorial, pero me hubiera llevado demasiado tiempo y creo que habría perdido una tonelada de ustedes, sobre todo con muchas de estas pequeñas piezas, porque no se podría ver mucho de la resaltar la pintura y cosas así. Vamos a descomponer esto pasando por estas capas aquí. A primera vista, podría parecer que no coincide con mi estructura de capas de Illustrator, pero sí. Acabo de agruparlas después de completar ciertas partes, como todo este cohete aquí. Agrupé eso a una capa entera. Si abro eso, puedes ver que tengo cohetes ventana uno, ventana cohetes dos, ventana de cohetes 2.5 y así sucesivamente. Así es exactamente como lo hice en el archivo de Illustrator. Abramos uno de estos. Abramos cohetes ventana uno, yo acercaré para que todos puedan ver. Esta es la ventana de cohetes uno justo aquí, este brillo. Se puede ver que esa es la textura que está enmascarada. Aquí está el punto culminante. puede ver que se pone más brillante en el borde de la misma? No agregué una sombra interior porque la forma es tan pequeña, y simplemente sentí que no necesitaba una. Si las luces se fundieron sobre él, toda la forma se iluminará así por lo diminuta que es. Echa un vistazo sin embargo. Ahí se enciende el llanta. La luz de llanta está en todo. Entonces obviamente está la sombra. La sombra es pequeña como esta para representar, está pegada a ese pedazo de papel debajo de ella. Echemos un vistazo a la ventana de cohetes dos, que es ese de ahí. Si abro eso, aquí tengo una luz de anillo. No le agregué una luz de anillo al brillo porque de nuevo, es una forma pequeña, probablemente no podrás verla de todas formas, así que no agregué allí una luz de anillo. Se puede ver como la luz del anillo. Mira toda la ilustración aquí. Esas luces de anillo realmente le agregas ese nivel extra de tacto a esto. De nuevo, si tienes un trozo de papel, córtalo con un cuchillo exacto, tendrías ese pliegues ahí. Esperemos que esa sea una representación realmente genial de eso o de nuevo, la textura. Yo solo quiero mostrarles que el proceso es exactamente el mismo que lo que acabamos de pasar con una composición simple. Ahí está la forma original y la sombra. Mira esa sombra, esta sombra es más suave y te permite saber que sale más de la forma, que no está pegada al fondo. Cada vez que haces una sombra como esta que es mucho más borrosa y suave, esas son las que te salen más. Creo que es bueno planear las formas que quieres que te salgan. Vamos a echar un vistazo 2.5, ¿qué es 2.5? Estos pequeños remaches aquí. Ver hasta las piezas pequeñas obtener tratamiento. Mira qué diminutas son estas, les di luces de llanta. Las luces de llanta son realmente exageradas cuando haces zoom así, pero cuando te alejas, eso se ve bastante genial. Creo que lo llamé 2.5 por lo diminutas que eran estas formas. Tiene una textura, un punto culminante, la sombra interior. ¿ Tiene una sombra interior? Oh, Dios mío, sí. Pongo una sombra interior en esos, eso es una locura. Se me olvidó totalmente. El borde se ilumina muy prominente ahí, y tiene una sombra que te dice que está pegado encima de esa forma de ventana. Se te ocurre la idea, no importa lo pequeñas que sean las piezas, reciben casi el mismo tratamiento. Hay algunas cosas que no me pongo ahí. A lo mejor no pongo una luz de anillo o tal vez no pongo una sombra interior, pero la mayoría de las piezas aquí reciben todo el mismo tratamiento. Bajemos por la lista aquí. O veamos algo que sea un poco más obvio. Echemos un vistazo a este marco. ¿ Todos ven por qué lo estrategico de esta manera? Casi quería que pareciera un túnel, como un túnel circular escalonado. Siento que una composición como esa simplemente realmente saca la profundidad y atrae tus ojos hacia el centro, como esta ventana de aquí. Esta ventana de aquí es el centro y luego todo viene a ti desde ahí. Ese fue el objetivo con esto. Obviamente la jerarquía va al cohete, así que es el objeto más elevado. Espero con sólo mirar esto, se pueda entender cómo lo planeé, qué formas tendrían una tonelada de profundidad y qué formas estarían pegadas a la pieza debajo de ella. Cavemos más profundamente en el marco 1 aquí, esta capa. Debe ser realmente obvio con donde están todos los reflejos y sombras. Mira la luz de llanta, ves cómo sale la luz de llanta aquí en lugar de salir de aquí, como todas las demás formas, salen de la esquina superior izquierda de ellas. Esta luz de llanta sale de abajo a la derecha y la razón es que me imaginé que es una forma que está perforada. ¿Sabes a qué me refiero? Todo este pedazo de papel tiene un círculo perforado en él así que cuando la luz lo golpea hacia abajo desde la parte superior izquierda, me imaginé que esta parte golpearía más la luz, razón por la que agregué ahí la luz de llanta. Tiene sentido con toda la pieza aquí. Eso es algo de lo que tomar nota ahí. Abramos esto. Tenemos la luz del anillo. Otra vez con mis luces de anillo, donde no ves la luz de llanta, tengo la luz de anillo más prominente, pero donde está la luz de llanta, mi luz de anillo es un poco débil. Hombre, me acabo de dar cuenta de lo confuso que es eso, luces de llanta y luces de anillo. Ojalá lo llamara algo diferente pero lo siento chicos, es como lo llamé desde hace un par de años, así que está atascado en el cerebro. Aquí está la sombra interior. Disculpas, creo que acabo de llamarlo sombra, malo de mi parte para la organización ahí. Esa es la forma original. Aquí está mi luz de llanta. Echa un vistazo a la sombra. Tenemos las dos sombras escalonadas. Ese es ese truco genial que te dije donde tienes dos sombras apiladas una encima de la otra. Una de ellas que es un poco más dura y luego la otra que es un poco más borrosa. Obtienes este efecto ligero fresco gradual así. Ahí es donde se puede ver donde también está la dureza. No se puede hacer eso con FX-Panel. Piensa en eso. Eso es más o menos con esta ilustración, espero que eso te diera una buena idea de cómo ejecutar algo más grande como esto. Estoy bastante seguro de que cuando todos quieran probar este estilo, querrían saltar a algo como esto. Yo sugeriría probar algo simple como lo que pasamos en los últimos videos primero, solo para que te acostumbres a dar a cada pieza un tratamiento así. Podría ser bastante desalentador cuando tienes una tonelada de capas y tienes que darle a cada una de esas capas ese loco tratamiento texturizado, yo diría que 24 piezas es bastante fuerte. Creo que esto fue alrededor de 18 piezas a texturar, en algún lugar por ahí. Era menor de 20 años, recuerdo cuando lo estaba haciendo. Creo que en promedio, esa es una cantidad bastante decente de capas que no te llevará demasiado tiempo. He tenido en algún lugar que hice como una textura de 100 formas. manera realista, hice cosas que parecían locas, pero ¿realmente valió la pena? No sé si valió la pena hacer ilustraciones locas como esa. Se pondría a los clientes realmente entusiasmados con seguridad. Pero entonces tu cliente te preguntaría eso : “Ahora tengo que hacer un 100 formas con todo ese tratamiento, ¿estás en serio?” Supongo que si el precio es correcto, lo que suelo hacer es si escogen algo así y son como, quiero que esto se vea exactamente así. Les hago saber cuánto trabajo entra en eso, y tienes que cobrar en consecuencia seguro. Espero que hayan disfrutado tanto de este tutorial como yo. A lo mejor estaré haciendo más tutoriales PaperStyle si hay una demanda por ello, si ustedes vienen por mí, son como, “Hey, quiero ver lo de un 100 capas”, por ejemplo. Supongo que podría hacer eso. Los videos probablemente serían una hora más o menos, pero si hay una demanda por ello, estaría feliz de hacer cosas así. Hazme saber si a todos les encanta esto me encantaría hacer más ilustraciones en papel o estar feliz enseñarles otras cosas en texturizado e iluminación porque eso es lo que hago. Soy un ilustrador que se centra en la textura, iluminación, y la profundidad, y el diseño. 11. Reflexiones finales: Oigan, todo el mundo. Felicidades por llegar al video final, completando así el curso. Acabas de ganar el título de Fugstrator. Grado de papel digital de impresionante, que existe aquí y aquí. Si tienes preguntas sobre el proceso, creo que Skillshare tiene una sección de discusión en el curso, así que por favor déjame una nota ahí. Si tienes una pregunta tal vez fuera del tema de este curso, me puedes DM en Instagram. Mientras no sea nada raro, estaría encantado de contestar cualquier tipo de preguntas que pueda tener, todo si es sobre el tema de la carrera creativa, con la que estaría más que feliz de ayudarte. Además, sígueme en Instagram para las últimas ilustraciones que hago en este estilo. También hago esta cosa realmente genial donde combino realidad aumentada con este estilo de papel digital. Es como un nivel extra de profundidad 3D y pop viniendo hacia ti. Realmente super cool. Echa un vistazo a eso. Siempre haciendo esas cosas geniales en Instagram. Estén atentos, todos, para más cursos de Skillshare. Estoy súper feliz de estar aquí haciendo esto. Definitivamente verás más de mí en esta plataforma. En fin, espero que todos disfruten del curso y los cogeré en el siguiente.