Ilustración digital: diseñar tarjetas postales vintage personalizadas | Connor Brandt | Skillshare
Menú
Buscar

Velocidad de reproducción


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

Ilustración digital: diseñar tarjetas postales vintage personalizadas

teacher avatar Connor Brandt, Graphic Designer, College Student

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

      2:32

    • 2.

      Preparación

      4:19

    • 3.

      El proceso

      2:39

    • 4.

      La herramienta Pluma

      1:12

    • 5.

      Construcción de formas

      3:06

    • 6.

      Usando trazadas

      3:02

    • 7.

      AGREGA COLOR

      5:22

    • 8.

      El marco

      2:55

    • 9.

      El cielo

      3:19

    • 10.

      Agregar texto

      2:51

    • 11.

      ¡FELICITACIONES!

      0:35

  • --
  • 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.

882

Estudiantes

10

Proyectos

Acerca de esta clase

¿Tienes fotos de vacaciones? ¿Tienes fotos? ¿De algo? ¡Entonces puedes participar en esta clase! En esta clase rápida de 32 minutos, el diseñador gráfico Connor Brandt comparte el proceso y las técnicas para crear una ilustración precisa y atractiva de tus propias fotografías.

Aprenderás a reconocer las formas básicas necesarias para representar tu imagen original, y a la vez te darás un aspecto más audaz y aerodinámico. Al juxtaposing las sombras profundas del primer plano con un cielo radiante, un marco grueso y un texto art decó, puedes hacer que incluso la imagen más mundana parezca algo que pertenece al frente de una postal.

¿Qué foto elegirás? ¿El puente de Golden Gate? ¿Tu hogar de la infancia? ¿El Walmart local? No hay límite para lo que puedes hacer. ¡Así que comencemos!

Conoce a tu profesor(a)

Teacher Profile Image

Connor Brandt

Graphic Designer, College Student

Profesor(a)

Connor Brandt is a 20 year old who enjoys graphic design and listening to music. He sometimes types in the third person.

Hey, I'm Connor. I'm a Junior at the University of Nebraska at Omaha. Even when I was too young to know how to use a computer, I always had logo ideas in my head. Ones that I'd have to scribble on paper with colored pencils. So when I finally found a way to really make my ideas come to life, I was hooked. I started out designing sports uniforms and logos in Microsoft Paint when I was about 12. I've since become interested in all other aspects of graphic design, working first in Inkscape and now in Illustrator. Graphic design is something I enjoy doing both for myself and for other people, and I'm now sharing my skills (see what I did there?) with others on ... 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: acción. Hola a todos. Yo soy Connor Brandt. Soy estudiante de primer año aquí en la maravillosa Universidad de Nebraska en Omaha. Sí, soy estudiante de primer año, así que vas a estar tomando órdenes de un niño de 18 años, pero está bien. Llevo haciendo esto un tiempo, así que he tenido un diseño interesante desde que era un niño cuando siempre estaría dibujando logotipos deportivos o vuelos del mundo. Y luego alrededor de los 12 años descubrí Microsoft Pain, que solía copiar y pegar logotipos y cambiar los colores, cosas así. Ten en cuenta que todos mis diseños de esta época fueron estos horripilantes líos pixelados. Pero ahí es como donde no empiezo. Eventualmente, pasé de la pintura al escape, donde empecé a trabajar con Vector Art. Y entonces hace como tres años, conseguí Illustrator, y desde entonces lo he estado usando. Me he expandido más allá de los logotipos deportivos. Hago mucho diseñando solo por diversión, como carteles de banda, diseños de camisetas o simplemente cualquier otra idea aleatoria que se me metió en la cabeza. Entonces tuve una idea aleatoria para este proyecto, y eso son postales. Vamos a estar haciendo postales ¿Por qué hice este proyecto? Bueno, me gusta ir a lugares, y me gusta tomar fotos, y me gusta tomar fotos de lugares a los que voy. Así que termino con muchas fotos de vacaciones en mi computadora, y me encantan todas mis imágenes, pero también me encanta el arte gráfico vector art, este tipo de ilustraciones audaces, casi caricaturales. Entonces en esta clase, te voy a enseñar a tomar tus propias fotografías y transformarlas en una ilustración bonita, limpia e inspirada en la vendimia. Creo que este es un proyecto bastante fácil y divertido que cualquier persona con el programa vectorial toma. Por lo que espero que se unan a mí. Espero que hayas aprendido algo, y espero que te diviertas. Gracias, Dutch amor escuchar tu voz. 2. PREPARACIÓN: Hola a todos, todos, y bienvenidos de nuevo. Es hora de empezar en nuestras postales. Entonces primero lo primero, vamos a tener que escoger una foto. Ya sabes, obviamente las opciones más populares para las postales son destinos vacacionales o puntos de referencia. Podrías ver una estatua de la Libertad, Puente Golden Gate y cosas así. Pero mi objetivo para este proyecto es que elijas algo un poco más personal, poco más único para ti. Entonces tal vez esa es una bonita foto de tu casa, tu barrio, tu ciudad natal, lo que sea. A lo mejor es un lugar vacacional. Tú y tu familia van a hacer mucho, pero eso no se encuentra en la tienda de regalos en una postal. Entonces absolutamente haces la Estatua de la Libertad, si quieres. Aquí nada está fuera de límites, pero para este ejemplo, para demostrar que realmente, cualquier imagen puede hacer una hermosa postal. Yo sólo elegí una mala foto. Entonces un día salí a mi porche y tomé esta horrible, triste, nublado imagen de los dormitorios aquí en Omaha y descargo de responsabilidad. Tenemos un hermoso campus. Me encanta. Esto es solo otro sabio del tiempo del Día del Coro con cielo blanco nublado, feo. Todo está un poco lavado de todos modos. Elegí esta foto porque quiero mostrarte que podrías llevarte esto, Gírala a algo así. Nuestro producto terminado. OK, entonces una vez que hayas elegido tu foto, vas a querer hacer algunos ajustes. Entonces vamos a copiar y pegar esto en la tienda de fotos ahora. O quieres copiarlo y pegarlo o hacer un duplicado porque no quieres arruinar tu foto original, Obviamente. Y no es absolutamente necesario que tengas Photoshopped para esto. Simplemente vamos a estar haciendo algún ajuste básico de nivel de contraste, que se puede hacer en I photo o en Windows Photo Gallery. Creo que si estás usando eso Así que vamos a pegar esto aquí y primer paso, probablemente sea para hacer algo de recorte. Así que deshazte de todo el detalle innecesario y las cosas que serían un poco más difíciles de trazar e ilustrar una vez que lleguemos al siguiente paso. Entonces aquí, voy a tomar la herramienta de cultivo. Yo traigo esto, le doy esos árboles. Puede ser que algunos de este primer plano aquí en la acera y traiga la parte superior hacia abajo y deshágase de alguno de este tipo ahí mismo. Eso se ve bien. Entonces lo principal que estamos haciendo aquí es chocar con el contraste. Por lo que esto esperemos que tu imagen sea más fácil Trace una vez que sea un ilustrador. Y si viste mis látigos, mi foto final tiene es mayormente toda sombra con unas cuantas formas superpuestas en eso, así que vamos a querer que estos sean fácilmente definidos y fáciles de rastrear. Entonces una vez que tengas tu recorte de imagen donde lo quieras ahora vamos a ajustar el contraste , así que ve a ajustes y niveles de imagen. Entonces queremos darle a esto muchas sombras profundas, oscuras y hacer eso. Toma esta flecha negra por aquí y tráela un poco. ¿ Ves cómo funciona eso? Puede traer el extremo blanco para darnos un bonito borde definido aquí entre el cielo y el primer plano y luego durar, se puede jugar con esta flecha gris en el medio, probablemente quiera traerlo al más cercano blanco. Puedes ver estas formas empezando a formarse aquí, y solo juegas con eso para ver qué funciona mejor para tu imagen. Pero creo que eso se ve bien ahí, y una vez que lo hayas hecho, eso es todo lo que vamos a hacer en photoshop, y estamos listos para pasar a Illustrator 3. El proceso: bien, ahora has escogido tu imagen, hecho algunos ajustes rápidos y ahora es el momento de llegar a la parte divertida en Illustrator. En este video, voy a explicar el proceso de pensamiento básico que va a hacer estas postales. Y te voy a mostrar algunos pequeños trucos y atajos que puedes usar para crear formas rápida y fácilmente. En primer lugar, antes de que empecemos a rastrear o algo así, quiero mostrarles aquí mi producto terminado y explicarles cómo llegamos a este punto. Todo esto se puede descomponer en unas cuatro regiones básicas, que son esta sombra. Estos resalta el cielo y el marco. El primer apartado en el que vamos a trabajar es la sombra. Esto básicamente aquí mismo, que tipo de actúa como una base para el resto de la imagen, y todo lo demás se construye alrededor de eso. Y cuando terminemos con eso, empezaremos a trabajar aquí en estos aspectos destacados, que agregarán algún detalle y profundidad a tu imagen. Entonces ahora que tienes una idea de lo que estamos haciendo aquí, vamos a pasar la imagen a ilustrador así que abre un nuevo documento. Y como es vector, realmente se puede hacer de cualquier tamaño. Quieres más grande, pequeño y luego redimensionarlo cuando hayas terminado. Pero prefiero elegir un lienzo más grande para poder acercar algunos de los detalles. Entonces creo que 2400 por 1600 es un buen tamaño para esto. Obviamente, si tu imagen está orientada de manera diferente, quieres dedo del pie dar la vuelta a esos números. Voy a ir a buscar mi foto de la tienda de fotos, copiar y pegar. Y esto no tiene que encajar exactamente, pesar de que aquí hay algunos espacios en blanco. Eso lo arreglaremos agregando el marco, el cielo y el texto todo más adelante. Entonces, consigue tu lugar de imagen donde lo quieras, y para poder rastrear esto más fácilmente, vamos a bajar la opacidad a unos 40 o algo así. Por ahí, lo que sea que se vea mejor, y ahora estamos listos para hacer algún rastreo. Como mencioné antes. El primer paso es crear esta forma de sombra aquí mismo, que obviamente ya está terminada. Pero lo voy a rehacer para mostrarles algunas de las técnicas que utilicé en esta postal y en mis otros ejemplos. Por lo que puedes aplicar estos a tu propia imagen y poder trazar otra materia. Además, solo estos edificios de dormitorios 4. La herramienta Pluma: forma de trazar es simplemente delinear tus formas exactamente como aparecen. Esto funciona mejor para edificios o tal vez una formación rocosa que quieres mantener en su forma original exacta . Esto no es diferente de trazar una imagen en papel. Simplemente estás siguiendo la línea exactamente como la ves, y no se necesita mucha habilidad artística. Entonces, para hacer esto, solo vas a llevar la herramienta de bolígrafo por aquí. Y prefiero usar solo un bonito trazo negro delgado y acercar y simplemente hacer clic en cada punto así. Y si te diste cuenta, también fui todo el camino hasta el fondo del tablero de arte para asegurarme de que esta forma llene mucho espacio. ¿ Es que puede. No me molesté en trazar estos árboles por el momento porque te voy a mostrar cómo hacer eso a continuación 5. Construcción de formas: por lo que la herramienta de pluma funciona bien para este edificio aquí. Pero, ¿qué pasa con los árboles? No quiero perder el tiempo delineando cada una de las ramas de este árbol. Y además es oso, y nadie quiere un árbol desnudo en una postal. Entonces voy a hacer trampa un poco aquí. Voy a usar formas muy básicas como círculos y cuadrados, que todos se pueden encontrar por aquí, y las voy a usar para representar estos dos árboles. Entonces en primer lugar, voy a usar un cuadrado para cada baúl. Voy a tomar un círculo y sólo una especie de estimar dónde ponerlo y qué tan grande hacerlo en base a la forma general del árbol. Y la forma más rápida de duplicar formas en lugar de copiar y pegar es simplemente mantener pulsado, opción y arrastrar. Y siempre se puede redimensionar estos dos. Entonces voy a hacer esto por todo el árbol. Una vez que tengas todas tus formas dispuestas aquí, vas a querer combinarlas en una sola forma sólida. Y la mejor herramienta para eso es la herramienta constructor de formas por aquí. Entonces el primer año, vamos a querer seleccionarlos a todos. Asegúrate de no meter el fondo ahí dentro, y luego es como la herramienta de creación de formas y simplemente haz clic y arrastra por todas las formas que quieras unir. Por lo que debería terminar luciendo como algo así y ver cómo es ah, forma sólida ahora. Y voy a dar a estos árboles aquí abajo el mismo trato. La herramienta constructor de formas también se puede utilizar para deshacerse de las formas. Entonces para evitar que eso sobresalga aquí, solo voy a crear un rectángulo, seleccionarlos a ambos. Es como la herramienta constructor de formas y luego mantenga presionada la opción para deshacerse de las formas. Yo estoy firmado, señora Spot ahí, lidera esos. Y yo voy a hacer lo mismo por este. A pesar de que la mayoría está aquí abajo, voy a rastrear todo porque más adelante, voy a añadir algunos aspectos destacados para ayudar a que esto destaque un poco desde el suelo Y ahora voy a unir estos juntos, y eventualmente todo esto será de una forma a. Pero otra vez, voy a dejar esto en vivo para poder trabajar en algunos aspectos destacados ahí. Los círculos funcionan bien para la mayoría de los árboles, pero digamos que si es un pino, siempre puedes usar triángulos, tal vez para algo así u óvalos. Esa es la belleza de la misma es. Puedes usar cualquier forma de esta pequeña caja desplegable para ilustrar casi cualquier cosa. 6. Uso de pinceles: Otra técnica que es importante es usar diferentes anchuras de trazo para crear líneas paralelas . Porque si estoy rastreando algo así como la parte superior de este edificio aquí, sería un dolor tratar de delinear exactamente y conseguir todo alineado. Ves, eso termina luciendo un poco incómodo. No se ve bien. Entonces una manera fácil de rodear eso es reventar tu trazo aquí. Y luego, en lugar de delinear todo, simplemente dibuja una línea recta en medio y solo el grosor más adelante si es necesario. Y una vez que tengas algunos de los trazos hacia abajo, puedes seleccionarlos y luego ir a la trayectoria del objeto, trazo de contorno y volver a usar la herramienta de creación de formas para unirlos por completo. Otra área en la que podrías usar trazos es algo delgado como ofensa. Y luego para estas líneas más pequeñas, algo que viene muy bien es la herramienta de mezcla. Entonces para algo como esto, crearía un trazo en este extremo, lo duplicaría, lo traería aquí abajo, luego los seleccionaría ambos e iría a objeto, mezcla, haz, y tú se puede ver ahí hay un poco. Entonces voy a volver a mezclar opciones y ajustar la cantidad de pasos Así que si son 40 ahí mismo , voy a querer bajar a unos 25 tal vez menos. Y una vez hecha la mezcla, siempre puedes hacer doble clic aquí y ajustar la longitud de estos y para crear formas a partir de tu objeto mezclado, irías a mezcla de objetos, expandirías, expandirías ruta de objeto delineada acariciar ferrocarriles para unir estos juntos y deshacerse de esta zona aquí abajo. Y ahí tienes. En el siguiente video, discutiré algunas técnicas más. Te has acostumbrado a afinar tu imagen y acercarla al producto terminado. 7. Cómo añadir colorre: Ahora que ya tienes todos tus contornos hechos, necesitamos rellenarlos con algún color. En lugar de hablar de todos mis ejemplos terminados, decidí empezar uno nuevo desde cero para poder guiarte por estos siguientes pasos un poco más fácil. Entonces aquí te dejamos un rápido lapso de tiempo de los pasos que cubrí en los videos anteriores. Está bien, así que aquí tengo mi contorno de sombra, que había decidido hacer un poco más grueso para separar estos reflejos del cielo Ahora voy a darle a estos reflejos un trazo blanco por el momento. . Dedo del pie. Ayúdalos a destacar de mi fondo negro más fácil. Y sólo para que pueda mantener intacta mi versión original, voy a duplicar este tablero de arte ahora al elegir colores, suelo empezar con negro para la sombra, y voy a delinear este trazo. Eso es raro. A veces con formas grandes como esta. No quiere delinear el trazo por alguna razón, así que si lo hace siempre puedes ir a expandir la apariencia y luego unir esas formas juntas. En fin, empiezo con negro para la sombra y después para los reflejos. Simplemente voy a usar la herramienta cuentagotas para seleccionar colores naturales de mi imagen original . - Ahora es poco probable que estos sean mis colores finales, pero sólo me da una idea de cómo debería ser. Y mientras hacía eso, estaba agrupando. Colores similares como este estallaron aquí, este blanco y las escaleras. De esa manera, todo será más fácil editar si decido volver a cambiar los colores. Entonces voy a agrupar todos estos. Y también, ahora que es más fácil ver que esto empieza a tomar forma, voy a hacer algunos ajustes menores a algunas de estas formas. 8. El marco: Ahora básicamente estamos terminados con el núcleo de nuestra imagen. Aparte de ajustar estos colores una vez más, una vez tuvimos el marco y todo lo demás. Entonces por ahora mismo, voy a agrupar todo esto. Saca esto del camino y para el marco. La forma más fácil de hacer esto es crear un rectángulo del tamaño del tablero de arte. Dale un trazo negro, asegúrate de que esté alineado con el interior. Después chocar este trazo con forma de arriba para darle un borde agradable, grueso. Entonces creo que probablemente se ve bien. Ahora estoy notando que mi lienzo y mi edificio aquí son un poco desproporcionados. Entonces voy a ajustar este rectángulo para acomodar para el cielo y el texto que vamos a agregar más adelante. Y voy a redimensionar mi tablero de arte en consecuencia. Y ahora que esto es todo grupal, puedo redimensionarlo y especie de centrarlo aquí. Por lo que tenemos espacio para este rectángulo en la parte inferior. A dónde están el texto va a ir y hacer ese negro para que coincida con la sombra. Una vez que tengas tu marco en el lugar correcto, vas a querer seleccionarlo y luego delinear el trazo, luego darle a esa forma su propio trazo. Y por alguna razón, no me quiere permitir cambiar la alineación del trazo por aquí. Entonces solo voy a crear una forma idéntica usando rectángulos. No estoy seguro de por qué hizo eso. Podría ser solo un error, pero quiero conseguir esta forma de marco para que pueda cambiar la alineación de trazo por aquí. Ahora que tengo esto, voy a hacer del color de relleno un color resaltado como este rojo. Y luego que el color del trazo sea negro oscuro en este caso. A continuación, alinea el trazo hacia el interior y aumenta hasta que obtengas esta bonita delgada línea aquí así. Eso es justo lo que me gusta hacer por el marco. Eres bienvenido a probar algo más por tu cuenta. A lo mejor quieres una línea discontinua, algo así, o siempre puedes crear tu propio pincel por aquí. 9. El cielo: Tengo mi marco donde lo quiero, y el siguiente paso es agregar el cielo. Esta es probablemente mi parte favorita porque es bastante rápida y fácil, y realmente agrega mucho a tu imagen para algo así como traerla a la vida. Entonces primero solo voy a crear un rectángulo con un color cielo y luego enviarlo a la parte de atrás y tal vez ajustar un poco el color. Entonces voy a tomar forma de estrella, y mientras mantienes pulsado el ratón, puedes hacer una variedad de cosas como usar las flechas de tu teclado para aumentar el número de puntos en la estrella. Si mantienes pulsado el comando al mismo tiempo, esto aumentará la longitud de cada punto, y manteniendo presionado el desplazamiento aumentará el tamaño de toda la estrella proporcionalmente. Entonces con todo eso en mente, lo que estoy tratando de hacer aquí es crear esta especie de rayos de sol que vienen de detrás del primer plano. Qué tipo de te da esta vibra art Deco vintage? Por lo que cuantos menos puntos en tu estrella, más gruesos serán tus rayos y viceversa. Entonces voy a hacer mi forma de estrella aquí que se ve bien y luego hacerlo un color ligeramente más claro que tu fondo y enviarlo a la parte trasera con este otro erigir un poco más ligero. Y una vez que estés satisfecho con la forma de esto, puedes usar la herramienta constructor de formas para deshacerte de todos estos puntos extra en el exterior. Otra opción para el cielo es usar la herramienta de mezcla para crear ingrediente desde el color claro a un color oscuro, como lo hice aquí creando un pequeño círculo con un color claro y luego un círculo mucho más grande con el color oscuro. A continuación, selecciónelos ambos y vaya al objeto. Mezcla opciones de mezcla, y puedes hacer un color suave, lo que te dará más de un verdadero aspecto Grady it. Pero prefiero usar los pasos especificados porque con un color liso, probablemente terminarás teniendo más de 100 formas individuales. Pero con los pasos especificados, puedo elegir un número mucho menor como ocho y aún así obtener el mismo efecto. Entonces vas al objeto blend, make, y ahí lo tienes. Otra opción. Si quieres um, o cielo realista o si hay nubes, quieres incluir. Siempre puedes ilustrar las nubes usando esa misma técnica que hicimos con los árboles solo con un montón de círculos aquí. 10. Agregar texto: último pero no menos importante, para completar nuestra postal, necesitamos agregar algún texto. Prefiero usar algo audaz. A lo mejor San Serif que sea legible desde la distancia para jugar con nuestro art Deco Look un poco más. Simplemente puedes ir a Google y buscar cualquier fuente Art Deco, y la mayoría de ellas se verán bien con estas postales. Pero mi favorito personal es sólo un medio futuro sencillo que utilicé para todos mis otros ejemplos. Entonces voy a escribir mi ubicación aquí abajo. Este es el hazlo blanco. En primer lugar está el Castillo de Miramonte en Manitou Springs, Colorado. Y si tienes mucha información quieres caber en la parte inferior. Siempre se puede hacer este tipo de jerarquía como lo hice aquí y también en esta y otra vez, tuve que ajustar el tamaño de mi marco para acomodar este texto aquí abajo. Entonces voy a hacer que el tablero de arte sea más grande para igualar ahora. Ninguna postal estaría completa sin un saludo de línea en la parte superior. Por lo que recomendaría usar algún tipo de cepillo luchado por esto. He estado usando uno llamado carry pro, cual se puede encontrar en type kit si eres un usuario creativo de la nube y usualmente me gusta darle a esto algún tipo de esquema para que destaque más así poder delinear esto, voy a golpear turno comando Oh, para convertirse en forma. Y luego uso futuro de para el de línea, y en este punto, ya estás bastante hecho. A lo mejor quieres hacer algún ajuste de último minuto del color. Me gusta usar el menor número de colores posible. Entonces tenemos este rojo, este marrón, el marrón muy oscuro verde apagado blanco y azul, y tu color de sombra no siempre tiene que ser negro. Podría ser este marrón oscuro como lo usé aquí, especie de ah, tono morado o tal vez azul marino, realmente cualquier cosa oscura, Así que todo es completamente tu elección. 11. ¡Felicitaciones!: Por lo que ahora ojalá hayas terminado con tu postal. Te animo a subir tu producto terminado aquí para que puedas obtener algunos comentarios de compañeros de clase en de mi parte también. Como dije, si tienes alguna pregunta sobre algunos de los escalones cubiertos o algo así, quieres que te explique más. Por favor pregunte. Me encantaría ayudar. Me encanta enseñar esta clase. Y me emociona ver lo que todo el mundo se le ocurrió una vez más. Gracias. Y hasta la próxima vez, adiós.