Diseña tu propio volante de eventos | Amie Colosa | Skillshare

Velocidad de reproducción


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

Diseña tu propio volante de eventos

teacher avatar Amie Colosa, Designer & Front-end Developer

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

8 lecciones (33min)
    • 1. Introducción

      1:16
    • 2. Algunas herramientas útiles del programa para comenzar

      6:56
    • 3. Configuración de tu archivo

      3:44
    • 4. Tipografía

      4:20
    • 5. COLOR

      2:00
    • 6. Imágenes

      2:55
    • 7. Conceptos básicos de la maquetación y bocetos

      5:50
    • 8. Crear el producto final

      6:23
  • --
  • 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.

472

Estudiantes

--

Proyectos

Acerca de esta clase

¿Tienes un evento que organizaste y desearías que tuvieras las habilidades para unir algo que no sea el texto en Microsoft Word? ¿No sabes lo primero que hay sobre el diseño gráfico? Esta es una clase para que los principiantes completos creen su propio diseño de volantes. Los estudiantes aprenderán conceptos básicos de diseño gráfico, como la disposición, la manipulación de fotos, la tipografía y el color. Necesitarás Adobe Photoshop o el programa de código abierto GIMP.

Conoce a tu profesor(a)

Teacher Profile Image

Amie Colosa

Designer & Front-end Developer

Profesor(a)

Calificaciones de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%
Archivo de reseñas

En octubre de 2018, actualizamos nuestro sistema de reseñas para mejorar la forma en que recopilamos comentarios. A continuación, se muestran las reseñas escritas antes de esa actualización.

¿Por qué unirse a Skillshare?

Toma las galardonadas clases originales de Skillshare

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Toma clases sobre la marcha con la aplicación Skillshare. Transmite o descarga para verlas en el avión, el metro o donde aprendas mejor.

Transcripciones

1. Introducción: Hola, bienvenido. Mi nombre es Amy y quiero armar esta clase para mostrar a cualquiera, incluso principiantes completos cómo crear un volante. No te preocupes. No tienes ningún desayuno que experimente ser aprendido Teoría del diseño a lo largo. Estaré haciendo los proyectiles de pantalla y será Photoshopped. Ese es un programa que estoy más cómodo y puedes usar photoshop para el open source y programa gratuito llamado él Tempus, similar a la funcionalidad de florería o con una interfaz diferente. Es decir, esta clase sea agnóstico programático y accesible para todos. Por lo que no hay necesidad de preocuparse por comprar tienda de trimestre si no tienes acceso a ella. Hizo variados, flores e invitaciones durante mis años desde que me gradué de la escuela de diseño. Si bien vivimos en una época en la que las cosas se estaban volviendo cada vez más digitales, siempre habrá necesidad de volantes impresos. En esta clase, aprendes a hacer diseño y llamativos fuegos como estos para que no tengas que recurrir , armando un portapapeles en texto y Microsoft word la próxima vez que anuncies algo, si tienes una idea puedes totalmente hacer que suceda en la primera sección se estará repasando algunas herramientas de programa para usar Ver allí 2. Algunas herramientas útiles de programa para empezar: en esta clase. Nos estamos centrando en la teoría del diseño y la ejecución. En lugar de pasar un montón de tiempo repasando cómo usar las herramientas, esas se pueden aprender fácilmente. Y hay toneladas de recurso ¿Ya está en línea sobre cómo usar y dominar Photoshop o gimp? Simplemente vamos a tocar algunas herramientas de uso común y ¿qué será más útil para hacer tu diseño de volante? Por lo que tengo abierto aquí. Um, un documento solo con un par de capas. El principal powerhouse de un programa gráfico profesional es definitivamente el palet de capas. Uh, lo que ves aquí, las capas de nombre son bastante autoexplicativas porque literalmente te permite mantener los elementos separados en una pila. Entonces show. ¿ Sabes cómo se ve eso? Múltiples cosas. Tengo una capa de color aquí. Tener una capa en blanco y negro. Um, para que puedas ver que se ve como además de esto, cada capa tiene una opción de modo de mezcla, lo que significa que controla cómo reacciona la capa con la que está debajo de ella. Entonces, por ejemplo, tengo este color en una multiplicación, um, mezcla solo un Phil azul. Por lo que puedes ver lo pongo en It, um crea ese efecto y oscurece la imagen junto con como un filtro de peso, se vuelve completamente tonificado de azul. Juega con capa, afecta un poco y consigue un combustible, Um, por los diferentes efectos que crean. Entonces otra cosa que estabas usando mucho es la paleta de colores. Encontrarás que parece dos cuadrados uno encima del otro, por lo que te permite alternar entre un primer plano y el color de fondo. Uh, muéstrale un ejemplo con ingredientes. Si tengo este color amarillo y rojo, Um, así que va a usar esos dos colores, por ejemplo, para crear ingrediente, tener algo como esto. Lo destacas. Puedes cambiar el color de lo que tengas aquí. No es muy agradable. Voy a poner de nuevo a esperar máscaras de capa. Por lo que hablando de capas, um, se convertirán en tu nuevo mejor amigo, nos meterán camino a una carrera o quitarán parte de una imagen o elemento sin que sea en absoluto destructivo. Entonces demuéstrale que queremos a Teoh una carrera. Apagamos esto, um, parte de los árboles en esta imagen o la mitad superior tan joven, demasiado máscara de capa, que es en photoshop este Ah, vamos a cuadrado con el recorte de forma. Um, Y luego vas a agarrar tu herramienta de ráfaga rosa. Dijiste así una vez que actives la herramienta de máscara, um, se va Teoh, cambia los colores disponibles a blanco y negro. Um, lo que eso significa es que el negro lo está borrando. El blanco lo está terminando de nuevo. Entonces se puede ver, por ejemplo, cuando tenían un pincel realmente grande. Si quisiéramos quitar toda esta media área, ya sabes, trabajaremos para que eso sea mejor, Pero ponla de nuevo. Y si decides Oops, quiero algo de eso de vuelta. Simplemente puedes cambiar la paleta de colores Y ahí tienes. Sí, y todo de vuelta. ¿ Quién? Um, también puedes usar herramientas de selección con capa enmascarada Onley. Selecciona una zona determinada también, así que eso es bastante aseado. Um, otra herramienta de selección que podrías estar usando con frecuencia es el lazso o en gimp. Se llama la herramienta de tijeras. Entonces hay un par de lassos diferentes. El que más me parece útil es una herramienta de lazazo magnético, para que te permita seleccionar cierto. Um, como que sigue el borde de algo. Por lo que se ve aquí reconoce el filo de esto. Entonces si quisiéramos cortar el cielo. Podrías hacer algo así. Y Ah, me encanta que lo estés enmascarando. Tienes un corte más limpio ahí. De acuerdo, um, una última cosa pasará en las herramientas. Nuestros guías, siempre y cuando tengas tus guías visibles. Nuestros gobernantes, um, y los arrastran hacia fuera. Es bueno si estás probando un texto de alineación. Voy a volver a poner esa capa de texto. Um, si quieres un texto de alineación al borde de eso, um, um, algo que usualmente dio es dejar una guía vertical. 50% para subirse a un punto central ahí. Ah, así que eso es todo para las herramientas que vienen. Siguiente. Nos vamos, Teoh, crear el documento y configurarlo. 3. Configuración de tu archivo: primero, vamos a repasar rápidamente cómo configurar un documento para su impresión, pero vamos a configurar esto para que sea del tamaño de una hoja de papel estándar, de 8.5 por 11 pulgadas. Cuando estás planeando un diseñado para ser impreso, quieres asegurarte de que estás diseñando en la resolución correcta. resolución es la medida de los píxeles en su pantalla. Por lo que 72 d P I, que es puntos por pulgada o P P I, que significa píxeles por pulgada, se utiliza típicamente para web mientras que 300 se utiliza para impresión. La resolución es súper importante porque nunca se quiere aumentar algo para ser más grande de lo que originalmente es. Perderá calidad y aparecerá pixelado, por lo que siempre puedes escalar algo de tamaño pero no hacia arriba. Entonces en realidad he creado esto en 72 para mostrarte, um, cómo será diferente en la resolución correcta, que es de 300 peopie I. Así que este es el archivo, um, 100% se puede ver el con es bastante pequeño aquí, y luego lo voy a aumentar para que sea la resolución correcta. Se puede ver cuánto aumentaron los valores de píxel y el archivo aparece mucho más grande en la pantalla. Um, se pueden ver las dos barras de desplazamiento para ver cómo más grande aparece realmente en la pantalla. No, tengo un 72 PP. Yo, um, archivo de resolución aquí con sólo parar por un minuto. Entonces si diseñaste algo en 72 pp I y tratas de imprimirlo, parecería correcto. Calidad en la pantalla como esta es ahora mismo, pero en realidad se imprimiría en una resolución más baja porque esencialmente no hay suficientes puntos por pulgada para mostrar la cantidad correcta de detalle. Entonces voy a Teoh ahora aumentarlo a 300 como lo hice, um, en el archivo en blanco. Por lo que ahora se puede ver a 300 peopie I que esto no es de alta calidad en absoluto. A lo siguiente que quieres prestar atención es el modo de color. RGB es el espacio de color para las pantallas, mientras que cm como a se utiliza para la impresión. Si estás diseñando algo que se utilizará tanto para la impresión como para la Web, recomienda diseñarlo primero y rgb y guardar una copia con el cambio de colores para ver m y que después podrías obtener algunas ligeras variaciones de color al cambiar el modo de RGB para verlo como un. Pero por lo general no será tan drástico, y se puede editar colores eran necesarios y una nota rápida. Para usuarios gimp. No hay Sam como un modo de color fuera de la caja, pero hay un enchufe llamado separado que agrega a Sam Wyche un soporte. Así que asegúrate de que cuando inicies tu volante, estás configurando el modo de color para ver M y que porque lo estarás imprimiendo. 4. Tipografía: Ya que se trata de un volante de eventos, necesitarás un poco de redacción y tipografía para sacar tu mensaje por ahí. Hay dos formas en que puedes obtener tipografías gratis y premium o, um, también conocida como pagada. Nos vamos a centrar en fondos gratuitos para esta clase. Dos de mis lugares favoritos para encontrar tipografías gratuitas de calidad son las fuentes de Google y las fuentes arremolinadas . Otro popular es diferente. Una de las cosas más importantes cuando estás trabajando en el texto en tu volante es tener una jerarquía de contenido clara. Se quiere asegurarse de que la información más importante, como el encabezamiento principal, es la más grande y destaca más. Si bien otros detalles como tiempo y lugar, lea una secundaria. Si toda la redacción tiene la misma manera, entonces será difícil que alguien mire el volante y escoja la información más importante , porque todo parecerá en el mismo nivel de importancia y será abrumador. ¿ Quién de aquí es un ejemplo de un montón de texto que es casi todo del mismo tamaño? Se estiliza un poco diferente el uno del otro, pero se puede ver directamente cómo esto aparece como una especie de bloque gigante de texto. No estoy seguro de lo que deberías estar mirando primero y lo que es más importante y lo que es menos importante. Entonces ahora hablemos de legibilidad, el que diseña tu volante. Asegúrate de que el texto diga el contraste adecuado con lo que hay detrás. Esta aquí mismo el título de noche de cine al aire libre. Um, se puede ver cómo el texto negro no está proporcionando muchos contrastes en absoluto con este, um, fondo tonificado azul. Entonces eso no es legible en sentido de color. Otra parte de la legibilidad está sobre el uso de tipografía realmente estilizada, y hablaremos más de ese líder. Se puede ver si iba a cambiar este texto. Teoh White Cuánto de una diferencia que hace También puedes usar sombras tecnológicas o contornos si necesitas darle un impulso a tu texto. Pero definitivamente no confíes en usar una sombra tecnológica para la legibilidad. Aquí hay una sombra de gota. Aquí puedes ver que tomará algo de práctica para obtener un buen control sobre qué tipo de fuentes funcionan bien juntas. Definitivamente evita usar demasiados fondos en tu diseño. ¿ Cuántos es a dinero? Trez Stick a cuatro o menos. Además, no diseñes alrededor de la fuente en otras palabras que estás diseñado no deberías depender de una fuente en particular en lugar de dejar que tu diseño sea el foco del diseño. buena tipografía viene con el tiempo y practica las principales categorías de tipos de letra o ordenadas por Sarah Si las fuentes San Serif y Display Sarah tienen florecimientos decorativos añadidos a los extremos de los trazos, mientras que las fuentes de exhibición incluyen Hendron y más estilos más fantásticos que se utilicen con moderación. lo que este ejemplo de la página web de fuentes Mundo y se puede ver cómo tienen diferentes clasificaciones de fuentes por las que consortes. Verás a San Sarah, Sarah Display Um, y exhibición incluye un montón de cosas. Um, aquí hay un ejemplo de para mostrar fuentes. Ambos tienen un estilo de guión escrito a mano similar, Um, y se puede ver por qué se deben usar con moderación. Definitivamente empareja una fuente más estilizada con una diversión más clara. Echa un vistazo a algunos sitios web principales de fuentes. Si necesitas inspiración, este se llama Font pair dot Co. puede ver que tienen algunos ejemplos y sugerencias realmente geniales para tipografías arenque juntas 5. Color: Es buena idea tener una paleta de colores en mente al principio de diseñar tu volante. Cuando no lo haces, es fácil dejarte llevar y usar demasiados colores, o simplemente elegir unos aleatorios para usarlos planeando al principio, puedes obtener una vista general si el esquema de color es armonioso o no. Bueno, este es mi esquema de color de ejemplo aquí mismo. Los pongo en muescas para obtener una visión general del esquema. Para algo de inspiración, puedes consultar sitios como Adobe Color o Color Hunt. Mirando a través de algunos de estos, se puede ver cómo diferentes colores y grupos de colores evocan emociones variables. Por ejemplo, no querrías usar un esquema de color brillante como este para un volante para algo relacionado con el hospital . Te gustaría algo más calmante, como tonos azules Adobe color Disney porque tiene muchos esquemas de color presentados por los usuarios, pero también tiene si entras en la opción de crear, puedes ver qué diferentes los colores son monocromáticos, complementarios diferentes tonos de colores específicos, agrega Tree. Se puede ver que este es un ejemplo visual realmente bueno, así que definitivamente jugar con esta herramienta. Entonces si voy Teoh de cortesía, por ejemplo, te bloquea en colores que están directamente enfrente de la rueda de color, y luego, si quieres, úsalo, puedes agarrar los valores hex directamente de él y ponerlo en su producto. 6. Imágenes: continuación, hablaremos de las opciones de imagen y de dónde conseguirlas. Puedes usar las tuyas propias son fotos de trabajadores, dice Hamrin. puja un texto, o puede hacer su propia imagen vectorial a mano libre o usando una imagen de referencia. Ahora aquí un ejemplo de una foto de stock. Si quería hacer gráfica de un auto para que puedas usar la herramienta de bolígrafo aquí en una tregua, la imagen onda. Puedo cambiarlo a mi gusto, y después de que hayas completado la forma, también puedes editarla. Eso es lo genial de la herramienta de bolígrafo. Podrás cambiar totalmente los puntos , como desees, y obtendrás una imagen vectorial, que es una imagen que conserva su calidad. Se puede sellar, se puede escalar hacia abajo, y no va a cambiar en absoluto. En el otro lado de las imágenes Vector se encuentran las imágenes ráster, que son imágenes que están formadas por píxeles. Nunca, nunca sesgue una imagen ráster más grande que su tamaño original. Podrás decir la borrosa. Te prometo un ejemplo de imágenes ráster, una foto tomada en tu cámara como esta que tengo aquí, o la imagen del auto que estábamos usando como imagen de referencia para tus fotos de stock premium son una gran opción para usar para tu diseño de volante. Asegúrate de que sean realmente gratis y de que no estés tomando imagen a la que no tengas los derechos. Aquí hay un par de sitios de fotos de stock que me gustan mucho. Se trata de píxeles y ceniza virgen. Además de fotos, hay toneladas de recurso gráfico está por ahí para usar para tu volante. Puedes buscar elementos vectoriales que podrás descargar y utilizar. Se trata de un TZ retrocedido, que tiene mucho arte vectorial, que se puede descargar una noticia. Además de los elementos vectoriales, se puede utilizar el descanso o el clip art como los iconos. Aquí tienes un ícono Estoy descargado de un carrete de película para usar para mi volante. No te sientas restringido al tratar de hacer que todas las partes del diseño tú mismo se utilicen definitivamente . El recurso es gráfico. El diseño se trata de combinar elementos de formas nuevas e interesantes. No tengas miedo de conseguir creativos Escanea cosas de revistas viejas. Rip pedazos de papel pueden convertirse en texturas. Aquí tienes un cheque grun. Scher he descargado para mostrarte cómo lucen las texturas. Te voy a dejar entrar en un pequeño secreto. Todos los diseñadores gráficos profesionales que usan recurso es esta es la carpeta en mi computadora con todo mi recurso diferente está organizado por categorías, así que tengo pinceles, iconos, stock de patrones, fotos, texturas y diferentes tú elementos. 7. Conceptos básicos de diseño y bocetos: A mí me gusta escribir toda la información que necesita estar en el volante para ver con qué estoy trabajando antes de arreglarlo, justo en algún lugar fuera de tu boceto. Hágase las preguntas de quién, Qué, cuándo, ¿Dónde? ¿ Por qué, cómo? Asegúrate de que estás cubriendo todas esas bases con tu información para la mía. Tengo Who kids bienvenidos. Entonces es de todas las edades. Qué película al aire libre Noche y el nombre de la película. Cuando. Tiempo. Andy. Donde. Tanner Park. ¿ Por qué? Tan solo una divertida actividad veraniega. Cuánto es gratis, qué traer. Trae una silla B Y O B, y el evento es posible por un patrocinador. Una vez que tengas toda tu información escrita, etiqueta las cosas más importantes. Entonces qué es fecha, hora y lugar. Ponga un soporte alrededor de eso mientras dibuja su diseño. Quieres probar y tener un solo punto de enfoque en tu diseño. Si alguien está mirando esto sólo por una fracción de segundo, ¿qué información quieres que obtengan de él? Podría ser un visual fuerte, ese representante del evento o simplemente el nombre del evento. Al esbozar tu diseño, quieres probar y tener un único punto de enfoque en tu diseño. Si alguien está mirando esto sólo por una fracción de segundo, ¿qué información quieres que obtengan de él? Podría ser un visual fuerte que sea representativo del evento o simplemente el nombre del evento. Mi punto de enfoque va a ser lo que es el evento. Así noche de cine al aire libre. Voy a empezar con eso primero, agregué. Si no puedes decir qué es esto, decidí que quiero agregar un poco de detalle de una película riel visual. Para que mi titular destaque aún más, puedes usar líneas o barras para representar texto en lugar de escribir toda la información de literal. Si no estás seguro de si recuerdas cuál se supone que es esa información, puedes tomarla nota. Entonces en mi volante, este va a ser el nombre de la película. Sigue trabajando en tu boceto. No tiene que ser súper detallado ni perfecto. Aquí la idea es regalarte una plantilla de dónde debe ir todo y elaborar rápidamente ideas creativas para que puedas enfocarte en los detalles y sacarlo más adelante digitalmente. Yo sólo voy a dibujar algunas líneas de guión para representar eso. Esta será una imagen de fondo, y esta línea ondulada aquí es sobre, uh, donde el foco principal de las imágenes de fondo. Da un paso atrás y mira tu boceto mientras estás trabajando en él. Sujétalo lejos de ti y mira a dónde va tu ojo. Mira la balanza y mira si hay demasiado pasando en un área. Se quiere evitar llenar cada pulgada del diseño con algo. Debería tener un poco de espacio para respirar. Este es el espacio en blanco frío. El equilibrio entre elementos y espacio negativo es lo que hace una composición estéticamente agradable . No temas a la pieza de los blancos. Este es el espacio en blanco en mi volante y donde será más visible la imagen de fondo que estaré usando . Una vez que sientas que tienes un boceto sólido, puedes volver a la computadora y empezar a diseñarla digitalmente. 8. Júntalo todo: Empecemos con los antecedentes de mi diseño con el que he estado trabajando. Decidí usar una imagen de un parque al fondo y quiero alterarla para que sea tonificada azul para representar la noche para que coincida con la película al aire libre 19. Ya tengo mi punto de enfoque y titular principal aquí. Entonces va Teoh a un color de relleno te por qué tenía una nueva capa de ajuste Directa que abajo. Voy a añadir una oveja detrás de mi texto para moverlo un poco, usando a mis dioses para llegar a donde lo quiero y también voy a añadir una sombra de gota a mi texto. Bastante sutil. Sigue haciendo referencia a tu boceto y haz que cobre vida. ¿ Recuerdas cuando íbamos a repasar la herramienta de máscara? Esta es la oportunidad perfecta para eso. Yo quiero reemplazar la letra o en película por un icono de carrete de película de mi ícono estaban aquí va a ponerlo fuera a un lado y también docket al fondo en photoshop. No. De acuerdo, así que como mi color original de icono es negro, vamos a agregar un estilo de capa de superposición de color para que espere para que coincida con el resto del texto. Se va a utilizar la herramienta de movimiento. Ponte en su lugar igual que lo hice con el resto del texto. Voy a añadir una sombra de gota. Teoh. Separarlo del resto de las letras. Aquí se puede ver la diferencia. Voy a hacer que mi volante sea un poco representativo de póster de película real con la mayor parte del texto secundario hacia abajo condensado. Voy a agarrar mi herramienta tipo. - Claro , niños. Bienvenida. Entonces voy a Teoh escalar toda esta línea de texto hacia abajo, um, usando la herramienta de transformación, que es comando o control. T. Quiero volver a la importancia de planear en su contenido por un segundo en mi volante, el nombre de la película y el encabezado principal Película al aire libre Noche, que hemos hablado mucho si eso fue cambiado. Por lo que el nombre de la película Ferris Bueller Day Off. Si eso fuera en tipo tazón grande en su lugar eso podría ser confuso. Alguien podría escanear el volante y verlos será título y asumir que es sólo un anuncio de la película que se está mostrando en el teatro. El aspecto único de este evento es que es al aire libre, y por eso elegí que sea el encabezamiento principal. Además, como estás trabajando, posible que encuentres que quieres cambiar las cosas desde tu boceto. Y eso está totalmente bien. Algo que cambié de mente está compensando el rubro principal. Tomé todo el asunto y lo roté. Como pueden ver, semana voy a apagar esta capa. Um, fue así en mi boceto, y quería que lo hicieras offset. También cambié la forma alrededor de mi boceto original. Lo traje por los lados para proporcionar una lata visual más estratificada. Este es el antes, uh, uh, mi boceto se ve algo como esto. Y metí los costados, así. Ahora que has aprendido a armar todo, veamos tus proyectos.