Cómo vectorizar patrones sin fisuras de Procreate en Adobe Illustrator

1. ¡Hola!: Crear patrones en Procreate nunca había sido más fácil, y si mirabas mis clases anteriores, sabes que en la app Procreate, puedes crear cualquier tipo de patrón, ya sea simple o complejo. Pero, ¿y si un cliente te está pidiendo que entregues un archivo vectorial? Aquí vamos. Por cierto, bienvenido. Yo soy Nina, a pesar de que todos me conocen como Di Ujdi. Soy artista, ilustrador, y diseñador de patrones. En esta clase, quiero mostrarte mi método para vectorizar patrones de Procreate en Adobe Illustrator. Vamos a cubrir todo, desde preparar y exportar archivos Procreate hasta aprender sobre diferentes formas vectorizarlos en Adobe Illustrator utilizando la herramienta Image Trace o Pen. Además de sólo vectorizar, te voy a mostrar cómo volver a ensamblar fácilmente ese mismo patrón en Illustrator mediante el uso de tus propias acciones personalizadas. Nos vamos a centrar en lograr los mejores resultados a la vez que somos eficientes en el tiempo. Esta clase es amigable para principiantes, pero los conocimientos básicos de Procreate y Adobe Illustrator serán súper útiles. Al final de esta clase, sabrás cómo vectorizar patrones de Procreate en Adobe Illustrator, lo que significa que estarás completamente preparado en caso de que necesites entregar esos archivos vectoriales. Si estás listo, empecemos. 2. Proyecto: El proyecto para esta clase es muy fácil. Vas a empezar con un patrón terminado que hiciste en Procreate y lo vas a vectorizar en Adobe Illustrator. Una vez que termines de vectorizar tu patrón, haz clic en el botón Crear Proyecto, comparte tus pensamientos, y agrega dos versiones del mismo patrón, una ya lo hizo Procreate y la otra que se vectoriza en Illustrator. Va a ser maravilloso verlos juntos para hacer una comparación final. Además, siéntete libre de apoyar a tus compañeros de clase gustando y comentando sus proyectos. Siempre es más fácil y más divertido aprender, crecer y crear juntos. Personalmente no puedo esperar a ver qué vas a hacer. Está bien. Creo que ya estamos listos para empezar. 3. Procreate: conceptos básicos sobre patrones: Oigan chicos, bienvenidos a una puesta a punto diferente. En esta parte te mostraré cómo se estructuran mis patrones Procreate, y por qué eso es importante a la hora de vectorizarlo en Adobe Illustrator. El patrón que les estoy mostrando en esta clase ya está terminado. Es una muestra completa, y se ve así cuando se está repitiendo. Este patrón está hecho de una manera en la que hago todos mis patrones Procreate. Consiste en múltiples capas que están separadas principalmente por color, posición, o tipo de elementos. Como pueden ver, tengo dos grupos. Uno es para flores y otro para vegetación, y cada grupo tiene múltiples capas para diferentes elementos. Hacer un patrón en capas ProCreate como este es genial para mantener el patrón editable, que siempre puedas hacer ajustes y cambios de color. Por otro lado, tener todo separado en diferentes capas es lo que facilita mucho el proceso de vectorizarlo. Pero permítanme mostrarles el ejemplo. Si tu patrón es como éste y todo se fusiona así, entonces no será posible vectorizarlo usando los métodos que te voy a mostrar sin volver a dibujar completamente todo en Adobe Illustrator. Verás exactamente de qué hablo en los próximos pasos. No obstante, en caso de que quieras aprender a crear patrones en capas y editables, puedes comprobar una de mis dos clases: crear un patrón intrincado, editable en Procreate, o crear un patrón denso de media gota en Procreate para ver mi todo el proceso. El primero es para principiantes, y el segundo es para niveles intermedios. Como dije, dejaré los enlaces para ti en la fuente del glosario. Volvamos a la galería. Este es mi archivo de patrón original y antes de seguir trabajando en él, quiero duplicarlo. Simplemente deslicaré a la izquierda, haga clic en “Duplicar” y llamemos a éste Patrón Para Adobe Illustrator. De esta manera, puedo hacer tantos cambios como necesite sin perder nada del archivo original. 4. Procreate: planifica con anticipación: Está bien. Ahora echemos un vistazo mejor a este patrón para determinar cómo queremos vectorizar diferentes partes. Mi principal objetivo aquí es decidir qué partes del patrón quiero vectorizar con la herramienta Pluma, y qué partes quiero vectorizar con la herramienta Raza de imagen. Si estoy usando la herramienta de lápiz, eso significa que volveré a dibujar todo desde cero en Adobe Illustrator. Si estoy usando la herramienta de seguimiento de imágenes, eso significa que puedo convertir mi resto de imágenes en gráficos vectoriales en un solo clic. Esto es solo un vistazo de lo que cubriremos en los próximos videos cuando empecemos a aprender más sobre Adobe Illustrator. Pero es importante mencionarlo ahora porque el proceso de preparación de archivos dependerá de la herramienta que usaremos más adelante. Cuando se trata de este patrón, quiero usar la herramienta de pluma para redibujar los tallos y las hojas porque no estoy muy contento con cómo se ven. Sé que puedo mejorarlas y hacerlas más precisas en Adobe Illustrator. Para las flores y texturas, utilizaré la herramienta de traza de imagen. Al usar la herramienta de traza de imagen para estas partes, puedo mantener esa sensación más orgánica dibujada a mano cuando las vectorice, y todo el proceso será mucho más fácil, y eficiente en el tiempo. Veamos cómo podemos preparar estas diferentes partes dependiendo de las herramientas que queramos utilizar. 5. Procreate: preparación de capas: Si estás planeando utilizar la herramienta Pluma para redibujar tus elementos Procreate en Adobe Illustrator como lo haré con la parte verde, el proceso de preparación es muy fácil. Todo lo que necesitas hacer es guardar el reloj de patrones principales como una imagen JPEG porque lo usarás como guía de dibujo más adelante. Simplemente iré a “Acciones”, “Compartir”, JPEG y puedo AirDrop it to my laptop. Si tienes productos Apple, eso es lo más fácil de hacer, pero si ese no es el caso, también puedes guardarlo en “Archivos” o agregarlo a Dropbox o lo que sea que sea fácil para ti para que puedas enviarlo a tu computadora. Ahora cuando se trata de la herramienta Image Trace, las cosas son un poco diferentes. Lo que queremos hacer ahora es preparar cada capa consecuencia para que esta herramienta pueda reconocer correctamente los elementos, y para que podamos volver a ensamblarlos como patrón en Adobe Illustrator. Nuestros intereses ahora deben estar en determinar qué capas tienen elementos dentro del lienzo y qué capas tienen elementos que se cortan en los bordes. Por lo que en este caso, las capas con la parte central de las flores están dentro del lienzo, y las capas con los pétalos de flores principales y texturas tienen elementos que se cortan en los bordes. Esta diferenciación es importante porque una vez que utilicemos la herramienta Image Trace para vectorizar estos elementos, naturalmente cambiarán un poco y lo que hay en los bordes no volverá a formar un patrón perfecto sin costuras de nuevo. Empecemos a preparar las capas con elementos que están dentro del lienzo. En primer lugar, apagaré el fondo para que los archivos que guardamos después tengan un fondo transparente, y también apagaré el resto de las capas y solo dejaré visibles estas dos, y todo lo que necesito hacer ahora es cambiar su color a negro para que la Herramienta de seguimiento de imágenes pueda reconocerlos correctamente. De acuerdo, solo seleccionaré el color negro y lo soltaré. Ahora apagaré esta parte, y como se trata de una máscara de recorte, necesito deseleccionarla, y ahora puedo soltar el color negro aquí también. Eso es todo por ahora, también puedo apagar esta capa también. Ahora traeré de vuelta los pétalos de flores principales. Entonces cuando se trata de elementos que se recortan en los bordes, el proceso de preparación es un poco diferente porque como dije, si solo imagino los trazo en Illustrator como son ahora, la repetición de patrón no encajará. Por lo que en este caso, necesitaré hacer una repetición de ellos, dentro de Procreate. Si actualizaste tu app Procreate a la versión más reciente, Procreate 5X, será mucho más fácil terminar este paso debido a su nueva opción de herramienta snap. Primero que nada re-coloreemos esto al negro, y ahora duplicaré esta capa para que tengamos cuatro capas en total. Puedo apagar estos y sólo dejar uno de ellos. Cuando selecciono esta flecha para transformar herramienta, se puede ver que mis ilustraciones de flores están cortadas en cada uno de los lados del lienzo, por lo que cuando los seleccione, se seleccionará todo el área del lienzo, que es exactamente lo que necesitamos para proceder. Si ese no es el caso con tu patrón, siempre puedes crear otra capa y agregarle color, y luego antes de continuar con este paso, solo tienes que seleccionarlos ambos, y luego puedes escalarla proporcionalmente como un cuadrado. Esto es importante para este paso y eso también es algo que estoy mencionando en mis clases para hacer patrones en Procreate. Entonces, en este caso no lo necesito, solo elimínelo, y seleccionaré éste e iré a la herramienta “Transformar”. En la parte inferior, tengo “Transformar” ajustado a Uniforme, y cuando hago clic en “Snapping”, se puede ver que Magnetics y Snapping está activado y Distancia y Velocidad están configurados en max. Esto me ayudará a organizar estos bloques con mucha precisión, solo una rápida explicación de estos dos ajustes. La distancia es determinar a qué distancia estará el objeto seleccionado antes de que se ajuste al centro o a una guía u otro objeto, y al establecerlo como máximo, que es de 50 píxeles, tendrás un mejor control sin tener que ir cerca de la guía u otro objeto antes de que se encaje. Velocity es determinar qué tan rápido aparecen estas líneas de chasquido y cuántas de ellas aparecen. Siempre puedes jugar con estos ajustes para ver qué funciona mejor para ti. De acuerdo, así que hagamos esto mejor. Mi lienzo es de 3,000 por 3,000 pixeles, y ahora solo quiero escalar este a la mitad y serán de 1,500 pixeles. Haré lo mismo por el otro, traeré de vuelta, lo seleccionaré, y lo pondré en esta esquina, y se puede ver lo perfectamente que se encaja a colocar. Haré lo mismo por el resto de ellos hasta que me repita mi patrón. Algo de lo que tener mucho cuidado al hacer esto, es no empujar accidentalmente la capa, sucede que se encuentra muchas veces, por lo que también puedes acercar y comprobar si todo está bien, y parece bien, por lo que ahora solo puedo fusionar estas cuatro capas juntas y tenemos nuestro pequeño patrón de repetición, así que vamos a apagarlo por ahora y vamos a traer de vuelta la textura, también la volveré a colorear al negro, y haré lo mismo con él como lo hice con el flores blancas, así que lo duplicaremos, y lo escalaré, para que pueda crear un pequeño patrón, y eso es todo, la textura está preparada y solo la fusionaré. Empecemos por ahora. Está bien, todo está preparado y ahora podemos exportar estas capas. Entonces a la hora de guardar estos archivos, no tenemos que hacerlo uno por uno, porque cuando vas a “Acciones” y “Compartir”, puedes ver la opción de compartir como archivos PNG. Entonces todo lo que tenemos que hacer es encenderlos para que sean visibles. Voy a encender el trabajo de línea, las flores, este patrón repite que hicimos a partir de las flores principales, entonces también encenderé la textura. Todo parece desordenado y no visible en este momento, así que solo mira lo que es visible en las capas, de acuerdo. Todas las capas están activadas, y ahora puedo ir a “Acciones”, “Compartir”, y luego seleccionar los archivos “PNG”, y puedo simplemente aerDrogarlos a mi portátil. De acuerdo, empecemos con Adobe Illustrator. 6. Illustrator: conceptos básicos y acciones: Aquí de nuevo, ahora estamos en Adobe Illustrator y te voy a guiar por algunos de los conceptos básicos y también mi configuración de flujo a la hora de crear y vectorizinmpg patrones. En primer lugar, voy a abrir un nuevo lienzo del tamaño de 1,000 por 1,000 píxeles. Cuando se trata del modo color, lo dejaré en color RGB pero también puedes usar CMYK. Todo depende de lo que necesites y de lo que tu imprenta esté usando. Cuando se trate de resolución, lo pondré en 300 ppi. Pero ten en cuenta que si estás trabajando solo con vectores y no usas por ejemplo ningún efecto de ráster, esta resolución de lienzo no es para nada importante. Puedes configurarlo hasta 72 ppi y no marcaría ninguna diferencia. El resolución que es importante es cuando terminas tu muestra de patrón y cuando quieres exportarla y guardarla, pero hablaremos de eso más adelante. Ahora, voy a darle un nombre, y basta con hacer clic en “Crear”. Ahora, antes de que incluso empecemos con vectorizar y reensamblar nuestro patrón, quiero mostrarles cómo crear algunas acciones personalizadas increíbles que siempre uso mientras hago patrones en Illustrator. Estas acciones son súper útiles y me ahorran una increíble cantidad de tiempo. Honestamente, no puedo imaginar hacer patrones en Illustrator sin ellos. Como saben, para hacer que un patrón se repita, hay que diseñar y considerar lo que hay dentro la Mesa de Trabajo y también lo que hay en las fronteras, y los elementos que están en las fronteras necesitan repetirse perfectamente. Déjame establecer rápidamente este patrón de ejemplo para que tengas una idea clara de lo que estoy hablando. Simplemente usaré algunas casillas. Los colocaré aquí en la parte inferior, y también los colocaré en esta frontera izquierda. Ahora vamos a llenar este espacio en el centro. Estos elementos están dentro de un lienzo y apenas ahora puedo recolorearlos. Estos elementos están dentro de un lienzo y nada cambiará. Estos tres elementos están en la frontera izquierda y estos tres están en la parte inferior. Si estamos haciendo que este ejemplo sea un patrón, tendríamos que seleccionar los objetos que están en el borde izquierdo. Haga el botón derecho, Transformar y, a continuación, seleccione Mover. Ahora necesitaríamos agregar cero píxeles a vertical, porque no lo estamos moviendo verticalmente y como lo estamos moviendo horizontalmente, necesitamos agregar 1,000 píxeles en horizontal porque ese es el tamaño de nuestro lienzo. Si tu talla es diferente, entonces solo agrega el tamaño de tu lienzo. Ahora, tenemos que hacer clic en “Copiar”, porque no sólo queremos mover estos elementos, queremos duplicarlos. Demos clic en “Copiar”, y aquí están en la misma posición que los elementos del borde izquierdo. Si queremos completar este patrón, también necesitamos mover los elementos que están en la parte inferior. Haremos lo mismo. Selecciónelos, haga clic derecho, Transformar, Mover, y ahora necesitamos agregar cero a horizontal porque no lo estamos moviendo horizontalmente, y necesitamos agregar menos 1,000 en vertical. De nuevo, haga clic en “Copiar” para duplicarlo. Eso es todo, terminamos este ejemplo de patrón. Como puedes ver de esta manera, tenemos que hacer click y luego buscar, y luego volver a hacer clic y agregar los números cada vez necesitamos hacer esto que en realidad es muy a menudo cuando estás creando patrones, porque muchas veces te necesidad de ajustar los elementos y moverlos y hacer este proceso tantas veces. En lugar de hacer todo eso y perder una increíble cantidad de tiempo, podemos crear nuestras propias acciones personalizadas y hacer lo mismo en un solo clic. Lo que es súper agradable de saber es que puedes crear todas las acciones personalizadas dependiendo de lo que utilices a menudo en tu flujo de trabajo diario. Déjame mostrarte cómo hacer eso. Yo borré intencionalmente mis propias acciones para que puedas ver todo el proceso desde cero. En primer lugar, eliminaré los elementos que acabo de mover y lo duplicaré. Eliminemos estos elementos, también estos, y así se veía cuando acabamos de empezar. Ahora vamos a la ventana de acción. Si no está abierto para ti, puedes ir a Ventana y seleccionar “Acción”. De esta manera puedes abrir cualquier ventana que necesites, ya sea alinear, Mesa de trabajo, color, pinceles, etc. Mi ventana de acción está actualmente en el modo botón, así que solo daré clic en este menú de hamburguesas y anular la selección del modo de botón. Ahora puedes ver que aquí tengo una carpeta llena de acciones por defecto. Creo que todo el mundo tiene eso y solo podemos hacer clic aquí para colapsarlo. Ahora podemos crear uno nuevo haciendo clic en este icono de carpeta aquí, y llamémoslo Acciones de Patrón. Genial. Una vez que tengamos la carpeta, podemos hacer clic en este icono más aquí para crear una nueva acción. Ahora podemos nombrarlo, Mover a la derecha, porque lo que quiero hacer ahora es mover los objetos del borde izquierdo a la frontera derecha tal como lo hicimos hace unos momentos. Ahora seleccionaré la tecla de función para ser F1, y puedo ajustar el color a rojo. Todo lo que queda por hacer ahora es hacer click en “Grabar”. Pero ten en cuenta, una vez que la grabación esté encendida, cada click y movimiento que haga se guardarán. Asegúrate de no cometer ningún error mientras haces eso. Hagamos clic en “Grabar”, y haré lo mismo que hicimos hace apenas unos momentos con los elementos que están en el borde izquierdo. Los seleccionaré, haré el clic derecho, Transformar, y seleccionaré “Mover”. Añadiré 1,000 a horizontal, agregaré cero a vertical y haré clic en “Copiar”, eso es todo. Todo lo que necesito hacer ahora es presionar el botón “Stop” y dejar de grabar. Si miras aquí mismo, verás cada movimiento que hiciste mientras grabas esto. Si haces clic en este menú de hamburguesas aquí y vas al modo de botón, encontrarás tu acción guardada. Además, este es un gran recordatorio de la clave de función que utilizamos. Vamos a probarlo antes de proceder con los demás. Ahora eliminaré esto y seleccionaremos lo que hay en el borde izquierdo. Todo lo que necesito hacer ahora es presionar la tecla de función de mi teclado, y presionar F1 al mismo tiempo. Bueno, algo de magia en acción. Una pequeña nota al margen para usar cualquiera de las teclas de función como F1, F2, F3, etc. Necesitas presionarla en combinación con la tecla de función principal la cual debe llamarse Fn en tu teclado. Estoy usando un MacBook y así es como se ve aquí por lo menos. Ahora volvamos a grabar el resto de las acciones. Ahora voy a dar clic en el menú de hamburguesas para no gustarme el modo de botón para que pueda ver todas las opciones. Ahora hagamos la acción para pasar a la izquierda. Ahora eliminaré los elementos que están en el borde izquierdo, y puedo hacer clic en este icono más. Aquí llamemos a este Mueve a la izquierda. Voy a volver a configurar la tecla de función para que sea F1, pero también usaré Shift. Eso significa que cuando presione este atajo, necesitaré presionar no función y F1, como hice para el anterior. Pero necesitaré presionar la función F1 y Shift al mismo tiempo. Colocemos el color para que sea naranja y haga clic en “Grabar”. Haremos lo mismo que antes. Seleccionaré los objetos que están en el borde derecho, haga clic derecho, Transformar, Mover. Como puedes ver, la vertical ya está configurada en cero píxeles y eso es exactamente lo que necesitamos, pero cuando se trata de horizontal, esta vez necesitamos agregar menos 1,000 píxeles. Porque esta vez lo estamos moviendo de la frontera derecha a la frontera izquierda. Ahora vamos a hacer clic en “Copiar”, y dejar de grabar, y acabamos de guardar en nuestra dirección. El siguiente es mover todo hacia arriba. De nuevo, vamos a dar click en este icono más. Lo llamaremos, Mover hacia arriba, tecla de función puede ser F2 esta vez. No lo sé, color azul, y vamos a dar clic en “Grabar”. Seleccionaré todo lo que esté en la parte inferior. Nuevamente, haga clic derecho, Transformar, Mover, y ahora tenemos que hacer lo contrario. En horizontal, voy a añadir cero píxeles porque no lo estamos dispuestos horizontalmente y vertical Voy a añadir menos 1,000 píxeles para moverlo hacia arriba. De nuevo haga clic en Copiar y simplemente deje de grabar. El último, eliminaré los objetos que están en la parte inferior. De nuevo, presione el icono, démosle el nombre, Mover hacia abajo, y haré lo mismo que antes. Seleccionaré F2 y lo usaré en combinación con turno, seleccionaré el color y grabaré. Seleccione los objetos, haga clic derecho, Transformar, Mover, y justo esta vez agregue 1,000 píxeles en vertical y simplemente haga clic en “Copiar”, y guardemos este. Ya estamos hechos. Se puede ver lo rápido que fue instalarse esto. Lo mejor es que hacer esto en cinco minutos nos ahorrará tanto tiempo después. Ahora cuando vamos a la ventana de acción y hacemos clic en el menú de hamburguesas, podemos ir al modo botón, y vamos a desplazarnos hacia abajo hasta que veamos nuestras nuevas acciones. Siempre lo dejo en este modo porque en cualquier momento solo puedo echar un vistazo y recordar el atajo que creé y qué teclas de función necesito presionarlo. Ya verás a lo largo de esta clase que usaremos estas acciones muy a menudo. Ahora que tenemos todo listo, estamos listos para el rock and roll. Sólo bromeando, entrémonos en vectorizar. 7. Illustrator: herramienta Pluma: En este video, utilizaremos la Herramienta Pluma para redibujar elementos de nuestro patrón Procreate. Pen Tool puede ser un poco complicado de usar correctamente al principio, pero una vez que entiendes la lógica de cómo funciona y practica un poco, se vuelve mucho más fácil. Además, te mostraré algunos trucos de edición adicionales que utilicé para lograr los resultados deseados. Aquí está la carpeta con todos los archivos que anteriormente exporté desde Procreate. De inicio, solo voy a añadir la imagen principal de muestra de patrón JPEG que usaremos como guía de dibujo. Sólo puedo arrastrarlo y soltarlo. puede ver que es más pequeño que el tamaño de mi cámara, así que iré a la ventana Transformar y añadiré 1,000 by1,000 pixels. Ahora iré a la ventana Alinear y la alinearé horizontal y verticalmente. Lo siguiente en mi lista es crear una nueva paleta de colores y guardar los mismos colores que utilicé en este patrón Procreate. Ahora voy a ir a la ventana Muestras y voy a dar clic en este icono de carpeta, y voy a crear un nuevo grupo de colores. Aquí lo puedes ver. Ahora todo lo que necesito hacer es seleccionar la Herramienta Cuentagotas. Está aquí en el menú de la barra de herramientas, o simplemente puedes pulsar “I” en el teclado. Ahora vamos a seleccionar un color. De nuevo desde el menú de la barra de herramientas, solo haré clic en él, lo arrastraré, y lo soltaré en mi paleta de colores. Haré lo mismo por el resto de los colores. Simplemente arrástrelo y suéltelo. Eso está hecho. Ahora vamos a presionar “V” para la Herramienta de Selección. Puedo seleccionar la imagen, ir a la ventana Transparencia, y bajar la opacidad de la imagen. Por fin puedo ir a las capas y simplemente bloquearlo. Cuando se trata de este patrón, si recuerdas, decidí redibujar los tallos y las hojas porque no estaba muy contento con cómo se ven. Yo quería hacer algunos pequeños cambios y ajustes. Cuando se trata de tallos, quiero crear líneas más precisas lo cual es muy fácil de hacer en Illustrator. En cuanto a las hojas, quiero mejorarlas, cambiarlas un poco, e incluso reposicionarlas. Como saben, Pen Tool está aquí en el menú de la barra de herramientas. Es este pequeño ícono de punta aquí, y puedes hacer clic en él para seleccionarlo, o simplemente puedes pulsar “P” en el teclado. Es muy fácil de recordar. Ahora apagaré el relleno y seleccionaré el contorno, y lo cambiaré a color negro. En el menú superior, también puedo cambiar el tamaño de la línea puede ser seis, pero siempre puedo cambiar eso más adelante. Veamos cómo funciona la Herramienta Pluma. La lógica básica de la Herramienta Pluma es que al usarla, haces clic para crear puntos de anclaje, y al colocar diferentes puntos de anclaje estás haciendo un camino. Si solo hacemos clic y luego colocamos diferentes puntos de anclaje, se puede ver que mi línea no es curva, tiene ángulos rectos. Si quiero dejar de hacerlo solo puedo presionar “V” en el teclado, esa es la Herramienta de Selección básica. Para anular la selección de una línea, solo puedo presionar en cualquier lugar fuera de la línea, y ahora está desseleccionada. Eliminemos esto y creemos otro. Basta con pulsar “P” para seleccionar la Herramienta Pluma. Ahora bien, si quiero crear líneas curvas, necesito iniciar un camino haciendo clic, sosteniéndolo, y luego arrastrando. Se puede ver que estos mangos comenzarán a aparecer. Simplemente colocaré el mango en una dirección de mi línea y colocaré otra para que se pueda ver, y se puede ver que ahora la línea está curviéndose. También se puede ver el tamaño de los mangos, y también el ángulo en el que se posicionará determinará cómo irá la siguiente línea. Si es así, entonces el siguiente se curva en esta dirección. Ahora presionaré “V”, y la eliminaré. Ahora rehagamos los tallos de verdad. Basta con pulsar “P” para seleccionar la Herramienta Pluma, y ahora puedo simplemente hacer clic y crear un punto pinker regular o simplemente puedo crear uno donde arrastraré las asas. Quiero asegurarme de que cuando estoy arrastrando los mangos no los arrastre así o así, pero los arrastre para que éste esté apuntando en la dirección en la que irá la línea. Para la siguiente, iré a algún lugar aquí arriba donde termina la curva y empieza a ir en una dirección diferente. De nuevo, haga clic y luego arrastre los manejadores para que pueda colocar la línea correctamente. Como se puede ver, parece correcto. Este mango superior me está mostrando a dónde irá la siguiente parte de la línea, y solo puedo terminarlo dando click aquí. Presione “V” y simplemente desselecciónela presionando en cualquier lugar fuera de la línea. Esto puede ser un poco complicado para quedar perfecto inmediato porque necesitas conseguir el relleno para ello. El mejor modo de dominarlo es realmente a través de la práctica y básicamente el ensayo y el error. Además, se puede ver que mi camino no es perfecto en absoluto. Es muy difícil crear una réplica exacta de inmediato, y ni siquiera necesitas intentar hacer eso. Lo que hago mayormente cuando trabajo con la Herramienta Pluma es crear un buen camino que esté muy cerca del original. Entonces puedo entrar y editar si algo no está funcionando. Ahora te mostraré algunas formas diferentes en las que podrás editar el camino que hiciste con la Herramienta Pluma. En primer lugar, una herramienta básica que puedes usar para editar la ruta que hiciste es la Herramienta Selección Directa y la puedes encontrar aquí en el menú de la barra de herramientas. Puedes seleccionarlo aquí o simplemente pulsar “A” en el teclado para acceder a él. Ahora cuando acerquemos y seleccionemos esto con la Herramienta Selección Directa, verás que aparecen todos los manejadores. En ocasiones la línea no es correcta debido al ángulo de estos mangos. Simplemente puedes hacer clic aquí y cambiar el ángulo si ese es el problema. Otra cosa que podría ser el problema es también cómo se colocan los puntos de anclaje. Por ejemplo, si éste no es correcto, puedo seleccionarlo y luego puedo arrastrarlo para reposicionarlo. Simplemente puedo hacer eso haciendo clic y arrastrándolo, o puedo usar también unas flechas en mi teclado para hacerlo con mucha delicadeza. Se puede ir arriba, abajo o derecha e izquierda. Simplemente volveré a posicionar esto un poco, y éste se ve bien. Ahora crearé otro tallo con la Herramienta Pluma para mostrarte mi herramienta de edición favorita en acción. Recreemos este. Presione “P” para la Herramienta Pluma, y empecemos pulsando y arrastrando. Se puede ver cómo estoy posicionando esto. Esta línea va así y este podría ser un buen lugar para un punto de anclaje, pues después de eso, la línea irá ligeramente en una dirección diferente. Simplemente presione “V” y luego haga clic afuera. Tenemos otro camino creado, y éste también necesita un poco de edición. En lugar de usar una Herramienta de Selección Directa como hice en un ejemplo anterior, esta vez voy a usar mi herramienta de edición favorita y se llama Smooth Tool. Lo encontrarás aquí en el menú de la barra de herramientas. Al hacer clic en esta Herramienta Afiladora, puedes abrir más herramientas y seleccionar “Herramienta pequeña”. Ahora vamos a presionar “V” y seleccionar esta línea. Seleccionemos la Herramienta Suave, y con ella solo podemos ir por encima de la línea para arreglarla un poco. Si no te gustan los resultados solo puedes pulsar “Command Z” para deshacer, y luego simplemente puedes arrastrarlo en alguna otra parte de la línea. Ya puedes ver lo maravilloso que funciona la Herramienta Suave y cómo los resultados son muy bonitos. Esta es realmente mi herramienta favorita porque es tan simple, y fácil, y muy rápido cuando quieres arreglar tus líneas. Ahora voy a crear otro tallo. A ver tal vez pueda hacer éste, presione “P”. Esta vez lo haré un poco desordenado al usar muchos puntos de anclaje para mostrarte más opciones de edición. Este soy yo volviendo absolutamente loco con la cantidad de puntos de anclaje. Este ejemplo está terminado. Si pasaste por arriba con puntos de anclaje, también hay una solución de ilustrador rápida que puedes usar, y se llama Simplificar. A veces realmente desearía tener esto en la vida real cuando complico demasiado las cosas. Se selecciona la línea, y ahora voy a ir al menú principal, dar clic en “Objeto”, ir a “Ruta”, y hacer clic en “Simplificar”, y aparecerá esta pequeña ventana. Ahora si quiero, puedo arrastrar esto para tener el menor número de puntos de anclaje, o puedo arrastrarlo para tener más puntos de anclaje, como se puede ver en este ejemplo. También puedo hacer clic en este botón y me dará un resultado predeterminado que Illustrator está sugiriendo para mí. Vamos a hacer clic en eso, y ahora tenemos tres puntos de anclaje. También puedes hacer clic en estos tres puntos para ver la ventana Opción, y ahí puedes ajustar aún más los ajustes. Personalmente no he usado realmente estos ajustes adicionales porque las opciones predeterminadas siempre fueron lo suficientemente buenas. Pero es bueno saber que existen. Vamos a hacer clic en “Ok”, y eso es todo. Ya que no estoy totalmente contento con esta parte, solo agarraré la herramienta Smooth y la repasaré, y esto es mucho, mucho mejor. En conclusión, todas estas herramientas para editar tu camino son muy útiles. El que usarás, o qué combinación de herramientas usarás, dependerá de la ruta específica que estés editando. Si necesita un arreglo pequeño, utilice la herramienta de selección directa y ajuste las curvas o puntos de anclaje. Si quieres ajustar el aspecto general de la trayectoria, puedes usar la herramienta Suavizar y, por último, si complicas demasiado las cosas, usa la herramienta Simplificar. Antes de seguir dibujando el resto de los tallos, necesito crear un patrón hecho a partir de mi imagen base porque como puedes ver, estos tallos que están en los bordes están cortados y no puedo ver cómo se hicieron, así que necesito crear este mejor. Ahora solo desbloquearé la imagen base y puedo seleccionarla. Ahora lo que quiero hacer es básicamente copiar esta imagen y colocarla aquí a la izquierda y en la parte inferior para que pueda ver qué hay en los bordes. Al tener nuestras maravillosas acciones personalizadas, puedo hacerlo en un solo clic. Si quiero mover esto a la izquierda, vamos a ver, mi acción es Mayús+F1, así que selecciónelo, usa la tecla de función principal Shift y pulsa “F1". Yay. Ahora hagamos lo mismo, pero quiero moverlo hacia abajo. Mover hacia abajo es Mayús+F2 presionar, la tecla de función principal Mayús+F2. Maravilloso. Resolvamos este aquí. Éste va a la izquierda. Tecla de función principal Mayús+F1. Ahora los seleccionaré a todos, los agruparé, mando G, y ahora puedo simplemente bloquearlos. Como dije, ahora seguiré dibujando las líneas, y además de usar la herramienta Pluma como te mostré, utilizaré mayormente la herramienta Suave para ajustarlas un poco si es necesario, y también usaré la herramienta Selección Directa. Todos los tallos están acabados. Como se puede ver, sólo dibujé los tallos que están dentro del lienzo y también los que están cruzando el borde izquierdo y el borde inferior, porque estos tallos ahora se repetirán. Empecemos con este del borde izquierdo y para repetirlo en el borde derecho, solo usaré mi acción personalizada. Todo lo que necesito para presionar esta “Función F1". Ahí está. Me hace tan feliz cada vez que hago esto, porque no tengo que escribir los números. Recuerda, si lo estoy moviendo por 1,000 pixels o menos 1,000 pixels, es súper fácil. Ahora movamos los que están en la parte inferior. Presionaré “Función F2". Perfecto. Ahora puedo seleccionarlos todos y agruparlos, Comando G, y puedo cambiar su color al color original, y por ahora, bloquearé esta capa. Ahora puedo empezar a redibujar las hojas. Todo lo que aprendiste hace unos momentos sobre la herramienta Pluma y diferentes herramientas de edición es algo que también usaremos al dibujar las hojas. Sólo que esta vez, estaremos creando formas cerradas. Ajustaré el tamaño del contorno al número 2 para que pueda ver lo que estoy haciendo, y elegiré un color de contorno diferente. Vayamos con el negro otra vez. Básicamente, haré lo mismo que te mostré hace unos momentos. Voy a dar clic y arrastrar. Para iniciar la línea, colocaré los mangos, y luego crearé otro punto de anclaje. Como pueden ver, aquí tengo pequeñas curvas por lo que posicionaré algunos puntos de anclaje más para poder recrear eso y luego puedo volver a crear menos puntos de anclaje. Se puede ver que también aquí porque la hoja estará escondida detrás de la flor, realmente no estoy preocupado por estas líneas. sólo me preocupan las líneas que van a estar mostrando, como las de aquí arriba. Estamos casi terminados. Ahora, una vez que coloques el punto de anclaje final, solo tienes que hacer clic en el primero y cerrar la forma. Ahora mientras todo sigue seleccionado, sólo podemos ir a la barra de herramientas y dar click en esta flecha aquí. Ahora lo que hay en el esquema irá al relleno y se deseleccionará el esquema. A ver si hay algo que quiero arreglar. Esta parte se ve bien. No me importa esta parte porque no va a ser visible y también esta parte se ve bien. Si lo quiero, puedo volver a usar la Herramienta Suave para repasar estas partes, y también si es necesario, puedes acercar, presionar “A” para la Herramienta de Selección Directa y luego dar puedes acercar, clic en el ancla y cambiar las asas si eso es el problema. Además, si tienes muchos puntos de anclaje como lo hicimos con las líneas, puedes simplemente simplificarlos yendo a Object, Path y luego haciendo clic en Simplificar. Por el momento, estoy muy contento con este, así que ahora crearé otro para mostrarte un truco útil. Una vez más, presionaré “B” para seleccionar la Herramienta Pluma y se puede ver aquí en el menú de la barra de herramientas, Rellenar es negro, pero el trazo está deseleccionado, así que para cambiar que solo puedo hacer clic aquí. Hagamos lo mismo que antes. Empieza a arrastrar los mangos, coloca otro punto de anclaje, ahora vamos a acercar para que pueda mostrarte este útil truco. En lugar de hacer esta esquina redondeada yo solo puedo hacer una esquina afilada y la haré un poco más lejos de donde está terminando mi hoja original. Ahora volvamos a bajar, me alejaré. Ahora para terminar, voy a dar clic al principio, y vamos a llenarlo de nuevo. Antes de agregarlo por completo, esta hoja, quiero mostrarles estos trucos útiles. Acerquémonos en la parte superior y pulse “A” para la Herramienta de selección directa y solo presione este punto de anclaje. Verás que aparecerá este pequeño círculo. Sucede con todos los rincones agudos porque tienes la posibilidad de hacerlos redondos. Todo lo que necesitas hacer es seleccionar este pequeño círculo y simplemente arrástrelo. Puedes hacerlo tan redondo como quieras o tan poco, así que solo lo redondearé un poco. Está bien, bien. Como de costumbre, lo seleccionaré y usaré la Herramienta Suave. Creo que esta parte se ve horrible, ahora es mucho, mucho mejor. También, otra cosa es que una vez que hagas esto, déjame mostrarte lo seleccionaré con la Herramienta de Selección Directa, verás que estos puntos de anclaje se posicionarán en la misma posición paralela. Si eso no te gusta, no quieres que estas manos sean uniformes, simplemente puedes hacer clic en una de ellas y simplemente cambiar la posición o incluso cambiar desde el ángulo. Al igual que esto un poco más. Estas dos hojas están terminadas, y lo que quería decir es que, una vez que sabes cómo funcionan estas herramientas, solo es cuestión de jugar con ellas y descubrir qué funciona mejor para ti y el tipo de diseño que eres trabajando en. Personalmente para mí, la Herramienta Smooth es la mejor opción para que puedan crear las formas que me gustan. Ahora redibujaré rápidamente las hojas usando las mismas técnicas y también redibujaré estas partes de los tallos que olvidé por completo. Se terminaron las hojas. Como pudiste ver, los redibujé, luego los edité y tuve algunos problemas con éste porque no estaba contento con el resultado final. Pero luego entré y lo hice más ancho y un poco más grande. Ahora todo está bien. También terminé estas partes más anchas del tallo y ahora puedo seleccionarlas, y quiero recolorearlas. Presta atención a lo que está sucediendo en la barra de herramientas cuando estás recoloreando las cosas. Porque si ahora solo hago clic en el color, sólo volverá a colorear mi contorno y eso no es lo que quiero. Vamos a deshacer esto y necesitamos activar el relleno. Un relleno está en el fondo y el trazo está al frente, eso significa que el trazo está activado. Para activar el relleno solo tienes que pulsar “X” en el teclado o simplemente puedes presionarlo aquí. Pero la más fácil es apenas X. Ahora puedo seleccionar el color. Los agruparé, Comando G y bloquearé la capa. El siguiente que hay que hacer es posicionar las hojas que están cruzando las fronteras para que tengamos una repetición de patrón. Como se puede ver, algunas de las hojas como esta están cruzando esta frontera y también la frontera superior, esta pequeña parte aquí, así que necesito repetirla a la derecha y también al fondo. Usemos comandos. Tecla de función y F1. Aquí está. Ahora movámoslo hacia abajo. Déjame ver. Es Turno F2. Por lo que la tecla de función Shift F2. Veamos qué sigue. También bajemos este, tecla de función Shift F2. Tenemos que sacar a estos dos. Presionaremos la tecla Función F2 esta vez. Creo que lo he posicionado todo y ahora puedo seleccionar todas las hojas. Puedo recolorearlos, agruparlos, Comando G y otra vez, puedo bloquear esta capa. Lo siguiente en mi lista de tareas pendientes cuando se trata de herramienta Pluma, son estas líneas, déjame mostrarte, que van encima de las hojas. No las voy a rehacer de la misma manera, quiero cambiarlas un poco así que no es necesario vea lo que está pasando en la imagen original. Pero si quieres ver lo que está pasando en tu imagen original, desbloquea la capa, selecciónela, ve a la transparencia, y solo baja la opacidad para que puedas seguir lo que está pasando debajo y eso lo traerá de vuelta. Además, creo que ahora apagaré mi imagen base para que no me distraiga mientras hago estas líneas. También cerraré las hojas. Déjame mostrarte ahora cómo dibujaré estas líneas que van encima de las hojas. Seleccionemos el contorno y lo cambiemos a negro. También cambiaré el tamaño del trazo a cuatro tal vez. Presionemos “P”. Básicamente haremos lo mismo que hicimos con los tallos. Simplemente presiona y arrastra para crear tus líneas. Esta vez terminaré las líneas en algún lugar aquí arriba así que eso va a ser diferente a mi patrón original. Mira, lo suavizaré un poco o tal vez también pueda arreglar el ángulo aquí. También presionaré “A” para una herramienta de selección directa, puedo hacer clic en este ancla y simplemente moverlo un poco aquí. Ves, creo que esto se ve bien. Lo que voy a hacer ahora, como pueden ver, esta línea es un poco aburrida y también el final de la línea es cuadrado, y no la quiero así. Ahora seleccionaré la línea e iré al menú superior, haga clic en “Stroke” y se puede ver que aquí, puedo, por ejemplo, cambiar el final de mi línea. Se puede redondear o puede ser así o como se puede ver en la parte inferior, puedo cambiar todo el perfil. Ahora es uniforme, ese es el estándar pero también puedo usar este. Se puede ver lo maravilloso que se ve. Eso es todo ustedes chicos. Ahora solo seguiré dibujando las líneas hasta que termine. También los moveré usando las acciones personalizadas como lo hice con los tallos y las hojas. Aceleraré esto y te veré en el siguiente video donde aprenderemos más sobre el maravilloso rastro de imagen 2. 8. Illustrator: herramienta Calco de imagen: Aquí estamos de nuevo, está terminado el dibujo con la Herramienta Pluma, y ahora puedo mostrarte cómo vectorizar elementos de tu patrón Procreate usando la herramienta Image Trace. Aquí, cubriré los conceptos básicos de esta herramienta, y también te mostraré diferentes formas en las que puedes editar y ajustar esos resultados. Por lejos, una gran felicitación a ti por usar la Herramienta Pluma y practicar, porque puede ser un poco desafiante, sobre todo si eres principiante. A pesar de que es absolutamente posible vectorizar todo el patrón solo con la herramienta Rastreo de imagen, y sin el redibujo de la Herramienta Pluma, lo que aprendimos en el video anterior es un conocimiento base fuerte, eso será útil aquí también. Ahora volveré al archivo con imágenes PNG que guardé de Procreate, y las seleccionaré, y solo las arrastraré, y las soltaré aquí. Vamos a alejarnos. Si los agregas así todos a la vez, se apilarán una detrás de la otra, así que solo deseleccione haciendo clic en cualquier lugar fuera de las imágenes. Ahora puedo seleccionar uno y arrastrarlo. A ver qué tenemos aquí. Si recuerdas, al guardar y preparar estos archivos en Procreate, hicimos una distinción capas, que tienen elementos dentro de un Canvas y capas que tienen elementos que se recortan en los bordes. Ahora tenemos dos archivos con elementos que están dentro de los bordes, y estos dos archivos con elementos que se recortaron en los bordes de Canvas, y necesitábamos crear un poco de repetición fuera de ellos. Lo primero que quiero hacer es cambiar su tamaño. Estos dos que acabamos de colorear en negro y exportamos estarán en el mismo tamaño del Canvas, así que selecciona uno, y ve a la ventana Transformar, y agrega 1,000 píxeles. Haré lo mismo por el otro. Ahora, cuando se trata de estos dos que se convirtieron en patrón de repetición dentro de Procreate, no estarán en el mismo tamaño del Lienzo, sino en el tamaño doble. En lugar de 1,000 por 1,000 píxeles, serán 2,000 por 2,000 píxeles. Seleccionemos uno y añadamos el tamaño, 2,000 píxeles, y hagamos lo mismo para el otro. El motivo principal de eso es porque en Procreate, duplicamos y escalamos la capa original por la mitad de su tamaño, y ahora necesitamos duplicar su tamaño. Espero que eso tenga sentido cuando lo digo en voz alta. todo, empecemos con estas flores principales en repetición para que veas qué pasa. Ahora traeré de vuelta la imagen base, y apagaré los dibujos de banda para que podamos enfocarnos mejor. Ahora seleccionemos esta imagen, y alinémosla a nuestro Lienzo. Lo alinearé con el límite superior, así, y también con el borde derecho. Ahora puedes ver cómo estas flores encajan con la imagen original. Ahora seleccionaré la imagen, y en el menú superior, tengo el botón Rastreo de imagen. Pero en lugar de solo hacer clic en ese botón y obtener resultados predeterminados, presionaré esta flecha aquí y seleccionaré “Arte esbozado”. La diferencia es que con esta opción, el Image Trace solo vectorizará lo que es negro, y mantendrá transparente mi fondo transparente sin convertirlo en blanco, así que vamos a hacer clic en eso y ver los resultados. Se crea el Rastreo de imagen, pero si quiero ajustar un poco los resultados, también en el menú superior, tengo este botón para el Panel de seguimiento de imagen. Cuando haga clic en él, tendré esta pequeña ventana, donde podré ver todas las opciones disponibles. Jugar con el umbral es la opción principal, pero si hace clic aquí de antemano, también verá otras opciones, y también verá que aquí, Ignorar White está seleccionado, y es por eso que mi fondo transparente se mantuvo transparente. Mi mayor consejo cuando se trata de estos ajustes es jugar con ellos, y ver qué funciona mejor, porque no hay una receta secreta que funcione para todas las imágenes. Pero aquí hay algunas cosas útiles que saber. Lo que me gustaría hacer ahora es establecer la vista para contornos con imagen fuente. Si hacemos zoom un poco, se puede ver que el negro más transparente es la imagen original, y estos contornos son para trazar resultados que tendrán una vez que terminemos el proceso. Esta es una gran manera de hacer los ajustes y tratar de acercarse lo más posible al original. Si hago los ajustes en el umbral, se puede ver que estos contornos van a estar cambiando un poco. Ahora tráelo de vuelta. Por ejemplo, si acerco aún más, y tal vez tire de él Caminos para ser 100 por ciento, puede ver que el contorno se distorsiona por completo, que definitivamente no es el look que voy a buscar, así que tráelo de vuelta a 50 por ciento. Si muevo esquinas del 50 por ciento a cero, se puede ver que esta pequeña esquina de aquí se volverá redondeada, y ahora jugaré un poco con esta configuración porque quiero tener esquinas redondeadas. Ahora que estoy contento con los resultados, solo puedo hacer clic en el botón “Ampliar” que está en el menú superior para terminar el seguimiento de imágenes. Mis formas ahora están llenas de color, y también en la ventana Capa, se puede ver que todas las formas ahora se convierten en un grupo de elementos vectoriales. Cerraré esta ventana. Como puedes ver, todo encaja muy bien con la imagen original del botón Procreate. No perfectamente porque en el proceso de vectorización, las cosas cambiarán un poco. Además, para no olvidar mencionar el pincel que usaste en Procreate tendrá un papel importante cuando se trata de Image Trace más adelante. Utilizo un pincel Procreate nativo aquí llamado Studio Pen, y hace estos trazos limpios que son geniales para la vectorización limpia. Con todo, dependiendo del pincel que utilizaras, los resultados de Image Trace serán diferentes. Ahora podemos apagar la imagen base para que podamos enfocarnos en nuestros próximos pasos. Ahora, tal vez te estés preguntando por los últimos minutos sobre estos elementos que están recortados en las esquinas. Déjame mostrarte qué haremos con ellos, y por qué incluso colocamos todo así, y por qué incluso preparamos esta capa en particular de manera diferente en Procreate. El motivo es, para crear un patrón perfecto, repite. Ahora podemos eliminar estas piezas recortadas una por una porque se estropearían con nuestra nueva repetición vectorizada. Seleccionaré esto y lo desagruparé, Comando Shift G, y ahora solo puedo seleccionar lo que hay en los bordes, y eliminarlo. Voy a borrar todo lo que se corta. Además, eliminaré las partes innecesarias que están fuera del Lienzo. Básicamente, sólo dejaré lo que hay dentro, y lo que hay en las fronteras, pero no está cortado. Al hacer esto, solo asegúrate de no eliminar accidentalmente los elementos que necesitas. Así es como se ve nuestro patrón casi preparado. Tengo elementos que están dentro de Canvas, y también elementos que no se cortaron, y que están en los bordes. Los elementos recortados que eliminamos simplemente serán reemplazados por elementos completos que tenemos en las fronteras opuestas. Pero antes de usar nuestras acciones personalizadas mágicas para mover elementos de patrón de un lado a otro, deberíamos revisar estos elementos para ver si hay algo que necesita ser editado y ajustado. Acercaré para echar un vistazo más de cerca y ver si hay algunos errores o partes que no me gustan. Ahora las herramientas de edición que te mostré en el video anterior serán útiles. Esta flor no se ve tan bien, así que vamos a acercar. Se puede ver que esta línea está un poco distorsionada, tiene muchos puntos de anclaje, y necesita ser arreglada. Aquí, podría usar una herramienta simplificada o incluso puedo eliminar los puntos de anclaje manualmente. Para ello, vaya al menú Barra de herramientas y presione esto en icono para ver todo el grupo, y aquí puede seleccionar la herramienta Eliminar punto de anclaje, o simplemente puede pulsar “Menos” en su teclado para acceder a ella. El truco con esta herramienta es, solo puedes presionar el punto de anclaje para eliminarlo. Pero lo que me gusta hacer es mantener presionado Shift y luego presionar en el punto de anclaje. De esta manera, los resultados serán mejores, porque los otros puntos de anclaje a su alrededor se ajustarán a esta nueva situación. Vamos a deshacer esto. Si usted, por ejemplo, simplemente haga clic en el punto de anclaje sin mantener pulsado Shift, puede ver que obtendrá línea más recta y dura. Usemos la opción con el Shift, y se puede ver la diferencia. Pulsemos nuevamente “Menos” para acceder a él, y también puedo borrar este. Agradable, esto se ve mucho, mucho mejor. Ahora puedo seleccionarlo, y para terminar, también puedo usar la herramienta Smooth. Este ya está hecho. Veamos los otros. Todo lo demás se ve muy bien, y ahora podemos continuar. Se hace la edición. Entonces hagamos que este patrón sea completo. Ahora seleccionaré los elementos que están del lado izquierdo. Es hora de usar nuestras maravillosas acciones personalizadas para moverlas. Para moverlos a la derecha, tecla de función principal F1. Ahora seleccionaré los que están en la parte inferior. Para subir, tecla de función principal F2. El patrón está completo. Es súper rápido y fácil. Ahora puedo seleccionarlos todos y agruparlos, Comando G, y los volveré a colorear. Como pueden ver, accidentalmente recoloreé contorno, así que solo puedo presionar aquí para cambiar eso, y luego eliminaré el contorno. Ya que esta capa está terminada, puedo ir a la ventana de Capa y simplemente bloquearla. Creo que es hora de crear también el fondo para nuestro patrón. En el menú de la barra de herramientas, solo seleccionaré la herramienta Rectángulo, y todo lo que necesito hacer es hacer clic. Ahora sumaré 1,000 pixels por 1,000 pixels, y haga clic en “Okay” que cambió el color. Ahora sólo puedo alinearlo horizontal y verticalmente. Lo siguiente que hay que hacer es enviarlo para atrás. Usaré el atajo Comando, Mayús, corchete izquierdo. Se puede ver en la ventana de Capa que ahora el fondo está en la parte inferior. También puedes hacer esto haciendo el clic derecho, luego vas a arreglar, y aquí tienes la opción de enviar para atrás, pero es mucho más fácil simplemente usar el atajo. También bloquearé esta capa también. Ahora podemos volver a la imagen trazando el resto de los elementos que necesitamos agregar. Ahora agarraré esta imagen dentro del interior de una flor. Vamos a traerlo aquí. Todo lo que necesito hacer es posicionarlo vertical y horizontalmente para que esté en el centro de nuestro Lienzo. Al igual que antes, mientras esta imagen está seleccionada, iré en el menú superior y daré clic en esta flecha y seleccionaré “Arte esbozado”. Vayamos al panel Rastreo de imagen y configuramos la vista para contornos con imagen de origen y solo acercaré para ver si todo está como debería ser, y todo se ve muy bien. Eso significa que no tengo que ajustar la configuración, y todo lo que tengo que hacer para terminar es hacer clic en “Expandir”. Se puede ver que éste tiene muchos puntos de anclaje y es muy desordenado. Para este, usaré la herramienta Simplificar. Todo está seleccionado y ahora voy a ir a Objeto, Ruta y hacer clic en “Simplificar”. Todo se ve mucho mejor, y solo usaré esta sugerencia de simplificación predeterminada que tengo, y todo lo que necesito hacer es hacer clic fuera de la ventana. Estos elementos se ven bien, así que solo los seleccionaré y los recolorearé, y ahora puedo bloquear la capa. Como se puede ver cómo este patrón se está juntando muy bien. Ahora llevemos el trabajo de línea. Otra vez. Simplemente alinearé esto para que esté en el centro del Lienzo. Lo seleccionaré, vaya al menú superior, haga clic en esta flecha, y seleccione “Arte esbozado”. Una vez más, iré al panel Rastreo de imagen, y configuraré la vista para contornos con imagen fuente. Acerquémonos para ver los resultados. Para esta línea de trabajo procreate, utilicé otro pincel nativo llamado sangrado de tinta. Como puedes ver, tiene una textura muy bonita, pero los resultados que estoy obteniendo con la herramienta Image Trace están simplificados. Podría entrar en la configuración avanzada y cambiar el camino para ser un poco más alto, así que obtenemos esas líneas distorsionadas. Vamos a jugar un poco con el umbral. Esto se ve mucho mejor, así que iré al menú superior y solo tienes que hacer clic en “Ampliar”. Está bien, todo se ve bien. Cuando se trata de estas líneas, me saltaré la edición porque ya ajusté mis ajustes cuando estoy dibujando la imagen, y porque quiero mantener estas líneas un poco más orgánicas. Ahora los seleccionaré y los recolorearé. Ahora es el momento de crear una máscara de recorte y colocar el trabajo de línea dentro de los bordes de estas partes amarillas de la flor. Cuando estoy creando una máscara de recorte e ilustrador, me gusta hacer todo dentro de la ventana de Capa, porque tengo una mejor visión general de cómo se posicionan las capas, y es más fácil arrastrarlas posteriormente y reposicionarlas según sea necesario. Aquí está el grupo de flores amarillas. Ahora los desbloquearé, y aquí está el trabajo de línea texturizada. Cuando se trata de esta máscara de recorte, como dije, el trabajo de línea necesita estar dentro de los bordes de la flor. Para que eso suceda, seleccionaré el grupo de flores, y las duplicaré. Comando C para copiar y luego Comando F para pegar en su lugar. Ahora tengo dos grupos y seleccionaré uno de ellos. Eso lo puedo hacer aquí en la ventana de Capa y lo arrastraré hacia arriba. Aquí está nuestro sándwich de máscara de recorte. Flores amarillas están en la parte inferior y también en la parte superior, y en el medio tenemos el trabajo de línea texturizada. Es importante saber que quiero hacer algún cambio en la capa inferior del sándwich, porque ese será nuestro fondo de máscara de recorte. El siguiente paso es convertir el trabajo de línea y la parte superior de las flores amarillas en un camino compuesto. Ahora, estas capas son solo grupos hechos de diferentes formas vectoriales, y al convertirlas en ruta compuesta, vamos a simplificarlas un poco y podremos finalmente crear esa máscara de recorte. Ya está seleccionada la capa superior con flores amarillas, y ahora solo puedo ir al menú principal, clic en Objeto, Camino compuesto, y luego “Hacer”. Como puedes ver, también puedes presionar Comando 8 como atajo, así que vamos a hacer clic en “Hacer”. En la ventana Capa o capa ahora se denomina ruta compuesta. Si quiero liberar esa ruta compuesta y volverla a convertirla en grupo, solo puedo seleccionarla, hacer el clic derecho y luego presionar “Liberar ruta compuesta”. Hagamos lo mismo para el trabajo de línea. Puedo seleccionarlo aquí dentro de la ventana Capa, y ahora solo puedo presionar el atajo Comando 8. Eso ya está hecho. Ahora puedo mantener el turno para seleccionar tanto el trabajo de línea texturizada como la capa superior, y ahora puedo crear una máscara de recorte. Para ello, puedes ir al menú principal. De nuevo, haga clic en “Objeto”, Máscara de recorte, y luego Hacer. También tenemos un atajo Comando 7. Aquí está. Como se puede ver, estas dos capas ahora se convierten en una máscara de recorte, y si la expando aquí en la ventana de Capa, se puede ver que ésta es el borde y estos son el trabajo de línea. Si apago la visibilidad de nuestra capa inferior, así es como se ve todo. Ahora seleccionaré ambas capas y las agruparé, y también puedo bloquearlas por ahora. Ahora podemos traer de vuelta los dibujos de pétalos. Como se puede ver, el patrón está casi terminado. Sólo necesitamos trabajar en nuestra imagen final con una textura. Ahora arrastraré la imagen de textura en el tablero de arte. Ya que está debajo de las capas existentes, necesito subirlo el atajo es Cambio de comando, corchete derecho. O puedes hacer lo mismo haciendo un arreglo de clic derecho, y luego llevar al frente. Con esta textura, haré lo mismo que hice con las flores principales. Lo alinearé en la frontera superior, en la frontera derecha. Ahora podemos imagen rastrearla. Iré en el menú superior y seleccionaré “Arte esbozado”. Abramos el panel Rastreo de imagen para ver contornos con imagen de origen. Como puedes ver, muchas de estas pequeñas partículas de grano no son visibles, por lo que solo ajustaré un poco el umbral. Eso se ve mejor. Para terminar, solo daré clic en “Ampliar”. Como puedes ver, la textura que vectorize es bastante simple, pero por supuesto hay muchas texturas diferentes que usamos en Procreate, ya sea para agregar un toque adicional a nuestro patrón para dibujar elementos con él, o agregar tonos de dimensión. todo, todo el tema de las texturas vectorizantes es enorme y complejo. Ya que estamos cubriendo lo básico en esta parte, decidí dejar ese tema de textura entera para otro momento y para toda una clase nueva para que pueda mostrarte todo lo que sé, y además podamos cubrir diferentes ejemplos y ver qué funciona mejor. Antes de desagrupar esta Capa, quiero asegurarme de que todo en mis Capas esté bloqueado, porque una vez que seleccione esto y presione “Comando Shift G” para desagrupar, se puede ver que mi ventana de Capa, se llenará de millones de estas partículas. Esto se ve muy desordenado ahora, así que vamos a limpiarlo para poder crear un patrón repetitivo fuera de él. Ahora acercaré, y en el borde derecho, seleccionaré todo lo que esté cruzando la frontera o se recorte en la frontera. Haré lo mismo en la frontera superior. Ahora puedo eliminar el resto de las partículas que están fuera del lienzo. Ahora acercaré al borde izquierdo y eliminaré también las partículas exteriores. Haré lo mismo en la frontera inferior. Si dejo algunas de las partículas que están afuera, no es un gran problema. De lo único que necesito asegurarme es dejar las partículas que están cruzando la frontera. Esto se ve bien. Ahora puedo seleccionar las partículas que están en el borde izquierdo. Quiero asegurarme de atrapar lo que hay en los bordes, y si también selecciono algunos más no importará. Está seleccionado y ahora puedo moverlo hacia el borde derecho. Usaré mi clave de función principal de acción personalizada F_1. Hagamos lo mismo para el borde inferior, y la acción personalizada es clave de función principal F_2. Maravilloso. Esta textura ahora se repite, y por fin puedo seleccionar todo, “Comando G” para agruparla, y como puedes ver, mi ventana de Capa vuelve a la normalidad. Ahora voy a recolorear esta textura, y lo único que queda por hacer es crear más máscaras de recorte. Ahora como sabes la lógica de cómo hacer una máscara de recorte, va a ser mucho más fácil. Esta vez hago dos máscaras de recorte con esta textura, una para a tallos y otra para las hojas. Por eso lo seleccionaré y lo duplicaré, “Comando C” y luego “Comando F” para pegar en su lugar. En la ventana Capa, desactivaré la visibilidad de uno de ellos. Hagamos primero máscara de recorte para las hojas, encontraré hojas en mi ventana de Capa. Aquí están. Los desbloquearé, y los seleccionaré, y ahora también puedo duplicarlos, “Comando C”, “Comando F”. Seleccionaré la textura y la arrastraré entre las hojas. Una vez más, tenemos un sándwich de máscara de recorte, y como antes, necesitamos convertir estos grupos en ruta compuesta. Si bien la textura está seleccionada, solo puedo presionar el atajo Comando 8, y convertirlo en una ruta compuesta. Haré lo mismo por la capa superior con hojas. Selecciónelo y luego Comando 8. Para crear esta máscara de recorte, necesito seleccionarlos ambos, y solo presiona el comando 7. Como puedes ver, es súper fácil y rápido, sobre todo si estás usando los atajos. Ahora puedo agrupar a estos dos, desbloquearlos por ahora. Volvamos a traer la visibilidad para la textura que duplicamos. Ahora es el momento de crear una máscara de recorte para los tallos. Si recuerdas, creamos dos partes de los tallos de manera diferente, así que déjame encontrarlas aquí en la ventana de Capa. Aquí están los tallos, y aquí están las partes más anchas de los tallos. Yo los desbloquearé. Cuando selecciono estas partes más anchas de los tallos, se puede ver que las creamos como formas cerradas. Cuando selecciono la otra parte del tallo, se puede ver que las creamos como líneas. En el menú superior se puede cambiar el tamaño, se puede cambiar el trazo, y se puede cambiar el perfil. Pero lo que necesito hacer ahora es unificar estas dos partes. Por ejemplo, si los selecciono a ambos y voy a pathfinder y hago clic en este icono, “Unite”, obtendría estos resultados. Estos resultados definitivamente no son el look que voy a buscar. Vamos a deshacer esto, y ahora te mostraré cómo hacerlo correctamente. Lo que tenemos que hacer antes de hacer clic en el icono “Unite ” es convertir las líneas en formas. De esa manera, ambos grupos tendrán el mismo tipo de elementos. Se seleccionan las líneas y voy a ir a Objeto y dar clic en “Expandir”, y en esta ventana Expandir tengo seleccionado Relleno y Trazo, y solo puedo hacer clic en “Ok”. Como se puede ver, las líneas ahora se convierten en formas cerradas. Una pequeña nota, solo haz esto una vez que estés absolutamente contento con cómo se ven tus líneas, porque no podrás volver a convertir las formas a líneas más adelante. Ahora volveré a seleccionar ambos grupos, y puedo hacer clic en este “icono Unite”. Eso es todo. Ahora todo se conecta correctamente entre sí. Ya estamos listos para hacer la máscara de recorte final. Se seleccionan los tallos, y los duplicaré, Comando C, Comando F. Una vez más, seleccionaré la textura y la arrastraré entre los tallos. Convertiremos estas dos capas en trayectorias compuestas. Basta con pulsar “Command 8" y seleccionar la textura y de nuevo, pulse “Command 8", y ahora los seleccionaré ambos, y pulse “Command 7" para la máscara de recorte. Para terminar, agruparé a estos dos, desbloquearlos. Eso es todo ustedes chicos. El patrón vectorizado está terminado, y no puedo esperar a ponerlo en repetición y probarlo en el siguiente video. 9. Illustrator: patrón final: Es hora de envolver todo esto. En este video, te mostraré cómo poner en repetición tu patrón vectorizado. Lo probaremos y lo compararemos con el patrón procreate original, y también veremos cómo guardarlo correctamente. Entonces empecemos. En primer lugar encenderé mi imagen base, la que utilicé como guía de dibujo. Lo desbloquearé, lo seleccionaré y lo eliminaré. Ahora puedo crear un titular de patrón, al menos así es como lo llamo. Es un borde invisible alrededor de mi patrón que va a ayudar a ilustrador a reconocer dónde se está repitiendo mi patrón. Para ello, seleccione la herramienta de rectángulo en el menú de la barra de herramientas y haga clic en la mesa de trabajo. Ya que mi patrón se está repitiendo exactamente en los bordes de la mesa de trabajo, todo lo que necesito hacer es agregar el tamaño de mi mesa de trabajo. Sumaré 1000 por 1000 pixeles. Seleccionaré este objeto, iré a Alinear, y lo alinearé horizontal y verticalmente para que encaje correctamente. Cuando se trata de llenar o delinear, tiene que ser invisible. En el menú de la barra de herramientas, lo que haya seleccionado, por ejemplo solo he rellenado seleccionado, así que solo tengo que hacer clic en este pequeño ícono llamado Ninguno, y este objeto se volverá invisible, y ahora lo haré enviarlo a la espalda. Usaré el atajo; comando, turno, corchete izquierdo. Puedes ver en mi ventana de Capa, está posicionada en la parte inferior, y esa es exactamente la posición que necesita tener. Ahora desbloquearé el resto de las capas. Entonces puedo seleccionar todo y agruparlo, comando G. Todo lo que necesito hacer ahora para crear un patrón es simplemente seleccionar este grupo y arrastrarlo a la ventana Muestras y simplemente soltarlo. Ahora alejemos el zoom y seleccionemos la herramienta de rectángulo y hagamos un rectángulo enorme, y ahora lo rellenaré con mi patrón. Chicos, esto me hace tan feliz. Es solo lo mejor ver el patrón terminado y cómo se repite infinitamente. Ahora acercaré para comprobar y ver si todo se repite correctamente. Todo se ve perfecto y el patrón está terminado. Ahora podemos hacer una pequeña prueba de comparación. Eliminaré este rectángulo y veamos cómo se ve este patrón vectorial en comparación con el patrón procreate. Una vez más, abriré mi carpeta, y añadiré la imagen de muestra de patrón JPEG. Lo arrastraré y lo soltaré, y puedo redimensionarlo a 1000 píxeles. Ahora antes de convertir esta imagen en un patrón, en el menú superior, necesito hacer clic en “Incrustar”. Ahora también puedo arrastrar esto y soltarlo en la ventana Muestras. Voy a borrar la imagen, y ahora puedo crear dos rectángulos para hacer comparación. Este es vectorizado, y éste es de procreate. todo, estoy súper feliz con estos resultados vectorizados. Se puede ver lo afilados que son, y además no se ven tan diferentes en comparación con el patrón original. Ahora si quieres eliminar esta prueba de patrón procreate que hiciste para que no te confundas en la ventana Muestras, solo puedes arrastrarla y soltarla en este pequeño bin. Eliminaré esta prueba y nuestra última, última parada final es salvar nuestro patrón vectorial. Por supuesto, guarda siempre tu archivo original de Adobe Illustrator. Cuando desee guardar una imagen PNG de su muestra de patrón final que desea imprimir, puede ir a Archivo, Exportar, Exportar como, y en Formato, seleccione PNG. Le llamaremos Vector Pattern_final, y también haré clic en “Usar mesas de trabajo”, y luego simplemente haga clic en “Exportar”. Ahora en esta ventana, es importante establecer la resolución a 300 ppi. Esta es esa resolución final de la que hablé al inicio de la clase. En el Anti-Aliasing, espero que lo esté pronunciando correctamente, siempre pero siempre use Art Optimized Superampling. Hará toda la diferencia porque si utilizas Type Optimized, tendrás problemas con las líneas blancas que aparecerán donde se está conectando tu patrón. Sé que muchos de nosotros nos asustamos cuando vemos eso y pensamos que no hicimos algo correctamente al posicionar los elementos, pero estos bugs con líneas blancas son en su mayoría un problema con Anti-aliasing en Illustrator. Con todo, selecciona el “Arte optimizado”, y ahora solo puedes hacer clic en “Aceptar”. Este se guardó para imprimir, así que lo guardamos en una resolución más alta. Pero otra cosa que quiero mostrarles es cómo guardar su patrón para las redes sociales. Ahora iré al archivo y abriré una nueva mesa de trabajo. Esta vez necesito usar el mismo tamaño que el tamaño de la publicación regular de Instagram, que será de 1080 por 1080 píxeles. Mantendré el color RGB y en la resolución, puedo agregar 72 ppi. Ahora vamos a crear. Ahora volveré a mi mesa de trabajo original y agarraré esta herramienta de rectángulo para crear un pequeño rectángulo que se llenará con el nuevo patrón. Ahora sólo tienes que pulsar el comando C para copiar, volver a la nueva mesa de trabajo, y pulsar el comando V para pegar. Puedes ver que en la ventana Muestras, aparecerá tu nuevo patrón. Ahora podemos eliminar esto, volver a agarrar la herramienta de rectángulo, hacer clic y agregar el tamaño de nuestro lienzo, 1080 por 1080. Alineemos esto. Ahora cuando se trata de guardar patrones para redes sociales, queremos protegerlos para que no se les roben fácilmente, y añadimos nuestra firma encima y la guardamos en una resolución más pequeña. Pero aquí hay un truco fácil y sencillo para proteger aún más tu patrón. Ahora puedes seleccionar el rectángulo y hacerlo un poco más grande. Puedes arrastrarlo así o puedes presionar “ALT” para arrastrarlo proporcionalmente desde el centro, y esto es agradable. Ahora lo que voy a hacer es rotarlo un poco. Se puede ver que la flecha está apareciendo y yo solo quiero girarla al azar sólo un poco. Es realmente importante solo usar algún número pequeño y una rotación aleatoria. Entonces de esta manera, cuando guardemos este patrón, la repetición del patrón se distorsionará y no encajará. Entonces si alguien quiere usarlo, le costará encontrar tu rotación exacta. Te voy a mostrar eso en unos momentos. Pero primero, escalemos un poco este patrón repita. Lo seleccionaré, vaya a Objeto, Transformar, y Escala. Ahora lo que quiero hacer es anular la selección de “Transformar objeto” para que “Transformar patrones” sea lo único seleccionado. De esta manera, sólo puedo transformar lo que hay dentro del patrón. Puedo ir aquí a Uniforme, y simplemente escalarlo hasta que esté contento con los resultados. Esto se ve bien, vamos a dar clic en “OK”. Lo siguiente que quiero mostrarte es también cómo mover lo que hay dentro del patrón en caso de que no estés contento con cómo se posiciona todo dentro la mesa de trabajo o quieres hacer unos pequeños ajustes. El rectángulo está seleccionado y volveré a ir a Objeto, Transformar, y esta vez haré clic en “Mover”. Pongámoslo a cero, y se puede ver que aquí también tengo “Transformar objetos”, deseleccionarlo, y lo único que se selecciona es “Patrones transformados”. Ahora si quiero moverlo un poco horizontalmente, se puede ver que sólo el patrón se está moviendo dentro de nuestro rectángulo. Entonces vamos a posicionarlo, y también vamos a posicionarlo verticalmente. Esto se ve muy bonito y voy a hacer clic en “OK”. Ahora podemos guardar esto como una imagen PNG también. Una vez más, vaya a Archivo, Exportar, Exportar como, PNG, use PNG como formato, y haga clic en “Usar mesas de trabajo”. Voy a nombrarlo patrón vectorial Instagram. Ahora vamos a hacer clic en “Exportar”. En esta ventana, es importante establecer la resolución 72 ppi y nuevamente cuando se trata de Anti-Aliasing, no sé cómo pronunciar eso. Pero con todo, déjalo como Art Optimized, y vamos a hacer clic en “OK”. Ahora traeré esa imagen guardada aquí, para que pueda mostrarles cómo funcionó nuestra rotación. Esta es la imagen que guardamos para redes sociales y creamos esa pequeña rotación para que ahora cuando repito esto y quiero crear un patrón fuera de ella, se pueda ver que no encaja. Si alguien quiere robarte tu imagen y la guarda de las redes sociales, cuando la persona trate de poner la imagen en repetición, tendrá un gran problema porque la repetición ya no cabrá y nada se alineará correctamente en los bordes . Ahora ya sabes cómo guardar tus patrones para imprimir, y cómo protegerlos y guardarlos para redes sociales. Eso es todo por ahora, pero mantente atentos para el siguiente video para volver a ver mi cara y escuchar algo de información final. 10. Gracias: Hey otra vez. Yo sólo quería decir, muchas gracias por pasar tiempo conmigo y ver esta clase. Espero que hayas disfrutado y aprendido nuevas habilidades. Una vez que hayas terminado el proyecto para esta clase, compártelo para que podamos apoyarnos e inspirarnos mutuamente. Por cierto, no olvides calificar y revisar esta clase para que también pueda crecer y aprender de ti. Como siempre, si tienes alguna pregunta o algo que estaba mostrando no estaba claro, siéntete libre de preguntar cualquier cosa en la sección de discusión de esta clase, y me pondré en contacto contigo en cuanto pueda. Para recibir notificaciones sobre mis próximas clases, sígueme aquí en Skillshare. También puedes mantenerte en contacto conmigo en Instagram @DIUJDI. Te estoy enviando mucho amor y buenas vibraciones, y te veré en la siguiente.