Del curso: Sketch avanzado

Crear patrones para relleno de elementos gráficos - Tutorial de Sketch

Del curso: Sketch avanzado

Comenzar mi mes de prueba gratis Comprar para mi equipo

Crear patrones para relleno de elementos gráficos

“

Otra de las ventajas con las que cuenta Sketch como herramienta de diseño es la facilidad que se tiene dentro de ella para crear patrones. Los patrones son una serie de imágenes que pueden servir de relleno para figuras y elementos de nuestro proyecto. Para crear un patrón, lo primero que hacemos es elegir un "artboard". Dentro de él, agregaremos figuras o imágenes de acuerdo a nuestras necesidades. En este caso, un triángulo, un círculo y un cuadrado. Ya que cuento con las figuras, es momento de elegir su color, con lo cual me basaré en el logotipo de nuestro proyecto. Eliminaré el borde y elegiré los tonos de azules con los que nos encontramos en el logo. También puedo agregales efectos, como Screen, y Multiplicar. Ya que cuento con el patrón como lo deseo, es momento de exportar. Para exportar, selecciono el "artboard" y en el panel de inspector hago clic en Hacer exportable. Dentro de este panel, cuento con algunas opciones, como la de tamaño, que puede ser 1x, que es el tamaño original de nuestro elemento gráfico. En este caso, 120 x 120 pixeles. Puedo hacerlo 0.5x, el cual sería 60 x 60 pixeles. En este caso, lo mantengo en su tamaño original. También puedo agregar un prefijo o sufijo. En este caso, agregaré un sufijo, que será '_1'. Ahora es momento de elegir el formato. Puedo elegir PNG, JPG, TIFF y otros tantos formatos. En este caso, elegiré JPG. Ya que haya hecho mi selección, haré clic en Exportar seleccionado, Cambio el nombre a 'patrón', selecciono a dónde lo quiero exportar y puedo jugar un poco con la calidad dependiendo del peso. En este caso, lo dejaré en 80 %. Ya que el patrón haya sido exportado, es momento de implementar. Para eso crearé un nuevo "artboard", dentro del cual agregaré una figura. En este caso, un círculo. Para implementar el patrón dentro de la figura, haré clic en Color, seleccionaré la imagen de patrones y puedo elegir los patrones predeterminados, su formato y sus variantes, o elegir mi propio patrón, el que acabo de crear. Hago clic en Abrir y puedo jugar con el tamaño del mismo. Esta es la manera en que podemos crear patrones dentro de Sketch.

Contenido