Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Instagram

Como hacer plantillas de historias de Instagram

by
Difficulty:BeginnerLength:MediumLanguages:

Spanish (Español) translation by Valeria Angulo (you can also view the original English article)

Final product image
What You'll Be Creating

¡Hoy veremos cómo hacer plantillas de historias de Instagram! Te guiaré a través de la creación de un conjunto completo de plantillas coincidentes que luego se pueden cambiar y reutilizar para futuras promociones con solo cambiar las fuentes y los colores.

Las plantillas para las historias de Instagram son ideales para crear un aspecto cohesivo que coincida con tu marca y se ajuste a la estética de tu página. Por eso nos centraremos en la creación de un conjunto de diseños simples y reutilizables, en lugar de una sola plantilla compleja para la portada de las historias de Instagram.

Lo que necesitarás

Necesitarás los siguientes recursos para completar este proyecto:

¡Encuentra más recursos en Envato Elements!

1. Cómo crear una plantilla simple de historia de Instagram

Paso 1

Crea un documento que sea de 1080 px por 1920 px.

Paso 2

Coloca y centra tu modelo o artículo en el lienzo.

place model

Paso 3

Usando la Herramienta de Rectángulo, crea un rectángulo que atraviese el tercio inferior del lienzo. ¡El color no importa!

create rectangle

Paso 4

Añade un efecto de capa de Superposición de Degradado al texto pasando de rojo #ff0300 a naranja #ff9000.

add gradient

Paso 5

De nuevo usando la Herramienta de Rectángulo, crea un rectángulo blanco más grueso que atraviese el tercio superior del lienzo.

create larger rectangle

Paso 6

Usando el tipo de letra Maxwell Sans Small Caps Book, escribe la primera mitad de tu eslogan de ventas como "La búsqueda del precio" usando un color púrpura oscuro #2d163b.

Colócalo hacia la mitad superior del rectángulo blanco más grande.

En el panel Caracter, añade un Espaciado de 300.Añade el subtítulo 

add subtitle

Paso 7

Termina el eslogan usando la misma fuente pero en negrita, letras más grandes, sin espacios.

add main text

Paso 8

Con la misma fuente que "La búsqueda del precio", escribe un segundo eslogan sobre el rectángulo inferior, asegurándote de dejar espacio para la información de descuentos.

Cámbialo a blanco, y añade un Espaciado de 600.

add sub text

Paso 9

Usando la fuente Montserrat en Negrita, escribe tu porcentaje de descuento u otra información de venta.

Colócalo directamente sobre el rectángulo degradado.

add discount amount

Paso 10

En el rectángulo degradado, escribe el resto de la información de venta usando la fuente Montserrat en Negrita y blanco.

Si estás creando todas tus plantillas de historias de Instagram en un solo documento como yo, agrupa todo, y nombra el grupo "Historia 1".

add gradient area text

2. Cómo crear un efecto de burbuja de moda

Paso 1

Coloca tu modelo en el centro de tu lienzo.

place second model

Paso 2

Usando la Herramienta de Elipse, crea unos grandes círculos rojos #b00a08 en la esquina inferior izquierda del lienzo.

Selecciona todas las formas de los círculos y haz clic con el botón derecho del ratón > Fusionar formas.

create circles

Paso 3

Repite el paso anterior, creando círculos más pequeños.

create second set of circles

Paso 4

Ponga las formas de los círculos en Sobreexponer Color.

set to color dodge

Paso 5

Use la Herramienta de línea para crear una línea diagonal, roja brillante #f20000 con un Peso de 10 px.

Duplica y voltea la línea horizontalmente, empujándola contra la línea roja original, para crear una forma de flecha.

Una vez más, haz clic con el botón derecho del ratón > Fusionar formas y colócala hacia la parte inferior de la plantilla de la historia de Instagram.

create arrow

Paso 6

Usando la fuente Maxwell Sans Small Caps Book, escribe la descripción de tus artículos o venta, como "ropa deportiva", en un texto muy grande.

add text

Paso 7

Usando la Herramienta de Mover, voltear el texto 90 grados en sentido contrario a las agujas del reloj, colocándolo en el lado derecho del lienzo.

flip text

Paso 8

Añade un efecto de capa de Superposición de Degradado al texto, pasando de rojo #ff0300 a naranja #ff9000.

add gradient to text

Paso 9

Termina de escribir "Desliza" en blanco usando la fuente Maxwell Sans Small Caps Book, directamente debajo de la flecha roja.

Agrupa todas tus segundas capas de plantilla de Instagram en un grupo llamado "Historia 2".

add swipe up prompt

3. Cómo crear un efecto de superposición de píxeles

Paso 1

Coloca tu modelo en el centro de tu lienzo.

add third model

Paso 2

Usando la Herramienta de Rectángulo, crea múltiples cuadrados y rectángulos de color rosa vivo #ec003a enfocando el lado izquierdo del lienzo.

Baja la Opacidad de todos los cuadrados al 50%.

Agrupa todas las formas y nombra al grupo "Efecto Píxel".

add pixel effect

Paso 3

Use la Herramienta de línea para crear una línea blanca diagonal con un Peso de 10 px.

Duplica y voltea la línea horizontalmente, empujándola contra la línea blanca original, para crear una forma de flecha.

Haz clic con el botón derecho del ratón > Fusionar formas y coloca la flecha hacia la parte inferior de la plantilla de la historia de Instagram.

create arrow

Paso 4

Duplica la flecha, colocando el duplicado unos 10 px sobre el original.

Usando la Herramienta de línea, añade una línea recta a ambos lados de la flecha que salga de los bordes del lienzo.

Haz clic con el botón derecho del ratón > Fusionar formas una vez hecho.

create longer arrow

Paso 5

Usando la fuente Open Sans en Negrita, escribe la parte más crucial de tu historia en letras grandes. Divídelo en dos líneas de texto para que puedas ampliar la línea inferior.

add title text

Paso 6

Usando la fuente de Maxwell Sans Small Caps Book, escribe la información secundaria directamente debajo del texto más grande en una fuente mucho más pequeña.

Alinea la fuente a la izquierda.

add sub text

Paso 7

Por último, con la fuente de Montserrat en Negrita y blanco, escribe "Desliza" directamente bajo las flechas que hicimos.

Pon el Espaciado de caracteres a 350.

Agrupa todas las capas de la plantilla de Instagram en un grupo llamado "Historia 3".

add swipe up prompt

4. Cómo crear un efecto Duotono

Paso 1

Coloca tu modelo en el centro de tu lienzo.

add fourth model

Paso 2

Crea una capa de ajuste de Degradado que va desde el rosa púrpura oscuro #590a28 al rosa #ff004e.

duotone image

Paso 3

Usando la Herramienta de Rectángulo, crea un rectángulo con la misma proporción que el lienzo pero más pequeño, asegurándote de centrarlo.

Pon el Relleno en Ninguno y el Trazo en 45 px y blanco para crear un marco.

create frame

Paso 4

Utiliza la Herramienta de Líneas para crear dos líneas blancas hacia el fondo del lienzo con un Peso de 10 px.

create double lines

Paso 5

Rellena tu información de ventas con la fuente Maxwell Sans Small Caps Book en Negrita, colocándola hacia la parte inferior del marco y asegurándote de que sea muy grande.

add header text

Paso 6

Usando la fuente Montserrat, escribe "Aprende más" dentro de la zona blanca inferior del marco, en un color púrpura oscuro #5a1953.

Establece el Espaciado de caracteres a 350.

Agrupa todas las capas de la plantilla de Instagram en un grupo llamado "Historia 4".

add sub text

5. Cómo crear un texto inclinado

Paso 1

Coloca tu modelo en el centro de tu lienzo.

add filth model

Paso 2

Usando la Herramienta de Rectángulo, crea un rectángulo rosado caliente #fe004e hacia el fondo del lienzo.

Con la Herramienta Mover activa, haz clic en uno de los puntos de transformación y luego haz clic con el botón derecho del ratón > Sesgar.

Levanta en una de las esquinas para crear un efecto diagonal.

create slanted rectangle

Paso 3

Duplica la forma, dale la vuelta horizontalmente, y luego colócala ligeramente más alta que la original. Pon ambas formas a un 50% de Opacidad.

duplicate slant

Paso 4

Usa la Herramienta de Línea para crear una línea blanca diagonal con un Peso de 10 px.

Duplica y voltea la línea horizontalmente, empujándola contra la línea blanca original, para crear una forma de flecha.

Haz clic con el botón derecho del ratón > Fusionar formas y coloca la flecha hacia la parte inferior de la plantilla de la historia de Instagram.

create arrow

Paso 5

Duplica la flecha, colocando el duplicado unos 10 px sobre el original.

Usando la Herramienta de línea, añade una línea recta a ambos lados de la flecha que salga de los bordes del lienzo.

Haz clic con el botón derecho del ratón > Fusionar formas una vez hecho.

create second arrow

Paso 6

Escribe toda la información de la venta usando la fuente Maxwell Sans Small Caps Book.

Ordena tu texto en tres líneas, yendo de la más pequeña a la más grande.

add main text

Paso 7

Selecciona las tres capas de texto y, una vez más con la Herramienta Mover activa, haz clic en uno de los puntos de transformación y luego haz clic con el botón derecho del ratón > Sesgar.

Levanta en el punto de la esquina superior derecha para crear un efecto diagonal. Intenta alinearlo con la inclinación de los rectángulos.

Agrupa todas las capas de tu quinta plantilla Instagram en un grupo llamado "Historia 5".

slant text

6. Cómo crear una plantilla temática de color fuego

Paso 1

Coloca tu modelo en el centro de tu lienzo.

add sixth model

Paso 2

Crea una capa de ajuste de Degradado que va de púrpura #5a1953 a rojo #b00a08 y ponla en Aclarar.

add gradient map color grade

Paso 3

Usando la Herramienta de Rectángulo, crea un rectángulo delgado de color naranja caliente #ff3500 hacia el fondo del lienzo.

Con la Herramienta Mover activa, haz clic en uno de los puntos de transformación y luego haz clic con el botón derecho del ratón > Sesgar.

Levanta una de las esquinas de la derecha para crear un efecto diagonal.

create slanted rectangle

Paso 4

Repite el paso anterior dos veces más, o duplica el rectángulo anterior, creando dos nuevos rectángulos de diferente tamaño, poniendo el más grande en el medio.

El color no importa.

create 2 more slanted rectangles

Paso 5

Añade un efecto de capa de Superposición de Degradado a los dos nuevos rectángulos superiores, pasando de rojo #ff0300 a naranja #ff9000.

add gradient map

Paso 6

Escribe tres líneas separadas de información en el color blanco usando una mezcla de las fuentes de Maxwell y Montserrat.

type out text

Paso 7

Selecciona las tres capas de texto y, con la Herramienta Mover activa, haz clic en uno de los puntos de transformación alrededor del texto, y luego haz clic con el botón derecho del ratón > Sesgar.

Levanta el punto de la esquina superior derecha para crear un efecto diagonal. Intenta alinearlo con la inclinación de los rectángulos.

Coloca cada línea de texto en el centro de cada rectángulo naranja.

Agrupa todas tus seis capas de la plantilla Instagram en un grupo llamado "Historia 6".

slant text

¡Lo hemos hecho!

¡Ahí lo tienes! ¡Un juego de plantillas de portadas de Instagram altamente personalizables, listas para cualquier cosa y en cualquier momento!

¡Así que, como siempre, sigue experimentando con diferentes técnicas, y no te olvides de publicar tu versión abajo, junto con cualquier pregunta, comentario o críticas!

final result

Si estás buscando más opciones, o tal vez solo algo de inspiración, ¡sigue adelante y comprueba algunas de las plantillas de historia de Instagram ya preparadas!

Stella - Plantillas de historia de Instagram

Esta plantilla de historia de Instagram se centra en colores neutros y tonos marrones. Los archivos PSD son fáciles de adaptar. Solo tienes que colocar tu imagen con objetos inteligentes y personalizarla con el texto que quieras.

Stella Instagram Story Templates

Kit de plantillas de historias de Instagram

El Kit de Plantillas de Historias de Instagram contiene 12 plantillas muy detalladas diseñadas para Instagram. Sin embargo, también puedes utilizar el diseño en tu blog, página de Facebook, etc.

Instagram Story Template Kit

MSKTR - Historias de Instagram

Este paquete es ideal para diseñadores, blogueros, creadores y emprendedores. Cambia el texto, los colores, las imágenes, los trazos y las formas para lograr el mejor resultado que deseas. Mezcla y combina para crear tu publicación personalizada y lograr el mejor impacto en tus seguidores.

MSKTR Instagram Stories

QUEEN Historias de Instagram

Con un enfoque en los rosas pastel y el diseño minimalista, este paquete de plantillas es perfecto para mostrar tus imágenes o informar a tu audiencia cuando se está produciendo una venta.

QUEEN Instagram Stories

10 Historias de redes sociales

Puedes modificar todo sobre esta plantilla de portada de historia de Instagram. ¡Coloca tu propio diseño, coloca el logo de color que quieras, todo!

10 Social Media Stories

¿Quiere saber más? Por qué no echas un vistazo a los siguientes excelentes tutoriales de manipulación de fotografías:

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.