Con este tutorial me gustaría mostrarle cómo crear un patrón para que una costurera use para decorar una bolsa de asas. Usaremos nuestro Alfabeto náutico creado anteriormente, así como también formas simples y una gran cantidad de herramientas de rotar copias para renderizar diversos elementos temáticos náuticos que adornarán bellamente una bolsa de asas..
Comencemos abriendo nuestro archivo de Alfabeto náutico creado previamente y seleccionando las letras necesarias para completar nuestra frase. Este es un tutorial cruzado y a mi compañero se le ocurrió la frase "Totes Awesome". Es un buen juego de palabras ya que la pieza terminada eventualmente se coserá a mano en una bolsa de mano.
El tamaño final de la pieza se determinará por el tamaño de la bolsa en sí. Por ahora, trabajaremos con el tamaño original del Alfabeto náutico que creamos anteriormente. Una vez completado, el artista que lo coserá en el bolso de mano puede cambiar el tamaño en consecuencia.
Con la configuración de la página, necesitaremos copiar la "A", la "E", la "M", la "O", la "S", la "T" y la "W" de nuestro alfabeto prefabricado y luego pegarlas en una nueva documento en Bosquejo. Ahora arregla las letras y vuelve a copiar algunas de ellas para completar las palabras que deseas crear..
Una vez que haya creado las palabras, puede ordenarlas en la página. Pondré cada palabra en su propia línea y las alinearé como se ve a continuación.
La mayoría de los tatuajes náuticos tienden a tener el texto escrito en una pancarta o cinta. Vamos a recrear eso ahora.
Para comenzar selecciona el Redondeado (U) herramienta y dibujar un rectángulo redondeado alrededor de las palabras. El tamaño exacto no necesariamente importa en este punto. Vamos por un aspecto "Hecho a mano" para que nada tenga que ser demasiado preciso en este momento. Realmente solo estamos usando estas cajas como guías para un paso posterior.
Con los rectángulos en su lugar, cambiar a la Vector (V) Herramienta y trazar el contorno de los rectángulos. Agregaremos extremos de la cola y conexiones entre estos dos cuadrados para hacer nuestra cinta. Al trazar el rectángulo ellos mismos no lo hacen de manera uniforme, queremos un poco de balanceo y jitter a la forma general.
Con la forma completa, apliquemos un trazo con el mismo color que las letras y también rellenémosla con un color blanco sólido. Usaremos este mismo relleno en toda la pieza, así que manténgala..
Ahora que tenemos la forma principal fuera del camino, seleccione el Vector (V) herramienta de nuevo y donde la cinta se superpondría y fluiría trazados para indicar que la cinta se superpone a los elementos detrás de ella.
Terminemos la cinta agregando algunas líneas sombreadas para indicar un sombreado simple en los pliegues de la cinta. Habilitar el Línea (L) Herramienta y dibujar líneas paralelas en las áreas donde la cinta se envuelve detrás de sí misma. Agregar más líneas más juntas dará la impresión de una sombra más oscura, mientras que las líneas espaciadas más cortas acortadas indicarán menos sombra.
Selecciona el Oval (O) Herramienta y dibujar un círculo perfecto que es 1225 x 1225px. Luego copia este círculo y encógelo para 880 x 880px centrando los dos como se ve abajo.
Seleccione ambos círculos simultáneamente y luego visite Editar> Combinar> Restar para cortar el círculo más pequeño de la más grande en.
Duplica esta forma de anillo y cambia el tamaño de la copia para que sea 242 x 242px centrado dentro del anillo más grande.
Habilitar el Oval (O) herramienta una vez más y dibujar un círculo que es 72 x 72px y céntrelo dentro del anillo más grande en sí mismo. Lo he llenado con el mismo color que el borde..
Con este pequeño círculo seleccionado visita. Editar> Rutas> Girar copias e ingrese 7 como el número de copias que nos dará un total de ocho círculos. Una vez que golpeas DE ACUERDO puede arrastrar el controlador de círculo en el centro de las copias para expandir el número de copias para que alinee las copias dentro del anillo más grande también.
Selecciona el Rectángulo (R) herramienta y crear un rectángulo que es 82 x 185 px y alinéelo con la parte superior del anillo más grande. Luego cambia a Oval (O) herramienta y hacer un círculo que es 117 x 117px y alinéelo con la parte superior del rectángulo que acabamos de hacer.
Selecciona tanto el círculo como el rectángulo y visita. Editar> Combinar> Unión para unirlos en una forma.
Esto hizo una agrupación de las dos formas en el panel de capas, lo que sería genial si tuviéramos que editar las formas individuales más adelante, pero como no lo haremos, visitaremos Editar> Caminos> Aplanar para establecer la forma de forma permanente.
Sin una nueva forma seleccionada, haga clic en Editar herramienta de la barra de herramientas, luego haga clic en los dos puntos donde el círculo se reunió con el rectángulo.
Cerca de la barra de herramientas en la parte superior, puede seleccionar la última opción que le permitirá ingresar un ángulo redondeado personalizado a los dos puntos que seleccionamos. Adelante y cambia esto a 20px luego empuje los puntos hacia abajo sosteniendo la Cambio tecla y presionando la Flecha hacia abajo en el teclado una vez.
Cambiar a la Redondeado (U) herramienta y crear un rectángulo redondeado que es 164 x 90px y alinéelo con la parte inferior de la forma del asa que acabamos de hacer, de modo que el punto intermedio toque los bordes de la forma del anillo más grande como se ve a continuación.
Ahora, desafortunadamente, no puede rotar las copias de los elementos agrupados, por lo que tendremos que rotar los elementos que conforman las asas por separado. Entonces, como hicimos con los círculos dentro del anillo, necesitarás seleccionar una forma y visitar Editar> Rutas> Girar copias e ingrese 7 como el número de copias que nos dará un total de ocho. Haz esto para las dos formas que acabamos de crear..
Selecciona el Rectángulo (R) herramienta y crear un rectángulo que es 82px amplio. La altura no importa, solo asegúrate de que encaje dentro del anillo más grande de la rueda.
Con este rectángulo seleccionado usa el Girar copias Característica de nuevo para rematar los radios dentro de la rueda..
Ahora alinee la rueda detrás de la cinta de texto en una posición con la que se sienta cómodo.
Habilitar el Rectángulo (R) herramienta y crear un cuadrado que es 294 x 294px entonces escoge Edición> Transformar> Girar capa y girarlo sobre su eje 45 grados. También puedes hacerlo desde la Inspector panel.
Cambiar a la Oval (O) herramienta y crear un círculo que es 238 x 238px. Ahora duplique este círculo y alinéelos para que el centro de los círculos se encuentre con el punto medio en nuestra forma de diamante ahora.
Seleccione las 2 formas de círculo juntas y luego visite Editar> Combinar> Unión. Ahora visita Editar> Caminos> Aplanar para establecer la forma.
Seleccione las formas circulares aplanadas y la forma de diamante y únalas usando también Editar> Combinar> Unión. No aplaste esta nueva unión todavía.
Con la forma conjunta seleccionada, cambiar a la Editar herramienta. Esto resaltará todas las diferentes formas y los puntos que las componen. Seleccione el punto más alto de la forma de diamante y elimínelo creando un triángulo. Ahora seleccione los tres puntos inferiores de la forma de círculo unido y elimínelos también.
Dado que los círculos estaban formados por tiradores, el círculo intentará continuar dando un efecto de bucle no deseado debajo de la forma del círculo unido. Para solucionar este problema, seleccione los dos puntos de anclaje inferiores y luego cambie el tipo de controlador en la barra de herramientas en la parte superior a la 4ª opción, en la que le permitirá mover los controladores de forma independiente. Luego puede arrastrar el asa inferior hacia arriba para que el borde inferior quede plano contra la forma del triángulo..
Ahora visita Editar> Caminos> Aplanar para establecer la forma.
Con la nueva forma de corazón seleccionada, habilite la Editar herramienta nuevamente y seleccione los dos puntos de anclaje en cada extremo, luego cerca de la barra de herramientas en la parte superior, puede elegir la última opción que le permitirá elegir un porcentaje redondeado personalizado para esos puntos de anclaje. En este caso estoy usando 60px para darle una bonita forma de corazón suave.
Ahora seleccione el punto de anclaje medio superior y mientras mantiene Cambio en el teclado presiona el Arriba Tecla dos veces. Ahora puede cambiar este porcentaje redondeado a 30px.
Con uno de nuestros pétalos completos ya puedes visitar. Editar> Rutas> Girar copias y entrar 3 Como el número de copias que nos dará un total de cuatro pétalos. Luego arrastre el asa giratoria para que los pétalos apenas se toquen.
Luego he añadido un estilo a los pétalos como se ve a continuación..
Duplique estas formas de pétalos y luego enciéndalos para que quepan dentro de los pétalos más grandes y cambie el relleno a un blanco plano. El tamaño exacto no importa, siempre y cuando estés contento con él..
Cambiar a el Oval (O) herramienta y crear un círculo que es 161 x 161px y centro dentro de los pétalos.
Ahora crea otro círculo que sea 44 x 44px alinéelo con el centro del círculo más grande pero a lo largo de la parte superior.
Ahora visita Editar> Rutas> Girar copias y entrar 11 como el número de copias, arrastre el controlador de rotación para alinearlos con el círculo más grande que creamos hace un segundo.
Nuestra flor principal está hecha, pero vamos a añadir algunas hojas. Para ello habilite el Oval (O) herramienta y crear un círculo que es 360 x 360 px.
Cambiar a la Editar herramienta y elija el punto de anclaje en el extremo derecho y arrástrelo hacia la derecha creando una forma oblonga. Ahora seleccione la primera opción en el selector de tipo de punto de anclaje cerca de la barra de herramientas superior.
Seleccione el punto de anclaje superior y elija el tercer tipo de punto de anclaje desde el selector cerca de la barra de herramientas superior, luego arrastre el control derecho de ese punto de anclaje hacia la derecha para suavizar la transición.
Repita este proceso para el punto de anclaje inferior también.
Seleccione el punto de anclaje izquierdo y arrástrelo hacia afuera también. No es necesario ajustar ningún mango..
Habilitar el Rectángulo (R) y dibuje un cuadrado de cualquier tamaño que desee, siempre que sea más grande que la forma de la hoja que acabamos de crear. Ahora giralo 45 grados y alinearlo con la parte posterior de la forma de la hoja..
Duplica esta forma de diamante varias veces para hacer estriaciones en la forma de la hoja.
Seleccione la forma de la hoja y luego visite Editar> Usar como máscara y esto bloqueará todas las capas encima de la capa de la hoja.
Si tiene otras capas sobre esta forma de hoja que desea que no se vean afectadas, puede seleccionarlas en el Capas panel y luego ir a Editar> Ignorar máscara subyacente.
Cambiar a la Vector (V) Herramienta y dibujar una forma dentro de la hoja desde el punto hasta el otro extremo y viceversa para crear un tallo..
Ahora puede ajustar la ubicación de la hoja detrás de la flor y duplicarla y rotarla a otra posición para equilibrarla.
Una vez completado, puedes agregarlo a tu composición como se ve a continuación.
Habilitar el Estrella herramienta de la Forma menú y crear una estrella que es 784 x 784px.
Duplique esta forma y cambie las opciones de relleno como se ve a continuación.
Cambiar a la Editar la herramienta selecciona todos los puntos de anclaje, excepto el de la parte superior, el medio inferior y el medio a la derecha (en la curva de la estrella), luego elimínelos para dejar una forma de triángulo.
Seleccione el punto más inferior y arrástrelo hacia el centro de la estrella. Sabrá que ha alcanzado el centro si divide el tamaño de la estrella por la mitad y busca las dimensiones en el Inspector panel. Este triángulo debe ser 392px alto.
Salir del modo de edición y visitar Editar> Rutas> Girar copias y entrar 4 en el número de copias haciendo un total de cinco piezas de triángulo. Luego puede arrastrar el control de rotación para que los puntos de los triángulos se alineen con los puntos de la estrella..
Ahora puede agregarlo a la composición principal como se ve a continuación. También me he tomado la libertad de duplicar esta estrella y rotarla, agregando el duplicado a la parte superior de la composición..
Vamos a atarlo todo con una cuerda. ¿Lo entiendes? ... "Átalo todo todo ..." no importa.
Desafortunadamente, Sketch no tiene una herramienta que te permita crear un patrón personalizado en un trazo como lo hace Illustrator. Para este próximo paso tendremos un poco de trabajo por delante, así que prepárate.
Habilitar el Vector (V) herramienta y dibujar un camino en bucle que se adapte a su fantasía. Tenga en cuenta que está tratando de equilibrar la pieza y llenar cualquier espacio muerto. Puedes ver lo que he hecho a continuación. He mantenido la composición para que puedas ver cómo interactuará la cuerda con la escena..
Cambiar a la Redondeado (U) herramienta y crear una forma de píldora que es 30 x 60px.
Con esta forma de pastilla seleccionada habilita la Transformar (comando + T) herramienta y mientras agarra el asa central superior, arrástrela hacia la derecha para sesgar la forma.
Aquí viene la parte tediosa. ¿Conoces ese camino que hicimos antes? Bueno, ahora tienes que tomar esta forma de píldora torcida y copiarla una y otra vez, girándola a medida que avanzas a lo largo de este camino. Trate de trabajar inteligente. Debido a que la cuerda se enrolla mucho, puede copiar y pegar algunas de estas formas sesgadas a la vez para moverse un poco más rápido.
Una vez que hayas terminado, puedes seleccionar todas las capas y Grupo ellos juntos. Esperaré aquí hasta que termines.
Cambiar a la Vector (V) herramienta y dibuje formas alrededor del área que desea mantener visible. Estamos haciendo una máscara para que las formas que crees se vean, mientras que las formas vacías no se verán. Esto parece extraño ya que estás trabajando a la inversa..
Me resultó más fácil trabajar con múltiples formas, luego dibujé formas al azar con el Vector herramienta para conectar estas formas separadas y utiliza la Unión característica para unirse a todos juntos y Aplanar para hacer una sola forma.
Una vez que haya hecho la máscara, puede colocarla directamente debajo del grupo de cuerdas en el Capas Panel y luego con la forma que creamos seleccionada, visita. Editar> Usar como máscara
.
¡Nuestro diseño está finalmente completo! Estamos listos para exportar la pieza y enviarla a nuestro socio, lista para coser nuestro diseño en una bonita bolsa de asas. Puede descubrir cómo colocar este diseño en una bolsa de mano en Crafttuts+.
Espero haber podido mostrarle cómo usar la herramienta de rotación de manera eficiente, así como mostrarle algunos trucos para enmascarar objetos.