Diseño de iconos: cómo crear pictogramas con propósitos | Edward Boatman | Skillshare
Buscar

Velocidad de reproducción


1.0x


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

Diseño de iconos: cómo crear pictogramas con propósitos

teacher avatar Edward Boatman, Co-founder, Noun Project

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

      1:15

    • 2.

      Proyecto

      2:02

    • 3.

      ¿Por qué es importante la comunicación visual?

      2:00

    • 4.

      Semiótica

      4:34

    • 5.

      Selección del concepto de tu letrero

      2:14

    • 6.

      Hallazgo del tono de tu letrero

      3:44

    • 7.

      Ejemplos para inspiración

      3:44

    • 8.

      Dibujar

      8:38

    • 9.

      Construye tu archivo de Illustrator

      9:58

    • 10.

      Creación de letreros DIY

      3:55

    • 11.

      Conclusión

      1:13

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

16.890

Estudiantes

197

Proyectos

Acerca de esta clase

¿Alguna vez te molesta que tus compañeros de casa dejen platos sucios en el fregadero? ¿Tal vez quieres cambiar algo de tu entorno utilizando la comunicación visual? Esta clase de 45 minutos con el cofundador de Noun Project, un diccionario visual participativo de 150 000 iconos, te enseñará a diseñar tu diseñar tu propio "KindSign" según tu entorno y tus creencias.

Desde el concepto al contexto, bocetos a vectorización e incluso consejos y trucos DIY para construir una versión física de tu obra terminada, acabarás esta clase con un divertido icono personalizado que lleva a la acción. Este curso de iconografía es perfecto para diseñadores gráficos, diseñadores de web, directores de arte e ilustradores que quieren darle un propósito a sus pictogramas y, a final de cuentas, llevar el arte a la acción.

---

¿Necesitas una introducción rápida al diseño de iconos en Illustrator antes de comenzar a hacer tu KindSign? Participa en la primera clase de Edward, de forma gratuita: Illustrate Your Day: An Intro to Symbol Design. 

También puedes llevar tus iconos a un patrón de repetición para imprimirse con la diseñadora del proyecto de Noun Project, Kimi Lewis. Participa en su clase libre: Designing Repeat Patterns: From Icons to Apparel and Beyond.

Conoce a tu profesor(a)

Teacher Profile Image

Edward Boatman

Co-founder, Noun Project

Profesor(a)

The Noun Project is building a global visual language that everyone can understand. We want to enable our users to visually communicate anything to anyone.

Humans have been using symbols to communicate for over 17,000 years because they are the one language everyone can understand. Symbols can transcend cultural and language barriers and deliver concise information effortlessly and instantaneously. They allow people to communicate quickly, effectively, and intuitively. And for the first time ever, this language is being combined with technology to create a social language that unites the world.

You can read more about us in Core77, Fast Company, The New York Times, The 99 Percent, and GOOD.

This class is taught by Edward Boatman, Co-Founder of The Noun Project and a... Ver perfil completo

Habilidades relacionadas

Diseño Diseño gráfico

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: Ahí lo tienes. Nunca tienes excusa para no bajar el asiento del inodoro. Hola, Skillshare. Mi nombre es Edward Boatman, y soy uno de los fundadores y Oficial Principal de Estrategia aquí en Noun Project. Entonces, clase de Skillshare, lo que estoy enseñando hoy se llama Señales amables usando pictogramas para crear acción. Entonces, la clase se va a descomponer en cuatro secciones. En el primer apartado, vamos a conocer los Fundamentos de la Comunicación Visual y la Semiótica. En el segundo apartado, vamos a empezar a conceptuar tu signo. la tercera sección, vamos a saltar a Illustrator y empezar a crear el Pictograma. Entonces, la cuarta sección, vamos a mostrar algunos consejos y trucos de bricolaje realmente simples sobre cómo puedes sacar este cartel del mundo digital y al mundo físico. Para aquellos de ustedes que no saben, Noun Project es un diccionario visual de fuentes multitudinarias de más de 160 mil pictogramas que cualquiera puede descargar y usar. Ayudamos a las personas a comunicar visualmente la información. El hecho de que esta forma rudimentaria de comunicación siga siendo relevante en el mundo altamente tecnológico de hoy, es realmente fascinante para mí. Hoy vamos a estar usando ese lenguaje como una fuerza para el bien, y vamos a divertirnos haciéndolo. 2. Proyecto: Entonces, clase de Skillshare que estoy impartiendo hoy se llama Señales amables, usando pictogramas para crear acción. Hay señales a nuestro alrededor. Nos guían a través de nuestros mundos digitales y físicos. Nos están diciendo a dónde ir. Nos están diciendo qué comer, qué no comer. Literalmente sirven como un sistema de búsqueda de caminos para nuestras vidas, y hoy vamos a estar usando este medio para dar forma a nuestras propias acciones, y a las acciones de quienes nos rodean. Entonces, la clase se va a desglosar en cuatro secciones. En el primer apartado, vamos a aprender sobre los fundamentos de la comunicación visual y la semiótica. En el segundo apartado, vamos a empezar a concepcionar tu signo. la tercera sección, vamos a saltar a Illustrator y empezar a crear el pictograma. En la cuarta sección, vamos a mostrar algunos consejos y trucos de bricolaje realmente sencillos sobre cómo puedes sacar este cartel del mundo digital y al mundo físico. En cuanto a habilidades que vas a aprender, vas a aprender sobre el diseño de iconos, vas a aprender sobre la ilustración vectorial y vas a aprender sobre algunos de los conceptos básicos de la comunicación visual. En cuanto al conocimiento previo que vas a necesitar para completar esta clase, vas a querer tener una comprensión básica de Adobe Illustrator, y si no tienes eso, no te preocupe. He puesto algunas clases en la sección de recursos que pueden ayudarte a ponerte al día en donde necesitas estar. Entonces, una de las grandes cosas de esta clase es que no te debería llevar demasiado tiempo completar. Tan solo salta y solo te debería llevar alrededor de media hora, tal vez a lo sumo dos horas. Entonces por fin y lo más importante, deberías querer tomar esta clase si quieres cambiar algo de ti mismo, que yo pensaría que todos nosotros probablemente lo hagamos. Crear un pictograma que pueda servir de catalizador para ese cambio es una gran manera de hacer de ese cambio una realidad. Entonces, pongámonos a trabajar. 3. ¿Por qué es importante la comunicación visual?: Entonces, quiero empezar y hablar de por qué es importante comunicar la información visualmente a través de pictogramas. Creo que una buena manera de pensar en el poder de la comunicación visual es pensar en la información más importante que encuentres a diario, y esa es la información de salud y seguridad. Esa información casi siempre se comunica visualmente a través del pictograma. Eso se debe a que estas pequeñas imágenes pueden tener un impacto enorme, son increíblemente poderosas. Los pictogramas pueden comunicar información más rápido que las palabras. Basta con mirar lo rápido que se comunica esta imagen de la izquierda, precaución, no se caiga por las escaleras, a diferencia de todo este texto de la derecha. Estas imágenes pueden comunicar una idea en un abrir y cerrar de ojos. Estos pictogramas también pueden comunicar información de una manera universal que todos puedan entender. Entonces, si quisieras comunicar el peligro de asfixia, podrías usar un símbolo, o podrías usar diez idiomas diferentes. Yo quisiera decir que las palabras se dividen pero las imágenes se unen. Por último, al igual que cuando una palabra se legitima por su aceptación en un diccionario, cuando se crea un nuevo símbolo para una idea, se trata de un acto memorializador que señala a quienes te rodean que esa idea es importante. Literalmente permite a la gente ver esa idea con una nueva luz, porque estos pictogramas pueden comunicar información en un abrir y cerrar de ojos. Debido a que pueden comunicar la información de una manera universal que todos pueden entender, y porque pueden aumentar la comprensión y conciencia en torno a un determinado tema, no es una sorpresa que se conviertan en omnipresentes en nuestra sociedad . Se utilizan en muchas aplicaciones especialmente señales de calle. 4. Semiótica: Entonces, para que ustedes creen un signo que claramente comunique una idea y dé forma a los comportamientos de las personas, primero necesitamos hablar de cómo extraemos significado de la ciencia. Entonces, el estudio de la ciencia se llama semiótica. Cuando digo signo, todo puede ser considerado un signo, todo desde un pulgar hasta el guiño de un ojo, hasta una sonrisa, hasta un cuadro en la cadera, hasta un emoji. Todos esos son considerados signos. El filósofo, Charles Sanders Peirce, quien es uno de los padres del campo de la semiótica, dijo que, “Una señal es algo que representa para alguien algo en algún respeto o capacidad”. También se le ocurrió un modelo triangular que desglosó un letrero en sus componentes separados. Entonces, básicamente dijo que cada signo tiene tres componentes: uno es el representamen, el otro es el objeto, y el último es el intérprete. Entonces, la forma en que funciona este diagrama es que el representamen es la manifestación física del propio signo. Entonces, si tomamos el ejemplo de una señal de stop, el representante de la señal de stop sería la pieza roja de chapa que está parado a un costado de la carretera pegada a un poste. Es la manifestación física del signo. El objeto es el concepto o la idea a la que se refiere el signo. Entonces, en este caso, sería el concepto de parar, de frenar tu velocidad, o detener tu velocidad, para que te detengas. Entonces, finalmente, el intérprete es el cuadro mental que se crea en la mente del usuario cuando ven al representamen. Entonces, en este caso, sería un conductor viendo el letrero y sabiendo detenerse en la línea de puntos. Se le ocurrió tres formas diferentes en las que un representante puede referirse al objeto que está representando, y éstas son un signo icónico, un signo indexico, y un signo simbólico. Entonces, un ejemplo de un signo icónico sería donde un signo se asemeja físicamente al objeto al que se refiere. Entonces, un ejemplo de eso sería el símbolo de la gasolinera. Estás conduciendo por la carretera, y ves un símbolo de gasolinera en un cartel, y sabes que hay una gasolinera adelante. Transfiere ese significado porque hay un parecido físico entre el símbolo de la gasolinera y cómo se ve una boquilla de gas. El segundo tipo de signo es un signo indexico, y ahí es donde existe una relación causal entre el representamen y el objeto que está representando. Entonces, un ejemplo de eso sería el humo. Ves humo en el horizonte, y sabes que eso significa fuego, y eso es porque hay una relación causal entre esos dos. Entonces, finalmente, el último es un signo simbólico, y ahí es donde la relación entre el representamen y el objeto es completamente arbitraria. Entonces, un ejemplo de eso sería como el símbolo de radiación. No hay razón por la que se haya elegido símbolo particular para representar la radiación. Nos acaban de enseñar a una edad muy temprana ese símbolo significaba radiación. Las palabras también son un ejemplo de signo simbólico. Es la razón por la que en inglés, gato es la palabra para una mascota felina de cuatro patas, pero en español, la palabra es gato. Ahí sólo hay una relación completamente arbitraria. Para nuestra breve exploración de la semiótica, vas a querer saber que cualquier cosa puede ser una señal, vas a querer saber que un signo se puede descomponer en estos tres componentes, y luego vas a querer saber que hay tres formas en las que puedes conseguir que los representantes se refieran al objeto, y eso es a través de un signo icónico, o un signo indexico, o finalmente, un signo simbólico. 5. Selección del concepto de tu letrero: Entonces, para la clase de hoy, vamos a alterar ligeramente este diagrama. Vamos a cambiar que representan a los hombres a firmar. Vamos a cambiar de objeto a ubicación y vamos a cambiar la interpretación aquí a acción. Entonces, ves una señal, ves pictograma en una ubicación específica. Crea un cuadro mental en tu mente y que te inspira a tomar cierta acción. Lo que quiero que ustedes hagan es trabajar aquí atrás y pensar en qué otra de acción quieren cambiar? Esto puede ser algo tan pequeño como encerrar tu celular en un momento determinado. Puede ser algo tan grande como dejar de fumar, ¿verdad? Esto depende totalmente de ustedes chicos. Diviértete con esto. Entonces, tienes una acción en mente que quieres tomar. ¿ Dónde quieres que alguien tome esa acción? Piensa en la ubicación donde quieres que eso suceda. Entonces, piensa en el pictograma que va a detonar toda esta reacción. Para mi señal, estamos obviamente seguro que muchos de ustedes escucharon horrible sequía en California. Creo que es realmente importante que la gente conserve agua y creo que es importante que todos puedan hacer una pequeña diferencia. Mi acción es que quiero que la gente conserve agua. Yo quiero que usen menos agua. El lugar en el que quiero que se entregue este mensaje de conservación del agua es obviamente en el punto donde alguien va a estar usando agua. Entonces, voy a poner un cartel en nuestro baño de oficina. Yo quiero poner uno en nuestra cocina de oficina y me gustaría poner uno en mi propia casa también. Tengo el horrible hábito de cuando me estoy cepillando los dientes solo dejo correr el grifo todo el tiempo. Quiero decir que eso es estúpido. ¿Por qué haces eso'? ¿ Verdad? Entonces en cuanto al signo, ahora necesitamos crear un pictograma que vaya a poner en marcha todo este proceso y eso es lo que vamos a hacer en el siguiente capítulo. 6. Hallazgo del tono de tu letrero: Está bien. Entonces, esperemos que ustedes sepan qué acción quieren que la gente tome cuando vean su letrero. Ojalá conozcas la ubicación en la que deseas instalar tu letrero. Ahora, solo es cuestión de crear un pictograma que desencadene toda esa reacción. Para comenzar esta exploración, quiero que ustedes piensen en cómo quieren su letrero se comunique al público, a sus espectadores. ¿ Quieres que tu cartel muestre y guíe y camine a la gente a través de un proceso? Si es así, vas a querer crear un signo que sea cinético y tenga algunas flechas y sea más direccional, por lo que en realidad está guiando a la gente a través de un proceso. Al igual que esto. Sé que me gusta pensar que todos somos caballeros aquí en esta oficina, pero al parecer, nos han informado que no bajamos el asiento del inodoro, así que creé una señal para ayudarnos a informarnos de que siempre hagamos eso. Entonces, esta es una señal que guía e informa a las personas a través de un proceso que tiene algunas flechas, su cinética, por lo que esta es una estrategia que puedes usar para tu signo. También podrías ser más autoritativo y prohibitivo con tu signo, para que puedas decirle a la gente como “No, no hagas algo”. Este es un ejemplo de, “Guarda tu celular, esté presente”. Es usar la convención del signo simbólico, el altamente reconocible no símbolo para comunicar ese mensaje. Entonces, si ustedes quieren prohibir algo, si ustedes quieren detener algo, ustedes pueden usar esto ninguna convención. Otro enfoque que podrías tomar es un enfoque artístico más abierto. Simplemente podrías mostrar una imagen de un objeto y realmente permitir al usuario hacer la interpretación de lo que piensa que significa ese signo. Por lo que se trata de tres rutas diferentes a las que se puede ir. Podrías volver a tomar cuanto más impulsado por procesos, más direccional, más autoritativo o puedes tomar este enfoque más abierto. Entonces, ten en cuenta que cualquiera que sea la ruta que elijas, la ubicación de donde coloques tu signo va a influir en el significado de ese signo. Entonces por ejemplo, esta firma muy abierta a la interpretación regalos. Se va a leer completamente diferente si está en una computadora por ejemplo, gente va a leer eso ya que esa computadora es un regalo. Se leería muy diferente si el letrero se coloca encima de nuestra oficina, por ejemplo en una de las vigas. mejor la gente mira eso y piensan que todos los días que llegan a crear algo es un regalo, o tal vez deberían estar agradecidos, o un sutil recordatorio de que cuando estás diseñando, siempre debes tratar de deleitarte y sorprender a tus usuarios. Ten en cuenta que de nuevo, todo es una señal. Por eso, cuando pongas tu letrero en ambiente, va a estar combinando con los letreros a su alrededor para crear un nuevo letrero. Por lo que para mi signo, quiero elegir el enfoque más abierto. Puedo elegir el enfoque más pesado y ser prohibitivo y decir: “No uses agua pero creo que es un poco demasiado”. Por lo que quiero hacer, simplemente quiero mostrar a la gente los efectos de la sequía justo cuando están en proceso de usar agua, solo para que se les recuerde usar la menor cantidad de agua posible. Entonces el reto de diseño para mí es comunicar visualmente los efectos de la sequía en un abrir y cerrar de ojos. Entonces, para ustedes chicos, de nuevo, van a querer pensar en qué tipo de tono quieren comunicarse con su signo y luego averiguar qué tipo de visual pueden usar para ayudar a comunicar esa idea en ese tono. 7. Ejemplos para inspiración: Antes de empezar a bosquejar, quiero hablar sólo de comunicar los hechos centrales de la idea que vas a estar poniendo en tu pictograma. Entonces, quería referirme a algunos símbolos de nuestra colección Noun Project que creo que hacen un gran trabajo de solo comunicar los hechos esenciales del objeto que están representando. Entonces, aquí hay un símbolo realmente hermoso, minimalista, descarado de un astronauta. Aquí hay una forma en que simplificaron es que solo incluyeron la cabeza. El cabezal tiene suficiente información en ella que no necesitas incluir todo el cuerpo del mismo. Además, observa que no están mostrando un vello facial en el chico, solo es una simple silueta de perfil de la nariz y un poco de la barbilla y luego solo una sencilla línea curva para mostrar el cristal exterior del casco. Entonces, sólo comunicaron sólo los hechos esenciales de un casco astronauta. El siguiente aquí está rayado. Por lo que es importante que no incluyeran todos los hechos al pictograma aquí. Definitivamente queremos excluir a algunos. Pero de nuevo, esta está mostrando más de una acción, es más cinética, hay más movimiento en ella, es un tipo de diseño más ilustrativo. Entonces este es un tipo de técnica que ustedes pueden usar para sus pictogramas solo para realmente hacerlos cobrar vida. Pero a pesar de que se están moviendo, siguen siendo increíblemente simples. Basta con mirar cómo estas son solo unas pocas líneas, un poco de espacio negativo aquí y luego la ropa son simplemente formas geométricas simples, pero todo se une para crear una composición realmente genial. Este de aquí, de nuevo, simplemente increíblemente simple, es solo soldar. Ni siquiera hay una línea para mostrar este exterior del vidrio de soldadura aquí. Es sólo un espacio rectangular, negativo. Debido a que está posicionado hacia donde está, hace un gran trabajo de comunicar el vidrio tiene un escudo de soldadura, y luego ni siquiera se está mostrando la llama de una antorcha de soldadura, simplemente mostrando una serie de puntos para representar las chispas volando hacia arriba. Entonces, de nuevo, esto es tan increíblemente simple. Aquí hay algunos puntos otra vez, pero el material ya no es chispas, pero es saliva. Este símbolo representa un estornudo o enfermedad infecciosa. Nuevamente, tan simple. Aquí tienes estas bolas negras, pero luego cuando se cruzan hacia la forma más oscura, se convierten en espacio negativo. Este símbolo de aquí es para Hackathon. Entonces, cuando estamos creando el símbolo para Hackathon, estábamos analizando cuáles son los elementos esenciales que entran en un Hackathon. Bueno, por lo general hay más de una persona realizando el Hackathon, suelen estar en computadoras, suelen estar resolviendo un problema, y una de las cosas más importantes es que es en un periodo de tiempo condensado y por lo que tratamos de comunicar todas esas facetas en este diseño. Múltiples personas, una computadora, y el tiempo todo en una sola composición simple. Entonces, por último, tenemos aquí un símbolo de un hobo. De nuevo, es simplemente increíblemente simple. No hay lunares en la mochila. Es sólo una línea simple con una forma elíptica aquí y el movimiento de caminar. Entonces, esperemos que estos ejemplos te den una idea de cómo puedes mantener tus bocetos y tus ilustraciones simplemente realmente simples y siempre tratar de analizar solo los hechos esenciales del objeto o idea que estás representando. 8. Dibujar: Está bien. Entonces, mi referencia, mi idea de que estoy tratando de comunicarme visualmente es una sequía y las consecuencias negativas de una sequía. Entonces, acabo de empezar por imágenes de Google y sé que no es muy único pero siempre encuentro que sea una buena manera de obtener rápidamente una idea visual de cómo comunicar algo. Si simplemente busqué sequía. Intento buscar algunas tendencias aquí y definitivamente justo al bate. Se puede ver que una metáfora visual de que muchos de estos comentarios para compartir fotos es una tierra seca y agrietada, que es un patrón y diseño bastante interesantes. Parece bastante omnipresente a lo largo de estas imágenes. Entonces, me pregunto fuera del bate si eso es algo que podría comunicar o incluir en mi diseño. Otra forma interesante de averiguar cuál es la esencia de tu idea, es a Wikipedia ella. No te va a mostrar demasiadas imágenes, va a ser más una descripción escrita. Pero por qué me parece interesante Wikipedia es porque es una definición de una idea y lo que estamos haciendo con el pictograma es esencialmente crear una definición visual de una idea, así que creo que en realidad son bastante similares. Entonces, la sequía como un periodo de precipitación por debajo del promedio en una región dada dando como resultado una escasez prolongada en el suministro de agua. Realmente comunicando la falta de agua y los efectos negativos que una sequía tiene en un ecosistema. Me gusta mucho esta metáfora visual del suelo agrietado, creo que es una forma bastante poderosa y universal de comunicar la sequía. Entonces, voy a empezar a riffar en esa idea aquí. Tengo mis lápices aquí, me gusta bosquejar con toda una variedad de diferentes pesos de lápiz. Siento que te permite crear bocetos más dinámicos con mucha más profundidad y textura. Entonces, recomendaría solo comprar un conjunto que no son muy caros en tu tienda de arte local. Siempre empiezo a bosquejar. Me gusta usar un cuaderno punteado porque me ayuda a crear algunas cuadrículas muy rápidamente y diseñar algunas miniaturas. Este suelo agrietado es un patrón realmente interesante. El geometría de la misma es creo que se prestará bien a solo alto contraste blanco y negro. Probablemente vamos a querer mostrarlo no sólo una vista de arriba hacia abajo, probablemente vamos a querer mostrarlo un poco en perspectiva. Entonces, la mitad de ella agrietó tierra y la otra mitad cielo, tal vez podamos poner algo en ese cielo. Me pregunto si podríamos poner un pez muerto aquí abajo o algo sería como un hueso de pez muerto para demostrar que los efectos negativos de una sequía. Pero eso que estoy viendo ahora mismo parece que está bajo tierra y tal vez como un fósil prehistórico, así que probablemente no sea una ruta que queramos ir. Pero oye, cometer errores es bueno. Otro reto que estoy viendo ahora mismo con este patrón geométrico con el suelo agrietado es que en las imágenes de Google que miramos antes. Esos eran realmente poderosos porque mostraba toda una extensión de tierra que solo era estéril y agrietada y mostraba que había mucha perspectiva espacial ahí dentro. Va a ser bastante desafiante conseguir eso en estos bocetos. Se puede ver en este dibujo aquí mismo aunque esto fuera todo cielo aquí arriba, esto no leería profundidad, se leería más como una sección cortada en la tierra. Entonces, vamos a tener que averiguar alguna manera de comunicar visualmente la profundidad. Entonces, una idea que tuve fue quizá hacer que los patrones geométricos del suelo sean más pequeños en el fondo. Entonces se harían un poco más grandes cuando te metes en primer plano. Esa podría ser una forma en que pudiéramos empezar a engañar al ojo del espectador para que piense que hay una sensación de profundidad en este pictograma. Va a ser un reto pero creo que va a funcionar. Otra cosa que puedes hacer desde la perspectiva es escoger un punto en la línea del horizonte y que todo se desvanezca de nuevo a ese punto. Entonces, dibujando esta cuadrícula de perspectiva apenas rápida como puedo superponer y luego tener las líneas agrietadas encajan un poco esta geometría. Otra cosa que estoy notando también es que, voy a querer poner algo para llenar este espacio negativo aquí arriba porque en este momento sólo está vacío. Me pregunto si podríamos poner un sol o algo aquí arriba. Eso podría ayudar a comunicar la idea del calor extremo y el sol está secando el suelo y que estamos en una sequía. Otra idea es que podemos mostrar tal vez una planta muerta. Me gusta la idea de una planta muerta porque muestra el efecto negativo de una sequía. Siento que si te conectas con alguien a nivel emocional, si les muestras que, oye, esta sequía realmente está teniendo un efecto negativo en la vida vegetal y la vida justa en general, que la gente realmente querrá cambiar sus acciones. Entonces, me gusta mucho esa idea de mostrar un morboso si vas a pictograma. Entonces, tratando de pensar en lo que serían algunos gestos realmente simples para mostrar una planta muerta y creo que así las plantas muertas simplemente se marchitan. El que acaba de colgar, la gravedad sólo lo tira hacia abajo. Sólo pensar en eso y pensar en cómo puedes simplemente hacer un plan de aspecto realmente lamentable, creo que podría ser genial. Después mostrando la tierra agrietada debajo de eso. Empiezo a gustarme esa idea. Es un concepto genial para explorar. Nuevamente, mostrar el patrón de grieta más pequeño en el fondo y grande en primer plano va a ser importante. Sí, así que me gustan mucho estas dos miniaturas de aquí abajo, el sol y las plantas muertas. Entonces, voy a afinar un poco más estos aquí en el cuaderno de bocetos. Creo que siempre es bueno hacer tanto trabajo en el cuaderno de bocetos como sea posible porque es más fácil calcular las proporciones y las torceduras y los problemas que vas a encontrar cuando estás trabajando con papel y lápiz en mi opinión, que cuando estás trabajando con los píxeles en línea. Simplemente siento que es un medio más difícil y no es tan fluido como el papel y el lápiz. Entonces, voy a crear aquí un boceto de mayor fidelidad, tomarle una foto y luego podremos empezar a usar eso como marco y base para cuando empecemos a trabajar con él en el mundo digital. 9. Construye tu archivo de Illustrator: Este cartel nuevamente es de seis por seis pulgadas con un radio de media pulgada. Entonces, quiero dibujar ahora el exterior de este letrero. Entonces, voy a empezar simplemente dibujando un círculo aquí y voy a copiar el círculo en cada esquina aquí, tomando el radio correcto y simplemente dibujando un rectángulo para formarse. Entonces, esta es una forma para un letrero. En realidad voy a unir todas estas formas juntas y luego hacer un esbozo de ello. Ahora, quiero agregar una línea oscura de ocho pulgadas alrededor del exterior de la misma. Entonces, si sabemos que cada cuadrado aquí es un 16 de pulgada entonces si quieres una línea de octava pulgada entonces sólo van a ser dos de estas celdas. De nuevo, es algo muy bonito de trabajar en esta grilla. Entonces, sólo voy a rotar esto. Yo sólo voy a hacer un arco para conectar los dos y luego necesito hacer eso, agregar una línea de octava pulgada, y luego voy a necesitar obviamente darle la vuelta a esto. Quiero dejar un borde de pulgada por todos lados desde el borde del pictograma. Entonces, sólo voy a poner un poco de pauta aquí. Entonces ahora, voy a empezar a hacer algunas líneas básicas para mi pictograma aquí. Entonces, quiero usar una línea de octava pulgada en todo el diseño, y es realmente importante cuando estás diseñando tu pictograma tener consistencia en tu peso de línea a lo largo del diseño. Si no lo haces, entonces va a empezar a lucir revuelto y empieza a parecerse más a una ilustración y menos a un ícono y no queremos eso. Entonces, tenemos aquí una línea horizontal, una línea de horizonte. La planta va a ir en esta zona arriba pero quiero abordar el patrón de tierra agrietada abajo. Para eso, lo que voy a hacer es simplemente crear una forma simple de cinco lados usando la herramienta de lápiz. Yo quiero tener esquinas redondeadas en estos también por lo que tipo de suaviza el diseño, y así coincide con esta gorra redonda aquí también. Algo que estoy notando es que no vamos a poder tener un diseño donde- sólo tenemos una línea dura aquí obviamente porque va a parecer raro tener un área realmente bien definida donde está todo el suelo, es va a perder esa idea de una perspectiva visual. Entonces, vamos a hacer que este patrón se desvanezca y se disuelva en el espacio negativo que lo rodea. Entonces, creo que sólo podemos hacer eso teniendo un par de líneas para empezar a moverse y no cerrarlas. Entonces, parece que este patrón se está abriendo hasta los márgenes. Entonces, esa es la primera fila y de nuevo, probablemente pueda hacer algunas de estas más pequeñas porque me alejo y eso todavía lee bastante bien cuando ese diseño está en una escala más pequeña. Entonces, quiero hacer algo de este espacio negativo aquí un poco más pequeño agregando algunas líneas, porque de nuevo queremos que esto lea como si estuviera realmente lejos en la distancia. Ahora, empezando la segunda fila ahora voy a empezar a hacer que estas formas geométricas sean un poco más grandes no por mucho aunque, sino para mantener realmente esa ilusión de profundidad. La elección del plan es que va a ser más obviamente biomórfico en forma, va a ser curvilíneo. Entonces, va a contrastar realmente con el tipo de formas rectangulares por debajo de las cuales creo que en realidad ayudarán a suavizar un poco el diseño. Ahora, todos tienen un estilo diferente para dibujar curvas en Illustrator. A mí me gusta simplemente pensar en la forma en que eventualmente va a terminar la curva y me gusta pensar cuántos puntos vectoriales van a haber en esa curva. Entonces, tengo la forma general mapeada y sé que solo van a haber cuatro puntos vectoriales. Entonces, solo creo esos cuatro puntos vectoriales. Entonces, no me preocupa tanto dónde se colocan. Simplemente los pongo abajo en papel y luego entro y las coloco con más detalle, luego empezar a suavizarlas. Intento que este plan se vea lo más triste posible. Es un poco triste. Nuevamente, se puede ver que para este plan, estoy usando una línea de octava pulgada. Tienes que tener esa cohesión a lo largo de tu diseño cuando estás creando un pictograma. Si no sólo empieza a desmoronarse y no se ve como profesional. Por lo tanto, nuevamente intenta mantener tus pesos de línea consistentes a lo largo del diseño. Está bien entonces, para las hojas, son de forma orgánica y siempre hay un contraste entre crear algo tan orgánico que empieza a parecer una ilustración y menos como un pictograma, y luego crear algo que es demasiado geométrico, demasiado rígido, y luego no se ve como una hoja, no se ve orgánico. Entonces, he encontrado una buena manera de enredar esos dos juntos es comenzar dibujando una hoja que sea simplemente geometría pura. Entonces, solo puedes hacer eso dibujando un círculo y luego [inaudible] es uno demasiado más grande aquí, puedes encogerlo un poco. Después simplemente convirtiendo eso en una elipse extendiendo estas líneas y luego haciendo estos puntos, esquinas agudas especie de curva y eso se supone que te dará una bonita hoja geométrica. Entonces lo que puedes hacer es empezar a manipular eso un poco y hacer que se vea más orgánico. Siento que porque estás partiendo de la geometría pura, aún le mantiene esa buena calidad pictográfica. También es difícil cuando estás dibujando una planta como esta, que pensar en la gravedad lo cual es algo raro cuando estás diseñando algo que es 2D pero hay que pensar en cómo la gravedad va a tirar de las hojas, y tira de las hojas hacia abajo y cómo eso las va a dar forma porque si no piensas en eso y lo diseñas para que parezca que la gravedad no está surtiendo efecto, no se va a ver bien, y probablemente te arruines el cerebro pensando en por qué no se ve bien. Esa es una pequeña razón por la que las cosas empiezan a no parecer reales es porque empieza a romper las leyes de la física y la ciencia. Entonces, deberías estar pensando en eso a veces cuando estás diseñando cosas que parecen orgánicas. Entonces, creo que necesito agregar un par de hojas más aquí, y solo puedo tomar las existentes que tengo y reducirlas. Entonces, tenemos este hermoso diseño aquí. Es comunicar un mensaje realmente genial. Descubramos algunas maneras en que podemos darle vida y traerla al mundo físico entonces realmente conseguir que la gente empiece a usar menos agua. 10. Creación de letreros DIY: Muy bien chicos, han llegado al paso final de la clase y esto es sacar su letrero del mundo digital y meterlo en el mundo físico. Yo sólo voy a caminar por un par de ejemplos realmente sencillos, rápidos de cómo ustedes pueden hacer esto. Entonces, el primer ejemplo aquí es que simplemente lo vamos a montar en foamcore, así que todo lo que vas a necesitar es solo una huella, ocho y medio por 11, algún núcleo de espuma, cemento de goma, y cuchillo X-ACTO. Es bonito, simple así que hagámoslo. Ahora un interesante tidbit sobre cemento de goma que nunca supe hasta universidad era en realidad se supone que lo pongas en ambos lados de lo que estás pegando juntos y luego permitir que ambos lados se sequen, y eso permite que el más fuerte bono. No sé por qué pero me encanta el olor a cemento de goma. Entonces, quieres que ambos se sequen. Sé que parece contador intuitivo, verías que querrías que el cemento de goma se seque pero en realidad queremos que se seque. Está bien. Entonces, una vez que el cemento de goma se haya secado, simplemente colóquelo aquí, dale un par de buenos frotes y ahora está ahí. Entonces simplemente cortas alrededor del borde y tendrás un letrero de aspecto bastante profesional. Ahí vamos. Lo que es bueno del foamcore es que tiene un poco de profundidad, así que, cuando lo pones,en así que, cuando lo pones, realidad parece substancial tiene una buena calidad arquitectónica para ello. Entonces, esa es una opción que puedes usar para un letrero, realmente simple. No cuesta casi nada hacer. Puedes conseguir foamcore en cualquier tienda de artesanía cualquier tienda de arte. Otra opción que quiero mostrarles chicos. Si quieres usar pintura en aerosol y plantilla criti. Acabo de usar como una vieja estera de corte que tenía en mi casa es una especie de una de estas que es pliable, maleable. El motivo por el que la estera de corte funciona bien es que si usas papel o cartón luego usas pintura en aerosol, el cartón absorberá algo de esa pintura en aerosol y una estera de corte de plástico simplemente repele. Entonces, esta es otra buena manera de que pudieras conseguir tu registro de salida al medio ambiente. Ahí vas. Nunca más tienes excusa para no bajar el asiento del inodoro. 11. Conclusión: Muy bien Skillshare. Entonces, esto nos lleva al final de la clase. Espero que ustedes aprendan un poco sobre comunicación visual y se inspiren para salir y crear su propio letrero. Nuevamente, los pasos que ustedes chicos por los que van a pasar son, van a conceptuar su propio letrero entonces, van a diseñar un pictograma que pueden colocar en el cartel y luego el último paso es que van a hacer físicamente ese letrero y ojalá, ponerlo en el mundo donde pueda dar forma a los comportamientos de las personas. No puedo esperar a ver lo que ustedes se y no puedo esperar a ver el trabajo de su tipo en la galería. Espero que vaya a descargar algunos de sus letreros y ponerlos en mi casa o en mi oficina, y estoy realmente emocionado de ver lo que crean. Sólo recuerda que estas pequeñas imágenes pueden tener un gran impacto y eso se debe a que estos pictogramas representan ideas e ideas pueden ser poderosas. Cuando comunicas una idea visualmente a través de un pictograma, estás comunicando esa idea de una manera universal que todos pueden entender y literalmente permite a la gente ver esa idea con una nueva luz. Entonces, muchas gracias y esperamos ver tu trabajo.