Ilustre o seu dia: uma introdução ao design de símbolos | Edward Boatman | Skillshare
Menú
Buscar

Velocidad de reproducción


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

Ilustra tu día: Una introducción al diseño de símbolos

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.

      Elaboración de tu lista de referentes

      6:51

    • 2.

      Técnicas de diseño para tus íconos

      19:37

    • 3.

      Curso intensivo de Adobe Illustrator

      29:36

    • 4.

      Diseño de un símbolo en Adobe Illustrator

      21:25

    • 5.

      Elaboración del producto final

      10:04

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

15.720

Estudiantes

527

Proyectos

Acerca de esta clase

Los símbolos son herramientas de comunicación increíblemente potentes. Pueden comunicar cosas con más rapidez que las palabras, de forma memorable y potente, y de un modo universal que trasciende las barreras culturales y lingüísticas. Constituyen el único lenguaje que todos podemos entender.

Durante esta clase, aprenderás a crear estas increíbles herramientas de comunicación mediante un software de edición vectorial, y a utilizar símbolos para contar la historia de un día de tu vida.

Lo que aprenderás

  • Selección de tus referentes. Comenzaremos por proponer ideas de íconos que nos gustaría crear y empezaremos a elaborar un boceto de ellas.
  • Técnicas de diseño para maximizar la comprensión del usuario. Abordaremos algunos elementos básicos del diseño de íconos y luego aplicaremos la técnica de diseño a nuestros referentes para elaborar bocetos más refinados.
  • Dibujo de símbolos en Illustrator. Utilizaremos Adobe Illustrator para crear vectores digitales de nuestros diseños de íconos.
  • Pulido de tus diseños. Finalizaremos nuestros íconos y los compartiremos con el mundo.

Lo que harás

Empezarás la clase documentando cuál es tu rutina diaria. Después de considerarlo, reducirás estos elementos a una lista de las 20 actividades u objetos esenciales que definen tu vida diaria. Una vez que tengas estos 20 referentes, aprenderás a diseñar un símbolo que comunique visualmente la esencia de cada uno de estos conceptos.
Una vez completados los diseños, elaborarás una línea de tiempo lineal utilizando tus símbolos. Esto servirá como la representación visual de tu vida.

Esta clase es perfecta para cualquier persona que desee aprender más sobre Adobe Illustrator, diseño gráfico, iconografía, ilustración y narrativa creativa.

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

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. Elaboración de tu lista de referentes: Hola a todos. Me llamo Edward Boatman. Soy uno de los fundadores del Proyecto Noun. Me gustaría darme la bienvenida a mi clase de Skillshare: Una Introducción al Diseño Simple. Quiero empezar agradeciendo a todos ustedes por tomar esta clase. Es realmente una oportunidad increíble para mí poder enseñarles a todos ustedes, y realmente estoy deseando todas las cosas que ustedes me van a enseñar. Una vez más, muchas gracias por tomar la clase. Yo quería dar inicio a la clase hablando rápidamente de lo que cada uno de ustedes va a estar creando. Esencialmente cuál va a ser el entregable final. Cada uno de ustedes va a diseñar 20 símbolos que al armar, crearán una línea de tiempo visual que cuenta la historia de un día en tu vida. Me he burlado de mi línea de tiempo. Wow esto está al revés, lo siento por eso. Esencialmente cómo se ve mi día a través de iconos. Lo que es tan grande de esto es que realmente puedes contar mucho sobre mi día y mi vida y lo que hago. Se puede ver que lo primero que hago por la mañana es despertarme y reviso mi iPhone. No tan seguro si estoy orgulloso de eso. Después llevo al perro a pasear. Se puede ver que es un perro realmente pequeño. Se llama Monkey y en realidad es probablemente un poco más pequeño que esto en la vida real. Después toma una ducha. Después come un poco de desayuno. Se puede ver que soy bebedor de café, hacer un poco de prensa francesa. Entonces dile adiós a mi esposa. Sé que es un poco pequeno, pero tuve que tirarlo ahí. Probablemente se enojaría conmigo si no lo tirara ahí. Después dar un paseo hasta la parada de autobús donde cojo el autobús. Una vez que llego a la oficina, lo primero que hago es revisar algún correo electrónico. Entonces leí pequeñas noticias. Después salto al cuaderno de bocetos donde empiezo a hacer algún trabajo de diseño. Después de eso, haz un poco de pensar, concepcionar, resolver problemas. Descanso para almorzar, donde suelo comer una ensalada. Después salta de nuevo a la computadora donde hago un poco más de trabajo de diseño. Toma el autobús a casa, y luego camina desde la parada de autobús de regreso a casa. Saluda a la esposa. Come algo de cena, y usualmente tomo una bebida para adultos con eso. Mira un poco de TV. Hago un poco de lectura en la cama, y se apagan las luces. Entonces eso es esencialmente historia de mi día contada a través de iconos y ustedes van a hacer esto y contar la historia de su día. Lo que creo que es tan grande de esto no sólo es que ustedes van a aprender a usar Adobe Illustrator y aprender a comunicar visualmente ideas de manera efectiva, sino que también van a aprender mucho sobre ustedes mismos y los demás. Es realmente un ejercicio fascinante documentar tu rutina diaria, y ver tu día en una sola instantánea. Lo que creo que es realmente grandioso es que ya que estamos usando el lenguaje universal de la iconografía, el único idioma que todos pueden entender, y como tenemos gente de todo el mundo tomando esta clase, vamos para poder ver cómo viven las personas de diferentes partes del mundo sus vidas, y vamos a poder ver las similitudes y las diferencias. Creo que va a ser realmente fascinante, y creo que tenemos el potencial de crear algo realmente increíble aquí. Yo quiero darles un breve panorama de cómo vamos a progresar a través de la clase. hoy en la Unidad 1, vamos a crear una lista de conceptos, objetos, o acciones que definen nuestra rutina diaria. Vamos a llamar a estos referencia. Entonces en la Unidad 2, vamos a aprender algunas técnicas de diseño que nos permitirán comunicar visualmente de manera efectiva estos objetos y acciones. Utilizando estas técnicas, vamos a esbozar algunos diseños que comunican visualmente cada uno de estos referentes. Entonces en la Unidad 3, vamos a saltar a Adobe Illustrator, y vamos a transformar estos bocetos en iconos vectoriales, diseños vectoriales. Entonces finalmente en la Unidad 4, vamos a pulir los diseños, ponerlos en una línea de tiempo, y compartirlos con el mundo. Entonces así es como vamos a progresar a través de la clase. Empecemos aquí. Quiero que crees una lista de todas las acciones, objetos, y conceptos que definen tu día normal. Observe cómo dije día normal. Este no es un día de hacer creer. Este no es tu día perfecto. Esta es solo tu rutina diaria normal. Trata de ser lo más honesto posible. Al hacer la lista intenta ser lo más detallado posible. Aquí está la lista con la que empecé. Se puede ver que voy a entrar en detalle bastante granular. Tengo unos 35 pasos aquí. Despierta y revisa el teléfono. Saca al perro. Se puede ver caminando. Se puede ver pensar, crear, relajar, hablar, todas estas cosas diferentes que hago a lo largo de mi día. Yo quiero que pases y hagas eso para tu día. Haz una lista de todos estos diferentes pasos, conceptos u objetos que definen tu rutina diaria. Una vez que hayas hecho eso, quiero que pases por esa lista y vas a tener que reducirla a 20 de referencia. Quiero que pases por esa lista, y pienses qué pasos son los más significativos, y qué pasos se pueden comunicar visualmente fácilmente, y también qué pasos crean interesantes herramientas de narración. Una vez que hayas hecho eso, quiero que escribas esa lista en un pedazo de papel aparte. Ya puedes ver que tomé esa lista de 35 referencias, y ahora la he reducido a 20. Estas 20 referencias van a ser la base de nuestra línea de tiempo. Una vez que hayas hecho eso, una vez que hayas reducido tu lista a 20 de referencia, hazla una foto y subirla a la sección Proyectos en el sitio web de Skillshare. Ese es el entregable para la Unidad 1. Ya completaste una unidad, felicidades. Te veo en la Unidad 2. Muchas gracias otra vez por tomar la clase. Adiós. 2. Técnicas de diseño para tus íconos: Hola a todos. Es Edward Boatman. Bienvenido a la unidad 2 de la clase Skillshare, una introducción al diseño de símbolos. Como recuerdan, al final de la última unidad, creamos una lista de 20 referencias que van a servir de base para nuestra línea de tiempo visual en el futuro. En la unidad de hoy, vamos a crear bocetos que comuniquen visualmente cada uno de estos referentes. Antes de entrar en eso, primero quiero hablar de uno de los aspectos más importantes del diseño de símbolos, y eso es la comprensión del usuario. Entonces, cuando un usuario ve un símbolo, ese símbolo debe comunicar el mensaje deseado correcto al usuario. Ahora, voy a dar la vuelta a la pantalla y vamos a saltar a una presentación para esto. Está bien. Bienvenido a mi pantalla. Un gran lugar para empezar hablando de comprensión del usuario es mirando esta suite de símbolos médicos. Ahora, lo que es tan genial de este conjunto de símbolos médicos es que en realidad fue probado científicamente para la comprensión del usuario. Un poco de fondo en esta suite es que la Fundación Robert Wood Johnson ideó este objetivo para crear un conjunto universal de símbolos médicos que podrían ser utilizados en hospitales de todo el mundo. El modo en que se propusieron ejecutar esto es que en realidad se acercaron a varios médicos y les pidieron que elaboraran una lista de referencias o conceptos que creían que necesitaban ser definidos visualmente más. Entonces, ¿cuáles eran las necesidades de estos hospitales? Una vez que tuvieron esta lista de conceptos, entonces en realidad llegaron a diseñar universidades en todo el país e involucraron a estudiantes de diseño gráfico. Pidieron a los estudiantes de diseño gráfico crear símbolos que comunicaran visualmente cada uno de estos referentes. Cuando se hizo ese proceso, combinaron los símbolos que crearon los diseñadores gráficos, y los combinaron con símbolos médicos existentes. Lo que terminó pasando es que tenían múltiples símbolos representando una sola referencia. Eso les permitió probar la comprensión del usuario. Ahora, la forma en que funcionaron las pruebas es que reunieron a varios voluntarios, y se aseguraron de que los voluntarios fueran no diseñadores, porque sabían que si los diseñadores fueran a evaluar estos, los diseñadores estarían inconscientemente pensando sobre proporciones, escala, peso de línea no necesariamente sólo comprensión del usuario. Por lo que pidieron a estos voluntarios que escribieran en la casilla, qué porcentaje de personas pensaban que este símbolo significaba administración. Esa fue la forma sencilla en que probaron todos estos símbolos. El test está lleno de datos fascinantes, y en realidad he publicado un enlace al PDF de todo el informe, y he publicado un enlace al PDF para solo los resultados de las pruebas en la sección de recursos del sitio de Skillshare. Por lo que te recomiendo encarecidamente que lo echen un vistazo. Una de las primeras cosas que revelaron las pruebas es que existían esencialmente dos técnicas de diseño que podrías usar para lograr un alto nivel de comprensión del usuario. Ambos símbolos aquí están comunicando la misma referencia, que es oftalmología. Ambos símbolos probaron muy bien. Pero obviamente, estos símbolos están usando técnicas de diseño muy diferentes. El de la izquierda aquí está usando lo que llaman una técnica icónica, es simplemente mostrar un objeto que está asociado a la referencia. En este caso, un ojo. Observe lo sencillo y audaz que es, se puede escalar hacia arriba o hacia abajo y todavía va a leer bien. Ahora, el símbolo de la derecha está usando lo que llaman la técnica de diseño narrativo. Es una técnica mucho más compleja visualmente que la icónica, y realmente está contando una historia. Por lo que tiene aquí al médico sosteniendo un dispositivo médico, brillando luz en el ojo del paciente. Echemos un vistazo a estas técnicas de diseño un poco más en profundidad. Los cuatro de estos símbolos aquí están usando la icónica técnica de diseño. Tienes dentista, ambulancia, personal médico, éste es un poco sexista, perdón por eso, y luego neurología. Nuevamente, mira qué simples y audaces son todos estos diseños. Algo que todos están haciendo en común es que sólo están analizando los hechos esenciales del objeto o concepto que están representando. Por lo que solo están mostrando la forma muy simple e icónica del diente. En el caso de la ambulancia, han excluido tanto detalle de ella. No hay manija de puerta ni articulación entre la puerta y el resto de la ambulancia, aquí no tienen la ventana trasera, sólo están mostrando los hechos esenciales, que es una sirena, la cruz médica altamente icónica, las llantas, y la forma de una ambulancia. Aquí, con personal médico, están mostrando la forma muy icónica de un estetoscopio. En neurología, están usando el espacio negativo aquí para mostrar parte de la columna vertebral y luego espacio negativo para mostrar al cerebro, y el cerebro está tan simplemente diseñado aquí, es sólo una serie de círculos colocados unos sobre otros. Mostrar la textura altamente reconocible del cerebro es sólo una línea simple que atraviesa. Nuevamente, los cuatro de estos símbolos están usando la técnica icónica, los cuatro de estos símbolos probados muy bien. Sigamos adelante y hablemos de la técnica narrativa. Los cuatro de estos símbolos lo están usando, los cuatro de estos símbolos lo están usando bien. Por lo que tienes respiratorio, sala de espera, cirugía, y educación para la salud. Con las vías respiratorias, mira el movimiento que se logra, la ilusión de movimiento que se logra al solo mostrar una serie de puntos de aire moviéndose por la nariz del paciente hacia los pulmones. Es mucho más complejo, es mucho más dinámico que los diseños simplemente estáticos de la icónica técnica de diseño. Aquí, para sala de espera, tienes a una persona sentada en una silla, se cruzan las piernas, están leyendo un libro. Para conducir realmente a casa el punto que pasa el tiempo ahí, hay un reloj en la esquina superior izquierda. Cirugía, tienes al médico realizando realmente en el paciente. Por lo que en realidad se dedica al proceso. Las personas en la icónica técnica de diseño son simplemente completamente estáticas, sin movimiento. Pero las personas en la técnica de diseño narrativo, siempre están involucradas en el proceso. Aquí, para la educación para la salud, tienes al Doctor, y de nuevo, se dedica al proceso, enseñando a los alumnos. Ahora, veamos algunos diseños que no probaron bien y veamos qué podemos aprender de ellos. El referente aquí fue la medicina alternativa. Ahora, el de la derecha, este de aquí, probó mucho mejor que éste. Eso se debe a que esta está usando muy claramente la técnica de diseño narrativo. Tienes al médico realizando una forma de medicina alternativa en un paciente, está muy claro lo que están haciendo. Este es muy ambiguo, parece o podría parecer marihuana medicinal, tan muy confuso. Aquí, el referente es la salud mental. El de la derecha, de nuevo, probó mejor, y eso es porque están usando la técnica icónica aquí, están usando algo de lo que la gente está bien consciente, que es que los engranajes en la mente siempre se han asociado con el pensamiento. tanto que esta, realmente están tratando de usar una metáfora aquí, que es un poco confusa, del sol que se levanta sobre el médico y el paciente para representar esperanza y curación, que es un concepto muy confuso y complejo para tratar de contar a través de símbolo. Aquí el referente es la genética. Nuevamente, el de la derecha probó mejor. El de la izquierda, de nuevo, está usando una metáfora. Están tratando de explicar la muy compleja idea de un árbol genealógico, y obviamente eso no salió bien, esto es simplemente muy confuso. Lo que terminó en realidad funcionando mejor fue simplemente mostrar una familia y luego mostrar la forma muy icónica y altamente reconocible de la doble hélice. Ahora, conocemos las técnicas de diseño icónico y narrativo. Pero obviamente estas dos técnicas de diseño tienen sus limitaciones. Por regla general, sólo deben usarse si el objeto o concepto que están representando se puede representar de manera realista. Ahora, para conceptos que sean más abstractos y ambiguos, debe crear una marca audaz y memorable para luego usarse manera consistente a lo largo del tiempo para lograr una comprensión de los usuarios de alto nivel. Ejemplos perfectos de esto son el reciclaje, riesgo biológico, el nuevo relleno, y los símbolos radiactivos. Ninguno de nosotros sabría lo que significaban estos símbolos, Si no nos enseñaran desde muy temprana edad están comunicando cierto concepto. Ahora, que conozcamos las tres técnicas de diseño, o debo decir, lo siento, volviendo a la técnica de diseño abstracto. Dudo mucho que muchos de ustedes vayan a tener que utilizar esta técnica de diseño en sus proyectos. Yo sólo quería mencionarlo. Siento que es importante saberlo porque siento que la mayor parte de la referencia que ustedes chicos se van a plantear se puede representar usando las técnicas de diseño icónico y narrativo. Ahora, que conozcamos las icónicas técnicas de diseño narrativo y abstracto, quiero seguir adelante y hablar un poco sobre el estilo de diseño. Obviamente, hay una infinita cantidad de estilos de diseño que podrías usar. Pero para esta clase, realmente quiero reducirla a dos estilos de diseño. El estilo de diseño de contorno y el estilo de diseño relleno. El estilo de diseño de contorno es exactamente lo que suena, las formas que se crean simplemente cobran vida mediante el uso de contornos. El estilo de diseño relleno es simplemente crear formas creando formas rellenadas sólidas en formas. En términos de complejidad, el estilo de diseño de contorno es un poco más fácil de ejecutar. Si apenas comienzas en la clase, te recomendaría usar este estilo. Si estás un poco más avanzado y quieres un reto más grande, entonces yo iría por el estilo de diseño relleno. Veamos algunos ejemplos de estos. Aquí hay tres símbolos que están usando el estilo de diseño relleno. Tienes a alguien que se está rompiendo la cabeza en algo colgando del techo. Esto es usando la técnica de diseño narrativo, pero obviamente usando el estilo de diseño rellenado. Este es el muy famoso símbolo de avión diseñado en 1974 por Roger Cook y Don Shanosky, que ha sido ampliamente adoptado en todo el mundo para los aeropuertos. Esto obviamente está usando la icónica técnica de diseño, y está usando el estilo de diseño rellenado. Aquí tenemos un símbolo que representa algo que todo el mundo hace en la universidad, que es vaivén, algún tipo se tira de la ropa y se va a correr. Esto está usando la técnica de diseño narrativo y obviamente es el estilo de diseño rellenado. Veamos algunos ejemplos del estilo de diseño de contorno. Tenemos un hot dog aquí que está usando la icónica técnica de diseño y el estilo de diseño narrativo. Tenemos un icono que en realidad creé para mi línea de tiempo. Este es el último en mi línea de tiempo, representándome que me voy a la cama. Se trata de una técnica de diseño narrativo porque estoy agregando en los elementos narrativos de la luna y las estrellas, y mi cuerpo está en movimiento aquí mostrando mi brazo colgando. Esto obviamente está usando el estilo de diseño de contorno y luego un más ligero que simplemente se muestra usando la técnica de diseño icónica, pero el estilo de diseño de contorno Una vez más, tienes tres técnicas de diseño. Tienes la narrativa, lo icónico, y lo abstracto. Entonces me gustaría que ustedes elijan entre uno de los estilos de diseño, el estilo de diseño rellenado o el estilo de diseño de contorno. Ahora, quiero seguir adelante y hablar de tomar estas referencias y crear algunos bocetos para ellos. Aquí te dejamos una foto de mi cuaderno de bocetos. Esta es mi lista de 20 referencias que estreché de la última unidad. Esta es mi lista que es la base de mi línea de tiempo. Lo que quiero que ustedes hagan es pasar y escoger dos símbolos. Uno va a estar utilizando la icónica técnica de diseño y tratar de encontrar otra que utilice la técnica de diseño narrativo. Para mí, sé que el autobús, probablemente sólo voy a mostrar los autobuses como un simple autobús. Probablemente va a ser la icónica técnica de diseño. Pero, ¿dónde está pensando aquí, pensando justo aquí. Eso va a ser más que probable una técnica de diseño narrativo. Voy a ilustrar el autobús y los iconos pensantes. Empezando con el ícono del autobús, en realidad saqué la foto de cómo se ve mi autobús real, que llevo al trabajo y me gustaría que ustedes hicieran lo mismo. Si estás representando una bicicleta o si estás representando tu casa o tu autobús, creo que deberías empezar con una imagen real de la misma. De esa forma puedes tirar de algunos detalles esenciales de ese objeto. sólo mirar este autobús, puedo ver algunos elementos centrales, los hechos esenciales de este autobús, que es esencialmente esta parte superior aquí, que tiene la información sobre hacia dónde va el autobús. Te das cuenta de que son sólo dos ventanas realmente grandes, y luego este elemento horizontal realmente fuerte, el parachoques. En esta imagen hay muchos otros elementos que no necesitan representar como los limpiaparabrisas o la jaula de espiga por delante. Eso sólo va a agregar desorden al diseño. Si comienzas con una imagen, solo piense cuáles son los elementos principales de ese objeto. Ahora, paso a mi cuaderno de bocetos y se puede ver que tengo la imagen aquí todavía de la que obtener inspiración. Empecé bosquejándolo desde un costado pero una cosa que notas es obviamente el ancho es mucho mayor que la altura, y eso no hace para el mejor ícono. Quieres que tus iconos sean iguales altura y anchura para tener una relación similar, por lo que ocupa todo el espacio. Decidí ir con la vista frontal. Nuevamente, solo estoy tirando de los elementos esenciales del autobús, que es esta parte superior. Realmente he simplificado esta área aquí donde la información se muestra simplemente por una línea. Entonces tengo sólo las dos ventanas aquí y jalé algunos detalles bonitos de las luces en el autobús. Entonces obviamente, el parachoques y luego solo mostrando las dos llantas debajo. Después para conducir más a casa el punto que es un autobús, ya sabes, tirando al chofer ahí, creo que es un bonito toque. Ahora, pasando a la referencia de pensamiento, con la que voy a utilizar la técnica narrativa. Empecé dibujando un par de ideas diferentes. Esto obviamente mostrando sólo la cabeza y busto de una persona y luego mostrando la bombilla de arriba. Pensé que esto no mostraba suficiente información. Pensé que cortar a este tipo aquí mismo era un poco confuso. Añadí una burbuja pensante aquí. Ese elemento me hubiera gustado un poco marcado. Creo que comunica pensar un poco mejor que sólo la bombilla, que creo que se comunica como una idea. Después cambio para agregar un poco más de detalle mostrando a un tipo sentado en la silla desde un lado y luego pensando burbuja, agregando el escritorio. Creo que esto se está haciendo un poco más fuerte. Es un poco más de un diseño narrativo. Entonces finalmente llegué a la solución final, que es chico sentado a la mesa. El burbuja aquí está comunicando pensamiento, pero también la forma en que se posicionan sus manos, es también comunicar que el pensamiento está pasando. Tengo las manos en la barbilla, estoy contemplando y luego esta mano está descansando sobre el escritorio también. Yo quiero que pases por un proceso similar para tu referencia. Si vas a ilustrar un autobús o una bicicleta o una casa, posible que quieras sacarle una foto y usarla como inspiración para tus bocetos. Después usando esas mismas técnicas de diseño que acabamos de pasar, creé un boceto para cada uno de mi referencia y este es el entregable final para esta unidad. Una vez que ustedes pasen por este proceso y creen boceto para cada una de sus referencias, me gustaría que le tomaran una foto y la subieran a la sección de proyectos del sitio web. Una vez que hayas hecho eso, entonces has completado la unidad 2 de este curso para tu clase. Gracias de nuevo por tomar la clase y los veré en la próxima unidad. 3. Curso intensivo de Adobe Illustrator: Hola a todos. Su Edward Boatman. Bienvenido a la unidad 3 de la clase Skillshare en introducción al diseño de símbolos. Entonces en esta unidad, vamos a tomar los bocetos que acabamos de terminar en la unidad 2 y los vamos a poner en Illustrator y vamos a empezar a vectorizar estos diseños. En este video en particular, va a ser un curso brusco sobre los fundamentos de Illustrator. Entonces si ya conoces Adobe Illustrator, adelante y apaga este video y ve y salta al siguiente video. Si apenas te estás volviendo nuevo en Adobe Illustrator, si solo estás empezando con él, este video es perfecto para ti. Estamos en Illustrator aquí y una de las primeras cosas que vamos a hacer es que vamos a crear un nuevo documento. Entonces solo sube aquí a Archivo y Nuevo. No le pongamos nombre por ahora. Se puede ver esto controla el tamaño de la misma. Dejémoslo en la letra y presione “Ok”. Entonces aquí vamos, tenemos un lienzo en blanco completo aquí. Ahora, vas a estar mirando a tu alrededor este programa de Illustrator y vas a estar diciendo que aquí hay muchas herramientas y probablemente puede parecer bastante intimidante, pero lo bueno es que para que ejecutar el proyecto final el cual es un conjunto de 20 iconos, en realidad solo hay algunas herramientas que vas a necesitar conocer. Por lo que en realidad debería ser bastante fácil y hoy te voy a enseñar estas herramientas. Déjame sacar esto del camino. Entonces lo primero que quiero enseñarles es sobre cómo dibujar líneas. Básicamente son la base de todo lo demás que vamos a aprender a hacer. Entonces, esencialmente hay dos formas en que puedes dibujar una línea. Uno es con la herramienta de pluma, que está justo aquí. Esencialmente puedes crear dos puntos. Entonces aquí a aquí, se puede ver ahí mismo hemos creado una línea. Entonces si quieres manipular esa línea, puedes ir aquí a la herramienta de selección en la esquina superior izquierda y agarrarla, y en realidad puedes ajustar el grosor de la línea subiendo aquí al peso del trazo y aumentándola. Puedes hacerlo realmente grueso, en realidad puedes escribir un número aquí. Por lo que quieres hacerla de 40 puntos de espesor, eso lo hace muy grueso. Si quieres que sea un punto grueso, eso lo hace muy delgado. Entonces esa es una forma en la que puedes dibujar una línea. La otra forma en que puedes dibujar una línea es con la herramienta de línea. Por lo que éste funciona un poco diferente en el sentido de que hay que mantener pulsado el ratón. Así que mantenlo presionado, arrastra a donde quieras ir y luego suelta. Es así de sencillo. Una cosa que puedes hacer con la herramienta de línea es si quieres mantener tu línea completamente 90 grados, puedes dibujar y luego presionar el botón de cambio de tu teclado y eso la mantiene completamente recta, completamente plana. Te das cuenta aunque subo o abajo con mi cursor, sigue quedando completamente horizontal. Yo puedo hacer lo mismo con mantenerlo vertical. También funciona a 45 grados también. Por lo que todas las líneas, con herramienta de pluma y con la herramienta de línea. Ahora hablemos de manipular un poco estas líneas. Entonces vamos a volver a la herramienta de selección y agarrar esto. Entonces si quieres moverlo, solo puedes moverlo a cualquier lugar que quieras en el lienzo. Es una forma de manipularlo. Si quieres manipularlo un poco más, puedes ir a la herramienta de selección directa que es la parte superior derecha. Seleccionas esta herramienta, y en realidad puedes manipular la línea ahora por estos puntos. Obviamente con la línea, sólo hay dos puntos, un punto de inicio y un punto de meta. Para que pueda agarrar uno de esos y moverlo. Ya puedes ver que estoy manipulando completamente la línea ahora. Lo mismo aquí. Ya verás que aquí hay algunas guías inteligentes que verás que se romperán para estar en eje vertical con este punto aquí abajo, lo mismo para ser completamente horizontal. Por lo que Illustrator tiene algunas guías inteligentes realmente bonitas integradas en él. Entonces sabemos dibujar las líneas, sabemos usar la herramienta de lápiz para dibujar una línea, sabemos usar la herramienta de línea para dibujar una línea, sabemos cómo hacerlas gruesas y delgadas. Hablemos de hacer formas ahora. Entonces vayamos a la herramienta de bolígrafo y hagamos una larga línea con una serie de puntos y volveré a dar un círculo. De hecho, cerremos esta línea para que crea una forma. Se puede ver como yo cerca del punto de partida, se puede ver un pequeño círculo aparece por la herramienta de pluma. Esto significa que en realidad voy a cerrar esto en forma. Entonces ahora ya no tengo una línea, sino una forma cerrada. Todavía puedo hacer lo mismo manipulando el peso del trazo para que pueda hacerlo grueso, puedo moverlo, puedo agarrar uno de estos puntos, y manipularlo aún. ¿ Cómo cambio el color en el interior? Ese es un lugar perfecto para empezar a hablar de relleno. Entonces si quiero cambiar el color aquí, lo puedo hacer con estas dos cajas aquí y estas dos cajas aquí. Entonces si resalto esto, esto es controlar el trazo. Esta caja justo aquí, el contorno negro está controlando el trazo, por lo que el color del contorno. Si quiero controlar el color de lo que hay dentro, el relleno, lo puedo hacer con esta caja aquí mismo. Se puede ver que no hay nada ahí dentro como lo indica la línea roja que va a la caja. Pero si quiero un color, solo presiona el desplegable y digamos que quiero hacerlo azul. Ahí vamos, tengo una forma. Ahora bien, si no quiero ese contorno negro a su alrededor, hago el trazo para que no haya nada. Entonces hazlo para que haya una línea roja yendo a la caja, y también puedo manipular eso aquí abajo también, así que mantengamos el trazo en nada. Aquí vamos. Por lo que ahora sabemos crear una forma, conocemos los diferentes trazos de tutoría y relleno. Ahora quiero hablar de cómo crear algunas formas más geométricas. Entonces empecemos con un rectángulo. Entonces ve a tu herramienta de rectángulo, eso es justo aquí. Una cosa a señalar es en esta paleta de herramientas aquí, si ves que hay una pequeña flecha negra en la esquina de estos iconos, eso en realidad significa que hay más herramientas enterradas debajo. Para que puedas ver aquí más allá de la herramienta lápiz, aquí están todas estas diferentes herramientas. El rectángulo herramientas así, tiene una herramienta de rectángulo redondeado, herramienta elipse y herramienta de polígono. Pero por ahora, solo hagamos la herramienta de rectángulo. Entonces, para la herramienta de rectángulo, simplemente seleccione el mouse y arrástrelo, y luego suelte. Cambiemos el color del rectángulo para que sea negro. Entonces vamos aquí arriba, allá vamos. Aquí está nuestro rectángulo. Podemos hacer un par de cosas con eso. Si queremos ajustar el tamaño de la misma, solo tomamos nuestra herramienta de selección normal y solo podemos pasar el rato sobre los lados y puedes ver que estas dos flechas aparecen. Podemos hacerlo más grueso y delgado, también podemos ajustar la altura de la misma así, también podemos seleccionar en él e ir a la esquina y girarlo. Ahora, cuando lo estás girando, también puedes mantener presionada la tecla Mayús, y eso crea, por lo que solo gira en 45 grados lo cual es una característica realmente bonita. Si suelto la tecla Mayús, puedes ver que puedo rotarla donde quiera. Entonces esa es la herramienta de rectángulo. Echemos un vistazo a la herramienta de elipse. Lo mismo. Dibuja una elipse. Ahora di que quiero dibujar un círculo perfecto. Bueno, vas a la herramienta de elipse, pero luego mantienes pulsado el turno mientras haces eso y eso crea un círculo perfecto. Si suelto turno, puedes ver que vuelve a una elipse, pero si golpeo turno, círculo perfecto, limita las proporciones. Lo mismo con una herramienta de rectángulo en cuanto a dibujar un cuadrado. Para que puedas dibujar un rectángulo, pero si quieres que sea un cuadrado perfecto, pulsa turno y limita las proporciones. Ahora sabemos dibujar algunas líneas, cómo dibujar algunas formas básicas. Echemos un vistazo a algunas formas más complejas. Por ejemplo, ¿cómo dibujarías esta forma? Es complejo. Probablemente estés pensando : “¿Cómo harías eso?” Bueno, una de las claves con Illustrator es que tienes que ver las formas dentro de una forma. Esta forma aquí mismo, en realidad veo dos círculos en ella. Veo un círculo, luego parece que había otro círculo colocado encima de él, y fue restado de este primer círculo. A ver si podemos duplicar eso. Vamos aquí vamos a la herramienta Ellipse, y vamos a crear un círculo simple. Ahora vamos a copiar este círculo hacia fuera. Para copiar, hay un par de formas en las que puedes hacerlo. Puedes hacer Command C en una Apple o Control C en una Apple. Estoy presionando eso ahora mismo. Después Comando V o Control V, pegarlo. Se puede ver sólo pegar ahí. O otra forma de hacerlo es simplemente seleccionar el objeto que desea copiar y pulsar “Opción”. Se puede ver cómo aparece otra flecha junto a mi cursor, y luego simplemente se arrastra lejos de eso. Hay dos formas en que puedes hacerlo. Vamos a crear una luna ahora. Vamos a mover esta forma sobre la luna así. Ahora si destacas ambos, muestra estos caminos solapados y es este camino el que queremos. Esencialmente, tenemos que restarle esta forma a ésta. El modo en que haríamos eso es con el menú de herramientas Pathfinder aquí. Para llegar a la herramienta Pathfinder, cerraré para poder mostrarte cómo conseguirla. Puedes ir a ventana aquí y bajarás a Pathfinder aquí mismo. Se puede ver que aquí hay un montón de opciones diferentes en la herramienta Pathfinder. Lo que es genial es que estos pequeños iconos son realmente intuitivos. Se puede ver que éste es el unitario. Si querías convertir esta forma en una sola, o bien presiona “Unite” y de repente se une a esos. No hagamos eso sin embargo. Este es un buen momento para introducir otro concepto que está dando un paso atrás, que el atajo para eso en un Mac es Command Z, en una PC es Control Z. Dé un paso atrás. También puedes simplemente hacer eso subiendo aquí a Editar, lo siento, siempre lo hago con el Command Z y Control Z. Sí, lo siento, rehacer. Ahí, puedes deshacer un movimiento haciendo redo. Echemos un vistazo a algunas de estas otras herramientas Pathfinder. Puedes menos este de eso, y eso es lo que queremos. Simplemente puedes darle a eso. Ahí vas. A éste le restó este círculo. De lo que te queda es esta forma de luna. Esa es una forma en que puedes crear estas formas complejas. Echemos un vistazo a esta burbuja de discurso. Cuando lo miro, sólo parece una elipse simple y luego parece que aquí abajo se dibuja un triángulo. A ver si podemos hacer eso. Tomas tu herramienta de elipse, solo arrástrala horizontalmente, y luego vas a crear un triángulo. Para crear un triángulo vas a querer volver a tu herramienta de puntos. Sólo vamos a querer 1, 2, 3 y luego volver al original y cerrarlo. Ahora tienes una herramienta de triángulo. Puedes moverlo allí donde quieras. Si quieres ajustar un poco esto, puedes traer eso. Si quieres hacer esto un poco más grande, realidad puedes flotar por aquí en la esquina y agrandar eso. Ahí lo tienes, otra forma en la que puedes crear esas formas complejas. La lección aquí es que cuando veas estas formas complejas, siempre trata de estar pensando en la forma dentro de una forma. Apenas con esas sencillas herramientas que te di, la herramienta de línea, la herramienta de elipse, la herramienta de rectángulo, algunos de estos elementos de pathfinder, puedes empezar a crear esto y para que tu confianza vaya, estamos va a trazar en realidad uno de estos iconos. Viste que acabo de acercarme ahí. Probablemente debería hablarte de eso. Acercar es Command Plus y Command Minus en un Mac, en un PC, eso sería sólo Control Plus y Control Menos. Empecemos con una forma bastante simple. Esta consola de TV es muy sencilla. Vamos a copiar esto. Simplemente selecciónela. De nuevo, es Comando C y, eso lo copia en tu portapapeles. Vamos a nuestro documento original y vamos a pegarlo ahí. Diseñé este ícono en una cuadrícula y vamos a llegar a eso en el siguiente video de esta unidad. Pero por ahora, intentemos duplicar la cuadrícula. Vas a ir al Comando K. Eso sería Control K en un PC. Se abre este menú Preferencias. Vas a querer ir a Guías y Cuadrícula. Ya está puesto ahí en 48 puntos. Vas a tener una buena línea cada 48 puntos y vas a hacer 48 subdivisiones dentro de esas cuadrículas. Sólo tienes que pulsar “Ok”. Ahora tengo que mostrar esa grilla. Subirás a View y vas a Show Grid. Ahora vas a querer que tu cursor se ajuste a la cuadrícula. Vas a ir a View y vas a Snap to Grid. Ahí vamos. Ahora cuando muevas esto, vas a ver que se va a masturbar. Ves eso, cómo se está ajustando a las rejillas individualmente. Solo coloquemos esto para que se alinea perfectamente con la cuadrícula y puedas ver justo ahí dentro está perfectamente alineado. Vea cómo cae cada línea en la rejilla. Esto va a hacer que sea realmente fácil diseñar esto. Otra cosa que queremos hacer y otro concepto introducido es la idea de capas. Queremos mover esto a una capa diferente a la capa sobre la que vamos a estar dibujando. Para hacer eso, vas por aquí y vas a ir a este ícono de aquí mismo, que es el icono de Capas. Eso vas a seleccionar. Vas a querer crear una nueva capa, que está aquí mismo. Ahí vamos. Bueno actualmente soy esta capa porque está resaltada. Si seleccionas esto, puedes ver que está en la capa inferior. Lo que queremos hacer es esencialmente querer bloquear esta capa. Sólo vamos a presionar este botón ahí mismo, que lo bloquea. Ya puedes ver que ya no lo puedo agarrar. Ahora vamos a querer trazar literalmente esto, y esto te va a enseñar un montón de conceptos cuando trazas esto. Saquemos nuestra herramienta de línea. Acuérdate de éste. Acerquemos aquí. Empecemos a rastrear. Se puede ver una línea aquí. Ahora, probablemente queremos trazar en un color diferente para que aparezca contra el fondo. Hagamos estos rojos. Ahí vamos. Se puede ver que mis líneas son de dos puntos de espesor. Ahí vamos. Ahora para hacer esta línea curva, en realidad hay una herramienta que hace eso. Puedes mantener presionada tu herramienta de línea y tienes esta Herramienta de Arco. La herramienta Ark es realmente increíble. Crea estos arcos interesantes. Pero si quieres mantenerlo completamente circular, de nuevo, solo tienes que presionar y mantener presionada la tecla “Shift”. Eso mantiene la restricción de proporciones. Ahí vamos. Ahora usemos la herramienta Arc. Ahí vamos, así como así. Ahora, puedes hacerlo por separado o simplemente puedes copiarlos. Los copiaré y rotaría eso. Hagamos otra aquí. Por último, el último. Ahora volvamos a nuestra herramienta de línea y llenemos los vacíos, en este punto. Se puede ver que mi cursor realmente se está ajustando a estas rejillas, que lo hace realmente bonito. Deténganse ahí. Si quiero ajustarlo, solo muévelo aquí. Vayamos aquí. Ahí vamos. Ya casi estamos a mitad de camino, es así de fácil. Ahora, veamos aquí. Este pequeño detalle de esta línea curva aquí se puede resolver un par de maneras. Eso es lo que pasa con Illustrator, realmente puedes dibujar cualquier cosa probablemente de 10 maneras diferentes y llegar a la misma solución. Podrías crear una línea así y luego ir a la herramienta de círculo. Estoy en forma de derrame cerebral así que necesito cambiarlo para llenar. Esa es una forma de hacerlo. Otra forma en la que puedes hacerlo como bastante cool porque en realidad puedes seleccionar el trazo, puedes ir a la herramienta de trazo por aquí, golpear eso, y en realidad puedes ajustar cómo aparecen los extremos de tu trazo. Ahora mismo, se puede ver que está terminando en un gorro trasero. Pero si querías ser gorra redonda, puedes hacerlo. Ya puedes ver cómo ahora tus trazos van a estar terminando con un círculo. Se puede ver que esa es otra forma de hacerlo. Para este ejercicio, dejémoslo en un gorro trasero, pero solo quería mostrarte ese detalle porque es realmente poderoso. Destacemos esto. Copiar estos más. Ahí está. Dibujemos aquí. Ahora, esta es otra oportunidad para aprender algo nuevo. Se puede ver que no tenía seleccionada la configuración de trazo correcta, así que se puede ver que mi trazo no es nada y mi relleno no es nada. Por lo que sólo ves esta línea roja aquí. Si quiero hacer coincidir las propiedades de este trazo con éste, solo puedo ir a esta herramienta de gota de ojos aquí, seleccionarla, pasar el cursor por aquí, y seleccionarla. Se puede ver que las propiedades de este trazo se colocan automáticamente en éste, que es una herramienta realmente genial. Volvamos a nuestra herramienta Arc. Ahí vamos. Rotemos eso y jalemos esto hacia arriba. Se puede tirar de esto hacia arriba. Conectemos estas líneas aquí. Amplíe un poco más y volvamos a conseguir la herramienta de trazo. ¿ Ves cómo creé eso de una nueva manera? Me moví al rectángulo, dibujé el rectángulo, y creé estos bordes redondeados con esta herramienta aquí mismo, con la herramienta de esquina. Normalmente, está en esta articulación menor, lo que significa que solo va a ser un duro 90 grados, pero si quieres hacerlo suave, puedes hacer la articulación redonda. Ahí vas. Así de simple. Vamos a copiar esto más. Ahora sólo tenemos una última parte aquí. Copia esto más. De otra manera, puedes voltear estos como puedas ir. Puedes tenerlo resaltado, y puedes ir a objetos, puedes ir a transformar, puedes ir a reflexionar. Si te imaginas un espejo, ¿quieres reflejarlo verticalmente o quieres reflejarlo horizontalmente? En este caso, queremos voltearlo verticalmente. Por lo que queremos que se moldee por aquí. Simplemente haz vertical y se voltea por ti. Aquí vamos. Vamos a conectarlo, y ahí vamos. Acabas de crear ese icono. Es así de sencillo. Eso fue realmente sencillo. Ahora vamos a resaltar todo este ícono y vamos a moverlo. Pasemos a la siguiente sección de rejillas aquí. Ahora, te das cuenta de que todo sigue en forma de derrame cerebral. Se puede decir que cuando lo resalta, es un trazo y no un relleno. Algo de eso es que si agrandas esto, verías que la forma de los trazos se agrandaría, pero el grosor no lo haría. Lo que queremos hacer es que queremos cambiar todos estos a un relleno para que realmente sea una forma. Déjame desbloquear esto, mostrarte la diferencia. ¿ Ves cómo es todo esto llenar justo aquí? Puedo ampliarlo y en realidad se agranda a diferencia de éste, donde se pueden agrandar los trazos, pero entonces los pesos de línea no cambian. ¿ Cómo cambiamos esto de un trazo a llenar? Bueno, lo que haces es resaltar todo. Bueno, empecemos con uno para poder mostrarles un ejemplo. Simplemente resalta esto. Sube aquí a objeto, camino, trazo de contorno. Ahí vas. Ahora empezaste con un trazo, pero ahora tienes una forma real con puntos aquí que puedes cambiar. Por lo que quieres hacer eso para toda la forma, todo el icono. Sólo tienes que seleccionar todo. Objeto, trayectoria, trazo de contorno. Ahí vas. Ahora, también quieres fusionar todos estos juntos porque no quieres tener solo un montón de formas separadas flotando alrededor, quieres que se fusionen entre sí. Resalta esto, y vas a querer ir a la herramienta Pathfinder. Vas a querer ir a éste, aquí mismo, que dice Unite, y solo quieres darle a eso. Ahí está. Tú uniste todo, lo cual es realmente genial. Ahora puedes agrandar esto, cambiar el color de la misma. Igual que eso. Ahí vas. Ahora ya sabes usar Illustrator. Algunas funciones básicas que te van a permitir ejecutar estos diseños y convertir tus bocetos en iconos terminados. Ahora, también me he vinculado a un montón de otros tutoriales en la sección de recursos de esta unidad y recomendaría mirar esos. Después también echa un vistazo al siguiente video. Creo que si fueras principiante y ves este tutorial, definitivamente vas a tener una mejor captación de algunos conceptos fundamentales. 4. Diseño de un símbolo en Adobe Illustrator: Hola a todos. Aquí está Edward Boatman. Bienvenido a la Unidad 3 de la clase Skillshare en Introducción al Diseño de Símbolo. En esta unidad, vamos a tomar los bocetos que creamos en la última unidad, y los vamos a colocar en Adobe Illustrator. Vamos a empezar a vectorizar estos diseños. Te voy a guiar por el proceso de diseño que utilizo. Esperemos que se pueda aprender algo de eso. El entregable final para esta unidad es que vas a compartir un diseño o un ícono terminado en Illustrator del que más te enorgullece. Eso va al entregable final. Cuando crees eso, sigue adelante y sube eso a la sección Proyecto en el sitio web de Skillshare. Entonces vamos a saltar al Ilustrador. El archivo de plantilla de Illustrator se abre aquí. Esto está disponible para que lo descargues en la sección Recursos de la Unidad 3. Se puede ver dentro del archivo, tengo todos mis iconos finalizados de mi línea de tiempo. Aquí hay un par de cosas de las que quiero hablar. Una de ellas es que todos estos iconos parecen estar juntos en un conjunto; todos tienen la misma estética. Eso lo logro de un par de maneras diferentes. Una es que usé una rejilla y me aseguré de que los diseños cayeran encima de la rejilla. Si haces zoom aquí, puedes ver que todas las líneas caen en la cuadrícula. Esto es bueno para mantener las cosas estéticamente similares, pero también es bueno porque simplifica mucho el proceso de diseño. Ahora, obviamente, la cuadrícula es simplemente una guía; se puede romper de ella. Se puede ver que este diseño no está necesariamente completamente en la cuadrícula. Otra cosa que ayuda a mantener el conjunto consistente es que todos los pesos de línea son exactamente los mismos. Se tienen dos puntos. Se puede ver que este peso de línea es el mismo que este peso de línea, es el mismo que eso. Eso realmente ayuda a mantener el diseño consistente. El tercero es que todos los rincones a su alrededor simplemente le dan una sensación agradable, suave, sutil. Ayuda a mantener el diseño juguetón, y también ayuda a mantener juntos los iconos como grupo. Antes de empezar con tus diseños, te recomendaría ponerte algunas reglas para ti. Define qué peso de línea vas a usar si vas a usar la técnica de contorno. ¿ Vas a usar esquinas curvas o duras de 90 grados? Si apenas estás empezando, te recomendaría hacer esta misma estética de diseño exacta que hice. Entonces una línea de dos puntos y luego mantener las cosas redondeadas. Creo que va a simplificar bastante el proceso de diseño. Si estás avanzado, entonces por todos los medios, usa tu propio estilo de diseño y ten en ello. Ahora voy a pasar por el proceso que utilizo para diseñar uno de estos iconos. Abramos un nuevo documento. Sólo llamémoslo el Día de Edward. Podemos dejarlo a la carta, eso está bien. Ahora, una de las primeras cosas que vamos a hacer es que vamos a querer montar nuestra grilla. Vamos a Mando, K. Va a ser Control, K en un PC. Vas a “Guías y Cuadrícula”. Aquí se puede ver, vamos a tener una línea de cuadrícula cada 48 puntos y luego 40 subdivisiones dentro de esas cuadrículas. Eso es perfecto, eso es exactamente lo que queremos. Ellos van a “Ver”, “Mostrar cuadrícula”, y luego a “Ver”, “Ajustar a la cuadrícula”. Ahora, tenemos nuestra configuración de rejilla. Colocemos aquí una imagen de uno de nuestros bocetos. Sólo tienes que ir a “Archivo”, “Lugar”. Sólo estoy colocando un JPEG aquí. Este es el ícono que vamos a dibujar. Ahora, hagamos la altura de estos 48 puntos. Ahora, vamos a crear un icono que va a estar en el estilo que comunica este boceto. Vamos a querer que básicamente ocupe una sección entera de la cuadrícula. Lo que recomendaría es solo analizar las formas básicas y solo pongamos las abajo en papel primero. Es muy similar a dibujar en tu cuaderno de bocetos donde simplemente comienzas con un poco de detalle, y luego poco a poco se agrega más con el tiempo. Como dije, vamos a hacer dos puntos. Vamos a tener la cabeza de este tipo a las siete. Está bastante bien. También vas a necesitar otro círculo para crear los hombros. Hagamos ese seis porque tus hombros siempre son un poco más pequeños que tu cabeza. Vamos a mover este poquito abajo. Aquí miro los pies. ¿ Cómo vamos a crear esos? Lo que me gusta hacer es empezar con solo crear un trazo. Yo voy a hacer este 1.5 y tú vas a ver por qué. En realidad vamos a ponerle una gorra redonda. Lo que me gustaría hacer es delinear el trazo. Entonces, ahora está todo lleno, pero lo voy a cambiar de nuevo en un trazo, y luego alinear eso con el exterior, y luego hacer esos dos. Ese es el proceso por el que me gustaría pasar para crear estos brazos y piernas en mi gente. Vamos a copiar una para la otra pierna. Se puede empezar a ver que estas formas están empezando a juntarse. Ahora, vamos a necesitar una línea aquí para conectar los hombros a las piernas. Pongámonos en fila por este brazo aquí arriba. Nuevamente, 1.5. Vamos a hacer de esto una gorra redonda. Nosotros lo vamos a esbozar. Entonces vamos a volver a hacer el trazo. Alinear eso hacia el exterior, dos puntos. Ahí tienes, se ve bastante bonito. En realidad, eso es transicionar bastante bien ahí. Para que veas que estamos empezando a ponerlo bastante bien. Ahora que lo tenemos dispuestas, quiero empezar a estratificar con algún detalle más. Mantengamos esta versión como está en caso de que cometamos un error más adelante, siempre podemos volver a ella. Solo copiémoslo. Una cosa que vamos a hacer es que vamos a empezar a tallar en esto. Vamos a delinear todos estos trazos. Ahora, obviamente, esta línea de aquí vamos a tener que deshacernos, porque sólo queremos que sea una línea hasta aquí. Por qué hacemos eso es que solo creamos otra forma y restaríamos la forma que vamos a crear del círculo. Acude a la herramienta “Pathfinder” para rastrear, y ahí vamos. Ahora, vamos a pasar aquí abajo a las piernas. Tengo una técnica diferente para las piernas. Lo que quiero hacer es esencialmente que quiero deshacerme de toda esta porción curva aquí, pero deja estas dos líneas. Entonces lo que voy a hacer es simplemente crear otra forma. De nuevo, voy a restar esta forma de esto. Déjame llevar esto al frente. Se puede ver cerraduras. Por lo que ahora, selecciónelos a ambos y de nuevo, restar. Esto necesita ser llevado al frente. Ahí vamos. En ocasiones, vas a querer cambiar el color de esto solo para que puedas verlo mejor. Ahora, vamos a querer crear una línea que venga de aquí, aquí abajo para formar el frente del pecho. Volvamos a encender nuestra grilla primero. Se puede ver, este es un dibujo muy parecido. Es mucho juicio y error. Vamos a mover esta pieza, este punto para arriba un poco. Entonces si hay dos puntos uno encima del otro, si eso sucede, solo borras uno de ellos. Vamos a subir esto un poco. Está empezando a lucir bien. Entonces ahora, vamos a tener que deshacernos de todo esto aquí. Nuevamente, la forma en que vamos a hacer eso es simplemente creando una forma para eliminar esta parte. Entonces, primero delineemos ese trazo y vamos a crear una forma. Entonces yo sólo voy a ir aquí. De nuevo, voy a tomar esta forma y restarla de esta forma. Ahí vamos. Vamos a mandar esto a la parte de atrás. Nuevamente, se trata de estratificar en detalle lentamente. Entonces a pesar de que ahora mismo, todavía se ve muy áspero. Poco a poco lo estamos refinando. Esto se va a tener que cortar. Asegurémonos de que esta línea se cruza. Aquí vamos. Ahora bien, a pesar de que estas son formas diferentes, las fusionaremos al final, pero empezando a parecer que todas están en un solo camino, lo cual es genial. Subamos aquí, y lo que vamos a querer hacer es hacer esta transición de esta forma a esta curva realmente agradable. Entonces puedes ver que ahora es una transición muy suave. También quiero que esta línea termine aquí, así que necesito deshacerme de todas las cosas dentro de aquí. Entonces lo que voy a hacer es simplemente crear un cuadrado, y yo también donde corté esta línea, quiero que sea perpendicular a esta línea, y ya verás por qué. El modo en que hago eso es que solo dibuje un cuadrado, asegúrate de que sea paralelo a esta línea, ahí está, luego muévelo por donde quiero cortar. Así. Aquí vamos. Ahora, puedes tomar estos dos y dividirlos, y eso te permite empezar a eliminar algunas áreas. Ahora, realmente está empezando a limpiarse. Ahora, voy a querer hacer esto circular aquí, así que tiene esa bonita estética curva, suave. Sabemos que esta línea era una línea de dos puntos, así que vayamos a nuestro círculo para asegurarnos de que nuestra cuadrícula esté encendida y creemos ese círculo. Ahora, podemos simplemente mover esto, y voy a limpiar eso un poco más tarde, pero se puede ver que realmente hace que ese diseño sea mucho más suave. Para que veas que estamos llegando. Ahora, vamos a añadir este brazo trasero. De nuevo, vamos a querer que sea 1.5 al igual que todos los demás, que sea curvado, y luego tapas redondas. Vamos a querer guardar esto en caso de que nos equivoquemos, para que podamos volver atrás y ajustarlo. Se puede ver tal vez que este ángulo probablemente debería darle una paliza un poco, o en realidad, vamos a ver. Supongo que eso está bien, en realidad. Tenemos eso estratificado aquí. Vamos a delinear esto ahora. Nuevamente, todo lo que vamos a querer es sólo esta parte. No necesitamos nada de esto, así que vamos a crear una forma para deshacernos de ella. Queremos desagrupar esto para deshacernos de esta porción también. Ahí vamos, tenemos a un tipo caminando. Ahora, sólo tenemos que unir estos juntos, así que vamos a copiar esto. Primero asegurémonos de todos los caminos, vamos a delinear, así que querrás resaltar todo y asegurarte de que no haya caminos que parece que no haya, así que asegurémonos de que todo esto sea negro. Ahora, vamos a querer pasar, y vamos a querer empezar a unirnos a todo, empezar a fusionar todo juntos. Cuando hagas eso, vas a ver que hay algunos puntos que tendremos que volver atrás y retocar más tarde, y llegaremos a eso en la siguiente unidad. Ya puedes ver que estoy tratando de unirme a estos. Si quieres moverte realmente rápido, solo resáltalo todo. Ahí lo tienes. Ahí hemos creado ese diseño. Nuevamente, los pasos eran; dispones las formas básicas, una vez que obtienes la geometría básica correcta, comienzas a delinear los trazos, y usando la herramienta Pathfinder, comienzas a cortar en el elementos que no quieres hasta que te queden solo con los elementos que sí quieres y luego los fusionas. En la siguiente unidad, vamos a empezar a perfeccionar esos, o vamos a pulir aún más estos diseños. Entonces gracias de nuevo, y nos vemos en la siguiente unidad. 5. Elaboración del producto final: Hola a todos. Aquí es Edward Boatman. Bienvenido a la última unidad, unidad 4, en la clase Skillshare; una introducción al diseño simple. En esta unidad, vamos a aprender a pulir los diseños que creamos en la última unidad y vamos a formatear nuestra línea de tiempo para que podamos prepararla para compartirla con el mundo y completarla. Entonces sigamos adelante y saltemos en Illustrator. Algo que vamos a estar viendo en particular hoy son estos puntos de anclaje. Como puedes ver, hay algunos innecesarios que necesitamos eliminar. Punto de anclaje, controlan las intersecciones, esencialmente donde estas líneas se cruzan. Se puede ver de aquí a aquí, esta es sólo una línea continua. Estos puntos de anclaje aquí son completamente innecesarios. Entonces, eliminémoslos. De la forma en que lo hacemos a medida que vamos a esta herramienta y se va a borrar punto de anclaje. Simplemente pasa el cursor sobre él y elimínalos. Justo así. Quieres pasar por tu diseño y buscar otros. Aquí hay uno. Este también. Esto se ve bastante limpio aquí abajo. Ahora aquí arriba, esto necesita ser limpiado. Hay demasiados. Obviamente, no elimines esa, cambia toda la forma. Ya puedes ver que está empezando a ponerse mucho más limpio. Parece que aquí hay un pequeño filo. Podemos ver la limpieza. Perfecto. Está bien, eso se ve bastante bien. Solo quieres asegurarte de nuevo de que no haya golpes. Eso se puede decir resaltando todo y la caja de trazos tiene una línea roja a través de ella. Todo es negro. Esto está listo para salir. Vamos a copiar esto en nuestra plantilla de Illustrator aquí. Cuando hagas el tuyo, estos obviamente se llenarán de todos tus diseños. Justo así. Así se empezará a ver el tuyo. Tan solo para revisar una vez más, debes resaltar todos tus símbolos y de nuevo, estás viendo que no hay trazos, y todo es relleno, todo es negro. Eso significa que esto está listo para salir, que esto está listo para ser compartido con el mundo. Antes de finalizarlo y subirlo a Skillshare, quiero subir mis símbolos que creé a la página web de Noun Project porque la gente entonces de todo el mundo puede descargarlos y usarlos en infografías y todo tipo de proyectos, y en realidad puedes ganar dinero con las personas que descargan tus símbolos. Te mostraré cómo subir eso. Vas a querer resaltar un icono. Hagamos éste, éste es el de la ducha. Un desayuno francés en realidad. Copia eso. Creemos un nuevo documento y solo lo llamemos “Café”. Van a ser 100 puntos por 100 puntos. Pega eso ahí dentro. Se desea hacer la dimensión más grande de su símbolo, en este caso, la altura, se quiere hacer de eso un 100 puntos. Se desea ir a Objeto, trabajo, Ajustar a Arte Seleccionado. Ahí vamos. Ahórrate eso. Guárdalo como un SVG, Gráfico Vectorial Escalable. Está bien. Ahora puedo ir a la página web de Noun Project. Ya estoy conectado, pero si no tienes cuenta, puedes iniciar sesión con Facebook o puedes iniciar sesión solo creando una cuenta tú mismo. Sólo tienes que ir a subir iconos. Si sigues las indicaciones que acabo de darte, tus iconos estarán cumpliendo con todas estas reglas. Puedes seleccionar varios, solo tienes que mantener presionada la tecla Mayús. Ahí van. Se puede llenar la información, la fuente del símbolo. Yo soy el diseñador original del símbolo. ¿Qué es este símbolo? Desayuno. Puedes elegir la licencia de la misma. Voy a elegir licenciarlo bajo Creative Commons Attribution, que significa que cualquiera puede descargarlo, puede usarlo para cualquier propósito, pero deben decir que está diseñado por Edward Boatman. Este de aquí esencialmente lo libera al dominio público. Significa que cualquiera puede usarlo para cualquier propósito, pero no tienen que atribuírtelo. El símbolo debe ser atribuido a Edward Boatman. El año en que fue diseñado es 2013. Oops, lo siento. Estados Unidos. Puedes enlazar a tu portafolio si quieres, y solo puedes etiquetarlo. Entonces café. Ahí vas. Tan simple como eso. Es así como subes los símbolos al Proyecto Noun. Quiero ahora volver a los iconos finales aquí. Esta es tu mesa de trabajo final. Se puede ver que aquí he creado todos estos iconos que representan el día. Ahora voy a copiar estos en. Antes de hacer eso y probablemente debería escribir aquí mi nombre. Vamos a copiar todos estos fuera. Vayamos al archivo final de la mesa de trabajo. Esto se encuentra disponible en la sección Recursos de la unidad 4. Sólo vas a pegar. Vas a querer asegurarte de que encaja bien en esta guía que puse aquí. Es bastante perfecto. Elimina la guía, y ahí tienes. Esta es tu obra final que puedes guardarla como JPEG y subirla al sitio web de Skillshare. Comparte con el mundo, publícala en Facebook. Es su línea de tiempo, visualmente descrita a los iconos. Entonces ese es el final del curso. Espero que ustedes aprendan mucho y realmente espero que mantengan estas líneas de tiempo alrededor y tal vez en 15-20 años las miren hacia atrás, y es un bonito artefacto visual que cuenta la historia de su vida. Una vez más, muchas gracias por tomar el curso y tener un gran día.