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

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

Туториал как сделать шаблон для инстаграм в фотошопе, и самостоятельно создать оформление для постов и сторис в редакторах Canva и Pics Art.

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

Дизайнерам, знакомым с программой 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. Настраиваем по усмотрению.

Картинка как применить фильтр Field Blur

Нажимаем OK.

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

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

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

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

Встаем на слой с боке и добавляем маску – нажимаем на значок Пиктограма из меню фотошопа внизу окна Layers.

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

Картинка создание маски в шаблоне

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

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

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

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

Заходим на главную страницу Канвы.

В разделе «Создать дизайн» выбираем «Публикация в Instagram» или в настраиваемых размерах задаём ширину и высоту 1080px*1080px.

По сравнению с Фотошопом функционал Канвы сильно ограничен. Здесь нет режимов наложения, стилей слоя и много другого.

В Канве применяют фильтры к фотографии, настраивают яркость и контраст, насыщенность и добавляют виньетку.

Тем не менее, если у вас не установлен фотошоп или не хотите разбираться, то Канва – это выход. В канве сделать шаблон для инстаграм можно бесплатно и быстро.

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

В готовом трафарете настраивайте: фото и текст, цвета элементов, удаляйте или, наоборот, применяйте графику. Затем скачивайте на компьютер.

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

Как сделать заготовку для поста в picsart

Pics Art – мобильный редактор, с функционалом, напоминающим Фотошоп. Разработчики дают бесплатный доступ и расширенный функционал за деньги. В программе Pics Art редактируют как фото и картинки, так и видеоролики.

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

Внизу главной страницы размещена кнопка “+”. Кликаем на плюс.Перелистываем ниже, в разделе “Рисунки” выбираем пункт “Холст”. Здесь устанавливаем параметры рабочей области, либо задаём значения вручную.

Сделаем картинку для поста из готового шаблона.

Бесплатные шаблоны для инстаграм в одном стиле скачивайте на нашем сайте.

  1. Для этого задаем квадратную ориентацию 1080 на 1080 пикселей.
  2. Подготовленную заранее заготовку загружаем в телефон. Рекомендуем пользоваться шаблонами для инстаграм в телефоне в формате png. В заготовке оставьте место, куда будем вставлять фотоснимок.
  3. В нижнем углу установлена опция “Слои”. Кликайте на “Слои”.
  4. Добавляйте фотоизображение на верхний новый слой.
  5. Кликайте на кнопку “+”, далее на опцию “Фото”.
  6. Отмечает изображение для вставки и жмём “ОК”.
  7. Растянем изображение за светлые точки на полях снимка. Фото зафиксируется на рабочей области, после нажатия на пустые поля вокруг снимка.

Настройка размера

Установим стандартный размер шаблона:

  1. Кликайте на опцию “Слои”.
  2. Фоновый слой с фотографией требуется выделить. Жмёте на значок “Меню”,
  3. Отмечаете опцию “Преобразить”.

Теперь можно менять размеры изображение, и перемещать снимок пальцами как угодно.

Снимок требуется задвинуть под шаблон – в пункте Слои выбираем слой с фотографией и перемещаем вниз. Нажимаем кнопку “Слои”. Готово.

Чтобы удалить фотографию, заходим в “Слои”, отмечает фон с ненужным изображением, кликаем на “Корзину”.

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

Добавляем надпись

Для того, чтобы сделать картинку с надписью для инстаграм:

  1. кликайте “Далее”.
  2. Затем “Редактировать”.
  3. В открывшемся меню кликайте на “Текст”. В поле делайте надпись.
  4. Далее, открываем новое меню, где сможем править тексты. Появится возможность редактировать цвет и менять тени с обводкой.

В PicsArt русских шрифтов мало. Рекомендуем скачивать дополнительные в интернете. Переместите текст в ту рабочую область, где хотите создавать картинки с надписями для инстаграм. Готово, надпись добавлена.

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

Готовые шаблоны для инстаграм различают трех видов:

  1. Векторные (для редактирования в Иллюстраторе или другой векторной программе). Шаблоны в формате .eps или .ai.
  2. Для Фотошопа (в формате .psd).
  3. В формате .png (подходят для редактирования на мобильных устройствах).

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

Шаблоны в формате .png тоже с недостатками. Ведь это, картинка, только с прозрачными областями для добавления фото. Поэтому, если решили пользоваться шаблонами для инстаграм в .png, проследите, чтобы на шаблоне не было лишнего текста.

Текст в png – заготовке нельзя отредактировать.

Шаблоны в .psd формате – самый пластичный вариант. Заготовки в psd рекомендуем:

  1. Применять как шаблон для создания маски в инстаграм.
  2. Использовать шаблоны для бесконечной ленты инстаграм.
  3. Делать картинки для сторис.

Как редактировать готовый шаблон в фотошопе

Скачанный в интернете шаблон в .psd формате, откроем в фотошопе и отредактируем под себя:

Картинка зелёный шаблон для инстаграм

Откроем панель Layers и посмотрим, из чего состоит шаблон. Заготовка структурирована, элементы в отдельных группах, слои и группы подписаны:

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

В первую очередь поменяем фотографию.

Открываем папку Image и дважды кликаем по смарт объекту (слой с надписью Place Your Image Here).

Смарт – объекты всегда открываются в новом окне, сюда мы и вставим свою фотографию.

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

Предыдущее фото удалите, затем сохраните и закройте.

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

Картинка с новой фотографией в шаблоне

Дальше заменим зелёный цвет элементов.

Идём в папку Design. В папке три прямоугольника. Поменяем сначала цвет рамки.

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

Картинка шаблон в новом цвете

Теперь поменяем цвет тёмно – зелёных элементов. Это тоже прямоугольники, но с заливкой.

Чтобы поменять цвет заливки, дважды щелкните по миниатюре слоя. После этого откроется палитра, выберем, например, тёмно – фиолетовый.

Картинка как сменить цвет в заготовке через фотошоп

Повторите действия со светло-зелёным фоном. Для него выберем светло-фиолетовый.

Вот что получилось:

Картинка шаблон с фиолетовым фоном

К фотографии применён корректирующий слой Gradient Map и выглядит снимок не красиво. Можно  удалить или отключить корректирующий слой и добавить собственный вариант.

Внизу палитры Layers нажимаем на значок корректирующего слоя Пиктограмма корректирующий слой фотошопа и выбираем Solid Color.

Здесь подберём фиолетовый фон для фото в инстаграм. Далее поменяем у корректирующего слоя режим наложения на Soft Light.

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

Картинка как уменьшить прозрачность изображения в фотошоп

В шаблоне можно также поменять текст, добавить логотип.

Оставим этот вариант и рассмотрим вопрос о том, как вставить в шаблон видео.

Как вставить видео в пост

Иногда вместо картинки требуется сделать видео шаблон для инстаграм.

Берём и перетаскиваем заранее приготовленный ролик на наш шаблон. Если видео окажется поверх слоев, то нужно перетащить ролик вниз, в папку Image под корректирующий слой.

Размер видео меняйте как у картинки. Когда в документе появится видео, то автоматически откроется окно Timeline. Если этого не произошло, то зайдите в меню Window – Timeline.

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

Теперь, чтобы сохранить шаблон в формате видео заходим в меню File – Export – Render Video.

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

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

Видео готово. Вот что получилось:

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

Оцените статью
Instapik
Добавить комментарий