Diseña un post con Lettering de temática LGBT

By Freepik Academy 2 months ago

¡Celebra el Día Internacional del Orgullo LGBT diseñando un post con lettering hecho a mano para las redes sociales! ¡Y solo necesitarás Adobe Illustrator!

Cómo configurar plantillas para redes sociales

Paso 1

Siempre viene bien tener varias plantillas listas para redes sociales, ya que ahorrarás tiempo, lograrás una mayor consistencia y todos reconocerán mejor tu identidad o “brand awareness”.

Comencemos por configurar las mesas de trabajo para cada red social.

Primero, el post para Instagram. Sus dimensiones son 1080×1080 px.

Abre Adobe Illustrator y pulsa Control + N para crear un nuevo documento. Utiliza los siguientes ajustes:

Nombre: LGBT

Número de mesas de trabajo: 1

Anchura: 1080 px

Altura: 1080 px

Unidades: Píxeles

01-2221301952773621.png

Paso 2

Añadamos dos mesas de trabajo más. Ve a Archivo → Configuración de documento → Editar mesas de trabajo.

1. Llama a la primera mesa de trabajo “Instagram_Post”.

2. Haz clic y arrastra para crear una segunda mesa de trabajo, que será para las historias de Instagram. Elige unas dimensiones de 1080×1920 y llama a la mesa de trabajo “Instagram_Stories_Cover”.

3. Crea una tercera mesa de trabajo, que será para las fotos de portada de eventos de Facebook. Elige unas dimensiones de 1920×1080 px y llama a la mesa de trabajo “Facebook_Event_Cover_Photo”.

4. Crea una última mesa de trabajo, que será para las fotos de perfil de Facebook. Elige unas dimensiones de 320×320 px y llama a la mesa de trabajo “Facebook_Profile_Photo”.

02-0915271652688802.png

Cómo configurar las capas y los elementos de fondo

Paso 1

Ahora que tenemos las mesas de trabajo preparadas, toca trabajar en las capas.

Abre el panel Capas (Ventana → Capas).

Haz clic en el botón de Crear nueva capa y coloca las capas en el siguiente orden:

 LETTERING

BACKGROUND

03.jpg

Paso 2

Empecemos a dibujar un fondo con rayas de los colores del arcoíris en las mesas de trabajo. La bandera del arcoíris suele ser representativa del movimiento social LGBT.

Asegúrate de que tienes seleccionada la capa del fondo (BACKGROUND).

1. Selecciona la herramienta Rectángulo (M), asígnale al trazo el color negro y dibuja un rectángulo de 1123×188,3 px por la parte superior de la mesa de trabajo.

2. Mantén pulsadas las teclas Alt + Mayús y arrastra hacia abajo el rectángulo para duplicarlo.

3. Pulsa Control + D cinco veces para duplicar el rectángulo cinco veces más.

4. Asigna a los rectángulos los siguientes colores de relleno en este orden:

Rojo #FF0100

Naranja #FF9900

Amarillo #FFD700

Verde #9BCD00

Azul #0095DB

Violeta #AF2B91

04.jpg

Paso 3

Vamos a crear una muestra con este arcoíris.

Abre el panel Muestras (Ventana → Muestras)

Pulsa Control + A para seleccionarlo todo y arrastra la selección al panel Muestras para crear una nueva muestra de motivo.

Te aparecerá un signo “+” en el panel y la muestra se creará automáticamente.

Una vez que se haya creado, borra los rectángulos, ya que no los vamos a necesitar más.

05.png

Paso 4

1. Selecciona la muestra de motivo del arcoíris como relleno y usa la herramienta Rectángulo (M) para dibujar unos rectángulos hasta llenar la mesa de trabajo (las guías inteligentes te pueden ayudar a ajustar los rectángulos).

2. Para la mesa de trabajo Facebook_Profile_Photo, usa un relleno de color azul oscuro #26175c.

3. Desactiva el relleno, elige un trazo de color blanco con un grosor de 15 pt y usa la herramienta Rectángulo (M) para dibujar unos contornos dentro de cada mesa de trabajo:

Instagram_Post: 976×976 px

Instagram_Stories_Cover: 910×1764 px

Facebook_Event_Cover_Photo: 1770×928 px

06.png

Paso 5

Vamos a manipular los rellenos de arcoíris.

1. Selecciona la primera mesa de trabajo, Instagram_Post.

2. Selecciona la herramienta Rotar (R) y pulsa la tecla Enter para abrir el cuadro de diálogo de Rotar.

Marca la casilla de Transformar patrones y ajusta el ángulo a -45°.

3. Ve a Objeto → Transformar → Escala. Marca la casilla de Transformar patrones y elige una escala uniforme del 140 %.

4. Selecciona la segunda mesa de trabajo, Instagram_Stories_Cover, y repite los dos pasos anteriores (rotación de -45° y transformar patrones con una escala uniforme del 161 %).

5. Selecciona la tercera mesa de trabajo, Facebook_Event_Cover, y repite de nuevo los pasos 2 y 3 (rotación de -45° y transformar patrones con una escala uniforme del 171 %).

6. Puede que algunos patrones necesiten unos ligeros ajustes. Selecciona aquellos que quieras ajustar, mantén pulsada la tecla del acento grave (´) y arrastra para alinear correctamente.

07.png

Cómo crear un lettering simple y divertido

Paso 1

Ahora que tenemos el fondo listo, es el momento de añadir el texto “BE PROUD to love” a los posts.

Bloquea la capa del fondo (BACKGROUND), pasa a la capa del lettering y selecciona la mesa de trabajo Instagram_Post.

Vamos a crear unas guías para poder colocar bien el texto.

1. Activa las reglas (Ver → Reglas → Mostrar reglas, o bien pulsa Control + R) para así poder crear las guías para el texto, que serán básicamente la línea media (la altura hasta donde llega la parte superior de las letras) y la línea base (la línea sobre la que descansa la parte inferior de las letras).

2. Selecciona la herramienta Segmento de línea () y elige un trazo de color negro con un grosor de 1 pt.

3. Con la ayuda de las guías inteligentes, dibuja una línea horizontal a una distancia de 200 pt del borde superior.

4. Mantén pulsadas las teclas Alt + Mayús y arrastra la línea hacia abajo para duplicarla. Haz varios duplicados y déjalos a las siguientes distancias del borde superior:

410 pt

420 pt

570 pt

580 pt

660 pt

670 pt

880 pt

08-142242636671653.png

Paso 2

Selecciónalo todo (Control + A) y ve a Objeto → Transformar → Distorsionar.

Elige un ángulo de distorsión de -14,02° y pulsa OK.

Convierte las líneas en guías yendo a Ver → Guías → Crear guías.

09.png

Paso 3

1. Selecciona la herramienta Pluma (P) y asígnale al trazo el color azul oscuro #26175c y un grosor de 23 pt.

2. Dibuja la palabra “BE” a tu manera.

3. Selecciónalo todo (Control + A), cópialo (Control + C), pégalo delante (Control + F) yaplícale al trazo uncolor azul oscuro #26175cy un grosor de 2 pt.

10-1522161636847896.jpg

Paso 4

Vamos a escribir ahora “PROUD to” con la herramienta Pincel de manchas (Mayús + B). Funciona de manera parecida a un rotulador.

Elige un relleno de color azul oscuro #26175c y desactiva el trazo.

Dibuja las palabras “PROUD to” usando distintos tamaños de pincel.

Si quieres cambiar el tamaño del pincel de manchas, pulsa la tecla 9 para reducirlo y la tecla 0 para aumentarlo.

11.png

Paso 5

Escribamos ahora la palabra “love” en cursiva.

Abre el panel Pinceles (Ventana → Pinceles).

En el menú desplegable, elige Abrir biblioteca de pinceles → Artístico → Artístico_Caligráfico y elige el pincel redondo de 10 pt.

Haz doble clic sobre el pincel seleccionado en el panel Pinceles para abrir el cuadro de diálogo de Opciones de pincel caligráfico y, en Tamaño, elige la opción de Presión.

Nota: Si dispones de una tableta, te será útil crear un pincel de arte que reaccione según la presión que apliques.

Ahora, con la herramienta Pincel de manchas (Mayús + B) y un relleno de color azul oscuro #26175c, repasa la palabra para que tenga un aspecto más orgánico.

12.png

Paso 6

Sigue usando la herramienta Pincel de manchas (Mayús + B), pero esta vez con color azul claro #0095DB, para añadir unos reflejos de luz sobre el texto, tal como puedes ver en el ejemplo.

Después, elige un relleno de color azul oscuro #26175c y añade un trazo a mano alzada debajo de la palabra “love” a modo de subrayado.

Ya no vamos a necesitar más las guías, así que ocúltalas o bórralas yendo a Ver → Guías → Ocultar guías o Borrar guías.

13.png

Cómo añadir elementos gráficos para acompañar al lettering

Paso 1

Vamos a añadir unos elementos gráficos con los que acompañar al lettering.

Selecciona la herramienta Pluma (P), elige un relleno de color blanco y usa el atajo de teclado Mayús + D para cambiar el modo de dibujo a Dibujar detrás (o haz clic en el botón de dicho modo de dibujo desde la barra de herramientas). Dibuja ahora un corazón por detrás del texto.

14-1541231257331701.png

Paso 2

Selecciona los trazos de la palabra “BE”, mantén pulsadas las teclas Alt + Mayús y arrastra hacia abajo un poco para duplicar los trazos. Después, aplícales a los duplicados un trazo de color blanco.

Selecciona ahora la palabra “love”, mantén pulsadas las teclas Alt + Mayús y arrastra hacia abajo un poco. Aplica al duplicado un relleno de color blanco.

Selecciónalo todo (Control + A), mantén pulsada la tecla Mayús y arrastra la selección ligeramente hacia arriba para que quede centrada a la mesa de trabajo.

15.png

Paso 3

Sigamos con los elementos gráficos que acompañarán al texto.

1. Selecciona la herramienta Pluma (P), elige un relleno de color blanco y dibuja tres gotas bocabajo justo encima de la palabra “BE”.

2. Dibuja algunas gotas y salpicaduras a los lados de la palabra “love”, tal como verás en el ejemplo.

3. En cuanto a los últimos efectos, selecciona la herramienta Estrella y haz clic en la mesa de trabajo para abrir el cuadro de diálogo Estrella. Elige 4 puntas y dibuja unas cuantas estrellas que tengan un relleno de color blanco o de color amarillo pálido #ffe48d.

16.png

Paso 4

1. Selecciónalo todo (Control + A) agrúpalo (Control + G). Reduce la escala mientras mantienes pulsada la tecla Mayús para que se mantengan las proporciones.

2. Mantén pulsadas las teclas Alt + Mayús y arrastra la selección hasta la mesa de trabajo “Instagram_Stories_Cover”. Después, aumenta la escala mientras mantienes pulsada la tecla Mayús para restringir las proporciones.

3. Mantén pulsadas las teclas Alt + Mayús y arrastra la selección hasta la mesa de trabajo “Facebook_Event_Cover_Photo”.

17.png

Paso 5

Vamos a hacer hueco para una etiqueta o hashtag.

1. Selecciona la herramienta Rectángulo (M) y elige un relleno de color azul oscuro #26175c.

2. En la mesa de trabajo “Instagram_Post”, dibuja un rectángulo de 462×88 px debajo del texto y centrado.

3. En la mesa de trabajo “Instagram_Stories_Cover”, dibuja un rectángulo de 498×169 px debajo del texto y centrado.

18.png

Paso 6

Añadamos ahora la etiqueta o hashtag #PROUDTOLOVE.

Puedes usar la fuente de palo seco que quieras. Yo he elegido la Bebas Neue.

Abre el panel Carácter (Ventana → Texto → Carácter) y el panel Párrafo (Ventana → Texto → Párrafo).

Empecemos con la mesa de trabajo “Instagram_Post”. Ve al rectángulo azul oscuro que creamos en el anterior paso.

Selecciona la herramienta Texto, elige un relleno de color blanco y escribe #PROUDTOLOVE usando los siguientes ajustes:

Fuente: Bebas Neue

Estilo de fuente: Regular

Tamaño de fuente: 83,42 pt

Interlineado: 71,3 pt

Tracking: 250

Elige la opción de Centrar en el panel Párrafo

19.png

Paso 7

Pasa a la mesa de trabajo “Instagram_Stories_Cover” y ve al rectángulo azul oscuro.

Selecciona la herramienta Texto, elige un relleno de color blanco y escribe SWIPE UP usando los siguientes ajustes:

Fuente: Bebas Neue

Estilo de fuente: Regular

Tamaño de fuente: 53 pt

Interlineado: 129,76 pt

Tracking: 250

Elige la opción de Centrar en el panel Párrafo

20-2016111820775518.png

Paso 8

Por último, pasa a la mesa de trabajo “Facebook_Profile_Photo”.

Selecciona la herramienta Texto, elige un relleno de color blanco y escribe #PROUDTOLOVE usando los siguientes ajustes:

 Fuente: Bebas Neue

 Estilo de fuente: Regular

Tamaño de fuente: 100,49 pt

 Interlineado: 85,75 pt

 Tracking: 50

 Elige la opción de Centrar en el panel Párrafo

21-20202498514558.png

¡Maravilloso!

¡Ya puedes exportar tu creación y subirla a las redes sociales!

Espero que este tutorial haya sido útil y fácil de seguir.

Comparte tus diseños con todos y no dudes en preguntar si no entiendes algo.

¡Hasta la próxima!

22.png

By Freepik Academy

Compartir:

Comments