Añada textura y profundidad de campo a ilustraciones | Joshua Butts | Skillshare
Menú
Buscar

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Añada textura y profundidad de campo a ilustraciones

teacher avatar Joshua Butts, Graphic Designer and Photographer

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Introducción a la textura y la profundidad de campo

      0:51

    • 2.

      Preparación de archivo de ilustrador

      5:58

    • 3.

      Añadiendo la textura y la profundidad del campo

      14:02

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

273

Estudiantes

--

Proyectos

Acerca de esta clase

En este curso, te enseñaré uno de mis flujos de trabajo favoritos para agregar texturas personalizadas y profundidad de campo a tus ilustraciones planas. Te enseñaré a comenzar con el ilustrador de adobe con tu ilustración vectorial, separar tus capas para que sean fáciles de trabajar con texturización y guardar un archivo compatible desde el ilustrador de Adobe hasta el photoshop.

Usar textura y profundidad de campo ha hecho maravillas para mi ilustración. Realmente puede marcar la diferencia entre las reacciones aburridas y emocionadas a cualquier ilustración, sin importar cuán detallado. Me encanta este proceso que voy a enseñarte y es uno de los flujos de trabajo más fáciles y personalizables que he usado.

____

Materiales del curso:

Recursos de textura:

  • http://www.textures.com
  • https://www.designcuts.com/design-cuts-store/100-grungy-paper-and-card-textures-plus-bonus-tutorial/
  • http://www.texturemate.com/

Recursos de pincel de Photoshop:

  • https://www.brusheezy.com/

Conoce a tu profesor(a)

Teacher Profile Image

Joshua Butts

Graphic Designer and Photographer

Profesor(a)

Josh Butts is a Graphic Designer and Photographer. He currently works for a creative agency in Provo, Utah. He's worked with many people doing creative work usually involving illustration, logo, and web design. The classes on this channel cover mostly vector illustration but there are also many other valuable skills that can be learned from the other classes on the channel. Join some of his classes to gain from valuable experience and get better at design and photography yourself!

Ver perfil completo

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Introducción a la textura y profundidad del campo: Me encantan las ilustraciones vectoriales, y una de las formas de conseguir realmente que destaquen y cobren vida es con texturas y agregando profundidad de campo. Es fácil separar ilustraciones en diferentes capas y agregarles textura. Al hacer esto, a veces puede sentir que en realidad estás ahí en la ilustración. Agregar Sembler a diferentes capas también es una gran manera de finalizar el diseño. Tengo unos flujos de trabajo diferentes que te estaré enseñando en este curso, y me emociona compartirlos contigo. También te estaré mostrando algunos recursos diferentes es que utilizo para encontrar texturas de alta calidad que utilizo para pinceles Photoshopped o agregando texturas como completas a las ilustraciones que creo. Espero que te unas a mí en este curso y espero que te gusten las habilidades que ganarás durante el curso. Y si te gusta el curso, por favor dale una reseña para que otros puedan disfrutarlo también. 2. Preparación de archivo Illustrator: Hola. Por lo que para empezar a preparar tu archivo para agregarle textura y algo de profundidad, vas a querer asegurarte de que estás separando todos tus diferentes objetos en tu ilustración de capas desde el fondo hasta el primer plano. Y así, como se puede ver, todas estas capas ahí tienen un árbol separado sobre una capa. Pero si quiero que estos árboles para que su espalda sean un poco más borrosa del dedo del pie parezca que están más atrás, entonces voy a querer los de capas separadas también. Y así la forma más fácil de hacer esto es simplemente tener todos tus objetos y grupos. Entonces, como pueden ver, han agrupado cada uno de mis árboles individualmente. Tengo grupo a este edificio. Tengo grupos toda la capa de tierra. He agrupado las mentes, las nubes y el cielo en el fondo. Y así estas son todas las capas separadas desde atrás todo el camino hacia adelante que quiero haber texturizado individualmente en mi ilustración final. Así que voy a tocar control o comando X para cortar eso, crear una nueva capa, llamar a esa capa cielo y asegurarme de que está en la parte inferior, y luego simplemente voy a ir a él y pegar en su lugar, o Aiken usar el atajo de teclado, turno, mando o control de la y entonces sólo pasaré por cada capa y haré lo mismo aquí mismo. Creado nuevas nubes de capa pegan que en mi siguiente capa arriba serían estas montañas. Los cortaré, crearé una nueva capa, lo llamaré montañas, pegaré eso, y el edificio es el siguiente. Asegúrate de que tengo esa capa por encima de las montañas edificio pegar eso en. Ahora bien, si estos árboles no me voy a preocupar demasiado por tener cada árbol individualmente en un separado más adelante. Yo sólo voy a asegurarme de que estos árboles sean aproximadamente de la misma zona. Y así los voy a cortar y ponerle nombre. Árboles que y pegan esos en y luego lo mismo con estos. Corta esos y luego crea esto. Llámalo. A continuación, los árboles pueden pegar eso en. Pero ahora se puede ver que esta capa de suelo de piso está encima de esos árboles. Bueno, necesito cortar eso y asegurarme de que está debajo del edificio porque el suelo debe estar debajo del edificio. Y así lo haré, en ese extremo, deslumbrar el suelo y luego pagar siete y ahora es exactamente donde pertenece, aunque estos árboles deberían estar frente a eso. Y eso es porque tengo este gran bar justo aquí que me olvidé de cortar. Y así voy a controlar Xer Command X para cortarlo de nuevo, clic en la capa de suelo y cambiar el control de comandante vía para ritmo que señale. Ahora todo debe estar en su capa correcta. Ahora tengo estas dos capas que empecé con el principio, y sólo voy a eliminar esas para que no tenga que preocuparme por eso más adelante. Ahora, una vez que estés a este punto con todos los diferentes objetos en sus propias capas individuales, puedes tener esto listo para enviarlo en una tienda de fotos. Ahora hay dos formas en que puedes enviar esto a la tienda de fotos. Una es enviarla en vectores, que lo hará escalable tanto como quieras. Y eso es un poco más complicado porque en realidad tendrías que copiar cada objeto individual o cada capa y luego pegarlo individualmente en la tienda de fotos. Y lo bonito de eso es que puedes texturarlo en este flujo de trabajo. Te voy a mostrar o puedes hacerlo de otra manera que te voy a mostrar primero, que es ir a exportar. Y luego voy a ir a decir escritorio llamarlo mi ilustración vista, y voy a ponerlo como un archivo de Photoshopped. Cómo voy a exportar el archivo y voy a golpear usar tableros de arte para que corte todas estas otras áreas que no exportan. Y quiero establecer este dedo del pie rgb porque estoy planeando usarlo en la web. A pesar de que puedes parecerte un si estás planeando usar imprenta, voy a poner mi resolución en Voy a ir 500 solo para asegurarme de que tengo mucha área de trabajo . Una de las cosas que esto hace es que esto va a aplanar tu imagen. Y así, como mencioné, si copias todas estas y luego lo pasas en una tienda de fotos, entonces eso te va a dar un tamaño ilimitado. Pero si lo exporto de esta manera, va a aplanar todas estas diferentes capas. A pesar de que te mostraré una vez que lleguemos a una tienda de fotos, cómo los aplana. Y así voy a golpear capas correctas y hacer máxima capacidad de edición y una cosa solo para asegurarme de este modelo de color aquí mismo RGB para verlo como un tienes que asegurarte si quieres exportar esto correctamente, que esta de aquí es la igual que su expediente. Entonces mi archivo es RGB Así que necesito exportar este dedo del pie rgb y luego puedo golpear capas correctas y hacerlo máxima capacidad de edición. Si tengo este set para parecer, Hey, Hey, puedes ver que estos son geniales. No me dejará tener esto diferente a mi tipo de archivo. Entonces voy a asegurarme de que estos aire sean consistentes Entonces tenía bien, y muestra esta pequeña notificación que dice que algunos de los contenedores o los objetos van a ser aplanados, y eso ya lo sé. Entonces sólo voy a golpear ok, y ahora va a guardar esto como un archivo de Photoshopped. Y ahora, en el siguiente video, te mostraré cómo puedes texturizar todos estos diferentes objetos y agregarle profundidad. 3. Agrega la textura y profundidad del campo: Muy bien, chicos. Entonces una vez que hayas abierto una tienda de fotos, ahora puedes abrir tu archivo y empezar, así que voy a ir al archivo abierto. Y aquí la ilustración que exporté. Y como hice clic en tablas de arte de exportación, revisé las tablas de arte en la pestaña de exportación. Un ilustrador. Esto es todo Croft, justo al borde de eso. Nuestro tablero que tenía un ilustrador. Ahora obviamente una de las cosas más importantes que esto es tener texturas dedo del pie se suman a esto . Y así voy a ir a Internet y estos aires pocos sitios web que he usado Teoh encuentran texturas que me gustan mucho y uso mucho en photoshop. Este si te vas a diseñar cortes dot com y sigues el o L. Y estos también están en la descripción para el curso, por lo que solo puedes encontrar los enlaces e ir a estos sitios web. El éste tiene unas bonitas texturas de papel. Puedes comprarlo, o también tiene un pack de muestra gratis, incluyendo algunas texturas gratis. Y esos son los que voy a usar para este proyecto. También puedes ir a la textura, mate. Aquí hay algunas texturas realmente bonitas, y puedes ordenarlas a través de todo tipo de categorías diferentes, como grunge. Y hay algunas texturas grunge realmente bonitas. Y si te saltas por algunas de todas, voy a ir a la Página seis y puedes encontrar algunas texturas grunge realmente bonitas. De hecho, creo que en realidad usaré una textura de este sitio web. Y así este se ve realmente bien y vio acaba de golpear clic derecho y copiar imagen para asegurarse que tiene eso. Y solo para volver a esto y esto es texturas dot com. Si creas una cuenta, obtienes una cuenta gratuita y puedes descargar unas cuantas imágenes diferentes cada semana y obtienes créditos extra cada semana. Y así esto es texturas dot com es realmente bonito sitio web que me gusta Teoh y también puedes volar a través de todas sus diferentes categorías y tener un montón de texturas realmente de alta calidad allí. Entonces solo volveré a la tienda de fotos y ahora, con ese texto leído copiado, me aseguraré de que estoy en la parte superior de todas estas capas y luego lo pegaré en la parte superior justo aquí y así podrás ver que no se ve muy bien ahora mismo, pero de todo tamaño que fuera. Asegúrate de que cubra todo. Y lo primero que me gusta hacer es asegurarme de que esté saturado. Entonces ve a ajustes de imagen y de saturar, y eso va a mantener el color consistente a través del modo de mezcla que lo dije, Teoh. Y de hecho, eso es lo que voy a hacer ahora mismo es subir al modo de mezcla aquí mismo. Y podrías simplemente, como, como, desplazarse por estas Fuze Ah, comando turno, comando turno, plus o desplazar los míos nosotros. Entonces en realidad puedes ordenar a través de estos bastante rápido y mirar los diferentes efectos. Los que más uso son superpuestos o luz suave porque me dan lo más cercano al color original. Y así esto se ve bastante guay en este momento. Realmente no me está gustando esta textura, así que voy a volver y voy a encontrar una diferente. Que eso no tenga este feo patrón en él. Voy a ver este, y esto se ve un poco más bonito, así que voy a dar clic en ese, y sólo copiaré eso y lo haré después. De acuerdo, Said en el frente y luego voy a ir a ajustes de imagen y de saturar eso. Y luego pasaré por alguna mezcla diferente militando turno plus o turno mío. Nosotros y la superposición se ve realmente bien en esta luz suave así que puedo ponerme esto suavemente aquí mismo. Y si solo haces eso, este es un método que uso para texturizar. Si tengo que conseguir toda la imagen texturizada muy rápido, entonces esa es simplemente una manera muy rápida de hacerlo. Pero a menudo me gusta ir en las cosas de textura individualmente, y así que solo voy a apagar eso por un segundo e ir a cada una de estas capas. Ahora puedes ver que aún tengo mi capa separada y están todas en sus diferentes áreas. Y así voy a volver a encender esto, y voy a arrastrarlo hasta aquí. Y si mantengo presionada a Ault en las ventanas u opción de lo que puedo recortar eso aquí mismo y eso va a recortar eso a la capa de nube, y ahora puedo agregar un modo de mezcla diferente para cada uno de estos. Y luego vuelvo a desplazarme por el modo de mezcla al golpear turno más o turno menos. Y así digamos que me gusta esa textura. Y no si mantengo fuera su opción y luego arrastré esta capa hacia arriba. Puedo agregar una copia de ese Teoh, cada uno de estos aquí mismo. Y entonces solo mantendré toda su opción otra vez y luego recortaré cada uno de estos y arrastraré uno encima. Y ahora tengo una textura individual para cada área para que pueda decidir manualmente qué modo de mezcla y qué textura está en cada una de estas. Entonces les voy a poner toda luz demasiado suave en esa. Sobrecargar cosas como así algunas de estas como el fondo. Permítanme añadir otro al fondo ese cielo. Digamos que quiero que ese cielo sea un poco más de textura que el resto de nosotros, pero el edificio. Quiero que puedas ver un poco mejor, así que voy a dar click en esta capa sobre el edificio y luego todo cambiar la opacidad. Voy a soltar eso bastante, y así que esa es una forma muy rápida en la que también puedes entrar y realmente personalizar donde tienes texturas en diferentes objetos. Ahora para llegar ir aún más allá. A veces lo que yo Dio es entraré y pintaré mi propia textura sobre cada objeto individual para que pueda obtener mi propia sensación realmente personalizada. Entonces voy a entrar y eliminar el contenido de cada capa y añadir mi propia capa y recortar una capa en blanco a cada una de estas capas pulsando nueva opción alrededor de click para recortar esa capa enseñar. Y aquí es donde realmente puedes empezar a agregar algunas texturas divertidas y expresivas a las abejas. Lo que voy a hacer es usar la herramienta de pincel, así que primero voy a bajar al cielo, y luego voy a ir a cepillos preestablecidos y he ido y tengo unos cepillos de suciedad. Y se puede ir aquí también, para cepillar fácil punto com. Y esto tiene pinceles gratis de tienda de fotos que uso mucho. Tienen todo tipo de diferentes. Simplemente voy a buscar, como una calle o grunge o algún tipo de pincel texturizado. En realidad me gustan mucho las texturas de color agua a eso se ve muy bien, y así que encuentra algún tipo de ah, pincel, y una vez que lo descargues desde aquí, si vuelves a show fotográfico, puedes ir a y ve a tus presets de pincel. Y luego así escribes presets de pincel y luego puedes presionar en este botón de menú, puedes ir a cargar pinceles, y el archivo que descargarás desde ese sitio web es un archivo A B R, y así podrás encontrar cualquier pincel que hayas descargado. Entonces aquí hay algunos cepillos de suciedad. Eso me va a encantar. Y luego si uso mi herramienta de mama aquí mismo, puedo empezar a pintar en alguna textura. Pero por defecto, si voy a la configuración del pincel, aparece a pincel ahí mismo. Y tengo mi panel de pecho aquí. Voy a añadir algunas dinámicas de forma. Y así esto va a cambiar un poco el tamaño, tenerlo aleatorizado y aleatorizar una dispersión, tal vez solo un poquito y luego aumenta el espaciado. Y esto va a hacer que se vea un poco más natural. Para que no tengas un patrón repetitivo NUG Lee, así que es un poco más aleatorio entonces, una vez que tenga eso, puedo entrar y empezar a cepillarme en cada una de estas capas. Entonces esto está en mi capa de cielo. Y ya que sé que va a ser una textura. Ya voy a establecer el modo de mezcla luz demasiado suave, y entonces solo puedo empezar a cepillarme en alguna esta textura y se ve realmente bonito. Es casi caloría de agua en el fondo, pero estoy pensando que esto va demasiado año, Ari perdiendo algo de textura ahí arriba. Y así una cosa que me gusta dio, aunque eso real rapido y me gusta probar colores. Volveré a esto y luego iré dinámica de color y tendré el jittery de primer plano y fondo un poco, y luego voy a seleccionar un color para el primer plano. Entonces voy a usar el dolor, seleccionar un color allá arriba y luego lo haré un poco más oscuro y luego toda muestra de color del área más clara en esto, y lo haré un poco más claro, también. Y ahora, cuando entre y pinte color en esto, entonces va a agregar aún más color ahí, y voy a volver a poner esta luna de sangre a la normalidad porque no me estoy mezclando en un más. En realidad estoy usando esos colores, y así ahora realmente se puede ver que agrega algo realmente agradable textura en eso y luego para cada capa. Entonces, por ejemplo, esta es una capa de nubes que es así de azul claro. De hecho, lo que puedes hacer para hacer esto rápidamente es mantener presionada toda su opción y usar el cuentagotas, y luego podrás cambiar rápidamente el color a partir de ahí. Entonces voy a hacer eso todo el interruptor de opción que se ven justo aquí y en un azul más oscuro. Y ahora añadiré pintura de Cem a estas nubes para asegurarme de que dije eso a la normalidad. Y voy a pintar con ese color más claro y puedes cambiar el tamaño de este pincel. Vamos a ir justo aquí, pincel a forma, tamaño, tamaño que abajo un poco. Y luego puedes agregar un poco más de textura ahí dentro así. Y así voy a pasar y añadir algunos de estos colores aquí mismo. Era una más oscura para esto y se oscurece más por eso y luego agrega algo de color a estas montañas textura. Ahora di, solo quiero esto por unos cuantos estas capas tal vez, tal vez sólo los árboles ahora tienen el verde y luego conseguir un verde más oscuro. Digamos que quiero pagar empezar con un verde más oscuro. A lo mejor nos vamos a ir más oscuros que y quiero decir, es esto y golpear multiplicar para que yo esté guardando las líneas en mis árboles. Y luego tienes algo realmente divertido, agradable textura en estos árboles. Voy a hacer lo mismo en esta otra capa y asegurarme de que eso se multiplique. Y eso es muy rápido me va a dar algo realmente divertido, agradable textura cuando estos árboles realmente rápidamente. Y ahora digamos que ya es lo suficientemente bueno por ahora, pero solo quiero agregar una textura general para todo lo demás. Tengo esa misma textura que tenía antes copiada y soldados golpearon el control V para pegar eso y todo tamaño de nuevo. Soy un extra quitar la saturación,está bien, está bien, que superponerse a ti mismo como. Pero ahora solo quiero esto en el hay que no tenía ya textura. Entonces creo que esa capa aquí. Ya sabes que eso y ahora muy rápido, he añadido muchas texturas diferentes en esta ilustración. Y ahora si el siguiente paso que busco es agregar algo de profundidad de campo, puedo empezar a entrar en estas diferentes capas. Por ejemplo, de estas nubes. Digamos que estoy en esos dos Pieri un poco más lejos, y así que solo daré clic en esa capa de nube y luego solo haré clic derecho en ella y presionaré Convertir a Objeto Inteligente. Y ahora puedo entrar a filtrar y agregarle un desenfoque a todo, pegarle un ga Schindler y hagamos que estos parezcan bastante atrás. Y luego le haremos lo mismo a las montañas. Convierte eso en un objeto inteligente y el desenfoque de filtro se volvió similar, pero no del todo hasta ahora. Y luego nosotros en estos árboles. Queremos asegurarnos de que este edificio sea lo que es mayormente y enfocado. Y así vamos a dejar el edificio en paz y sólo vamos a empezar a meternos con los árboles, Convertir esos tan inteligentes, objetar y filtrar borran, y luego haré lo mismo a los árboles frontales. Convertir a filtro de objetos inteligentes, desenfocar. Y ahora la última área que hacer es el suelo. Y así voy a ir a mi capa de suelo. Es decir, haga clic en ambos, y así tengo estos dos convertidos en un objeto inteligente. Y entonces si yo si tuviera un desenfoque a eso, en realidad puedo ajustar qué áreas aire borrosas con una máscara en él. Por lo que tengo mi máscara de filtro inteligente. Y si tuviera a mi tía abuela Tool aquí mismo, G, entonces puedo hacer click en la máscara y arrastrar eso y asegurarme de que Onley las áreas que quiero borrosas o me den borrosas. Y así ahí lo tenemos. Estas son algunas formas diferentes en las que agrego profundidad de campo y desenfoque a mis ilustraciones para realmente darles vida y añadirles mucho color. Bueno, espero que hayas disfrutado de este curso, y las estas técnicas te son útiles. De verdad los amo. Realmente me ayudan a traer mucha vida y profundidad a mi propio trabajo. Y estoy seguro de que lo harán para ti también. Y si te gustó el curso y por favor dale una reseña para que las otras personas lo confinaron y disfruten de estas habilidades para