Как создавать шаблоны в instagram stories?
Как создавать шаблоны в Instagram Stories?



Сегодня мы хотели бы рассмотреть, как создавать шаблоны для Instagram Stories! Я проведу вас через создание целого набора соответствующих шаблонов, которые затем можно будет изменить и использовать для будущих рекламных акций, просто изменив шрифты и цвета.



Шаблоны для Instagram Stories идеально подходят для создания единого образа, который будет соответствовать вашему бренду и вписываться в эстетику вашей страницы. Вот почему мы сосредоточимся на создании целого набора простых, многократно используемых вариантов дизайна, а не на одном сложном шаблоне для Instagram.



Что Вам нужно:



Для завершения этого проекта вам понадобятся следующие ресурсы:



Maxwell Sans Small Caps Book

Модный шаблон Instagram Stories

Молодая темнокожая девушка в качестве натуры

Портрет афро-американской фитнес-леди

Портрет красивой женщины

Образ девушки в городе

Красивая африканская женщина в боди

Молодая темнокожая девушка



Ищите больше информации на Envato Elements!



1. Как создать простой шаблон Instagram Stories



Шаг 1

Создайте документ с разрешением 1080 × 1920 пикселей.



Шаг 2

Разместите и отцентрируйте свою модель или предмет на холсте.



Шаг 3

Используя Rectangle Tool, создайте прямоугольник, проходящий через нижнюю треть холста. Цвет не имеет значения!



Шаг 4

Добавьте эффект слоя Gradient Overlay к тексту, с переходом от красного # ff0300 к оранжевому # ff9000.



Шаг 5

Снова при помощи Rectangle Tool, создайте более толстый белый прямоугольник, проходящий через верхнюю треть холста.



Шаг 6

Используя шрифт Maxwell Sans Small Caps Book, напишите первую половину своего продающего слогана, такого как «Охота за ценами», используя темно-фиолетовый цвет # 2d163b.

Поместите это к верхней середине большего белого прямоугольника.

На панели Character добавьте интервал 300.



Шаг 7

Завершите слоган используя тот же шрифт, но жирный, большими буквами, без пробелов.

Шаг 8

Тем же шрифтом, что и «Охота за ценами», введите второй слоган над нижним прямоугольником, оставляя место для информации о скидках.

Измените его на белый и добавьте интервал 600.

Шаг 9

Используя шрифт Montserrat, установленный на Bold, введите процент скидки или другую информацию о продаже. Поместите его прямо над градиентом прямоугольника.



Шаг 10

В градиенте прямоугольника введите остальную информацию о продаже, используя шрифт Montserrat, установленный на полужирный и белый. Если вы создаете все шаблоны Instagram Stories в одном документе, подобном как у меня, сгруппируйте все и назовите группу «Story 1».



2. Как создать модный пузырьковый эффект

Шаг 1

Поместите вашу модель в центр вашего холста.

Шаг 2

Используя Ellipse Tool, создайте несколько больших красных кругов # b00a08 в нижнем левом углу холста.

Выберите все формы круга и щелкните правой кнопкой мыши> Merge Shapes.



Шаг 3

Повторите вышеуказанный шаг, создавая более меньшие круги.

Шаг 4

Установите форму круга в Color Dodge

Шаг 5

Используйте инструмент Line Tool, чтобы создать диагональную, ярко-красную линию # f20000 с 10 пикселями. Дублируйте и переверните линию горизонтально, подталкивая ее к исходной красной линии, чтобы создать форму стрелки. Еще раз щелкните правой кнопкой мыши> Объедините фигуры и поместите их в конец шаблона Instagram Stories.

Шаг 6

Используя шрифт Maxwell Sans Small Caps Book, напечатайте описание ваших товаров или информацию по продажам, например, «спортивная одежда», в виде очень большого текста.



Шаг 7

Используя инструмент Move, переверните текст на 90 градусов против часовой стрелки, поместив его на правой стороне холста.



Шаг 8

Добавьте к слою эффект Gradient Overlay, перейдя от красного # ff0300 к оранжевому # ff9000.



Шаг 9

Введите текст «Swipe» белым шрифтом Maxwell Sans Small Caps Book прямо под красной стрелкой.



Сгруппируйте все свои вторые слои Instagram-шаблона в группу под названием «Story 2».



3. Как создать эффект наложения пикселей

Шаг 1 Поместите вашу модель в центр вашего холста.



Шаг 2

Используя инструмент «Прямоугольник», создайте несколько разных ярко-розовых квадратов и прямоугольников # ec003a, фокусирующихся на левой стороне холста.

Уменьшите затененность (Opacity) всех квадратов до 50%.

Сгруппируйте все фигуры и назовите группу «Pixel Effect».



Шаг 3

Используйте инструмент Line Tool, чтобы создать диагональную белую линию с 10 пикселями.

Дублируйте и переверните линию горизонтально, подталкивая ее к исходной белой линии, чтобы создать форму стрелки. Щелкните правой кнопкой мыши> Объединить фигуры и поместите стрелку к нижней части шаблона Instagram Stories.



Шаг 4

Дублируйте стрелку, поместив ее примерно на 10 пикселей выше первоначальной стрелки.

Используя инструмент «Линия», добавьте прямую линию по обеим сторонам стрелки, выходящую за края холста.

Щелкните правой кнопкой мыши> Объединить фигуры после завершения.



Шаг 5

Используя шрифт Open Sans, установленный на полужирный вариант, введите наиболее важную часть вашей Stories большими буквами. Разбейте текст на две строки, чтобы увеличить размер нижней строки.



Шаг 6

Используя шрифт Maxwell Sans Small Caps Book, введите дополнительную информацию непосредственно под увеличенным текстом гораздо меньшим шрифтом.

Выровняйте шрифт слева.



Шаг 7

В завершении, шрифтом Montserrat, установленном на Bold и white, напечатайте «Swipe» прямо под стрелками, которые мы сделали.

Установите интервал 350.

Сгруппируйте все свои третьи слои шаблона Instagram в группу под названием «Story 3».



4. Как создать эффект дуотона (Duotone Effect)

Шаг 1

Поместите вашу модель в центр вашего холста.



Шаг 2

Создайте корректирующий слой с градиентом от темно-розово-фиолетового # 590a28 до розового # ff004e.



Шаг 3

Используя инструмент «Прямоугольник», создайте прямоугольник с такими же параметрами, что и у холста, но меньшего размера, по центру.



Установите Fill на None, а Stroke на 45 px и white, чтобы создать рамку.





Шаг 4

Используйте инструмент «Линия», чтобы создать две белые линии в нижней части холста с толщиной 10 пикселей.



Шаг 5

Ваш продающий текст создайте с помощью шрифта Maxwell Sans Small Caps Book, жирным шрифтом, поместив его к нижней части рамки и убедившись, что он достаточно большой.



Шаг 6

Используя шрифт Montserrat, введите «Узнать больше (Learn more)» в нижней белой области рамки темно-фиолетового цвета # 5a1953. Установите интервал 350.

Сгруппируйте все свои четвертые слои шаблона Instagram в группу под названием «Story 4».



5. Как создать текст с наклоном?

Шаг 1

Поместите вашу модель в центр вашего холста.

Шаг 2

Используя инструмент «Прямоугольник», создайте ярко-розовый прямоугольник # fe004e в нижней части холста.

Активировав Move Tool щелкните одну из точек трансформации, а затем щелкните правой кнопкой мыши> Перекос. Потяните за один из углов, чтобы создать эффект диагонали.



Шаг 3

Дублируйте форму, переверните ее горизонтально, а затем поместите немного выше оригинала. Установите обе формы на 50% непрозрачности (Opacity).

Шаг 4

Используйте инструмент Line Tool, чтобы создать диагональную белую линию с весом 10 пикселей.

Дублируйте и переверните линию горизонтально, подталкивая ее к исходной белой линии, чтобы создать форму стрелки.

Щелкните правой кнопкой мыши> Объединить фигуры и поместите стрелку к нижней части шаблона истории Instagram.



Шаг 5

Продублируйте стрелку, поместив дубликат стрелки примерно на 10 пикселей выше оригинала. C помощью инструмента «Линия (Line Tool)», добавьте прямую линию по обеим сторонам стрелки, выходящую за края холста. Щелкните правой кнопкой мыши> Объединить фигуры после завершения.



Шаг 6

Введите всю информацию по продаже, используя шрифт Maxwell Sans Small Caps Book. Упорядочите текст в три строки, начиная от самой маленькой до самой большой (по размеру).



Шаг 7

Выделите все три текстовых слоя и снова активируйте инструмент «Перемещение (Move Tool)», щелкните по одной из точек трансформации и затем щелкните правой кнопкой мыши> Наклонить. Потяните вверх в правом верхнем углу, чтобы создать эффект диагонали.

Вы должны постараться как можно лучше выровнять это с учетом наклона прямоугольников. Сгруппируйте все свои пятые слои Instagram шаблона в группу под названием «Story 5».





6. Как создать «огненный» цветной тематический шаблон

Шаг 1 Поместите вашу модель в центр холста.



Шаг 2

Создайте корректирующий слой с градацией от фиолетового № 5a1953 до красного # b00a08 и установите значение «Lighten (Светлее)».





Шаг 3

При помощи инструмента «Прямоугольник», создайте ярко-оранжевый # ff3500 небольшой прямоугольник в нижней части холста. Активируйте Move Tool (перемещение) и щелкните на одну из точек трансформации, а затем щелкните правой кнопкой мыши> Перекосите. Потяните за один из правых углов, чтобы создать эффект диагонали.





Шаг 4

Повторите вышеупомянутый шаг еще два раза или продублируйте предыдущий прямоугольник, создав два новых прямоугольника разных размеров, поместив больший в середине.

Цвет не имеет значения.



Шаг 5

Добавьте эффект слоя Gradient Overlay к новым двум верхним прямоугольникам от красного # ff0300 до оранжевого # ff9000.



Шаг 6

Введите информацию в три строки белым цветом, используя смесь шрифтов Maxwell и Montserrat.

Шаг 7

Выделите все три текстовых слоя и, используя активный инструмент «Move Tool (Перемещение)», щелкните одну из точек трансформации вокруг текста, затем щелкните правой кнопкой мыши> Наклонить. Потяните вверх в правом верхнем углу, чтобы создать эффект диагонали. Вы должны выровнять выровнять с учетом наклона прямоугольников. Поместите каждую строку текста в центр каждого оранжевого прямоугольника. Сгруппируйте все свои шестые слои шаблона Instagram в группу под названием «Story 6».



Мы сделали это! И теперь у вас есть набор настроенных и готовых к использованию в любое время шаблонов Instagram Stories! Так что, как всегда, продолжайте экспериментировать различными методами, и не забудьте опубликовать свою версию ниже, вместе с любыми вопросами, комментариями или критическими замечаниями!



Если вы ищете еще больше вариантов, или, может быть, просто хотите "поймать" вдохновение, попробуйте и посмотрите некоторые из готовых шаблонов Instagram Stories ниже!



Шаблон Stella

Этот шаблон Instagram Story фокусируется на нейтральных цветах и коричневых тонах. Файлы PSD легко адаптируются. Просто разместите ваше изображение с помощью смарт-объектов и настройте его с нужным вам текстом.



Шаблон Kit Instagram Story

содержит 12 высокодетализированных шаблонов, разработанных для Instagram. Однако вы также можете использовать дизайн в своем блоге, на странице Facebook и т.д.



MSKTR Instagram Stories



Этот пакет шаблонов отлично подходит для дизайнеров, блоггеров, основателей (компании) и предпринимателей. Измените текст, цвета, изображения, обводки и формы, чтобы добиться наилучшего результата. Смешивайте и сочетайте, чтобы создать свой собственный пост и добиться эффективного влияния на ваших подписчиков.



10 Stories в социальных сетях

Вы можете изменить все в этом шаблоне для Instagram Stories. Cоздать свой собственный дизайн, разместить логотип с цветом, который вы хотите, все! Хотите узнать больше?





Made on
Tilda