Cómo crear íconos geométricos usando Adobe Illustrator

1. Introducción: Hola, soy Kevin Moran. Soy diseñadora gráfica de Toronto, Canadá. En la clase de hoy, estamos haciendo un conjunto de iconos geométricos usando Adobe Illustrator. He tenido la oportunidad de trabajar con una serie de grandes marcas y publicaciones de todo el mundo y no hubiera podido hacerlo si no hubiera podido hacer iconos. Empecé muy pequeño, en individual, y luego empecé a collaging y solaparlos para hacerlos ilustraciones más grandes. En esta clase estaré compartiendo cada paso de mi proceso, por lo que puedes tener solo un conocimiento de nivel base de Adobe Illustrator o puedes quedarte completamente maravillado. Confío en que todo el mundo tomaría algo de mi proceso, que luego puedes tomar en tu próximo proyecto de ilustración vectorial. Esta clase es genial para cualquiera que quiera hacer su propio conjunto de iconos o quizás un icono para representar su marca. Pero también es genial para cualquiera que quiera sumergirse un poco más en la ilustración, tal vez como un ajetreo lateral o un proyecto de pasión. Empezaremos con algunos bocetos preliminares y exploración. Después saltaremos a Illustrator, configuraremos nuestros archivos. Limpiar nuestro espacio de trabajo ayuda al hiper-enfoque luego te guiaré por mi proceso y te compartiré algunos consejos y trucos sobre cómo hacer que tus iconos sean únicos. Yo estoy súper bombeada para hacer iconos contigo, así que empecemos. 2. El proyecto: Espero que estén todos tan emocionados como yo, esperando con ansias esto. En el proyecto de hoy estaremos creando un conjunto de ocho iconos. Te animo a que propongas tu propio tema o caso de uso. A lo mejor te estás preparando para una presentación que necesitas un conjunto de iconos para ayudar a contar tu historia. O tal vez solo estás creando un conjunto de visuales para ayudar a apoyar a tu marca. Haz que éste sea tuyo. Para mi ejercicio, voy a estar creando lo que parece un conjunto aleatorio de visuales. Pero elegí el set en particular porque creo que nos da la oportunidad de jugar con una variedad de técnicas que te dotarán de la capacidad de construir más allá del set. Las herramientas que necesitas para el proyecto de clase en la actualidad son una computadora, un trozo de papel, un lápiz, y una copia de Adobe Illustrator. No tiene por qué ser la última copia, pero si no tienes copia de Adobe Illustrator, eso está totalmente bien. Puedes usar el enlace en la descripción de la clase para obtener una prueba gratuita de siete días. Nuestro ejercicio de hoy consistirá en cuatro pasos a granel: bocetos rápidos, configuración de archivos, ilustración vectorial, y luego los exportaremos para ser utilizados o compartidos con clientes. Cuando termines tu conjunto de visuales, te animo a que los publiques en la galería de proyectos para que todos podamos echar un vistazo y darte retroalimentación. En la primera lección, estaremos echando un vistazo a algunos bocetos y haciendo un poco de exploración. Encuentro que es parte muy importante del proceso porque nos da un poco más de dirección y estructura antes de saltar a la computadora. Nos vemos ahí. 3. Bocetos y exploración: Ahora antes de comenzar cualquier proyecto de ilustración o icono, siempre empiezo con bocetos. Esta es una buena manera de explorar cuáles son las posibilidades antes de saltar a la computadora. Así que agarra un trozo de papel, un lápiz, y empecemos. Para mi ejercicio voy a estar usando un moleskin y un lápiz, y un marcador. Ahora bien, ya sea que estés usando un trozo de papel liso o un cuaderno de bocetos como yo, siempre empiezo dibujando unas casillas limitadoras, sin importar cuántos iconos haya. Esto sirve como un poco de guía sobre lo grande y las dimensiones que cabrá cada icono en el espacio. Fuera de esas cajas, o en mi caso, del lado izquierdo del papel, exploro cuáles son las posibilidades y cómo podría verse el ícono. No soy el mejor cajón, así que esto es muy preliminar. No tiene por qué ser perfecto. Simplemente tiene que darte una buena idea de hacia dónde vamos con cada imagen. A medida que pasemos al segundo ícono, haré lo mismo. Este va a ser un reloj. Ya puedo decir que esto va a ser fuera de la caja encuadernada. Por lo que tratando de pensar en una forma de mantenerlo dentro de una mirada y sensación cuadrada. Esto funcionará. Una vez que haya terminado. A mí me gusta. Lo muevo a mi lado cuadrado y lo lleno. De nuevo, estos no tienen por qué ser perfectos. Vamos a repasar cada uno de nuestros dibujos con un marcador más oscuro solo para que sea un poco más fuerte en el papel y sí se vea un poco más audaz. Ahora, cuando se trata de un icono de discusión, este de aquí es algo que estoy acostumbrado a dibujar. Podría parecer que tal vez lo hace en un teléfono móvil o tal vez dos formas superpuestas con solo triángulos al final que parecen estar hablando alguien, me gusta el redondo. De nuevo, sólo voy a dibujarlo de nuevo dentro de mi caja por aquí. Ahora, un libro puede ir de varias maneras diferentes. He dibujado muchos libros en mi carrera, pero me gusta ponerme un poco más creativa y tal vez esté un poquito en ángulo, y así es como tiendo a dibujarlos mucho. Podría haber una etiqueta en la parte superior. De nuevo, ahora mismo no parece un libro. Una vez que estemos en Illustrator, se verá mucho mejor, y no tiene por qué ser perfecto. Entonces voy a ir con el look angulado, este de aquí tendrá un marcador saliendo de ella. Ahora, para el crecimiento, vamos a estar dibujando una planta. Yo mismo soy un gran entusiasta de las plantas. Hay una serie de plantas diferentes que podríamos dibujar. Pero como icono, las personas que no eran entusiastas de las plantas tal vez no conocen las diferentes especies y todas esas cosas. A lo mejor necesitamos hacer algo un poco más genérico. Pero sí me gusta esta mirada de corazón aquí. Vamos con nuestro corazón. Cuando estamos en Illustrator, podemos seguir adelante y cambiar el estilo del patrón si no nos gusta, siempre podemos cambiar de opinión cuando estamos en Illustrator. Esto sólo nos está dando una breve guía del mismo. El siguiente estará hablando de ganancias. Ahora bien, dibujar un proyecto de ley es, se puede dibujar de varias maneras diferentes dependiendo de qué país eres. A lo mejor quieres que se vea de una manera particular. Voy a dibujar el mío para que parezca un billete americano estándar. A lo mejor ponerle una cara de presidente o algo así, pero le vamos a sumar pilas. Para aquellos de ustedes que no saben, creo que una pila es de mil dólares, creo. No estoy del todo seguro. Eso se ve genial. Entonces para global, vamos a estar dibujando una simple línea de globo. No estoy seguro si alguna vez has visto esos fácilmente reconocibles o podemos dibujar con masas terrestres. Esto es Sudamérica, Norteamérica, esto es Europa aquí arriba, y esto es África. A mí me gusta sacar la línea porque creo que mucha gente va a reconocer eso mucho más. Vamos a pasar esto a nuestras cajas. Para el último, va a ser divertido para la prensa. Vamos a estar haciendo una foto de una cámara. Hay algunas formas diferentes de dibujar una cámara dependiendo de qué año sea. Creo que eso es realmente viejo tal vez tiene líneas aquí. Utilizamos una estrella en forma de estrella. Hagamos eso. Podría representar el propio proyecto de ley. Apenas un poco diferente, igual, mismo pero diferente. Pondrá estas líneas aquí y tal vez el flash esté arriba y hay una bonita estrella representando eso. Genial. Por lo que tenemos listos nuestros dibujos. Lo siguiente que haremos es solo repasarlo con un marcador. Totalmente opcional por cierto. Esto es simplemente genial para cuando lo estás escaneando o tomando una foto y tal vez escaneados y resultan perfectos. Esta es una gran manera de asegurarse de que no se pueden ver todas las líneas, y fácilmente se puede hacer un rastreo rápido sobre esta imagen. Por lo que tenemos listos nuestros bocetos. Yo he tomado el mío en mi teléfono. Adelante y subirlos a la computadora. En la siguiente lección, vamos a estar configurando nuestros archivos de arte y preparándonos para el proceso de ilustración. 4. Configuración del archivo: Está bien. Entonces estamos en la computadora. Tengo mi boceto cargado en mi escritorio aquí, y estamos listos para saltar a Illustrator. Así que abre Illustrator y ve a “Crear nuevo”, y vamos a estar trabajando en píxeles y las dimensiones de nuestro proyecto van a ser de 1,600 por 12 de altura y esto va a ser una configuración paisajística. Queremos cambiar esto a RGB. Vamos a estar haciendo nuestros iconos para pantallas y con fines digitales. Si vas a estar creando tus iconos para imprimir, puedes dejar los tuyos en CMYK. Vamos a “Crear”, y lo primero que vamos a hacer es limpiar nuestro espacio de trabajo. Hay un montón de widgets y gadgets pasando, a la derecha aquí. Muchas de ellas probablemente no estemos usando para nuestro proyecto hoy, así que eliminemos todo para simplificar lo que estamos viendo para ayudarnos a hiperenfocarnos en nuestro proyecto. Entonces lo primero que me gusta hacer es quitar todos los colores de nuestra biblioteca de muestras. No hay necesidad de que todos estos estén aquí. A lo mejor soy un poco particular, así que me gustaría simplemente eliminar todos esos primero y luego me gustaría limpiar mi espacio de trabajo. Las cinco ventanas de barra de herramientas, me gusta tener viviendo en mi espacio son Align, Mesa de trabajo, Color, Capas, y Pathfinder. Entonces sigamos adelante y creemos nuestro propio espacio de trabajo. Ve a New Workspace, voy a nombrar a la mía Kevin Workspace. Puedes nombrar el tuyo lo que sea. Incluso puedes nombrar el tuyo Kevin Workspace, si quieres. Ve “Ok”, y empecemos a agarrar nuestras herramientas. Entonces vamos a agarrar a Align. Vuelve a subir a Windows y agarra mesas de trabajo. Arrastra eso hacia nuestra barra de herramientas izquierda y luego ve a Color, para el color ya es marca de verificación. ¿ Dónde está? ¿Dónde está? Ahí está. Arrastrémoslo hasta aquí. Capas, lo vi aquí abajo. Vamos a arrastrar eso y Pathfinder, ahí está. Pathfinder está justo aquí. Vamos a arrastrar eso y luego sólo puedes agarrar todo por el nombre y salir o simplemente puedes arrastrarlo hacia fuera así. Incluso puedes dejarlo si no te molesta en absoluto, tal vez es suficiente que estés viendo todo lo que necesitas del lado izquierdo, pero me gustaría volver a deshacerme de todas las cosas solo para asegurarme de que solo estoy viendo lo que necesito ver. Salida, salida, y salida. Perfecto. Por lo que hemos limpiado nuestro espacio de trabajo. Lo siguiente que tenemos que hacer es poner nuestro boceto a la pantalla. Entonces vayamos a nuestras capas aquí, nombremos a este Sketch, y luego subamos a File, Place y llevemos nuestra imagen a nuestro archivo. Es gigantesco, así que usemos nuestra herramienta de zoom para alejarnos y simplemente escalar esto para que funcione. Obtiene talla un mejor tamaño, por lo menos. Impresionante, y lo siguiente que queremos hacer es incrustar nuestra imagen en nuestro archivo AI. No tienes que hacerlo, pero he tenido una serie de incidentes donde no pude encontrar el boceto después o no había etiquetado por boceto apropiadamente como lo había hecho con este proyecto. Entonces me gustaría incrustarlo, para que se quede dentro de mi archivo de Illustrator y me permita referirme a él siempre que lo necesite en el futuro. Así que sube a la cima aquí y toca “Embed” y con eso ahora incrustado, otra cosa que me gustaría hacer es tontear el aspecto de la misma agregando una caja blanca encima de ella. Entonces usando mi herramienta de rectángulo, solo voy a dibujar un cuadro blanco arriba y cambiar la transparencia al 80 por ciento, genial. Por lo que eso nos permitirá dibujar encima de este boceto y aún así ver algunas lindas líneas oscuras en la parte superior. Entonces tenemos eso ahí. Bloqueemos nuestra capa de boceto y ahora agreguemos otra capa llamada Guías. Lo que vamos a estar haciendo es agregar una serie de cajas aquí que va a ser mucho como nuestro boceto. Nos ayudará a mantener las dimensiones de cada ícono a través del tablero, y solo servirá como un poco de espaciado y guía dentro de nuestras mesas de trabajo. Entonces vamos a utilizar nuestra herramienta de rectángulo ahora golpeando “M” y haciendo clic una vez en la Mesa de trabajo y vamos a cambiar las dimensiones a 225 por 225. Ahora va a crear una caja blanca en pantalla, así que realmente no podemos ver esto. Volteemos esto a acariciar y solo agreguemos cualquier color que nos ayude a verlo un poco mejor. El azul se ve bien. Ahora, lo que vamos a estar haciendo es copiar esto cuatro veces en la parte superior y luego vamos a tener cuatro iconos que van a vivir a lo largo de la parte inferior. Entonces agarrando esta plaza y sosteniendo Shift and Option, solo vamos a copiarla, una bonita distancia segura aparte, y luego suelta y hagámoslo una vez más aquí y estás viendo algunas líneas rosas, están mostrando hasta decirme la distancia entre todo. Si no estás viendo eso, ve a Ver aquí, y asegúrate de tener las Guías Inteligentes seleccionadas. Esto va a ser de mucha ayuda ya que estamos caminando por nuestro ejercicio. Entonces vamos a agarrar ese conjunto de cajas ahora y haciendo lo mismo, sosteniendo Shift y Option, volvamos a copiarlo abajo, y ahora podemos seleccionar todas estas y golpear “Comando G” para agruparlas y centrarlas usando nuestra herramienta de línea aquí arriba. Perfecto, se ve genial, impresionante. Retrocediendo un poco, vamos a bloquear eso, y vamos a crear otra capa aquí. Esa va a ser la capa en la que estamos trabajando para crear nuestros iconos y vamos a nombrar a este uno Artwork, entra ahí y luego vamos a bajar a nuestras mesas de trabajo aquí y asegurarnos de que estamos nombrando a esta mesa de trabajo, Full Set. Esto va a ser de ayuda cuando estamos exportando al final de este proyecto. Está bien, así que ya casi terminamos. Lo último que tenemos que hacer es también lo más importante, vamos a guardar nuestro archivo. Así que adelante y golpea “Comando S”. Guardémoslo en nuestro escritorio con nuestro sketch Skillshare Icons. De acuerdo, entonces ya estamos listos para empezar a ilustrar. Entonces en la siguiente lección, vamos a saltar justo en ella. Como se mencionó antes, lo que vamos a estar haciendo es dibujar aquí encima de nuestro boceto luego mover nuestros iconos finalizados a sus respectivas plazas. Nos vemos en la siguiente lección. 5. Cómo ilustrar una brújula: Está bien. Por lo que estamos listos para empezar a ilustrar. El primero que vamos a estar abordando es una brújula. Entonces usando una herramienta de zoom, vamos a acercarnos un poco más aquí. Esto parece un montón de círculos con un diamante en el medio. Por lo que eligiendo nuestra herramienta de elipse, golpea L. Desde el centro, mantengamos el turno y la opción para sacar del centro. Todavía tenemos azul seleccionado. Sigamos adelante y cambiemos nuestro color de trazo por algo que nos guste. Cambiemos a negro y aumentemos nuestro trazo un poco a cinco. Digo cinco, si crees que eso es demasiado audaz, adelante y manténgalo un poco más pequeño. Genial. El círculo está haciendo que el círculo que dibujamos se vea terrible. Entonces ya sabemos que estamos un paso arriba, así que tomemos esa misma elipse, y copiarla al frente. Control+C, Control+F Con eso al frente, vamos a escalar ese desde el medio otra vez, turno y opción sostenida hacia abajo, y ponerlo por encima de nuestro siguiente círculo. Ahora, lo siguiente que debemos hacer es dibujar este pequeño anillo que tenemos en la parte superior. El modo en que yo haría esto es sólo copiar y pegar, nuevo, el círculo exterior. Control+C, Control+F. Agarrándolo desde abajo aquí, sosteniendo turno, voy a sacarlo a través, sólo traerlo por encima de la parte superior aquí para que sí se quede alineado aquí. Eso se ve bastante bien hasta ahora. Ahora dibujemos nuestro diamante o diamante de dirección en el medio. Elige la herramienta de rectángulo M. Desde el centro, nuevo, manteniendo pulsada Mayús y Opción, saquemos esto. Lo que vamos a hacer es, acerquémonos un poco más. Vamos a estar rotando esto ahora desde un borde manteniendo el turno hacia abajo. Por lo que tenemos un bonito ángulo de 45 grados aquí. Y con esto ahora girado, vayamos a nuestra herramienta pathfinder y golpeemos uníos. Y lo que esto va a hacer, nos va a dejar escalarlo en una dirección diferente ahora y lo podemos conseguir muy afilado en la parte superior y en la parte inferior, Más como una forma de diamante. Ahora podemos redimensionar esto apropiadamente. Nuevamente, estoy sosteniendo opción para asegurarme de que esté escalando desde el medio. Ahora dibujemos un círculo en el medio usando nuestra herramienta de elipse. Pero hagamos que esto se llene. Entonces tenemos el mismo trazo ahora mismo, vamos a cambiar esto para llenar. Esto ya se ve bastante bien. Lo siguiente que tenemos que hacer es simplemente girarlo para que nuestro anillo se termine a la derecha aquí. Entonces agarrando todo, mantengamos pulsado el turno y simplemente girarlo a la derecha otra vez, solo tenerlo en un ángulo de 45 grados muy bonito. Vamos a agarrar estas dos piezas en el medio aquí. Retenido el turno de nuevo, sólo tiene que girarlo hacia atrás. Entonces tenemos esto señalando de esta manera, y este señalando de esta manera. Eso se ve bastante bien. Retrocedamos un poco. Ahora que ya terminamos este, lo vamos a llevar a la pizarra de arte y refinarlo aún más. Entonces seleccionando todo esto, vamos a golpear el comando G para agruparlo. Después retrocediendo aún más, podemos simplemente arrastrarlo con Opción+Shift a nuestro tablero de arte y dimensionarlo dentro de nuestro cuadrado apropiadamente. Entonces una cosa que me gusta hacer es hacer que nuestro trazo sea mucho más audaz que este. entrar en un aislamiento haciendo doble clic en ese grupo de objetos, vamos a seleccionar todo excepto nuestro relleno aquí y jugar de nuevo con el peso del trazo. Vamos a subirlo un poco. Creo que se ve bien. Está bien. Vamos a golpear Escape para salir de nuestro aislamiento. Ahí lo tenemos. Tenemos nuestro primer ícono en la bolsa. El brújula se ve genial. En la siguiente lección, pasaremos a nuestro icono de reloj. 6. Cómo ilustrar un reloj de pulsera: Estamos listos para pasar a nuestro reloj. Ahora, vamos a acercarnos un poco más aquí. parecido a la brújula, vamos a ver un círculo justo en el medio, así que elijamos nuevamente nuestra herramienta de elipse, y de nuevo escalándola desde el centro, mantengamos pulsada Mayús y Opción. Empecemos a dibujar ese extremo superior aquí. Abramos nuestra Herramienta Rectángulo, y alineando nuestro cursor con la mitad de ese círculo, volvamos a sacar de nuevo opción sosteniendo esta vez para tener un rectángulo de flujo más libre. Hagámoslo sólo para alinear ahí mismo. Con nuestra herramienta de selección directa, golpeando A, solo haga clic en este borde inferior de nuestro rectángulo y eliminarlo. Impresionante, creo que podemos escalar esto un poco más para que cumpla con nuestro boceto ahí, genial. Ahora vamos a dibujar este borde redondeado que sirve como el final de nuestra banda de reloj. El modo en que vamos a estar haciendo esto es con nuestra Herramienta Pen, así que golpeando P para Pen Tool, vamos a dar un clic una vez aquí abajo y manteniendo pulsada la tecla Shift, vamos a llegar hasta aquí. Haga clic de nuevo para hacer una línea de 45 grados, y vamos a presionar Enter para terminar con esa forma. Ahora, con eso seleccionado, sigamos adelante y subiremos el peso de este cachorro para que casi se vea igual que ese rectángulo superior que hicimos. Creo que 35 debería hacer el truco. Entonces, abriendo nuestro panel Stroke, asegurémonos de que estamos redondeando las tapas ahí, así que dale a Round Cap y luego vuelve a nuestro tablero de arte aquí. Con eso todavía seleccionado, vamos a expandir esto, subir a Objeto y Expandir. Asegúrate de que Fill y Stroke estén seleccionados, y pulsa “Okay”. En lugar de una línea, ahora es un objeto lleno, así que con eso ahora sirviendo como nuestra banda, lo que podríamos hacer es tomar nuestra Herramienta Cuentagotas y robar el estilo que tenemos aquí abajo para poder verlo un poco mejor por encima de nuestra banda superior. Vamos a alinearlo un poco más con nuestro boceto, y con éste seleccionado, ahora vamos a cortar la parte superior de eso. Escogamos nuestra Herramienta Rectángulo asegurémonos de que lo estamos alineando con la parte superior de esta banda y simplemente arrastra justo encima. Oops, eso fue un poco demasiado grande, arrastra a la derecha. Selecciónalos ambos, y ahora vamos a nuestro Pathfinder y elijamos Menos Front. Algo a recordar ahí es que la forma en la parte superior estará quitando de la forma inferior. Ahora, con eso dibujado ahí, podemos seguir adelante y simplemente seleccionarlo, y con nuestra tecla de flecha, simplemente podemos moverlo un poco para que se encuentre perfectamente aquí. Algo que estoy viendo es que sí se ve un poco grande para que podamos escalar un poco esto hacia atrás. Voy a usar aquí el borde izquierdo y mantener presionado Shift para que mantenga sus proporciones. También lo voy a empujar un poco más con nuestras teclas de flecha. Ahora estoy viendo aquí una línea muy afilada que no quiero, así que hagamos doble clic en la forma para aislarla, y con nuestra Herramienta Pluma, vamos a añadir unas incisiones aquí y por aquí. Entonces puedo simplemente, con mi Herramienta de Selección Directa, golpeando A, solo puedo agarrar este borde y eliminarlo para que nos deshagamos de ese borde duro que estaba ahí. Incluso podemos llegar tan lejos como para acercarnos realmente aquí, agregar una incisión aquí mismo, hacer copias de seguridad un poco, y luego simplemente volver a usar nuestra Herramienta de Selección Directa. Podemos seguir adelante y simplemente seleccionar este ancla, golpear Eliminar, y luego golpear este ancla y golpear Eliminar. Tenemos un borde bonito, limpio aquí. Ahora podemos golpear Escape para salir de nuestro aislamiento y podemos retroceder un poco. Creo que eso se ve muy bien. Una cosa que creo que haría esto un poco más único es si acabamos de añadir un poco de borde redondeado por encima de aquí. Lo que podríamos hacer es, cuando te acerques un poco, usando tu herramienta de Selección Directa, solo puedes seguir adelante y golpear esta esquina superior aquí y verás un pequeño círculo apareciendo, solo puedes agarrar eso y hacerlo un poco por aquí. Ahora, retrocedamos un poco, se ve bastante guay. Lo siguiente que queremos hacer es simplemente conseguir que esto se refleje abajo en la parte inferior aquí. Hay algunas maneras en que podemos hacer esto, la primera es, obviamente, solo tomamos esto, usamos Shift y Option y lo rotamos, y entonces solo podemos seguir adelante y alinear eso, esperar lo mejor, y luego usa nuestra Herramienta Alinear para centrarla un poco más, pero eliminemos eso. Esta es la forma en que me gusta hacerlo, que es muy singular, y no sé si demasiadas personas hacen esto, pero usualmente tomo un círculo o el punto central de lo que es la ilustración, Yo Control C, Control F para pegarlo delante, y luego lo arrastro hacia fuera para que cubra el área alrededor del objeto. Entonces agarro lo que necesito para reflexionar, copiarlo, y de nuevo Control C, Control F para llevarlo al frente. Con eso todavía seleccionado, agarraré el borde exterior del círculo que acabo de crear, y manteniendo pulsado Shift, entonces empezaré a rotarlas juntas hasta que lleguen al punto en el que quiero que estén. Ahora eso está perfectamente alineado arriba y abajo, ahora puedo eliminar este círculo y tengo ambas bandas reflejándose alrededor del círculo. Se ve bastante bien ahora mismo. Entremos y sumamos nuestros detalles al reloj. Lo que haría es elegir nuestra Herramienta Rectángulo, y obtenerla justo aquí en el medio, solo la arrastraré, y no voy a sostener nada para que sea un cuadrado perfecto, porque voy a eliminar esto borde superior con nuestra Herramienta de Selección Directa. Voy a hacer una más larga que la otra. No sé qué hora es esto, pero una más larga que la otra. Entonces voy a tomar mi Herramienta Ellipse y añadir un círculo en el medio aquí también. Creo que eso se ve bastante bien. Creo que está listo para ser trasladado a nuestro tablero de arte. Adelante, retrocedamos, seleccionamos todos estos, golpeamos Comando G para agruparlos. Nuevamente, retrocediendo mucho más, arrastrémoslo a nuestro tablero de arte sosteniendo Shift y copiándolo. Dejaremos los originales fuera del tablero de arte de nuevo para que podamos referirnos a ellos después si tenemos que dar un paso atrás y conseguir algunas cosas viejas, y vamos a escalarlo para que quepa dentro de nuestra caja guiada. Creo que eso se ve bastante bien. Vamos a refinar aún más este. Hagamos doble clic aquí. Usando Y, nuestra Herramienta Varita Mágica, sigamos adelante y pinchemos aquí en el trazo. Se va a seleccionar todo el trazo, y usando yo con los todavía seleccionados, vamos a seguir adelante y robarle el mismo peso de trazo de nuestra brújula. Nos estamos acercando un poco. Creo que otra cosa que queremos hacer es seleccionar aquí nuestro círculo, y robar y heredar el círculo de ahí. Creo que eso se ve bastante bien. Este círculo los convierte ahora en un conjunto cohesivo. Ahora tenemos el reloj hecho, y ahora estaremos pasando a nuestro siguiente ícono. 7. Cómo ilustrar globos de diálogo: De acuerdo, dos iconos, se ven geniales. Pasemos a nuestra burbuja del habla o burbujas de discusión. Vamos a acercarnos un poco más aquí, y elijamos nuestra herramienta de elipse, L. Desde el centro, sosteniendo Shift and Option, vamos a sacarlo al borde aquí. Estas áreas puntiagudas solo van a ser triángulos que se van a sumar a este círculo. Así que elijamos nuestra herramienta de rectángulo, M, e intentemos bajarla por el centro aquí, pero lo más importante, ponerla alineada a lo largo de la parte inferior aquí. Vamos a sacarlo hasta aquí. Si no crees que eso está alineado, sigue adelante y selecciona ambos y con nuestra herramienta Alinear, golpeemos Vertical Align Bottom. Sí, es perfecto. Vamos a editar la forma con nuestra herramienta de bolígrafo. Sigamos adelante y seleccionemos esto. Con nuestra herramienta de bolígrafo, solo eliminemos esta repisa superior izquierda y lo hagamos un triángulo. Se ve bien, y selecciona ambos ahora. Con nuestro pathfinder, sigamos adelante y unámoslos. Ahora, hagamos lo mismo aquí abajo, y manteniendo presionada Opción, vamos a copiarlo. Vamos a reducirlo. Con eso aún seleccionado, sigamos adelante y golpeemos O, Enter, para reflejarlo. Vas a conseguir este cuadro de diálogo. Se va a presentar. Asegúrate de que has hecho clic en la vista previa. Puedes reflejar todo lo que quieras. Puedes hacerlo en ángulo, puedes hacerlo horizontalmente. Vamos a estar haciendo éste verticalmente. Escojamos, OK y se ve bastante bien. Obviamente, lo siguiente que tenemos que hacer es eliminar este borde inferior aquí. Entonces vamos a copiar nuestra primera burbuja, Comando+C, Comando+F, al frente. Seleccionemos la burbuja trasera y sigamos adelante y menos frente. Se ve bastante bien. Lo siguiente que queremos hacer es agruparlos y migrarlos a nuestro informe. Entonces vamos a seleccionar a ambos, golpear Comando+G, retroceder un poco. Nuevamente, manteniendo presionada Opción mientras estamos arrastrando, vamos a traerlos aquí. Se consigue que esto se alinee en la parte superior de esos bordes. Seleccionándolos a ambos, vamos a golpear nuestra herramienta de gota de ojos y robarle el estilo a ese. De acuerdo, estamos listos para seguir adelante. En la siguiente lección, estaremos cuidando nuestro ícono de libro. 8. Cómo ilustrar el libro: Estamos listos para empezar a ilustrar nuestro libro. Usemos nuestra herramienta Zoom para acercarnos un poco más aquí. Ya puedes ver en mi boceto he dibujado algunos círculos aquí. Van a servir de guías antes de que incluso lo hiciera ahí. Creo que podemos tomar ese mismo enfoque aquí en Illustrator. Adelante y elige tu Herramienta Elipse. Nuevamente, manteniendo pulsado Shift and Option, vamos a sacarlo a los bordes de nuestro boceto aquí. Tamañarlo si es necesario, un poco más. Enfriar. Entonces con nuestra herramienta Selección Directa, solo agarremos este borde derecho y lo eliminemos. Con eso hecho ahora, vamos a hacer esta forma rara que parece un rectángulo redondeado. Escojamos nuestra herramienta Pluma. Haga clic aquí en este ancla superior y mantenga pulsado Shift, vayamos al borde del libro aquí, manteniendo pulsada Shift de nuevo, dejando que nuestros guías inteligentes nos digan cuándo está alineado, y luego regresemos, y cerrando esa otra vez apagada. Eso va a crear esa forma rara. Hay otra forma en que no podemos estar creando esto, que es simplemente dibujando un rectángulo y usando nuestra herramienta de Selección Directa para cubrir estos dos y simplemente de nuevo usando ese círculo como hicimos con el reloj. Eso también está totalmente bien. Ten en cuenta que iPad, algunas cuestiones indeseables que se han dado que incluye una gran cantidad de puntos de anclaje que no sabía que estaban a lo largo de este filo aquí. Úsalo a tu ventaja si quieres estar trabajando muy rápido. Pero yo mismo he tenido problemas en el pasado, así que no suelo hacer eso. Volvamos atrás y seleccionemos aquí nuestra forma, y hagamos lo mismo a lo largo de este borde superior. Mantengamos pulsado Shift y Option, y solo arrástralo hasta arriba aquí para que se reúna con nuestro boceto. Entonces con nuestra herramienta Selección Directa, vamos a agarrar estos dos puntos aquí abajo y eliminarlos. Genial. Lo siguiente que queremos hacer es simplemente crear un poco de conexión entre los dos sin conectarlo a la forma inferior para que sea una forma. Escojamos nuestra herramienta Pluma. Haz clic aquí en este punto de anclaje, bájalo, pulsa Enter para terminar ese dibujo de pluma, y luego haz lo mismo con este borde aquí, y deja que se encuentre con el medio de esa forma y pulsa Enter de nuevo. Impresionante. Lo siguiente que queremos hacer es redondear el interior de este libro, por lo que parece un montón de páginas redondeadas. Usando nuestra herramienta Ellipse, vamos a tenerla alineada con el centro aquí. Nuevamente, solo escalar desde la opción de cambio medio y simplemente sacarla. Ahora con esa forma viviendo por encima de ésta, vamos a seleccionarlos a ambos, vamos a nuestro Pathfinder y golpea menos frente para que tenga un bonito borde redondeado a ella. Pero lo que estamos notando es, y vamos a acercarnos un poco, aquí están pasando algunas cosas raras. Lo que queremos hacer primero es resolver este top one. Aislemos esta forma superior. Haga doble clic en él. Ya veo que podemos conectar esto por aquí. Usando nuestra herramienta Pluma, conectemos esto, manteniendo presionada la opción Mayús y pulsamos Enter. Vemos que estos dos se superponen. Tenemos un bonito borde duro aquí y podríamos hacer lo mismo a lo largo de la parte inferior para que no tengamos este tan afilado en la parte inferior. Queremos que sea agradable y al ras en el borde aquí. Usemos nuestra herramienta Pluma, alinéela con nuestra línea de resultados. Con sólo mantener presionada Shift, vamos a crear una línea y pulse Enter. Eso se ve bastante bien. Lo que podríamos hacer es simplemente tomar cualquier caja ahora mismo e ir ópticamente, agárrala y tira de ella aquí abajo. Podemos ver que necesita un poco más. Podríamos cambiar esto a un relleno. Podríamos ver que pueden ir un poco más. Usemos nuestra herramienta Selección Directa y solo sacarla para cumplir con ese borde y luego eliminar esa forma, simplemente sirvió de guía, ya no la necesitamos. Vamos a golpear Escape para salir del aislamiento. Creo que esto se ve muy bien. Lo siguiente que tenemos que hacer es dibujar nuestros marcadores. Elegir una herramienta de rectángulo, asegurándose de que esté arriba en el borde superior aquí, está alineado en el borde superior aquí. Bajémoslo y simplemente dibujémoslo aquí. Para que parezca casi como la lengua de una serpiente, sigamos adelante y añadamos un punto de ancla justo en el medio aquí. Al elegir nuestra herramienta Pluma, vamos por esta línea aquí y luego intersecarla con el medio. Después de que hayamos hecho ese clic, solo podemos usar nuestra herramienta de flecha para levantarlo solo unos puntos aquí. Impresionante. Vamos a darle a Escape. Retrocedamos un poco allá. Eso se ve bastante bien. Ahora, podemos refinar aún más esto después de que veamos están todo listo. Sé que podríamos sumar algunas líneas aquí, pero creo que estamos listos para trasladar éste a nuestro tablero de arte. Adelante y selecciona esto, Comando G para agruparlo. Retrocedamos un poco más. Después manteniendo presionada Opción mientras la agarramos y la arrastramos, vamos a tirar de ella hacia esta plaza aquí. Vamos a acercarnos un poco más. Con esta seleccionada, solo podemos usar nuestra herramienta Eyedrop para robar aquí el mismo peso de trazo, y luego podemos escalarlo. Ya veo que es un poco más gordo de lo que estaba anticipando, así que vamos a bajarlo desde este borde superior, sosteniendo Shift. Después usando nuestra herramienta Selección Directa, podemos seleccionar toda esta mitad superior. Entonces usando nuestra flecha, podemos simplemente levantarla un poco. Si lo desea, puede mantener presionado Shift y golpear la flecha para saltos más grandes. Se ve bastante bien. En realidad, podemos hacerlo mucho más delgado. Ahora vamos a escalarlo de nuevo de esta manera. De nuevo, solo agarrar la mitad de ella con nuestra herramienta de Selección Directa y simplemente empujar aquí. Creo que esa es mucho más de la forma que esperaba para el libro. Nuestro libro está hecho, pasemos a nuestro siguiente ícono. 9. Cómo ilustrar la planta: Estamos de vuelta, estamos pasando a nuestro quinto ícono, que es nuestra planta fresca. Vamos a acercarnos un poco más aquí. Para la planta, vamos a empezar con la base aquí de, creo, una maceta de terracota, eligiendo nuestra herramienta de rectángulo, y luego creando la mitad superior aquí, vamos a seleccionar ese mismo rectángulo que ya creamos, pulsa Control C, Control F para copiarlo y pegarlo delante, y luego agarrar aquí el borde inferior. Vamos a arrastrarlo hasta la parte superior, hacer que se encuentre con nuestra línea de boceto, y luego agarrar el lado aquí sosteniendo la opción, vamos a traerlo aquí. Impresionante. Casi parece uno de esos túneles de Super Mario de los que siempre está saliendo. Usemos nuestra herramienta de selección directa para que sea un poco más angulada. Agarra ese borde inferior, y simplemente metiéndote con nuestra tecla de flecha. Haz lo mismo en el lado izquierdo también. Ahora si no sabes si lo empuñaste lo suficiente en ambos lados, y no estás seguro si tal vez es desigual, una buena manera de comprobar esto seleccionando la forma que crees que es un poco desigual en cuestión, y apenas golpeando O, Enter, y lo que eso va a hacer, va a sacar a la luz nuestra herramienta Reflect, y puedes presionar “Preview” encendido y apagado solo para echarle un mejor vistazo, y ver cómo se ve desde el otro lado, y nosotros ya estamos viendo que nos perdimos un borde aquí así que vamos ahora atrás, y pongamos un empuje más allá seleccionándolo de nuevo, y golpeando O, Enter, y vamos a golpear nuestro adelanto. Sí, se ve bien ahora, genial. Ahora lo que vamos a hacer es dibujar nuestras hojas, y tenerlas conduciendo al centro de nuestra olla aquí. Entonces para dibujar estas hojas estilo corazón, voy a hacer mucho como lo hicimos con el libro, y acercar aquí un poco más, y usando la herramienta Ellipse, dibujemos un círculo aquí usando nuestra herramienta de selección directa para entonces eliminar este borde derecho, y luego usar nuestra herramienta de lápiz para dibujar ese rectángulo con un borde redondeado en el lado izquierdo. Ahora que hemos creado eso, sigamos adelante, y copiemos esto usando Shift y Option, podríamos arrastrarlo hacia arriba, y luego rotarlo desde cualquier borde. Ahora, con esos simplemente al azar uno encima del otro, podemos seleccionarlos a ambos, ir a nuestra herramienta Alinear, y alinear a la derecha, y alinear abajo, y asegurarnos de que sí tiene una “Selección” elegida allí, y no “Mesa de trabajo”. Si sí tienes Artboard, vas a perder estas dos formas, y van a desaparecer. Con eso hecho ahora, sigamos adelante y unámoslos con nuestra herramienta Pathfinder, y se ve bastante bien. Algo que estoy viendo sin embargo es que tal vez esto es un poco demasiado alto en ambos lados así que vamos a usar nuestra herramienta de selección directa, y simplemente empujar hacia adentro, genial. Con eso hecho ahora, todo lo que tenemos que hacer es trazar nuestras líneas. Ahora esto va a ser un poco raro porque realmente no se está alineando muy bien con nuestro boceto así que vamos a tener que usar nuestra imaginación aquí. Usemos nuestra herramienta de bolígrafo. Ven al borde superior de nuestra hoja, y manteniendo pulsado Shift, vamos a llevarlo hasta la parte superior aquí hasta que veamos que se cruza con nuestro rectángulo inferior. Ahí está, genial. Entonces aún manteniendo pulsado Shift, bajémoslo hasta el borde superior de nuestra olla. Vamos a presionar Enter para terminar esa forma de pluma, y luego usando nuestra herramienta de selección directa, sigamos adelante, y elegimos el borde superior aquí, y vamos a ver nuestro widget de esquina redondeada, solo arrastremos esto hacia fuera para ser un poco un poco más redondeado. Eso se ve genial, retrocedamos un poco, se ve bastante droga. Agarremos tanto la hoja como el tallo ahora, y manteniendo pulsado Shift y Option, solo arrastrémoslo hasta que se encuentre con el medio, y golpeemos O, Enter para reflejarlo. Se ve bastante guay. Una cosa que quiero hacer es tenerlos un poco fuera, y no tan alineados el uno con el otro. A lo mejor este de aquí baja un poco, pero definitivamente tendremos que traer de nuevo con nuestra herramienta de selección directa para hacer esta alineación. Está bien, eso se ve bastante bien. Ahora movámoslo a nuestra mesa de trabajo con nuestra herramienta de selección, agarrémoslo todo, y golpeemos Command G para agruparlo. Demos un paso atrás, y arrástrelo a nuestra mesa de trabajo, manteniendo presionada Opción, y copiándolo porque, de nuevo, queremos retener lo que estábamos haciendo ahí por si acaso tenemos que volver atrás, y vamos más cerca, y vamos a escalar esto fuera a caber dentro de nuestro espacio. Con eso aún seleccionado, usemos nuestra herramienta de gota de ojos para robar el peso de trazo que tenemos en nuestra brújula. Ahora podemos acercarnos un poco más y refinarlo aún más. Podemos hacer doble clic para aislarlo, y veamos que podríamos hacer aquí. Podríamos hacer es sacar esto un poco más, quizá éste sea un poco más pequeño. A lo mejor esto baja un poco más. En realidad, piensa que esto se ve bastante bien. Salga, está bien. Listo para pasar a nuestro siguiente ícono. 10. Cómo ilustrar una pila de dinero: Pasamos a nuestro siguiente ícono, que es nuestro dinero. Vamos a acercarnos un poco más allá. Sigamos adelante y elijamos nuestra herramienta de rectángulo y simplemente dibujándola por encima de nuestro boceto aquí, asegurándonos de que esté cumpliendo con nuestras líneas. Entonces con eso seleccionado, mantengamos pulsado Shift y Option para que cumpla con ese borde inferior aquí también. Si tienes que acercarte un poco para ayudarte a ilustrar este, acércate un poco más. Lo que deberíamos hacer ahora es hacer de este borde interior de nuestro proyecto de ley, y voy a hacer esto de una manera muy sencilla, podría ser muy sencillo para ustedes, pero me parece muy efectivo. Copiemos y peguemos este rectángulo al frente. Entonces, con eso seleccionado, hagamos doble clic en él para aislar el rectángulo uno. Usando nuestra Herramienta de Selección Directa, podemos entonces empujar todos estos bordes con nuestras flechas en nuestros teclados. Tomando nuestra Selección Directa y simplemente usando una caja [inaudible] y arrastrándola sobre este borde derecho, ahora vamos a meterla. Haz lo mismo para el borde izquierdo, y luego arriba e abajo. Genial. Vamos a golpear Escape para salir de nuestro modo de aislamiento y elijamos nuestra Herramienta Elipse para dibujar un círculo justo por el medio aquí. Puede cumplir con la parte superior e inferior de este borde interior. Se ve bastante guay. Lo siguiente que queremos hacer es dibujar nuestras pilas. Usando nuestra Herramienta Pluma, dibujemos una línea justo a través de ese rectángulo inferior. Con eso, pulsa Enter para terminar esa línea de plumilla y hagamos doble clic en ella para aislarla hacia abajo. Mantengamos pulsado Shift y Option para arrastrar uno al borde superior, luego uno al borde inferior con la misma técnica de copia, y luego hacerlo un par de veces más. Yo lo voy a hacer. Con los dibujados aquí, seleccionemos todos esos. Sube a nuestro panel Alinear y distribuirlas verticalmente. Se ve bastante bien. Ahora, retrocediendo aquí, echemos un vistazo. Esto se ve bastante guay, volvamos a nuestro lado izquierdo del boceto. Hay algunas otras cosas geniales que podríamos hacer con la parte superior aquí. Lo que queremos hacer es agrupar esto ahora mismo, Comando G, y luego lo que podríamos hacer es simplemente copiarlo a esta parte del boceto y empezar a jugar con otras opciones de factura. El primero que podríamos hacer es que aquí se ven como algunos bordes redondeados. Realmente no lo podemos ver más allá del boceto. Pero si eliminamos este círculo aquí, y luego eligiendo otra vez nuestra herramienta de elipse, lo que podríamos hacer es simplemente dibujar un círculo sobre esta esquina superior aquí, hacer lo mismo abajo en la parte inferior, copiarlo y pegarlo, hacer un arrastre y copiar allí y luego noquearlo. Seleccionando este círculo, Organizar, Traer al frente, y saquemos a éste de ahí. Agarrando este borde izquierdo, vamos a traerlo y luego con eso todavía seleccionado, solo podemos golpear Eliminar ahí. Reflexionemos esto para traerlo por aquí. Ahora, es la misma técnica que hicimos con nuestro reloj, así que copia y luego pega al frente. Después seleccionando el borde exterior, manteniendo pulsado Shift y seleccionando eso y golpeando O Enter, eso solo lo reflejará, pulsa “OK”. Se ve bastante bien. Ahora podemos dibujar la cara de un presidente ahí dentro. Ahora, solo voy a usar la Herramienta Pluma. Manteniendo pulsado Shift, sólo voy a adivinarlo. Ni siquiera sé si eso se ve bien. No parece una nariz. Vamos a sacarlo un poco más. Basta con borrar esto. No sé si eso parece una persona tampoco. ¿Sabes qué podríamos hacer? Vamos a bolígrafo herramienta todo esto. Ahora se parece un poco a un presidente. Esa es una opción, o podríamos simplemente dibujar un círculo justo por el medio aquí. Eso se ve bastante bien. Ahora, volvamos a copiar esto de nuevo para explorar más opciones, porque creo que tenemos algunas cosas geniales aquí. Y si fuera simple, y acabamos de hacer dos círculos a lo largo de los lados. Sacamos esto a ese borde parejo aquí, borrando ambos, y luego simplemente dibujamos unas elipses a lo largo de los lados así. Demos un paso atrás. De verdad estoy empezando a cavar este. Agarremos esta opción aquí, y copiémosla en nuestro tablero de arte, algo centrado dentro de ahí. Con eso aún seleccionado, sigamos adelante y usemos nuestra Herramienta Cuentagotas y robemos el mismo peso de trazo que nuestra planta, y vamos a escalarlo. Enfriar. Estoy manchando una oportunidad aquí. Tenemos nuestro dinero apilado aquí con el papel. Podemos hacer el mismo papel apilado dentro de nuestro libro. Vamos más cerca, y vamos a seleccionar algunas de esas líneas, mismo espacio que teníamos entre ahí. Copia C, y luego Escapar. Acerquémonos ahora al libro, introduzcamos ese aislamiento, y luego Control V para dejarlo ahí. Veamos cómo nos sale eso. Eso está bastante cerca. Creo que podemos salirnos con la suya sólo condensándola y trayéndola un poquito. Ahora no necesitamos las líneas de arriba y de abajo. Usando nuestra Herramienta de Selección Directa, solo podemos eliminar esos y seguir teniendo tu Herramienta de Selección Directa, vamos a traer estos para cumplir con este borde izquierdo. Vamos a salir. Se ve bien. Estamos empezando a tener un conjunto realmente dulce y cohesivo aquí. Pasemos a nuestro siguiente ícono. 11. Cómo ilustrar el mundo: Estamos de vuelta, estamos dibujando el globo ahora. Adelante y acerque y acerquemos un poco más, y luego dibujemos una elipse aquí, golpeemos L. Desde el medio manteniendo pulsado Shift and Option, vamos a sacarlo al borde de nuestro boceto aquí. Lo siguiente que queremos hacer es conseguir estas líneas en la parte superior y la inferior que están arqueadas. Lo que podríamos hacer es seleccionar ese mismo círculo, manteniendo pulsado Shift y Option, arrastrémoslo hasta arriba. Tomemos ese borde exterior aquí, copiémoslo y peguémoslo. Con ese círculo todavía seleccionado, elijamos el círculo superior aquí, y vayamos a nuestro Pathfinder, y golpeemos a “Intersect”. Eso va a hacer una forma a partir de las dos áreas superpuestas. Ahora para conseguir esta misma forma exacta del globo ocular abajo en la parte inferior aquí, solo hagamos la misma técnica de reflexión que hicimos con algunos de los otros iconos. Comando C, Mando F para llevarlo al frente. Seleccionemos la forma en el borde exterior y golpeemos O, Enter. Esta vez vamos a hacer un reflejo horizontal, así que adelante y golpea “Horizontal” y golpea “OK”. Genial. Ahora vamos a dibujar nuestras líneas a través y arriba y abajo. Entonces eligiendo nuestra herramienta de bolígrafo, vamos al borde aquí. Consíguelo en este borde, y asegúrate de que lo estamos centrando dentro. Manteniendo pulsado Shift para llevarlo hasta el borde derecho aquí, y luego copiarlo y pegarlo delante, y manteniendo pulsada Shift, vamos a rotarlo. Ahora empieza a parecerse un poco a un basquetbol, así que necesitamos esas otras dos líneas en el medio. Entonces vamos a copiar nuestro borde exterior, Control C, Control F, y desde el borde derecho o izquierdo, mantengamos la opción y traerlo. Creo, eso se ve realmente bien, vamos a seleccionar que todos, Comando G para agruparlo. Retrocediendo un poco, ahora podemos copiar esto en nuestra pizarra. Vamos a dimensionarlo apropiadamente aquí, y luego usando nuestra herramienta de gota de ojos, robemos el peso del trazo, retrocedamos. Nuestro set realmente se está uniendo. Pasemos a nuestro último ícono. 12. Cómo ilustrar la cámara: Estamos en nuestro último ícono que es nuestra cámara. Usemos nuestra herramienta de zoom para acercarnos un poco más allá. Ahora manteniendo pulsado Shift y Option, dibujemos una elipse hacia fuera y veamos si se alinearán con los bordes de aquí. Ahora Comando+C, Comando+F para copiar y pegar otra elipse al frente, y simplemente bajar eso ligeramente. Enfriar. Ahora dibujemos aquí nuestro borde exterior del cuerpo. usando nuestra herramienta de rectángulo golpeando “M”, asegurándonos de que nuestras guías inteligentes nos estén alineando en el borde superior aquí. Simplemente dibujemos uno hacia el otro lado. Una vez que tengamos ese dibujado, es mejor estar a salvo que lamentar. Seleccionemos todos estos aquí, vayamos a nuestra herramienta de alineación, asegurémonos de que podamos hacer una alineación horizontal, y luego una alineación vertical para asegurarnos de que esté completamente centrada. Se ve bien, genial. Lo siguiente que queremos hacer es dibujar estas dos líneas de diseño que tenemos ahí. tener seleccionado ese mismo rectángulo, comando+C, Comando+B para copiarlo en la parte posterior. Lo que vamos a hacer es bajar esto un poco y hacer que se reúna con este filo aquí. Ahora, lo que tenemos que hacer es noquear la mitad de esto. Usemos esta elipse restada. Comando+C, Comando+F para llevarlo al frente. Con eso todavía seleccionado, mantenga presionada la tecla Mayús y seleccione el rectángulo inferior. Ven a nuestro Pathfinder, vamos a noquearlo, y lo noquea. Asegúrate de tener el círculo por encima del rectángulo. Porque si es al revés, verás que sucede algo diferente. Lo siguiente que queremos hacer es simplemente eliminar cualquier línea superpuesta innecesaria que tengamos aquí. Con esas dos formas todavía seleccionadas, hagamos doble clic en ellas para entrar en modo de aislamiento. Con nuestra herramienta de selección directa, solo creemos una caja abajo del centro aquí para agarrar cualquier punto de anclaje y líneas que no necesitemos, y eliminemos . Eso es todo. Escapar para escapar de ese modo. Se ve realmente bien. Lo siguiente que queremos hacer es dibujar aquí este pequeño círculo. Creo que es una cabeza de destello. Podemos tomar este círculo aquí y simplemente copiarlo arriba en la parte superior aquí, manteniendo pulsado Shift and Option, y luego simplemente escalándolo un poco. Una vez que lo metamos en un buen lugar, solo podemos eliminar uno de los bordes aquí. Es un poco demasiado duro. Podríamos hacer es entrar en modo de aislamiento para esto. Vamos a acercar un poco más y vamos a agarrar por el borde inferior manteniendo pulsado Shift y tenerlo no cortado directamente en medio del círculo. Ahora creemos un rectángulo, dibujemos encima de él, teniéndolo alineado en la parte superior de nuestra cámara. Después seleccionando ambos, vamos a darle a “Frente menos”. De nuevo, no necesitamos este borde solapado aquí, así que usemos nuestra herramienta de selección directa para eliminarlo. A mí me encanta. Genial. Ahora, lo que tenemos que hacer es simplemente agregar nuestro flash aquí. Entonces salgamos del modo de aislamiento. Pasemos a nuestro panel de herramientas aquí, y seleccionaremos nuestra herramienta estrella. No es demasiado popular. Ni siquiera tiene atajo. Volveremos aquí, seleccionaremos el centro de nuestra forma y solo haz clic una vez, y este cuadro de diálogo aparecerá y esto es un poco confuso para la mayoría de la gente. Será un poco de prueba y error en este momento cuando estemos explorando con él, pero lo que hay que saber es que Radius 1 los bordes de la estrella que están en el interior ese punto hacia adentro, y Radius 2 son los bordes de la estrella que apuntar hacia afuera. Vamos a jugar un poco más con esto. Vamos a subir esto hasta ocho puntos, y dejaremos el Radio 2 a 50, pero hagamos Radio 1, 32 píxeles. Eso es bastante bueno. Creo que podríamos intentarlo una vez más, así que eliminemos eso. Con nuestra herramienta estrella todavía a mano, volvamos a hacer clic en la parte superior aquí otra vez, y hagamos esto 30 ahora. Eso está mucho mejor. Genial. Hagamos doble clic en esto ahora porque sabemos que no necesitamos este borde inferior aquí. Usando nuestra herramienta de selección directa, vamos a crear una caja de marquesina sobre la parte inferior aquí y simplemente eliminarla. Golpea “Escape”, retrocede un poco. Eso se ve realmente bien. Pasemos esto a nuestra mesa de trabajo ahora. Seleccionando todas las formas y golpeando “Comando+G”, respaldando un poco más y simplemente arrastrando esto a nuestra mesa de trabajo, manteniendo pulsada Opción, y luego simplemente escalándolo a su lugar. Ahora que eso está seleccionado, vamos a golpear nuestra herramienta de gota ocular y robarle el peso del trazo a nuestro globo. Esto se ve bien. Algo que creo que podríamos hacer es robar los puntos de nuestra brújula o de nuestro reloj aquí. Vamos a robarlo de nuestra brújula Control+C para copiarlo, y luego acercarnos a nuestra cámara aquí, entrando al grupo y simplemente golpeando “Comando+V”. Podemos simplemente agregar un pequeño punto aquí que lo haga parecer una cámara más moderna. Eso se ve bastante guay. Es como un pequeño hoyuelo para la cámara. Retrocedamos aquí, echemos un vistazo al conjunto completo. Podemos hacer algunos refinamientos más aquí una vez que los estemos mirando a todos. Lo que estoy viendo aquí es que esta línea puede ir aquí. A lo mejor empujar esto. Muy bien, tenemos nuestro conjunto de ocho iconos. Se ve genial. Adelante y guarda tu archivo presionando “Comando+S”. Casi estamos terminando este. Pero este archivo en sí no es bueno para estar compartiendo con clientes y colegas. Vamos a estar buceando en eso en la siguiente lección donde los prepararemos para una variedad de diferentes casos de uso. 13. Exporta tus íconos: Hemos llegado a la recta final. Contamos con un increíble conjunto de visuales que podemos utilizar para una variedad de situaciones. Ahora lo que tenemos que hacer es preparar estos visuales para que funcionen para esas situaciones. Lo primero que queremos hacer es copiar lo que tenemos aquí. Demos un paso atrás y echemos un vistazo a lo que tenemos actualmente en nuestro expediente. Tenemos algunas de nuestras cosas de trabajo fuera a un lado incluyendo nuestro boceto. Estoy seguro de que cuando entreguemos esto a colegas o clientes no les van a importar todas las cosas de aquí, así que primero tenemos que quitar eso. El segundo que queremos hacer es asegurarnos de que estamos ampliando todos estos visuales para asegurarnos de que no se puedan alterar en el camino; cuando los estamos escalando. Aquí te mostraré un ejemplo. Si esto fue escalado por un desarrollador o un cliente, no queremos que salga chunky así. Queremos que retenga su mismo ancho de trazo y proporción general, para que no se distorsione cuando están trabajando con estos objetos visuales. Adelante y salvemos a éste. Pero antes de hacerlo vamos a eliminar nuestra capa de boceto, y luego retrocedemos un poco y luego eliminemos todo del tablero. Entonces vamos a acercar un poco más. Vamos a Guardar como, y guardar éste como -EXPORTACIÓN. Está ahorrando en nuestro escritorio justo al lado del archivo original. Ahora tenemos una versión de trabajo con la que podemos meternos y prepararlos para todas esas situaciones diferentes para las que queremos que funcionen. Hay algunas cosas a considerar cuando estás finalizando las cosas aquí. El primero en lo que quieres pensar es el color de fondo. ¿ De qué color van a estar viviendo estos iconos encima? ¿ Va a ser un fondo oscuro o un fondo claro? Tenemos que asegurarnos de que funcione para esos fines. El segundo en lo que queremos pensar es en los requisitos de tipo de archivo. Si estás usando esto para redes sociales o estás entregando esto a un desarrollador, va a haber alguna especificación torno a los tipos de archivos que están esperando. El tercero que queremos considerar son las dimensiones generales, ¿en qué tamaño necesitan guardarse estas? Hay una serie de formas en las que podemos exportarlas a diferentes tamaños, y nos meteremos en eso un poco más tarde. Lo primero que queremos hacer es ampliar todo lo que tenemos en la pantalla aquí. Con nuestra capa de ilustraciones seleccionada y nuestras guías bloqueadas sigamos adelante y golpeamos “Comando A” o simplemente puedes agarrar todo en la pantalla, luego llegar a Object y golpear “Expandir”. Te va a pedir Fill and Stroke, dices Ok. Lo que vamos a ver es que todos nuestros trazos se han convertido ahora en objetos llenos, que es exactamente lo que queríamos. Eso es genial. Lo siguiente que queremos hacer es seguir adelante y crear un rectángulo y solo cubrir todo aquí. Va a ser negro, eso está totalmente bien. Vamos a seguir adelante y solo Controlar o hacer clic derecho en él y enviarlo a la parte posterior para que esté detrás de nuestros iconos. Entonces con nuestra Herramienta Cuentagotas, solo seleccionemos aquí la mesa de trabajo y la pongamos blanca. Muy raro lo que estamos haciendo ahora, pero el siguiente paso tendrá sentido. Con todo ahí incluyendo nuestra caja blanca, volvamos a golpear “Command A” para seleccionar todo en la pantalla. Entonces ven a nuestro Pathfinder aquí, vamos a darle a “Fusionar”. Con eso ahora combinando todo y aplanando todo el uno encima del otro, sigamos adelante y entramos al grupo que se crea para nosotros. Da click una vez en ese rectángulo que hicimos, y pulsa “Eliminar”. Entonces sigamos adelante y golpeemos “Escape”. Bloqueemos esta capa de ilustraciones y luego agreguemos dos capas. Vamos a crear. Este se va a llamar Dark BG, lo que significa fondo oscuro. El siguiente se va a llamar Light BG. Nuevamente, BG es sinónimo de fondo. Vamos a crear diferentes fondos de color aquí. Usando nuestro rectángulo en nuestra capa de fondo claro, vamos a crear un fondo. Está frente a nuestra capa de ilustraciones, que está totalmente bien. Entonces sigamos adelante y solo elijamos un color, ese color se ve bastante cool. Encerrémoslo y luego arrástrelo detrás de nuestra obra de arte. Ya estamos viendo lo que hicimos con la carpeta blanca. Eso es lo que hizo Merge por nosotros, llenó cada objeto aquí de un color. A continuación lo que queremos hacer es ir a nuestro oscuro fondo. Elegir nuestra Herramienta Rectángulo llenemos la mesa de trabajo y solo hagamos que ésta sea negra. Nuevamente, arrastrémoslo detrás de todo aquí y encerrémoslo. Genial. Desbloqueemos nuevamente nuestra capa de ilustraciones. Al mirar esta cosa, todo se ve muy bien excepto aquí arriba, estoy viendo que esto está lleno. personal, no quiero que se llene el anillo de la brújula porque simplemente no sirve al propósito. Creo que debería ser un transparente, así que voy a borrar eso ahí. Pero todo lo demás se ve genial. A mí me gusta cómo se ve lleno sobre un fondo de color, pero ¿cómo se ve con solo trazo? Vamos a crear una capa para eso también. Duplicemos nuestra capa de ilustraciones. Antes de que encierremos este, pongamos relleno en esa capa. Cierren eso y hagan eso invisible. Entonces con nuestra copia aquí, sólo vamos BLK que es trazo negro. Entonces entrando a ese grupo entero aquí hagamos doble clic en él, ingresemos al grupo. Después con nuestra Herramienta Varita Mágica, haz clic en cualquier lugar del blanco. Selecciona todo el blanco en la pantalla y pulsa “Eliminar”. Ahora toca “Escape”, retrocede un poco. Creo que eso también se ve bien. Eso es genial. Lo siguiente que queremos hacer es crear otro, pero queremos voltear este trazo a blanco. Con la capa de trazo negro que teníamos ahí, vamos a ir Duplicar y hacer doble clic en esta y llamarla WHT para blanco y desbloquear esa. Con esa capa desbloqueada, pulsemos “Comando A” para seleccionar todo en la pantalla, y luego cambiemos esa a blanca. Perfecto. Haz que sea visible debajo, eso también se ve bastante guay. Tomemos aquí nuestro fondo de luz y lo hagamos invisible. Ve cómo se ve en el fondo oscuro. Impresionante. Se ve fantástico. Con una de ellas puesta, elegamos ésta. Lo siguiente que queremos hacer es empezar a crear mesas de trabajo para todos estos. Todavía tenemos nuestra capa de guías aquí, pero la usamos como un poco de guía para asegurarnos de que todos fueran del mismo tamaño. Para nuestros propósitos ahora nos va a ayudar a dividir estos en sus propias mesas de trabajo separadas, así que arrastra en esa capa por encima de todo. Son azules, lo cual es raro que sean azules encima de azul. Pero tenemos eso desbloqueado, sigamos adelante y seleccionemos todo en la pantalla aquí. Tenemos trazo, ahora volteemos a un relleno. Podemos verlas un poco más. Se agruparon si recuerdas cómo configuramos el archivo. Adelante y entremos a ese grupo aquí. Vamos a golpear “Shift O”, que es nuestra Herramienta de Mesa de Trabajo. puede ver que seleccionó automáticamente toda la mesa de trabajo aquí. Lo que vamos a estar haciendo es solo hacer clic de distancia en todas estas casillas individuales; así que están en su propia mesa de trabajo sin tratar de eliminar este set completo. Vas a empezar a ver aquí nuestro kit de herramientas de mesa de trabajo empezando a llenarse de diferentes capas. Vayamos a nuestra primera plaza. Asegúrate de que estás flotando arriba y puedes ver que estás seleccionando algo, y de nuevo Smart Guides te va a ayudar a hacer eso. Seleccionarlo una vez. Crea una mesa de trabajo, vamos a la segunda. Seleccionarlo una vez. Podría ser duro que cuando llegues ahí sea mi pregunta. A lo mejor lo estás haciendo dos veces para activar la forma primero, pero vamos a hacer esto por todos ellos. Perfecto. Pulsemos “Escape” para salir del Modo Aislamiento, y luego volvamos a nuestra capa de guías y podemos eliminar esa también. Dice que contiene obras de arte, lo conseguimos. Basta con borrarlo. Genial. Lo que podemos hacer es bajar a nuestro panel de mesas de trabajo aquí. Con un solo clic los vamos a ver sacar justo lo que hay dentro de cada mesa de trabajo y queremos etiquetarlos apropiadamente, así que voy a etiquetar este Brújula. A lo siguiente voy a dar click en este. Voy a nombrar a éste un Reloj de Pulsera. siguiente es Burbujas o burbujas de palabra, como quieras llamarlo. El libro de éste. Haga doble clic en éste; “Planta”. Haga doble clic en éste; “Dinero”. Haga doble clic en éste; “Globo”. A continuación, haga doble clic en éste; “Cámara”. Usemos nuestra Herramienta Zoom para salir un poco y ver qué tenemos aquí. Siguiente cosa que queremos hacer, muy importante. Sigamos adelante y volvamos a golpear “Guardar” para asegurarnos de que estamos ahorrando todo nuestro progreso y no estamos perdiendo nada. Espero que todos hayan estado ahorrando en el camino. Con eso en mente lo que sí tenemos es una variedad de capas diferentes que hemos estratificado unas encima de otras que nos permiten exportar estas de varias maneras diferentes. Ahora que tenemos todo configurado, empecemos a exportarlos. Podemos ir a desprenderse nuestro fondo claro y nuestro fondo oscuro para conseguir que todos estos sean blancos. Una vez que hayamos establecido para qué vamos a estar usando esto y los tipos de archivo que se requieren, podemos seguir adelante y ir a Archivo, Exportar, Exportar Como y aquí va a abrir este cuadro de diálogo. Ya va a decir SkillShare_icons-export, que va a ser el nombre inicial como lo va a guardar. Pero cuando estamos guardando estos como mesas de trabajo individuales que queremos asegurarnos de que estamos dando clic en “Usar mesas de trabajo” y tenemos todo seleccionado. Pero se va a salvar como Skillshare_icons-export- lo que sea que le hayamos llamado en las mesas de trabajo. Con eso en mente, vamos a cambiar esto a Icons y vamos a crear una nueva carpeta en el escritorio en la que podamos guardarla dentro. Vamos a nombrar a este Iconos. Crea esa carpeta. Asegúrate de elegir el tipo de archivo que se requiere de cualquiera que sea el trabajo para el que estás trabajando aquí. A lo mejor es un PNG, a lo mejor es un JPEG. Incluso podría ser un SVG si lo necesitas para algunos fines de desarrollo. Voy a seguir adelante y seleccionar “PNG”, para que podamos ver cómo se ven estos con un fondo transparente y un relleno blanco dentro. De nuevo, asegúrate de que Usar mesas de trabajo están todas seleccionadas. Vamos a Exportar, va a traer aquí este cuadro de diálogo que nos permite guardarlo para diferentes resoluciones. Yo quiero elegir 72 píxeles por pulgada porque va a conservarlo al mismo tamaño en el que inicialmente configuramos estas mesas de trabajo, que es de 255 por 255 píxeles. Adelante, y también puedes elegir un fondo blanco. Puedes elegir un fondo negro, o puedes seguir adelante y elegir un fondo transparente. Voy a mantener la mía transparente para este propósito, y seguir adelante y golpear “Ok”. Parece que no pasó nada, pero podemos seguir adelante y minimizar a Illustrator aquí. Acude a la carpeta Icons que acabamos de crear, y básicamente escatima a través de todos estos. Se ven bien. Eso me gusta. Guarda el set completo para nosotros, sabemos cómo se ve eso. Se ve genial. Esa es una forma de salvarlo. Para una serie de tipos de archivos diferentes, vuelve a Illustrator. Digamos que compartimos esto con un cliente o compartimos esto de compañeros y ellos dicen : “Todo lo que quiero es la brújula, la planta, y el dinero”. Eso está totalmente bien, podemos hacer que eso funcione también. Con tu Herramienta de Selección, podemos empezar a activar todas estas. Es difícil de ver, así que vamos a acercar un poco más. Se puede ver que cuando se tiene este seleccionado, es un poco más oscuro. Cuando hago clic en este, se pone un poco más oscuro por aquí. Lo mismo para todas estas mesas de trabajo. Todavía con todo bloqueado, está totalmente bien. puede ver que está navegando por aquí también. Si lo necesitas selecciónela así. Eso también funciona. Sólo volvamos a nuestro conjunto completo. Dijimos lo que vamos a hacer la brújula, digamos que teníamos que ajustar sólo la brújula. Subiremos a Archivo, Exportar, Guardar para Web, dice Legado. De lo que hace, trae a la luz este cuadro de diálogo que te da una variedad de formas de compartirlo a un lado. Lo que es sorprendente de esta funcionalidad es el hecho de que aquí podemos cambiar el tamaño. Digamos que lo queremos 72 por 72, lo escala hacia abajo. Digamos que solo lo queremos en 100 por 100, lo escala hacia arriba. Digamos que lo queremos en 500 por 500, lo escala hacia arriba. Cualquier tamaño que queramos que cambie aquí, podemos guardarlo en esa resolución. Al darse cuenta de que aquí estamos trabajando con vector, aquí no tendremos ninguna pérdida de calidad. Adelante y golpea “Guardar”. Tenemos nuestros iconos aquí. Sigamos adelante y nombremos a éste. Sólo estamos nombrarlo en una ocasión, así que lo que sea que pongamos en esto no va a dar un guión. Sea cual sea la mesa de trabajo solo nos va a dar el nombre de un archivo, así que vamos 500 por 500-COMPASS. Volvamos atrás y echemos un vistazo a eso en nuestra carpeta Iconos. Ahí está. Boom, es realmente grande. Comparemos eso con la otra brújula, que es realmente pequeña. Sigamos adelante y guardemos eso de nuevo. Eso es todo. Tenemos nuestro conjunto de iconos dibujados. Ahora podemos guardarlos individualmente usando este archivo, o podemos entregarlo a los clientes para que puedan usar esto fácilmente para navegar lo que necesiten. Tiene mesas de trabajo debidamente etiquetadas, y capas debidamente etiquetadas que lo hace casi infalible si tienen algún problema. Enhorabuena. Gracias por seguir. Proporcionaré estos archivos de trabajo en los recursos para esta clase. 14. Reflexiones finales: Muy bien, lo hicimos. Hemos creado un increíble conjunto de visuales que podemos utilizar para una marca personal. Lo usamos para apoyar a un equipo en el trabajo. Incluso podemos usar esto para alimentar nuestros proyectos de pasión y gigs paralelos que tenemos en marcha. Por favor, publica tus proyectos en la galería de proyectos para que todos podamos echar un vistazo y darte retroalimentación adicional y animarte a empujar más allá de esto. ¿ Cómo puedes usar lo que has aprendido en esta clase para crear ilustraciones más grandes y detalladas? Gracias de nuevo por unirte a la clase y hey, seamos amigos de Internet. Adelante y sígueme en redes sociales y dame un grito ahí si vas a compartir allí también tus iconos. Gracias de nuevo y buena suerte.