Crea un vector de una imagen dibujada a mano en el diseñador de afines

1. ¡Hola!: Bienvenidos a la clase. Crea un vector a partir de una imagen dibujada a mano en Affinity Designer. En esta clase, usaremos una imagen basada en píxeles que he dibujado, procrearemos y la convertiremos en vector en Affinity Designer. Si ya nos hemos conocido. Hola, mi nombre es María. Soy artista y diseñadora gráfica y maestra. Me encanta dibujar y convertir todo arte vectorial dibujado a mano en esta clase se utilizan para programar Affinity Designer para eso, no rastrearemos a nuestro hijo de forma automática o manual. Y te muestro cómo paso a paso aprendiste la diferencia entre imágenes basadas en píxeles y vectoriales. Y conoces la herramienta pluma en Affinity Designer. Puedes aplicar tus nuevos conocimientos a cualquier pintura que quieras vectorizar. Si no tienes tu propia imagen. Ahora varios, encontrarás el mío en la clase para que puedas comenzar de inmediato. Así que únete a mí ahora y vamos a divertirnos un poco juntos. 2. Vector vs Pixel: En esta lección, hablamos sobre imágenes basadas en píxeles y vectoriales. Ya he abierto ambos. Esta es la imagen basada en píxeles, mientras que esta es una imagen basada en vectores, y solo puedo verlo porque cuando hago clic en mi herramienta de selección aquí, y hago clic aquí, haga doble clic. Puedes ver los diferentes puntos aquí. Aquí es donde ocurre la magia del vector porque esto significa que aquí puedo cambiar todo. Simplemente presione Comando Z para volver aquí. Pero esto te permite saber que estamos en una imagen basada en vectores. Así que volvamos rápidamente a la imagen basada en píxeles. Entonces cuando me acerco, puedo usar la lupa aquí y simplemente dar clic aquí en mi imagen. O lo hago con mi trackpad. Y ya ves lo que pasa, los sumideros se están volviendo borrosos cuanto más me acerco, borrosa se pone. Entonces aquí se puede ver que ya tenemos estos píxeles apareciendo. Eso lo podemos evitar. Simplemente hago una herramienta de zoom con el botón derecho y digo, y vuelve a la normalidad. Entonces ahora vamos a ir a la imagen basada en vectores y acercarnos como lo hacíamos antes. Ve a la lupa, y luego simplemente acercar el zoom o lo hago con mi mouse. Y ya ves, no importa lo lejos que vaya, aquí no aparecen píxeles. Eso es porque aquí estamos hablando de una imagen basada en vectores. Haga clic derecho y haga zoom para ajustar. Y no ves ninguna diferencia en este momento, si los tengo ambos en este tamaño, pero una vez que me acerco hay diferencia. Y cuando esto es útil, en realidad es cuando quieres imprimir estos gatos en una pieza muy grande de lo que sea, un póster o algo así, entonces esto es importante. Y además de eso, también puedes tener aquí, tienes aquí cada una de las capas en las que puedes trabajar y modificarlas o cambiar los colores. Así que solo por tener todas estas capas es muy útil cuando quieres cambiar el color de tu vector o lo que sea. Así que usualmente guardas este archivo como un archivo de Affinity Designer porque entonces tienes todas estas capas y puedes cambiar lo que sea necesario. Es muy importante cuando tenemos una imagen en formato PNG o JPEG, tenemos estos píxeles apareciendo. Si bien no tenemos eso cuando tenemos un vector aquí. Y podemos cambiar esto también. Entonces aquí es una diferencia muy importante. Y es por eso que ahora queremos crear una imagen basada en vectores y usar a nuestro gato, que he dibujado en procrear como base. Y luego vamos de ahí e intentamos rastrearlo en la siguiente lección. 3. Vamos a trazar al gato en el diseñador affinity: En esta lección, vamos a rastrear un gato. Así que haz clic en Archivo y luego haz clic en Colocar. Y luego escogemos el archivo de nuestra computadora. Simplemente haga clic en él abajo haga clic con el botón derecho en Abrir y haga clic en su documento para tenerlo aquí mismo. Ahora puedes centrarlo en tu documento y luego hacer clic en aplicar y lo tienes ahí. Así que ahora bloquea tu archivo. Eso lo haces yendo a tu paleta de capas. Y luego haces clic a la derecha, en la clave. Y está bloqueado por lo que ya no puedes cambiar nada aquí excepto la capacidad de hacerlo así que repasamos la palabra opacidad y simplemente la arrastramos hacia la izquierda para que fácilmente puedas hacer que tu gato aparezca menos. Y eso es importante porque queremos rastrear sobre ella. Entonces la necesitamos de fondo, pero no la necesitamos a la prominencia para poder ver lo que estamos haciendo. Ahora creamos una nueva capa. Simplemente haga clic en su paleta de capas sobre eso. Y me acerco con Command Plus, o puedes hacerlo en tu mouse o tu trackpad. Y luego empezamos a rastrear. Primero, ve a trazo y gírelo hasta 3.5. Si ahí no tienes la paleta, ve a Ver y luego a estudio. Y luego lo puedes encontrar aquí en el desplegable. Y en algún lugar es un trazo y puedes abrir tu paladar. Ahora comenzamos dando clic en la herramienta Pluma o simplemente clic en P. Puedes verla en tu barra de herramientas. Y cuando tengas, pasa por encima de tu, tu gato con tu despensa, ves tengo que dibujar curva ahora mismo. Entonces hago clic dos veces y arrastre el mouse con la tecla izquierda presionada hacia abajo. Entonces tengo la curva. Se necesita un poco de ejercicio para hacerlo, pero te prometo que una vez que estás acostumbrado, es bastante fácil. Así que solo pasa por encima de los trazos impares y haz que aparezcan en tu documento. Rastreamos a un niño para tenerlo en vector. Y tenerlo en vector significa en este caso, que puedes hacerlo tan grande como quieras. Vectorizar significa que es, sí, es como un resultado científico de un archivo. Para que puedas hacerlo tan grande como quieras. Eso es bastante interesante. Depende de lo que estés creando, pero no puede estar equivocado tenerlo en vector. Entonces veamos, Solo, voy por encima y cuando tengo que cambiar de dirección, presiono la tecla Alt para hacerlo. Y entonces sólo puedo seguir dando click aquí y dar la vuelta a mi gato. En este caso, las líneas exteriores que aquí siguen serían las mejores porque tienes algunos bordes complicados. Entonces si sigues solo presiona largo Pausa, y luego puedes hacer lo que estoy haciendo. Y luego seguimos adelante. Como dije, una vez que tengas un poco de práctica, puedes hacerlo completamente por tu cuenta con cualquier documento o cualquier pintura que tengas. Pero supongo que por primera vez, podríamos hacerlo juntos. Entonces tienes todos estos bordes perfectamente trazados. Siempre que cambies la dirección, no olvides presionar la tecla Alt y luego simplemente seguir dando clic. Aquí se puede ver que tengo un área bastante grande porque esto es sólo un poco como un círculo o medio círculo. Así que simplemente hago clic en ambos lados y lo arrastro hasta el fondo. Entonces la curva se adapta a lo que necesito aquí. Una vez más, puedo repasar un área más grande. Lo haces así. Se pone bastante suave. Y ahora no vamos a dibujar las rondas aquí de su cara a una, así que simplemente hacemos clic sobre ella y lo hacemos en un segundo paso. Te voy a enseñar cómo en tan sólo unos minutos. Pero por ahora, solo me aseguro que tengo suficientes anclas aquí. Así que sigo dando click aquí. Sígueme porque todos ustedes necesitan de todas estas pequeñas anclas para hacer eso. Lo que voy a hacer después. Oye, si me equivoco, solo presiono el Comando D. Regresa y empieza de nuevo. Ya casi estamos ahí. Podemos cerrar nuestra forma aquí mismo. Así que ya ves, ahora estoy dando la vuelta al gato y tengo un trazo negro aquí. Y ahora vamos a adaptarlo un poco presionando, yendo al no muy lejos, presionando N en mi teclado para que pueda adaptar los nuditos aquí, los anclajes un poco para hacerlos encaja perfectamente a mi gato. Solo da la vuelta si todo es correcto y si no, solo modifícalo un poco, arrastra tu ancla a donde lo necesites, y simplemente sigue adelante. Solo comprueba si todo es correcto y cuando estés en el feed, sí. Entonces podemos empezar realmente a hacer los pies. Entonces para eso, porque tenemos dos anclas es bastante fácil. Sólo tenemos que arrastrarlo hacia abajo, pero te lo voy a mostrar en un segundo. Aquí tienes. Vamos a acercarnos. Y ahora solo lo arrastro en el medio hasta el fondo. Y aquí tienes. Tienes una alimentación perfecta. Hazlo por cada uno de estos puntos. Por cada uno de sus pies. En realidad. Da clic en la herramienta de redondeo para tenerla un poco más redonda aquí, te hace la vida más fácil. Bien, solo ve por aquí y mira que hay un poco de ventaja, así que solo lo hago un poco más redondo. Cuanto mejor lo tengas ahora mismo, mejor es para todo tu gato. De lo contrario, podría parecer un poco extraño. Así que asegúrate de tener las líneas establecidas a la perfección. Bien, alejemos el zoom y echemos un primer vistazo. Ves que los bordes exteriores no son perfectos. Podemos llenarlo rápidamente para ver si todo es correcto. Y sí, se ve bien. Y ahora voy a apagar eso otra vez porque necesitamos ver a través. Entonces tenemos a nuestro gato ahí. Asegúrate de hacer clic en la capa. Se puede desactivar el color de fondo. Así que volvemos a la herramienta pluma. Simplemente haga clic en P en su teclado o en su barra de herramientas. Y entonces tenemos que seguir adelante. Así que esto automáticamente se mete en una nueva capa ahora. Pero más adelante, tenemos que poner el resto de estos pequeños bordes negros o ella porque en realidad lo es. Así que necesitamos ponerlos todos en una capa para poder cambiar el color de una vez. Entonces te voy a mostrar que en un segundo cuando hayamos redondeado este primero, no varíes si vas por el borde ahora con tu trazo, vamos a arreglar eso en un segundo también si no lo hace caben al cien por ciento. Entonces aquí no tienes trazos duplicados, vamos a recortar eso. Tomamos la capa y la arrastramos y soltamos. Entonces ves que está recortada y no pasa nada cuando pasas por encima del borde exterior. Ahora asegúrese de hacer clic en eso, Agregar nueva curva para seleccionar el objeto curvas. Y luego pasa lo que acabo de decir, solo sigues adelante en la misma capa para que podamos cambiar después todos los colores a la vez. Así que asegúrate de volver a dar la vuelta por aquí. No necesitamos un relleno, así que déjame apagarlo. Pero sigo adelante con eso, un trazo aquí. Algunos de los elementos estarán en su propia capa como nuestros bigotes. Nosotros nos ocupamos de ellos más tarde. Por ahora, solo hago lo poco para áreas, áreas negras aquí y las cambio. Verá que no hay más capas en la paleta Capas. Simplemente nos quedamos para tener aquella donde están todas estas pequeñas áreas. Yo puedo aquí voy a aplicar la máscara de recorte. Entonces en caso de que vayas por el borde, no te preocupes, lo recortamos. Verás, yo solo hago por zonas, nuestras vidas un poco de cosita por ahora. Cambiar a lo natural. Arrástralo un poco hacia abajo. Y adaptado. Siempre hay que cerrar la forma. Por eso siempre necesito buscar un punto de inicio y un punto final y ver cómo va entonces porque necesito dar vueltas, como dije, necesito una forma completa, luego necesito cerrarla. Bien. Cerrando la forma una vez más, ves un intento de estar en línea en la línea. Pero si no, es recorte, así que no importa demasiado. Siempre podemos verificar si todo está bien simplemente llenando toda el área con el color. Y ya ves, funciona simplemente genial. Para que podamos seguir adelante. Cambia a la capa derecha y apaga el relleno. Y podemos irnos. No se preocupe si las cosas no son al 100%, vamos a arreglarlo. Justo cuando tenemos cerca de la forma. Nuevamente, cuando cambio de dirección, presiono la tecla Alt y es bastante fácil. Bien, la forma está cerrada. Ahora tenemos que arreglar las flechas aquí con otra herramienta. Así que presiona N en p y entra en tu barra de herramientas. Y entonces podemos adaptar esto. Entonces en las últimas dos rayas en su primera, repasemos eso otra vez. ¡Vaya! Comando Z. para deshacerse de él. Parece que todavía tenemos cerca de la forma. Vamos a intentarlo de nuevo. Bien. Y cómo seguimos rastreando nuestros oídos para que estén cerca. Por eso se ven así. Supongo que también puede ir en esa capa porque todas están rellenas de un solo color. Vamos a agregar su espinilla en flujo a esa capa antes de meternos en la cara. Bien, intentemos eso. Entra en esa capa y rellénala de negro. Entonces vemos que todo es correcto. Se ve en esa capa separada su espinilla por error, pero realmente no importa solo para que podamos fusionar eso o lo que sea o simplemente dejarla como está. Eso, realmente no importa. Solo asegúrate de que lo que necesites para ser negro esté muy cerca o mejor incluso en una capa. Apague de nuevo el relleno. Ves la ventaja de tener todo en una sola capa. Por lo que no necesitamos hacer clic en cada uno. Entonces ahora seguimos adelante y volvemos a hacer los bigotes con una herramienta pluma. Pero eso se vuelve un poco más complicado porque lo necesitamos delgado en el lado interno y un poco más ancho en el exterior. Entonces este blanco, tienen que ir en una capa separada. Ver las herramientas en las que hago clic. No funcionó. Así que volvamos y volvamos a hacerlo. Bien, todos los bigotes en una capa. Y ahora mira a dónde va. Voy a acariciar y luego voy aquí a presionar y arrastrarlo hacia abajo. Entonces ves lo que sucede como conseguir el pecado por un lado y más ancho por el otro. Ahora hacemos el feed. Ya ves que no queda mucho por hacer así que solo tenemos que ir por la línea. Bien, ahora vamos a hacer la nariz bastante rápido. Así que sólo tenemos que dar la vuelta por aquí y agregar el triangulo o su nariz. Ponlo de nuevo en una capa. Para esa zona aumentamos el trazo. Entonces, ¿ves qué pasa? Le queda un poco de espacio en la nariz, pero no tanto. En el mejor de los casos, giraríamos blanca esa pequeña zona izquierda. La cosa es que no vas a ver eso porque su cuerpo es blanco de todos modos. Pero por ahora, creo que se ve mucho mejor. De alguna manera solo mi perfección, el perfeccionismo en realidad. Bien. Sigamos adelante. Se ve bastante bien. Ahora. Se dejan las orejas y la boca. Y luego ya terminamos. Apago todo y te muestro acercarte de nuevo. Ve a la herramienta pluma y empieza a crear nuestro triángulo, que es la oreja. Y cuando hayas creado el triángulo, solo necesitas llenarlo de un color. Entonces esto es algo nuevo que aprendes aquí. Solo da la vuelta y cierra la forma. Una vez que hayas hecho eso, debes elegir el color de la capa original en el mejor de los casos, en total opacidad. Primero en posar, es más fácil llenarlos a la vez. Sólo sabes, de donde vengo. Así que solo hago clic en todo lo que debería ser ahora mismo, mi gato. Entonces enciendo la capa, otra vez la capa original, escojo el color, y luego vuelvo a mi capa, vuelvo a la opacidad del gato, vuelvo a mi capa original, y luego la lleno con un color que acabo de recoger. Bien. Tengo que volver a encenderme más tarde. Por ahora, sólo me sale la boca. Ya ves, puede pasar. Eso no va perfectamente. Entonces simplemente cambiamos. ¿Qué creamos todo el camino y nos adaptamos a nuestras líneas? Lo que estás aprendiendo aquí mismo es bastante poderoso porque ahora puedes convertir cualquier gráfico en un vector a, necesitas un mucho más grande, es, ya sabes, es trabajo. Sí. Pero bien merece la pena. Entonces y luego solo puedes asegurarte de tener tu imagen basada en pixel en un vector. Nuevamente, le recogemos el color de la boca. Regresa a la capa derecha. Un poco complicado porque ahora tenemos algunos más. Me ayudé a mí mismo apagándolos y encendiéndolos. Sé que estoy en la capa correcta. Bien. ¿Ya lo ves? La capa de la lengua está debajo de la capa de la boca. Ahora, tenemos que arrastrarlo en solo un segundo. De lo contrario ya no verás su lengua. Bien, solo apagando los colores. Ahora. Veamos cómo va. Te agregamos algunos detalles más aquí, como puedes ver en su cola. Bien, matemos al gato con sus colores. Bien, ahora puedes ver que el anti gatito está listo. He apagado la otra capa, esa. no necesitamos eso porque nuestros riñones ya están listos. Y ahora podemos simplemente exportar eso, ir a Archivo y luego dar clic en Exportar. Y asegúrate de que esté en PNG. Y ahora puedes elegir todo el documento o simplemente el área seleccionada. No importa, realmente recurso. Tal vez eliges el área seleccionada porque es tan grande como un gato es otro documento SPS. Ahora haz clic en exportar, y podrás guardarlo en tu escritorio igual que gato o el nombre que elijas aquí. 4. Guardar tu archivo: Así que vamos a sumergirnos en otra lección sobre la exportación de su documento. Dije antes que lo guardas como PNG. Pero si lo haces, estás perdiendo la capacidad vectorial, lo que significa que al final, guardas en imagen basada en pixeles y eso no es lo que queremos. Para que puedas hacerlo en base al proyecto en el que estés trabajando. Pero también debes saber que siempre es una buena idea tener tus capas aquí. Eso significa que necesitas guardarlo como un archivo de afinidad. siempre puedas levantarlo de nuevo y la mitad de tus capas. Y con unas capas, puedes cambiar fácilmente los colores o modificar. O si solo me decido y digo que quiero cambiar el tono o el ojo o lo que sea. Doy click en mi capa y voy aquí a mi herramienta de nodo y luego empiezo a cambiar las notas aquí, o cambio los colores o lo que quiera. Y entonces puedo, puedo exportarlo de esa manera para poder cambiar todo el gato y el color y la forma si quiero. Pero para eso, necesito guardar como archivo de afinidad. Entonces solo tienes que ir aquí, dar clic en Guardar como y cuando lo eliges como, simplemente guardas el documento y dices: Bien, Teresa cuida con afinidades. Sé que ese es mi nombre. Lo nombras como quieras, y luego simplemente haces clic en Guardar. Y por favor, tenga un IEE sobre eso. Aquí hay un pequeño astérix, una pequeña estrella. Y cuando voy a guardarlo ahora esto desaparecerá porque cuando se guarde el documento, así que déjenme hacerlo. Para que veas que ha desaparecido y ahora tengo mi afinidad File Save. Una vez que hayas hecho eso, podrás volver a exportar. Vayamos aquí. Hablamos del formato PNG porque entonces tienes un fondo transparente. Puedes usar a tu gato para muchos proyectos. Entonces sí, es bastante grande, así que podría ser suficiente para la mayoría de tus proyectos. Por eso lo guardamos como PNG. Pero si quieres mantener la capacidad de un archivo vectorial, debes cambiarlo a SVG y guardarlo como SVG. Entonces también estás perdiendo tus capas. Entonces es por eso que siempre lo guardamos como un archivo de afinidad también. Y luego podemos exportarlo fácilmente en el formato que queramos. Así que solo asegúrate de tener eso correctamente. Y suelo usar 300 DPI por si acaso. Entonces se puede escuchar. Elige si quieres exportar todo el área de documentos seleccionados o la selección solo que puedes hacer más adelante ahora mismo solo exportaría mi lengua. Entonces eso, por supuesto, no es lo que quiero. Así que solo escogía SVG y hacía clic en exportar y guardarlo en mi computadora. 5. Tu proyecto: Entonces ahora vamos a llegar al proyecto. Te imaginas que quiero que traces algo sin importar cómo lo metas en tu computadora, ya sea que lo dibujes en papel o lo dibujes en Procreate o lo que sea que hagas, solo metelo en tus computadoras. ¿Puede tomarle una foto y comenzar a rastrear? Puedes, por supuesto, ir a mi página web y descargar el gatito desde ahí. Lo he agregado a la caja de herramientas del diseñador. En realidad, puedes descargar todos los archivos que necesites y comenzar a trazar tu imagen. Así que una vez que tengas tu material, ya sea mi gato o lo que sea que hayas dibujado, empieza a trazar tu proyecto. Así que sigue adelante y usa la herramienta pluma y solo da la vuelta a lo que hayas dibujado y empieza a trazarlo. Y una vez que lo hayas hecho , sube tu archivo a nuestra galería de proyectos para que todos podamos ver lo que has hecho. Tengo muchas ganas de ver tus pasos hacia tu diseño vectorial.