Как сделать шаблон в инстаграм в фотошопе
Данный урон поможет создать шаблон поста для Instagram. Под силу будет даже новичку. Дополнен уникальными скриншотами.
p, blockquote 1,0,0,0,0 -->
Научимся в этом уроке создавать в Photoshop простой пост для Instagram, который сможет осилить даже новичок. После инструкций сможете сделать свои уникальные и неповторимые шаблоны, подходящие под вашу тематику. Итак, приступим!
p, blockquote 2,0,0,0,0 -->
1. Создаем новый документ, в котором указываем такие значения:
p, blockquote 3,0,0,0,0 -->
- имя файла (можно так и назвать «Шаблон для постов»);
p, blockquote 4,0,0,0,0 -->
- ширину и высоту поста (1080 х 1080 пикселей);
p, blockquote 5,0,1,0,0 -->
- разрешение 72 пикс/дюйм;
p, blockquote 6,0,0,0,0 -->
- цветовой режим RGB;
p, blockquote 7,0,0,0,0 -->
p, blockquote 8,0,0,0,0 -->
После установленных значений нажимаем «Ок». Все изображения в данной статье кликабельны, тык для увеличения =)
2. На рабочей зоне появился новый документ квадратного вида с белым фоном. Перемещаем на него выбранную картинку для будущего поста. Она будет размещена на новом слое.
p, blockquote 10,1,0,0,0 -->
3. По необходимости меняем ее размер. Для этого заходим в «Редактирование» и выбираем «Свободное трансформирование» или один из других видов в другой вкладке. Например, можно сделать поворот, наклон и добавить искажение.
p, blockquote 11,0,0,0,0 -->
4. Возвращаемся к основному фону и создаем новый слой, где размещаем квадрат с любой заливкой цвета.
p, blockquote 12,0,0,0,0 -->
5. Выделяем самый верхний слой, где размещена картинка. Кликнем правой мышью и выбираем «Создать обтравочную маску».
p, blockquote 13,0,0,0,0 -->
6. Можно увидеть моментальный результат – фотография приобрела форму фигуры, размещенной на предыдущем слое.
p, blockquote 14,0,0,0,0 -->
7. Вновь возвращаемся к основному фону и создаем новый слой. Создаем большой квадрат с новой заливкой цвета. Допустим это будет серый цвет, который подходит под тематику данного поста.
p, blockquote 15,0,0,1,0 -->
8. Переходим к самому верхнему слою и выбираем в левой панели инструмент «Эллипс».
p, blockquote 16,0,0,0,0 -->
p, blockquote 17,0,0,0,0 -->
10. Создаем второй круг, который будет больше первого. Слой с ним размещаем чуть ниже. Выделяем эти два слоя с геометрическими фигурами и перемещаем их в цент фотографии. Затем с правой стороны делаем их полупрозрачными. Для этого двигаем ползунок «Непрозрачности» до 50%.
p, blockquote 18,0,0,0,0 -->
11. Следующим слоем станет создание нужного текста. Для этого используем подходящий шрифт, размер и цвет. Для такого делового поста в Instagram используем черный цвет и шрифт Impact. Для верхнего слоя подбираем размер шрифта 102 пт, а для нижнего – 60 пт. Дополнительно можно добавить номер телефона и контакты.
p, blockquote 19,0,0,0,0 -->
12. Разбавим этот серый пост тонкой разноцветной рамкой. Для этого переходим ко второму слою и создаем новый в виде квадрата. Подбираем ему градиентную заливку, состоящую из нескольких цветов. Сохраняем готовый шаблон поста в формате JPEG и PDF.
p, blockquote 20,0,0,0,0 -->
Получился готовый пост для Instagram, а при помощи файла со слоями можно добавлять новые фотографии для дальнейших работ.
В статье описаны два способа как сделать обложку для актуального в инстаграм в программе Фотошоп и онлайн-редакторе Канва и лайфхак как установить обложку на видео в сторис.
Обложка для актуальных сториз в Фотошоп
Обложки для актуальных сториз в инстаграме делают двух размеров: 1080*1920 или квадрат. Так как отображаться будет только центральный кружочек, то нет смысла соблюдать размер обложки для актуальных историй в инстаграм. Поэтому мы будем показывать на примере квадрата.
Открываем фотошоп, нажимаем Ctrl N для создания нового документа и задаём размеры. Инстаграм в любом случае сожмёт картинку. Чтобы сохранить хорошее качество, размер сделаем побольше, например 800*800 px.
- На панели инструментов выбираем эллипс (Ellipse Tool).
- Кликаем по документу и задаем размер эллипса, пусть это будет 790*790.
- Убираем заливку и оставляем обводку в 1 пиксель любого цвета.
- Нажимаем Ctrl A (выделить всё).
- На верхней панели нажимаем на выравнивание по центру (по горизонтали и по вертикали).
Не забудьте снять выделение (Ctrl D).Теперь наш круг расположен в центре документа.
Окружность нужна для ориентира – будем вписывать в неё наш дизайн. Это нужно, чтобы при добавлении обложки для актуального, ничего не вылезло за границу круга.
Встаньте на слой Background, внизу нажмите на значок корректирующего слоя и выберите Gradient Fill.
Здесь поменяйте тип градиента на радиальный, и задайте цвета.
Градиент идёт от светлого цвета до тёмного, причем между собой цвета должны чуть-чуть отличаться, чтобы смотреться естественно. Нажимаем OK.
Теперь добавим иконку. Иконок для бесплатного скачивания много в интернете, главное, чтобы картинки для инстаграм были в .jpg-формате.
Стандартные шаблоны для актуальных историй в png и psd форматах скачивайте на нашем сайте.
Перетаскиваем иконку на документ поверх всех слоев.
Теперь слой с эллипсом перетянем вниз под слой с градиентом. Уберём у эллипса обводку и добавим белую заливку (цвет заливки не имеет значения).
После этого встаём на слой с градиентом, нажимаем ПКМ и выбираем пункт Create Clipping Mask. Слой Background можно отключить или удалить.
Сейчас иконка выглядит банально и скучно, добавим к 2 — 3 эффекта.
Добавление эффектов в иконки
Внизу палитры Layers нажимаем на кнопку эффектов и выбираем Color Overlay.
Выбираем светло-голубой цвет
Не закрываем окно Layer Style, переходим в пункт Inner Shadow.
Далее переходим в пункт Inner Glow.
Выставляем такие настройки:
И последний пункт – Drop Shadow.
Применим такие настройки:
Вот такая обложка для истории в инстаграм у нас получилась, теперь шаблон сохраним в .jpg-формате, чтобы осталась прозрачность.
Но, для оформления аккаунта требуется не одна, а три или четыре варианта пиктограмм для сториз.
Создание миниатюр в едином стиле
Сделать остальные шаблоны для инстаграм сторис в одном стиле будет намного проще. Перетаскиваем в наш документ новую иконку, выравниваем по центру.
Чтобы заново не настраивать стили для новой иконки, скопируем фон для фотошопа инстаграм у первой.
- Встаем на первую иконку.
- Нажимаем ПКМ.
- Затем Copy Layer Style.
- Переходим на вторую иконку — ПРМ — Paste Layer Style, видимость первой иконки отключаем.
Готово, теперь проделываем тоже с остальными иконками.
Кстати, если вы сделали сложный стиль и хотите его использовать в других документах, то настройка стиля сохраняется.
Для этого откройте палитру стили в меню Window – Styles и в самом низу нажмите на значок с загнутым уголком , появится вот такое окошко
Нажмите OK. Теперь ваш стиль сохранился.
Видеоролик по теме как сделать обложку для актуального в инстаграм в фотошопе длиной 11 минут.
Как сделать иконку для сториз в Канве
Теперь рассмотрим как сделать обложки для актуальных историй в Канве. Редактор Canva не требуется скачивать на компьютер. Софт позволяет создать обложки для сторис в инстаграм онлайн на сайте компании — разработчика.
- Заходим на главную станицу Канвы.
- Задаём размеры квадрата, например 800*800 пикселей.
- Нажимаем на кнопку Создать дизайн.
Для начала добавим круглую рамку, в которой будет расположен наш дизайн.
- Идём в Элементы – Рамки и выбираем самую первую в списке – обычную круглую.
- Тянем рамку за края, чтобы увеличить размер, оставим чуть меньше, чем сам документ – 795 px.
- Затем идём в верхнее меню Расположение и выравниваем сетку по центру.
Теперь добавим в круг фон.
Можно либо сделать фон для истории в инстаграм из стандартных расцветок канвы, либо поместить внутрь готовую фотографию или картинку.
Брать картинки из раздела Фон не нужно, потому что в этом случае изображение ляжет под круг, а нужно, чтобы картинка лежала внутри круга.
Поэтому идём в раздел Фото.
Выбираем креативные фото в инстаграм по вкусу и перетаскиваем фон внутрь круга.
Сверху добавьте текст или иконку. Чтобы загрузить обложку для актуального в инстаграм переходите в раздел Элементы.
Например, мы выбрали такой:
Но здесь скрывается одна проблема – если требуется не одна иконка, а десяток, то желательно, подобрать шаблоны для инстаграм в одном стиле. Но найти в Канве пару шаблонов в одном стиле непросто, потому что картинки рисуют разные авторы.
В таком случае иллюстрации подбирайте на других сайтах, а потом загружайте в Канву.
Обложки для вечных сторис в инстаграм скачивайте на нашем сайте.
Когда обложка готова — сохраним картинку для историй в инстаграм:
Теперь готовая иконка для вечных историй в инстаграм может занять место в профиле.
Ролик по теме как создать обложку для актуального в инстаграм в онлайн-редакторе Canva. Длина инструкции 15 минут.
Создать картинку для актуального в инстаграм онлайн можно и в программе PicsArt. Это мобильное приложение для создания обложек в инстаграм для смартфонов. Разработка пригодится блогерам, оформляющим аккаунт без стационарного компьютера.
Как сделать обложку для видео в инстаграм
Когда добавляете в ленту ролик, то в качестве обложки инстаграм по умолчанию ставит первый кадр. Можно самому установить стартовое изображение, но выбрать можно только один из кадров.
Можно пойти на хитрость – перед загрузкой медиа-файла нажать на опцию «выбрать несколько» и под номером один выбрать обложку для видео в инстаграм, а под номером два – ролик.
Но здесь одно неудобство – чтобы посмотреть видео, пользователям нужно сначала перелистнуть обложку. И если изображение не заинтересует подписчика, то зрители могут и не узнать, что следующий слайд – это видео.
Самый лучший способ решения проблемы – это подготовить красивые картинки для истории в инстаграм, а потом встроить картинку в первые кадры видео.
Сделать это можно в фотошопе.
Возьмите, например, вот такой ролик:
Но какой бы кадр мы не выбрали, картинка будет выбиваться из дизайна аккаунта.
Поэтому открываем видео в фотошопе. При этом автоматически откроется окно Timeline, которое нужно для редактирования видео.
Если окно не появилось, то зайдите в меню Window – Timeline
Сюда же добавим заранее приготовленную картинку, чтобы поставить обложку на видео в инстаграме.
Далее работа будет происходить в окне Timeline.
Мы видим здесь сверху обложку с фиолетовой шкалой и под изображением видеоролик с голубой шкалой.
Картинка занимает половину времени ролика, поэтому отодвинем фиолетовую шкалу влево:
Теперь отодвиньте вправо шкалу видеоролика, потому что начало ролика перекрывается картинкой.
В принципе, можно оставить и так, но лучше сделать красивее.
Эффект исчезновения картинки
Переход от обложки к видео происходит резко. Это можно изменить с помощью свойства Opacity – картинка будет постепенно исчезать и на месте изображения будет проявляться ролик с котом.
Если кликнуть на стрелку на слое Image, то мы увидим список свойств, которые можно анимировать.
Передвинем синий бегунок таймлайна на середину фиолетовой шкалы, затем нажмём на значок часов возле Opacity.
На временной шкале появится желтый ромбик – это ключевой кадр. Передвинем синий бегунок на конец фиолетовой шкалы и здесь нам нужно непрозрачность слоя с картинкой свести к нулю.
Идем в окно Layers и у слоя Image ставим Opacity 0%
При этом новый ключевой кадр создастся автоматически.
Передвинем влево шкалу ролика, на то место, где располагался первый ключевой кадр. Значит, видео будет начинаться в тот момент, когда картинка начнет потихоньку исчезать:
Вот теперь переход выглядит так, как нужно. Сохраним наш ролик.
Для этого идём в меню File – Export – Render video. Здесь укажем папку для сохранения, размер видео, частоту кадров и нажмём Render.
Вот такую нам удалось сделать обложку на видео в инстаграме:
Теперь, чтобы сделать обложку для видео в инстаграм не нужны никакие манипуляции. Картинкой будет по умолчанию первый кадр видео и это будет соответствовать единому дизайну инстаграма.
Пишите вопросы по теме как сделать обложку для актуального в инстаграм в комментариях.
Творческий подход к ведению своего Instagram-аккаунта позволит вам привлечь больше подписчиков и лайков. В это уроке вы узнаете, как создать шаблон анкеты для сторис в Instagram.
Сложность урока: Легкий
Творческий подход к ведению своего Instagram-аккаунта позволит вам привлечь больше подписчиков и лайков.
В это уроке я покажу вам, как создать шаблон-опросник для историй в Instagram. Мы будем использовать декоративные шрифты и яркий фон. Урок очень простой, так что у вас не должно возникнуть трудностей. Больше качественных шрифтов и других ресурсов вы сможете найти на сайте Envato Elements.
Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.
Шаг 1
Начинаем с выбора правильного размера. Для Instagram-историй устанавливаем размер на 1080х1920 пикселей. Этого будет вполне достаточно.
Затем выбираем фон. Я буду использовать яркий акварельный узор из набора на Envato Elements.
Копируем и вставляем узор на рабочий документ, затем корректируем его расположение с помощью инструмента Move Tool (V) (Перемещение). Далее берем Rectangle Tool (U) (Прямоугольник) и рисуем белый прямоугольник, который мы потом будем заполнять гифками. Немного отступаем от краев документа. Уменьшаем Opacity (непрозрачность) прямоугольника до 90%, чтобы немного просматривался фон.
Шаг 2
С помощью разных шрифтов пишем заголовки.
Я использовала рукописные шрифты Beasty и Summer. После этого рисуем бежевую окружность, используя Ellipse Tool (U) (Эллипс). Дублируем (Ctrl+J) ее несколько раз, распределяем копии по шаблону и в заголовках добавляем забавные вопросы.
Не забудьте внизу перед публикацией добавить адрес вашего профиля в Instagram! Наполняем окружности анимированными гифками и готово.
Социальные сети уже давно перестали быть предметом общения. Все больше и больше это инструмент заработка. И чем выше ваша популярность, чем больше у вас подписчиков – тем больше вы сможете заработать. Но все дело в том, что что подписчиков нужно не просто собрать, но и удержать. В том же Instagram – нужно постоянно делать отличные новостные ленты, чтобы люди могли следить за вами с интересом. И в сегодняшней статье мы расскажем вам, как можно сделать такую ленту при помощи Photoshop.
Изначально нужно создать рабочую область. Для этого заходим в «файл», выбираем «создать» и задаем будущие параметры. В нашем примере область будет 3240 на 2170 пикселей с разрешением 70 пикселей на дюйм. После этого активируем панель линеек комбинацией горячих клавиш Ctrl+R.
Теперь нужно распределить линейки. Чтобы все сделать максимально просто и точно, вверху окна нажимаем на «редактирование» и внизу находим клавиатурные сокращения.
В открывшейся таблице выбираем просмотр и листаем в самый низ. Тут можно задать параметр горячей клавиши для новой направляющей. В нашем случае это будет «Ctrl+.».
Далее просто вызываем окно направляющих и задаем нужное значение, чтобы наша область разлинеивалась по нужным размерам. В нашем случае – это 38 и 76 по вертикали и 0.1 и 38 по горизонтали
По итогу у вас получится вот такая сетка. Но можно поступить и проще. С учетом популярности Instagram, существует масса уже готовых шаблонов для инсты. Все, что вам будет нужно – это просто открыть такой шаблон при помощи Photoshop. При этом, разлинеенные области изначально будут на этом файле, а иногда даже картинка будет пронумерована, чтобы вы изначально знали, где и какая картинку будет первой, а какая – последней. Вот пример одного из таких шаблонов.
Помните, к этому моменту у вас уже должны быть подготовлены фотографии. В нашем примере их 12. Забрасываем одну из них, поверх нашей сетки. При зажатых Alt+Shift можно поворачивать изменять ее размеры, просто потянув за угол, можно ее повернуть.
Не забывайте ориентироваться на квадраты линейки, дабы ориентироваться на то, как будет лежать пост в инсте. Когда все будет готова, выберите, на панели инструментов слева, «прямоугольную область и выделите участок по контуру линейки, который вы хотите оставить.
После этого, в правой части фотошопа, перейдите в окошко Layers и кликните там на белый квадрат с темным кругом внутри (создаете слой маску).
У вас на рабочем пространстве остается только выделенный участок картинки, а все остальное обрезается.
Аналогичные действия мы повторяем и с оставшимися 11 картинками для нашей публикации. Вот, что у нас получается в итоге. И да, при необходимости, можно выделить именно фон (а не слой-маску) нажать Ctrl+T и изменить размер, либо же подтянуть картинку под выделение. В общем – отредактировать материал для дальнейшей нарезки.
Если нужно отредактировать какую-то отдельную фотографию. Для этого просто кликаем на то, что будем редактировать, после чего, вверху, открываем фильтры, фильтр Camera Raw и вот в таком окне подгоняем оттенки нашей картинки.
Когда все будет готово, просто нажимаем на «С», дважды нажимаем на Shift+C, чтобы в левом верхнем углу появился просто «ножичек» (без стрелки) обрезки. Чуть правее верху будет кнопка slice from guides. Данная команда разрежет фотографии по линейкам, которые мы подобрали для нашей инсты.
Теперь все это нужно правильно сохранить. После этого переходим в пункт «файл», затем в «экспорт», а затем в «сохранить изображение для Web». Выставляем настройки для публикации:
- Формат – JPEG
- Качество – 100%
- Ставим галочку на «progressive»
Остается только выбрать «сохранить» и выбрать паку, куда все это будет сохранено.
Как видите, все фотографии готовы к публикации. На этом наша статья подходит к концу. Надеемся, что она вам понравилась, всем удачи и до новых встреч.
Недавно ко мне обратилась подруга и попросила сделать шаблон для истории в Instagram. Ну как можно отказать прекрасному полу. Пришлось изучить немного Photoshop и сделать по её желанию шаблон. Результат получился достаточно не плохой. Поэтому решил поделиться им с вами. В общем это будет урок по созданию шаблонов для сторис в Instagram с помощью программы Photoshop.
Создаем собственный шаблон для Instagram в Photoshop
Создаем новый документ для будущего шаблона историй. Вводим название «Шаблон для сторис». Внизу указываем размеры 1080 х 1920 пикселей. Разрешение оставляем 72 пикс/дюйм, а также цветовой режим RGB и цвет фона.
Получаем вот такой прямоугольник, который имеет идеальные размеры для будущих историй в Instagram.
Для фона используем уже готовую абстрактную картинку с растительными элементами и в нежной цветовой гамме. Просто переносим ее на рабочую зону и подправляем размер.
Для центральной части создадим основное пространство. Используем для этого инструмент «Прямоугольник со скругленными углами».
Создаем в центре прямоугольник. Снизим его непрозрачность до 57%.
В верхней части для основной надписи добавим прямоугольник в виде широкой полосы. Он будет размещен на новом слое.
При помощи инструмента «Прямолинейное лассо» создаем уголки по бокам полоски, как на флажках. Выделяем области.
Растрируем слой и удаляем боковые части. Нажимаем Ctrl+D, чтобы убрать выделение.
Делаем полоску чуть уже. Создаем надпись. Используем красивый и подходящий шрифт под тематику истории в Instagram. В данном случае был использован шрифт Billy Ohio. Цвет – белый, а размер – 206,4 пт. Затем копируем слой с надписью и переносим его вниз. Цвет меняем на оливковый.
Создаем тонкую обводку для белой надписи, которая на переднем фоне. Для этого нажимаем мышкой с правой стороны выбранного слоя. Появится окошко, где нажимаем галочку возле надписи «Обводка» и устанавливаем значения. Выбираем размер обводки в 3 пикс. Также подбираем цвет. Нажимаем «Ок».
Для размещения фотографии создаем еще один прямоугольник.
Переносим фотографию. Кликнем на ее слой и выберем «Создать обтравочную маску».
Фотография моментально приняла форму прямоугольника, у которого закруглены уголки. Создаем новый слой.
Выбираем инструмент «Кисть». Лучше всего выбрать нестандартную кисточку, которая будет иметь необычный мазок. Подбираем размер и цвет.
Делаем два красивых мазка кистью на уголках фотографии.
Вот такую получаем готовую картинку для истории в Instagram благодаря программе Photoshop. Сохраняем ее по слоям, чтобы в дальнейшем использовать в качестве шаблона.
Есть и другие способы создания шаблонов для сторис Instagram, например онлайн редакторы, так же в интернете очень много готовых бесплатных шаблонов. Но гораздо приятней иметь собственный уникальный шаблон.
Читайте также: