Создаем в Фотошоп шаблоны для сторис

Как сделать шаблон для инстаграм в фотошопе

Дизайнерам, знакомым с программой Adobe Photoshop, покажем как сделать шаблоны для инстаграм самостоятельно. Будем делать шаблон в ленту постов. В итоге, создадим такую картинку:

  1. Открываем фотошоп.
  2. Создаем новый документ (Ctrl N).
  3. Задаем размер шаблона для инстаграм 1080px*1080px.
  4. На панели инструментов выберем прямоугольник (Rectangle Tool).
  5. Щелкнем в любом месте документа, чтобы открылось окно настроек прямоугольника.
  6. Зададим размеры: ширина 1080, а высота на усмотрение, например, 200 px и нажмём OK.

В верхней панели поменяем цвет прямоугольника и уберём у него обводку.

Теперь подровняйте прямоугольник:

  1. На панели инструментов выберем инструмент Move Tool или нажмём клавишу V.
  2. Далее нажимаем Ctrl A (выделить все) и в верхней панели нажимаем на кнопки “Выровнять по центру” и “По нижнему краю”.
  3. Затем Ctrl D для снятия выделения.

Теперь наш прямоугольник внизу:

Сделаем из прямоугольника волну.

Трансформация фигуры

Идём в меню Edit – Transform – Wrap. Инструмент трансформирования гибко меняет контур фигуры.

Для этого тянем в стороны за «рычаги» до тех пор, пока очертания «волны» нас не устроят:

Для завершения трансформирования нажмём на галочку на верхней панели. Сделаем копию с прямоугольником, проще это сделать, если зажать Ctrl, кликнуть по слою и потянуть вниз.

Чтобы не путаться в копиях (их ещё будет много), пронумеруем слои.

Трансформируем второй слой. Нажмём Ctrl T или в меню Edit – Free Transform. Требуется увеличить высоту фигуры так, чтобы нижняя часть осталась неизменной. По умолчанию трансформация происходит из середины фигуры.

Зададим другие варианты. В верхней панели найдём вот такой квадрат и передвинем вниз точку трансформации:

Здесь же поменяем высоту фигуры – в поле Height введём нужное значение, можно к цифре добавить через математическое выражение, например, +60 px.


Если в полях ширины и высоты указаны проценты вместо пикселей, то кликните правой кнопкой мыши по любому из этих полей и выберите пиксели.

Теперь дважды щелкнем по миниатюре фигуры No2, чтобы поменять цвет фигуры на светлый.

Продублируем второй слой, переименуем копию в No3 и произведём те же шаги:

  1. Трансформация изображения.
  2. Увеличение высоты.
  3. Смена цвета.

Выделим три волны и объединим в группу для удобства Ctrl G. Переименуем группу в «нижняя фигура». В результате удалось сделать шаблон для инстаграм с фиолетовой волной:

Нижняя часть шаблона готова, создадим верхнюю половину.

Создание верха заготовки

Чтобы создать шаблон для инстаграм целиком, добавим верхнюю фигуру:

  1. Берём прямоугольник, устанавливаем ширину 1080 px и высоту 80 px.
  2. Убираем обводку, заливку делаем такого же цвета, как нижняя фигура.
  3. Выравниваем по центру и по верхнему краю.
  4. Идём в меню Edit – Transform – Wrap.

На этот раз будем «выгибать» фигуру не вручную, а воспользуемся заготовками.

Найти шаблоны можно в верхней панели. Возле надписи Wrap в выпадающем меню выберем Arc Lower и поменяем значение Bend на 15%.

Нажимаем на галочку для завершения трансформирования.

Далее дублируем этот слой, копию называем No2, нажимаем Ctrl T или в меню Edit – Free Transform.

Требуется поменять точку трансформации (точку ещё называют anchor point), но теперь anchor point будет сверху.

Изменим высоту фигуры и цвет так же, как в прошлый раз.

Сделаем копию, переименуем её в слой No3 и произведём те же шаги. Получится так:

Объединим три фигуры в группу и назовем группу «верхняя фигура». Уменьшите высоту обеих фигур.

Встаём на слой с нижней группой, нажимаем Ctrl T, передвигаем точку трансформации вниз и вручную уменьшаем высоту.

Повторяем действия с верхней фигурой. Так смотрится получше:

Фиолетовые фигуры плоские, придадим объема.

Создание объёма

Будем это делать на нижней фигуре, а потом повторим для верхней. Чтобы сделать шаблон для инстаграм в фотошопе объёмным, сначала добавим первому слою внутреннее свечение (Inner Glow).

Итак, дважды щёлкаем по фигуре No1, чтобы открылось окно Layer Style, выбираем пункт Inner Glow и выставляем такие параметры:

Цвет берём светлее фонового. Впрочем, параметры могут и отличаться, смотрите по результату.

А объекту No2 добавим тень.

Дважды щёлкнем по слою, в окне Layer Style выберем пункт Drop Shadow и сделаем настройку:

Затем применим такие же стили к слоям верхней фигуры.

Чтобы не настраивать стили заново, – скопируйте. Встаём на первый слой нижней фигуры, нажимаем правую кнопку мыши и в появившемся меню выбираем Copy Layer Style.

Затем переходим на первую фигуру верхнего слоя, правая кнопка мыши и выбираем Paste Layer Style. И также с остальными.

Теперь приступим к созданию бликов.

Эффекты с бликами

Чтобы сделать шаблоны для инстаграм в фотошопе с эффектом бликов:

  1. Инструментом эллипс нарисуем круг диаметром 150 px.
  2. Уберем обводку, а в качестве заливки выберем радиальный градиент от белого к черному.
  3. Уменьшим непрозрачность у маркеров градиента. У белого цвета ползунок непрозрачности поставим на 80%, а у черного на 0%.

У слоя с эллипсом поменяем режим наложения, вместо Normal выберем Linear Dodge.

Если блик кажется слишком ярким, уменьшите непрозрачность.

Далее готовый блик копируем и распределяем по фигурам.

Чтобы блики не выглядели одинаковыми, меняйте размер фигур, непрозрачность, попробуйте другие режимы наложения:

Выделим блики и объединим в группу.

Эффект боке

Теперь создадим эффект боке. Для этого понадобится картинка с текстурой. Например, такая:

Чтобы создать шаблон для инстаграм в фотошопе с эффектом боке, добавим картинку в наш документ. Затем применим к шаблону корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность).

Делайте это через меню Layer – New Adjustment Layer – Hue/Saturation или внизу палитры Layers нажать значок.

Придадим картинке фиолетовый оттенок

Выделим картинку вместе с корректирующим слоем, затем ПКМ – Convert to Smart Object.

Назовём получившийся слой «боке» и применим к нему фильтр Filter – Blur Gallery – Field Blur. Настраиваем по усмотрению.

Нажимаем OK.

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

Слой боке можно увеличить или уменьшить, отразить по горизонтали или по вертикали, уменьшить непрозрачность, смотрите по ситуации.

В нашем случае боке сильно перекрывает лицо девушки, чтобы это исправить применим маску.

Встаем на слой с боке и добавляем маску – нажимаем на значок внизу окна Layers.

Затем берём мягкую круглую кисть и сделаем пару мазков черным цветом на маске:

И в конце добавим текст. В нашем случае это будет текст — заглушка для примера.

Наш шаблон для инстаграма готов.

Как получить готовый шаблон

Если нет времени и желания самостоятельно составлять Инста-макеты, то можно воспользоваться коллекцией готовых. Найти их можно в приложениях или взять в помощники менеджера, который поможет составить визуал.

  1. группы в социальных сетях;
  2. страницы других блогеров;
  3. тематические форумы;
  4. Инстаграм-магазины веб-дизайнеров и т.д.

Если профиль рассчитан на широкую аудиторию и уже имеет более 5 000 подписчиков, то можно потратить денежные средства на коррекцию визуала или на составление нового. Не стоит переживать о потраченных деньгах, потом они вернутся в двойном размере.

Взять макеты можно на специальных сервисах:

  1. – источник интересных идей, а также хранилище общих фото. В этом приложении размешены изображения, которые стекаются из разных социальных сетей и не только. Можно также добавлять свои пины, чтобы другие тоже вдохновлялись и брали идеи для своих профилей.
  2. Pngtree – хранилище фонов и эффектов, которые при правильной комбинации помогут придать профилю неповторимый стиль. Шрифт из коллекции приложения можно выбрать самостоятельно.
  3. – сервис только для обладателей Айфонов. Представляется фактическим аналогом Pinterest. Можно настроить приложение так, что оно поможет привлечь новую аудиторию на страницу.
  4. Kalininlive – размещает фотографии и другие медиа файлы, которые освещают любое событие, происходящее в мире. Там можно вдохновиться на создание новых снимков для построения качественного шаблона. Очень ярко представлен каталог с путешествиями.

Лучшие приложения Instagram Story Template

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

Инструкция по созданию Инстамакетов своими руками

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

Обработка подразумевает следующие ключевые составляющие:

  1. Фильтры. На снимки должен быть наложен одинаковый фильтр. На каждую фотографию лучше всего накладывать одинаковый пресет, чтобы посты смотрелись гармонично.
  2. Текст. При употреблении букв или надписей в изображении, важно обращать внимание на его читаемость. Все буквы должны хорошо просматриваться на общем фоне. Поэтому желательно помещать светлый текст на темный фон.
  3. Съемка. Главное условие – фотографии соответствуют блогу. Соответственно, креативы для визуала должны быть подходящими. Нельзя постоянно размещать фотографии с присутствием одного и того же объекта, снимки должны чередоваться.
  4. Цвета. Фотографии должны быть в единой цветовой гамме. Строгие цвета в основном употребляются для оформления бизнес-шаблонов или крупных компаний, более светлые – для формата life-style.

Рассмотрим самостоятельное составление макетов более подробно.

Фирменные цвета и шрифты от The Wing

Международный центр сотрудничества, The Wing объединяя их гармоничную цветовую палитру с фирменными, информативными Instagram Stories, мы чувствуем себя уютно внутри.

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

Вывод

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

Adblock
detector