Geometría fácil con Procreate + Illustrator

1. final de introducción: Bienvenido a Geometría Fácil. Esta será tu clase de Procreate y Adobe Illustrator. Soy un artista, ilustrador y profesor radicado en Nueva York , y yo mi 12ª clase de Skillshare. geométrica juega un papel realmente importante en el mundo del diseño. Tanto si estás diseñando un diseño independiente como si estás diseñando [inaudible], geometría juega un papel integral en el mundo creativo. Es una herramienta importante para tener en tu caja de herramientas. En esta clase, vamos a cubrir algunas herramientas de Procreate, el contorno de diseño, cómo elaborar el archivo y exportarlo a Illustrator, y una vez en Illustrator, vamos a cubrir el rastro de vida, colorearemos nuestro diseño, crearemos un patrón, y lo recolorearemos; y por último, cubriremos el proyecto de clase. Para esta clase necesitarás un iPad y la app Procreate. También necesitarás un lápiz óptico. Yo mismo estaré usando el lápiz Apple. Necesitarás Adobe Illustrator. Estaría usando Adobe Illustrator CC, y para fines de esta clase, activamos usando una versión que tiene la herramienta de patrón. Si no tiene Adobe Illustrator, no se preocupe. Puedes descargar una versión de prueba gratuita en Adobe.com. Exploraremos algunos colores, y por último, crearemos un proyecto de clase y tú también podrás crear bellas geométricas para añadir a tu caja de herramientas. De verdad espero que te unas a mí y te veré en clase. 2. final de bocetos: Vamos a empezar abriendo Procreate, seleccionaremos un nuevo Canvas tocando el signo más en la esquina superior derecha. En esta etapa realmente no importa el tamaño del lienzo ni la resolución, porque vamos a estar trayendo esto a Illustrator para que viva rastrearlo y vectorizarlo. En este punto, realmente no importa, donde esto sí importa es, si estás trayendo esto a Photoshop y luego el ráster de imágenes. Tendrás que asegurarte de seleccionar el tamaño de lienzo correcto, y la resolución correcta en esta etapa. Pero para nuestra clase, traerla a Illustrator, no tendremos que preocuparnos por eso. Simplemente voy a seleccionar un lienzo que sea cuadrado, 3,000 por 3,000 píxeles. Vamos a tocar el botón Llave inglesa en la parte superior, y ese es el botón Acciones, vamos a activar, estaremos en la pestaña Lienzo y activaremos la Guía de dibujo, y luego seleccionaremos justo debajo de eso, Editar Guía de Dibujo. Esto nos lleva a un submenú y verás que hay Cuadrícula 2D, hay un Isométrico, hay Perspectiva, y hay Simetría. Para esta clase, vamos a estar trabajando sólo en simetría. Debajo de simetría hay, diferentes opciones, tenemos el Grosor de la línea, la Opacidad de la línea, Dibujo Asistido, que ya activamos, y hay Simetría Rotacional, que vamos a no estar usando en esta clase, pero es una característica divertida con la que jugar, gira todas tus líneas, ya que las estás dibujando. simetría rotacional es divertida con la que jugar, cuando termines. Vertical, por debajo de eso, es lo que estamos ahora, Horizontal cambia la línea, Cuadrante y Radial. Radial es lo que estaremos usando en esta clase. Aquí arriba en la barra de colores, puedes cambiar el color a un color que te convenga. Estaremos dibujando en negro, asegúrate de que no rectas al negro, porque entonces será difícil ver la línea, me gusta quedarme en algún lugar de los greens. Después puedes seleccionar Hecho, y estamos listos para empezar. Vamos a seleccionar una línea Monoweight, queremos asegurarnos de que no tengamos ningún cepillo que empiece delgado, y vaya grueso, y luego delgado, porque queremos asegurarnos de que estamos consiguiendo bordes realmente limpios. Trata de encontrar un cepillo monopeso que te haga eso. El pincel de línea fina bajo entintado, que viene con Illustrator hará el truco, o un bolígrafo uno, cualquiera que sea solo una línea recta. Estoy usando esa línea mono uno, y he ido adelante y seleccionado negro, y ahora podemos empezar. Cualquier cosa que dibujes en la forma de un pastel, voy a llamar a esto, aunque en realidad no es un pastel, es como un triángulo isósceles. Cualquier cosa que dibujes en el triángulo uno, se reflejará en todos los demás. Básicamente estamos dibujando en el triángulo uno, y luego veremos qué se nos ocurre. Voy a empezar aquí, en el centro, y luego me voy a ramificar. Esto es obviamente solo yo jugando alrededor. Si lo sostienes, obtendrás líneas bastante limpias. Voy a hacer eso otra vez, añadir otro elemento, voy a añadir uno pequeño aquí. Esto es solo cuestión de preferencia, solo querrás jugar con él, y a medida que lo hagas cada vez más, encontrarás que sabes dónde quieres llenar tus vacíos cuando lo lleves a Illustrator. Todo eso aprenderás a través del tiempo, a través de prueba y error. Apenas una más ahí, y luego sólo voy a hacer algunas líneas para rellenar. Si te das cuenta, realmente sólo estoy dibujando en un cuadrante, y sólo está reflexionando en todos los demás. A lo mejor voy a añadir otro aquí, y otro aquí. Quieres asegurarte de que todas tus líneas estén tocando, porque si no lo son, entonces tendrás un problema cuando vayas a color. Quieres asegurarte de que todos tus vacíos estén cerrados. Eso se ve bastante bien. Te veré en la siguiente lección, donde empezaremos a colorear. 3. Añade color al boceto: Ahora a la parte divertida de colorearlo en. Para que los ilustradores en vivo rastro identifiquen esta imagen y tengan que ser realmente nítida, querrás usar solo negro. Si comienzas a colorear para cuando entres y vives rastrearlo, ilustrator recoge diferentes tonalidades y tonos, y terminarás con algo que no es muy nítido. Todo lo que hagamos va a ser de negro y luego podremos colorearlo una vez que vivamos rastrearlo. Para ello, primero voy a renombrar esta primera capa, y llamar a ese boceto, y vamos a crear una segunda capa, y vamos a nombrar a esa, color 1. En color 1, queremos asegurarnos de que se seleccione el negro, y seguimos usando ese mismo pincel monopeso o cualquier pincel que sea bastante preciso, y vamos a empezar a colorear. Obviamente sólo estamos trabajando en un cuadrante y va a llenar todo lo demás. Voy a empezar, vamos a asegurarnos de que estamos en ese color 1 y sí tenemos que estar en dibujo asistido. Sólo tenemos que asegurarnos de que eso esté encendido. Ahora me voy a ir y sólo esbozar una vez más. Voy a acercar para que lo veas muy bien. Voy a delinear una vez más, sólo voy a ir pero arriba justo contra esa línea de boceto y asegurarme de que no voy y luego, sólo traeré y color. Dejaré caer el color. Yo voy a hacer lo mismo por éste, y sé que parece tedioso, pero va a tener sentido por qué lo hago de esta manera, y simplemente no puedes entrar y soltar color porque no estamos trabajando en la capa de boceto. Si miras en el panel de capas, notas que estamos creando nuevas formas en lugar de simplemente rellenar la capa de boceto, y hay una razón por la que hago eso es porque quiero poder colorear mis capas de boceto por separado. Todo esto tendrá sentido, sigue adelante y verás una vez que todo esté hecho. Y ahora la clave es, no queremos colorear nada que vaya a tocar la forma negra que ya hemos creado en esta capa. Por ejemplo, este de aquí, puedo colorear ahora en esta capa porque no va a interferir con el negro que ya he creado, y eso es más o menos para esta capa. Si fuera a colorear en alguna de estas otras formas, automáticamente se reconocerá como un solo BLOB grande con la forma al lado porque son todas negras. Ahora podemos ir y empezar una nueva capa, y eso se convertirá en color 2. A veces es más fácil si solo bajo la opacidad en la última capa solo para poder ver qué necesita colorearse. Ahora puedo seguir adelante y colorear. Perdón. Como pueden ver, no encendí la ayuda de dibujo, eso reduce la obra. Está bien. Gota y color, y sólo vamos a seguir haciendo eso hasta que todo se llene. Nuevamente, estamos encontrando una forma que no tocará con las formas de esta capa. Podemos y podemos seleccionar esta forma también, porque ésta no va a tocar el negro de esta capa, y eso es más o menos todo. Ahora podemos entrar a la siguiente capa. Esto se convertirá en color 3. Asegúrese de que la asistencia de dibujo esté activada. Volvamos a nuestra última capa y apenas bajemos la opacidad, y podemos colorear esta siguiente. Ayuda cuando acercas el zoom. Si no haces zoom, una vez que lo hagas, te darás cuenta de que dejaste algunas líneas atrás y eso no es bueno. En esta capa, esto es más o menos todo lo que podemos colorear porque el último círculo que hay va a tocar ese. Solo creemos otro. Todo esto suena realmente confuso lo sé, pero al final notarás que tiene sentido totalmente porque esta es la única forma en que Illustrator podrá leer cada una de estas formas sin, vamos a bajar la opacidad. Illustrator se dará cuenta de las formas sin tener que crear diferentes tonalidades y tonos. De esta forma, podemos mantener nuestras capas separadas y cada una de ellas será de un color diferente. Eso es más o menos. Voy a volver atrás y elevar la opacidad en todos ellos y en el siguiente video, vamos a exportar. 4. Exportación: Ahora nos estamos preparando para exportar nuestra imagen. Vamos a seleccionar la pestaña de acciones y estaremos dando click en Compartir. Vamos a seleccionar PSD y la razón por la que queremos exportarlo como PSD es porque queremos asegurarnos de que nuestras capas permanezcan intactas. Tienes que seleccionar a dónde te gustaría exportarlo. Se lo voy a enviar derecho a mi escritorio el cual tengo abierto. Puedes optar por enviarlo por correo electrónico, o puedes optar por subirlo a Dropbox o a cualquier otro sistema de intercambio de archivos que tengas. En el siguiente video, entonces comenzaremos a vivir rasgos. 5. Trace de imagen: Vamos a empezar abriendo Adobe Illustrator y vamos a encontrar el archivo que descargamos. Mi archivo, me AirDropon en mi computadora y eso entraría en mi archivo de Descargas. Cualquiera que sea el método que utilices, podrías habértelo enviado por correo electrónico o ponerlo en Dropbox y arrastrarlo desde ahí. Si lo dejaras caer al aire, estaría en tu carpeta Descargas. En el lado izquierdo aquí verás “Descargas”, y aquí está mi obra de arte. Ahora desde este submenú, queremos asegurarnos de que esté seleccionado “Convertir capas en objetos”. No queremos aplanar las capas en una sola imagen porque queremos mantener esas capas bonitas y separadas. Ahora aquí verás que tengo la paleta Capas, la capa “Fondo” es realmente solo una capa en blanco, así que voy a eliminar eso, no la usaré. Entonces mi capa de “Sketch Image”, solo voy a arrastrar eso a la parte superior porque quiero que esas líneas se muestren en la parte superior. Empezando por la imagen de boceto, voy a dar clic para poder seleccionar esa capa y luego voy a ir a mi botón “Trace de imagen”, que automáticamente está aquí. Desde el menú desplegable de toggle allá, voy a seleccionar “Color gráfico”, y eso es un preset que tengo y voy a compartir contigo los presets que tengo ahí dentro y también pondré esto en un PDF para que lo tengas. Como puedes ver, puedes jugar con el “Umbral” y luego hay algunas opciones avanzadas que también puedes usar. Asegúrate de que de cualquier manera que pongas la tuya, asegúrate de que siempre esté seleccionado “Ignorar Blanco” porque no quieres que el blanco se muestre a través. Como puedes ver, algunos de estos bits y piezas que están aquí se mostrarán a través como un color real si no seleccionas, “Ignorar Blanco”. Puedes jugar con los presets pero si quieres usar el que tengo, casi seguro pondré eso en un PDF por separado para ti en la carpeta. Ya hemos pegado a “Rastreo de imagen”, y ahora tienes que asegurarte de golpear “Expandir”. Eso lo expande en una imagen vectorizada. Simplemente haremos lo mismo con el resto de ellos, voy a “Image Trace” mi preset llamado Graphic Color y luego voy a golpear “Expandir”. Simplemente sigue bajando la línea, es un proceso bastante simple una vez que has descubierto tu preset. Mi preset necesariamente puede no funcionar para ti, puede que estés buscando algo más de un cuaderno de bocetos y simplemente crea tantos como quieras para diferentes proyectos, probablemente encuentres que necesitarás diferentes tipos de preajustes para lograr un look diferente. Ahora que todos han sido seleccionados, todo ha sido vectorizado, en el siguiente video, vamos a abordar el color. 6. Color: Ahora vamos a empezar a colorear. Ya tengo una paleta que he seleccionado p-re y la he traído aquí. Voy a seleccionarlo todo y voy a agregar eso como grupo de colores a mi paleta de muestras. Al seleccionar nuevo grupo de colores, haga clic en OK y ahora se agrega aquí a mi paleta. Voy a borrar eso para que no interfiera con nuestras capas. A partir de la imagen de boceto, vamos a colorear esta en primer lugar. Al seleccionarlo, se selecciona todo en esa capa. Por lo general me gustaría hacer mi imagen de boceto o mi imagen de contorno en un color realmente claro. Voy a seleccionar el color más claro de la paleta. Esto es obviamente por gustos, puedes seleccionar un color más oscuro para este boceto si quieres un look más audaz. Simplemente seguiremos bajando por la línea, coloreando todos los elementos de cada capa. Eso se ve bastante bien. Siempre podemos en uno de los próximos videos, te mostraré cómo recolorearlo para jugar y tal vez moverte por algunos de los colores usando el mismo esquema de color. En el siguiente video, vamos a crear el patrón. 7. Patrón: Ahora vamos a crear nuestro patrón. Para esta porción, estaremos utilizando la herramienta de creación de patrones que Illustrator ha incorporado. Para ello vamos a seleccionar todas las capas haciendo clic y arrastrando, y luego vamos a Object, Pattern, Make. Esto es solo dejarte saber que el patrón se ha agregado al panel Muestres. Déjenme alejar. Como puedes ver, este ya es un patrón bastante bueno como es. Hay otras opciones a las que puedes entrar en la pestaña Opciones de patrón y puedes ir a Brick by Row, tal vez quieras una media gota. Todas son cosas diferentes las que puedes hacer aquí dentro. Por ejemplo, digamos aquí cuando seleccioné Hex por Columna, verás que el patrón se superpone y hay dos formas en que puedes arreglarlo. Puedes o bien ir aquí al ancho y la altura y usando las teclas de flecha arriba o abajo, puedes sacarlo más lejos hacia ya no tocar y luego puedes hacer lo mismo con la altura. Otra forma de hacerlo es si hace clic en este botón aquí la Herramienta de Tela Patrón, que luego permite mover el cuadro de contorno real y que hace lo mismo que los botones de toggle. Encuentro que el ancho y la altura usando las teclas de flecha es más fácil. Tienes solo un poco más de control porque solo puedes brillar un poco a la vez. Voy a traer este sólo un poco más bajo, así que está un poco más cerca, y ese se ve bastante bien. Voy a golpear Done, y ahora el patrón se ha agregado a mi paleta Muestres. Vamos a probar nuestro patrón para asegurarnos de que es exactamente la forma en que queremos que se vea, y Simplemente selecciona otro color aquí. Vamos a simplemente copiar otra caja en la parte superior, esperanzas que no pegó en la parte superior. Pero no hay problema, lo pondré justo encima. Ahora vamos a llenar esa caja con el patrón. Ahora es un poco demasiado grande pero por tenerlo seleccionado, voy a ir a Object, Transformar, Escala, y desactivar Transformar Objetos, y luego escalarlo al 60 por ciento sólo para que podamos ver cómo se ve. Este color de espalda, tal vez queramos cambiarlo en algo tal vez más ligero, tal vez gris claro, que hacen braille verdoso. Como puedes ver, es bastante sencillo. En el siguiente video, te mostraré cómo jugar con los colores y recolorearlo si el esquema de color que seleccionaste inicialmente no es de tu agrado. 8. Recolor: Ahora vamos a jugar un poco con la herramienta recolor. Cuando seleccioné por primera vez esta muestra y agregué este fondo gris, no realmente aficionado a la forma en que los colores están todos apagados. Entonces voy a recolorearlos. También he traído algunas muestras más que ahora tengo en mi paleta de muestras aquí. Simplemente quieres asegurarte de que tienes la cantidad correcta de colores que necesitas para recolorear tu ilustración. Por ejemplo, tenemos cinco capas. Cada uno tiene colores individuales, por lo que necesitamos un mínimo de cinco, más el color de fondo nos dará seis. Quieres asegurarte de que cuando estés recoloreando, que tengas un mínimo de seis colores con los que jugar, porque si no, lo que pasa es digamos que solo tienes cinco colores y tienes seis seleccionados. Illustrator asignará automáticamente un color, duplicará a uno de estos otros elementos, y nos gustó mucho la forma en que hemos separado nuestras capas aquí. Queremos asegurarnos de que tenemos la cantidad correcta de colores, para que el ilustrador pueda asignar la cantidad correcta. Con ambos del patrón, y el fondo seleccionado, voy a dar clic en el grupo de colores tres aquí, y luego voy a bajar aquí al grupo Editar o Aplicar color. Y eso va a empezar a cambiar todos los colores. En ocasiones, cuando usas el blanco, encontrarás que Illustrator le pondrá una línea, ya sea blanca o negra. Normalmente hace eso donde mientras juegas con los colores, ese color simplemente no cambiará porque es asumiendo que sea o un contorno o un fondo porque es blanco o negro. Si eso sucede cuando vas a recolorear el tuyo, solo asegúrate de hacer clic derecho en la línea, y luego mientras obtengas la flecha, este color se incluirá en la recoloración. Voy a seleccionar cambiar de color aleatoriamente, y solo seguir dando click hasta que encuentres una combinación de colores que te convenga. Aquí es donde se vuelve tiempo porque puedo hacer click en esto todo el día, porque todos los colores se ven bonitos, pero luego solo quieres seguir buscando más. En realidad me gusta la forma en que se ve esa. Como dije, puedo hacer esto todo el día. Vamos por este color. Eso en realidad es lindo. Digamos por ejemplo, ahora, quiero quedarme con el blanco que tenía. Puedo desactivar eso haciendo clic en eso, y ver cómo se ve eso. mejor, no quiero que este color oscuro sea blanco. A lo mejor quiero que esté oscuro. Sospecho que te gusta la combinación de todos los demás colores. Puede desactivar o desactivar cualquiera de estas flechas para seleccionar una nueva combinación. Una vez que estés contento con lo que tienes, solo tienes que dar click bien. Entonces te preguntará, ¿quieres guardar los cambios en la muestra de color grupo tres antes de cerrar? Simplemente haz clic en “No”, porque no quieres que altere tu paleta de colores. Solo querías agregar un nuevo color solo para esa muestra. Eso es más o menos de eso. Después puedes entrar en la herramienta de recolor, y recolorear tantas veces como quieras. Te veré en el siguiente video. 9. Proyecto de clase: Ahora a los proyectos de clase. Para tu proyecto de clase, solo quiero que armes en una página, tu patrón original y luego algunas variaciones del mismo. Las variaciones pueden estar jugando con diferentes paletas de colores o jugando dentro de la herramienta de patrón, seleccionando diferentes patrones de ladrillo, un patrón de hexágono. Te sorprenderías cuando cambies alrededor esos elementos sobre cómo el patrón toma una vida completamente nueva. Estoy muy emocionado de ver lo que se te ocurre. Por favor, asegúrate de publicarlo en la sección de proyectos. También tendré algunos recursos para que descargues. Me alegra tanto que te unieras a mí en esta clase. Este es uno realmente rápido y fácil y es un gran activo saber cómo crear algunas geométricas para complementar cualquiera de tus trabajos. Muchísimas gracias y nos vemos por clase.