Usando Sketch para crear una invitación a una fiesta oscura de Halloween

Con Halloween a la vuelta de la esquina, ¿no sería agradable lanzar una reunión espeluznante? Con este tutorial, te mostraré cómo hacer un folleto de invitación que puedas personalizar e imprimir según sea necesario. Aunque este tutorial está diseñado para Sketch, siéntase libre de seguirlo en el software vectorial de su elección. Estas opciones pueden transferirse fácilmente si está familiarizado con otra aplicación.


1. Configura tu documento

Paso 1

Abre Sketch y selecciona la Mesa de trabajo en la barra de herramientas superior y seleccione la A5 Opción a lo largo de la parte superior de la propia Artboard..


Paso 2

Con nuestro Artboard creado seleccione el Ver icono de la barra de herramientas superior y elija Mostrar reglas.


Paso 3

Ahora Sketch solo proporciona una regla en píxeles porque está priorizando el diseño de la pantalla en este momento, por lo que tendremos que hacer una estimación para nuestras guías de recorte de impresión. Haga doble clic la sección de la regla y arrastre el Guía acerca de 10px desde cada borde. Esta será nuestra Zona Segura para fines de impresión. Todo lo que quiera asegurarse hace que el proceso de recorte después de la impresión debe ir dentro de estas Guías.



2. Crea un fondo

Paso 1

Selecciona el Rectángulo (R) herramienta de la Forma en la barra de herramientas superior y cree un rectángulo que sea 20px Más ancho y más alto que nuestro Artboard, céntrelo en la página y rellénelo con un color gris plano de la Inspector panel.


Paso 2

En el Inspector panel haga clic en el icono "+" en la Llenar en la sección para agregar una nueva capa de relleno encima de la otra. Seleccionar Modelo e ingrese la siguiente información, luego haga clic en "atrás" en la parte superior de la Inspector panel.



3. Agregue la información de la invitación

Paso 1

Vamos a escribir nuestra información de invitación principal. Esta información debe incluir el Día y la Fecha, el Nombre de la Parte, la Hora, la Ubicación y la Dirección. Siéntase libre de agregar o eliminar información según sus necesidades y ajustar el diseño según sea necesario.

Tenga en cuenta que aplicaremos diferentes estilos a diferentes palabras en el texto, por lo que queremos escribirlos por separado para poder agregarlos fácilmente más adelante sin tener que dividir el texto de la manera difícil más adelante..

Selecciona el Texto herramienta de la barra de herramientas superior y haga clic en la mesa de trabajo, luego comience a ingresar el texto. Para este texto de información principal utilizaremos la fuente "Friday13" en varios tamaños. Como se mencionó anteriormente, usaremos estilos directos para esta información, por lo que lo he dividido de la siguiente manera:

  • Día tamaño: 28
  • Fecha tamaño: 28
  • Víspera de Todos los Santos tamaño: 80
  • Noche de sustos tamaño: 74
  • Empieza: tamaño: 28
  • Hora tamaño: 28
  • Nombre del lugar tamaño: 51
  • Número de calle tamaño: 22
  • Nombre de la calle tamaño: 22
  • Ciudad, tamaño: 22
  • Estado tamaño: 22

Dado que esta es nuestra información principal y la más importante, debemos asegurarnos y organizar estas capas de texto dentro de las pautas que establecimos anteriormente..


Paso 2

Vamos a sesgar un poco el nombre de nuestra fiesta para darle un toque personalizado. Seleccione el texto "Halloween" y "Fright Night" y seleccione el Vectorizar Opción de la barra de herramientas superior y elija Vectorizar Capa. Esto convertirá nuestro texto en formas vectoriales que ahora podemos alterar..


Paso 3

Con este nuevo vector de formas seleccionadas, elija el Transformar herramienta de la barra de herramientas superior y luego agarre la manija central derecha y arrástrela hacia arriba un poco. También puede arrastrar los controles de esquina en el lado izquierdo para sesgar la forma del texto aún más.


Etapa 4

Vamos a diseñar nuestro texto. Para que sea más fácil de ver, le daré estilo a las palabras más grandes "Halloween" y "Fright Night", ya que utilizarán nuestros dos estilos diferentes en el resto del texto..

Comience seleccionando la palabra "Halloween" y luego en Inspector panel haga clic en el Llenar Tarjeta y ajuste el color como se ve a continuación. También agregaremos un Sombra interior con la siguiente informacion.


Paso 5

Con este estilo creado, haga clic en el botón "Enlace" en la parte superior de la Inspector panel luego haga clic en el "+"icono para guardar este estilo.


Paso 6

Seleccione el texto "Fright Night" y ajustaremos Llenar y Sombra interior como sigue. Una vez ajustado haga clic en el "+"icono en la parte superior de la Inspector panel para guardar esto como un estilo vinculado, así.


Paso 7

Ahora, selecciona el siguiente texto.

  • Día
  • Empieza:
  • Ubicación
  • Número de calle
  • Ciudad

... y haga clic en el estilo blanco apagado de la parte superior de la Inspector panel.


Paso 8

Haga lo mismo con el texto restante solo que esta vez elija el estilo rojo.

Ahora que estos estilos están vinculados, si desea cambiar el color del estilo o la sombra más adelante, se actualizará automáticamente en todos los elementos..


Paso 9

Seleccione todos los elementos de texto y Grupo (Comando-G) ellos juntos. Duplique este grupo y abra la carpeta de abajo para llegar a los elementos de esa carpeta.

Seleccione todas las capas de texto regulares y luego Vectorizar Para convertirlos en formas..

Con estas formas seleccionadas, haga clic en Unión Herramienta de la barra de herramientas superior para unir todas estas formas.


Paso 10

Con esta nueva forma hecha cambiar el relleno y eliminar el Sombra interior y agregar un regular Sombra con los siguientes ajustes.



4. Crea un muro de texto

Paso 1

Con nuestra información principal hecha, completemos el resto del espacio vacío con más texto. Ya que esto es Halloween, usaremos tus palabras de Halloween como "Ghoul", y "Spooky", y "Haunted"..

Para darle un poco más de presencia y textura, también usaremos algunas opciones de fuente diferentes. Voy a utilizar:

  • Greymantle
  • Zombi
  • 28 días después
  • Blackmoor LET
  • Bastardo

Siéntase libre de seguir utilizando cualquier variación que desee. Tenga en cuenta que vamos a dar un aspecto sucio a estas fuentes para que se ajuste a nuestro tema. El color de este texto será el mismo gris oscuro que el relleno / sombra para el texto de información más grande que elegimos anteriormente.


Paso 2

Ordene estas palabras en el espacio vacío que rodea nuestro texto de información principal. Gírelos, ajuste la fuente y extiéndalos de tamaño para llenar cada rincón y grieta, pero deje suficiente espacio entre las palabras para que aún sean legibles. Puede que le resulte beneficioso Vectorizar estos tipos de capas para que pueda ajustar el tamaño y los ángulos como mejor le parezca.



5. Crea una telaraña

Paso 1

Selecciona el Vector (V) herramienta y haga clic fuera del borde de la mesa de trabajo y vuelva a hacer clic en una línea diagonal a través de la página hacia el otro lado. Muévase un poco y haga clic nuevamente y luego proceda como antes, moviéndose hacia el lado opuesto de la página y haciendo clic creando un patrón de estrella cruzada. Usaremos un borde rojo del mismo color que el texto rojo de antes.


Paso 2

Con las hebras de base de nuestra web creada, podemos pasar a las hebras de cruce. Con el Vector (V) Haga clic en la herramienta para crear hebras de cruce que completan su web. No necesitas demasiados, no quieres cubrir todo tu texto elegante, solo lo suficiente para tener una idea general.


Paso 3

Finalmente, organice las capas de modo que la web esté detrás del texto de invitación principal pero sobre el muro de elementos de texto que hicimos.



Punto sin retorno!

¡Tener cuidado! Sus invitados no podrán decir no cuando les entreguen estas invitaciones. Ahora puede exportar la pieza terminada para la web o enviarla a una impresora para entregarla justo a tiempo para su fiesta de Halloween. Si estoy imprimiendo, recomendaría agregar una capa brillante a los elementos de color gris oscuro para darle un brillo agradable a la pieza terminada. Espero que todos tengáis un espectacular Halloween.!