5
(8)

SUPA: ВИДЕО КОНСТРУКТОР по созданию видео и анимированных картинок для сайтов, постов и stories для социальных сетей – это подробная инструкция по работе в этом сервисе.

Содержание статьи:

ВСТУПЛЕНИЕ – о программах, картинках, видео

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

В некоторых своих предыдущих статьях я уже писала о некоторых программах и люди, смотревшие эти видео, оставались довольны полученным материалом. Эту практику я намерена продолжать и дальше.

Я не стану сейчас приводить огромный список программ, в которых можно создавать всё то, о чём я упомянула. На самом деле таких программ огромное множество и предназначены они абсолютно для разных целей: — создания не только вышеназванного, но и для монтажа и создания видео роликов различной тематики, той, которую желает воплотить в жизнь человек, в зависимости от того, что он хочет делать – картинки или видео.

Как картинки (любые – простые или анимированные), так и видео, носят разную тематическую направленность. Это могут быть, как рекламные, так и для души картинки или видео, просто художественные, поздравительные, пригласительные и другие. Ну и, конечно, созданные для определенных целей: для рекламы, для постов в социальных сетях, для сайтов, для создания видео и т.д.

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

Какие размеры футажей и картинок рекомендованы разными социальными сетями

supa-video-konstruktor

Какие размеры футажей и картинок рекомендованы для создания видео

supa-video-konstruktor

Футажи — это короткие видеоролики по запрашиваемой тематике, предназначенные для монтажа более объемных видео от 2 минут и до часа, а то и более.

Самый распространенный формат — это mp4 в HD качестве с расширением 480 px, 720 px и 1080 px. Если быть конкретнее, то размеры следующие:

Для широкого экрана соотношение 16 : 9

1080 рх (размер ширина/ высота 1920х1080)

720 рх (размер ширина/ высота 1280х720)

480 рх (размер ширина/ высота 854х480)

Здесь хочу сразу сказать, чтобы не повторяться далее, что во всех размерах, о которых мы будем говорить, первая цифра всегда ширина, а вторая – высота, то есть если говорим 1920х180, то это буквально означает, что ширина картинки 1920 рх, а высота – 1080 рх.

При создании своих роликов я пользуюсь размером 1080 рх (1920х1080) — это самое высокое разрешение с наилучшим качеством создаваемого видео, т.е. для создания такого видео я подбираю картинки размером 1920х1080 рх. Картинки такого размера подойдут и для создания видео с разрешением 720 рх (1280х720). Это среднее разрешение с хорошим качеством, к которому YouTube не предъявляет претензий.

В зависимости от того, какого разрешения вы собираетесь делать видео и подбирайте материал. И, как вы понимаете, для разрешения 1080 рх нужны картинки и футажи только размером 1920х1080 рх или большего, так как их можно уменьшить в размере без потери качества. Но вот картинки и футажи размером 1280х720 рх подойдут только для создания видео с разрешением 720 рх или 480 рх, но они не подойдут для разрешения 1080 рх, т.к. придется их увеличивать, что приведет к потере качества картинки или футажа.

Это то, что касается видео.

Какие размеры картинок рекомендованы для использования в различных социальных сетях

supa-video-konstruktor

Какие размеры картинок рекомендованы для разных целей в социальной сети во ВКонтакте

supa-video-konstruktor

Рекомендуемые размеры картинок для размещения в ПОСТАХ и на СТЕНЕ СООБЩЕСТВА следующие:

Для прямоугольных картинок:

оптимальный размер должен быть 800х600 рх;

максимальный размер должен быть 1000х800 рх.

Для квадратных картинок:

оптимальный размер картинок должен быть 800х800 рх;

максимальный размер картинок должен быть 1000х1000 рх.

Рекомендую вам брать картинки размером не более максимального, т.к. сама социальная сеть ВКонтакте картинки обрезает до нужного размера и, в связи с этим, еще одна рекомендация: — наиболее важные элементы размещайте на картинке ближе к центру, чтобы они не были бы просто обрезаны и не потеряли бы свою эстетичность и смысл.

Правило: В прямоугольных картинках должно соблюдаться соотношение 3:2.

Рекомендуемые размеры картинок для создания АВАТАРА

Рекомендуемый размер картинки 200х500 рх, т.е. в пропорции 1:2,5, но вы можете взять и больший размер, например, 400х1000 рх и это будет даже лучше, так как при сжимании, которое делает социальная сеть ВКонтакте, качество картинки визуально выглядит лучше и контур становится более контрастный и чёткий.

Для миниатюры аватара рекомендуемый размер 200х200 рх, т.е. в пропорции 1:1.

Рекомендуемые размеры картинок для создания WIKI- страничек

Если вы делаете WIKI странички, то максимальный размер картинки берите 610х2000 рх.

Рекомендуемые размеры картинок для создания ОБЛОЖКИ сообщества ВКонтакте и значка для ссылок

— Картинки для обложки сообщества должны соответствовать размеру 1590х400 рх.

— Картинки для значка для ссылок должны соответствовать размеру 537х240 рх.

Рекомендуемые размеры картинок для создания Stories

Для Stories во всех социальных сетях Вконтакте, в Facebook, в Instagram картинки должны соответствовать размеру 1080х1920 рх, т.е. по ширине 1080 рх, а по высоте — 1920 рх, — это, так называемые, вертикальные прямоугольные картинки.

Рекомендуемые размеры картинок для создания ОБЛОЖКИ ДЛЯ СТАТЬИ во ВКонтакте

Обложка для статьи во ВКонтакте должна соответствовать размеру  510х286 рх, но на ней не рекомендуется делать надписей, т.к. при опубликовании статьи по верх обложки появится заголовок статьи и надпись. Пример картинки:↓↓↓

Рекомендуемые размеры

Какие размеры картинок для разных целей рекомендованы для социальной сети FaceBook

supa-video-konstruktor

Рекомендуемые размеры картинок для создания АВАТАРА

Для аватара рекомендуемые размеры картинок должны соответствовать 200х200 рх.

При этом вам необходимо учитывать, что на персональном компьютере этот размер сожмется до размера 170х170 рх, а на мобильных устройствах до размера 128х128 рх.

Рекомендуемые размеры картинок для создания ОБЛОЖЕК

Если вы делаете обложки, то они тоже разного размера, в зависимости от предназначения обложки.

Картинка для обложки ЛИЧНОГО ПРОФИЛЯ на персональном компьютере должна соответствовать размеру 851х315 рх.

Картинка для обложки СТРАНИЦЫ на персональном компьютере должна соответствовать размеру 820х312 рх.

Картинка для обложки ГРУППЫ на персональном компьютере должна соответствовать размеру 820х250 рх. Чтобы картинка обложки была адаптирована к мобильным устройствам, то ее берут размером 640х360 рх.

Картинка для обложки МЕРОПРИЯТИЯ должна соответствовать размеру 1200х628 рх.

Рекомендуемые размеры картинок для размещения в ПОСТАХ и НОВОСТНОЙ ЛЕНТЕ

Картинки для постов в FaceBook должны иметь размер 1200х630 рх. Этот размер картинок для этой цели является самым идеальным.

Картинки для новостной ленты должны быть не менее 254х133 рх.

Рекомендуемые размеры картинок для создания РЕКЛАМЫ

Картинки для баннерной или строчной рекламы должны быть не менее 254х133 рх.

Картинки для кольцевой галереи должны соответствовать рузмеру 1080х1080 рх.

Здесь нужно отметить, что в рекламных изображениях текста должно быть не более 20% от всего объема картинки. Facebook не любит если на картинке много текста и плохо модерирует рекламу с такими картинками.

Какие размеры картинок для разных целей рекомендованы для социальной сети Instagram

supa-video-konstruktor

Картинки для АВАТАРА должны иметь размер 110х110 рх.

Картинки для ПОСТОВ должны быть размером 1080х1080 рх.

Картинки для ОБЛОЖКИ для IGTV для видео должны быть размером 420х654 рх.

Картинки для РЕКЛАМЫ в ЛЕНТЕ должны быть размером 1080х1080 рх, т.е. квадратные.

И, как я уже обозначала выше, картинки для Stories во всех социальных сетях должны соответствовать размеру 1080 рх. по ширине и 1920 рх. по высоте.

Instagram, как и Facebook, не любит много текста на картинках, так что не увлекайтесь этим. Кстати, есть хороший сервис для проверки картинок на количество текста — воспользуйтесь им , чтобы ваши картинки не давали поводов Facebook или Instagram ругаться на них.

При сохранение готовых картинок для социальных сетей, даже фоновых, рекомендую сохранять их в формате PNG, так как картинки, сохраненные в этом формате, имеют самое высокое качество, но они имеют и больший вес.

Какие размеры картинок для разных целей рекомендованы для видео хостинга YouTube

supa-video-konstruktor

Рекомендуемые размеры картинок для создания ОБЛОЖКИ КАНАЛА

YouTube начинается с обложки канала. Максимальный размер картинки для обложки должен соответствовать 2560х1440 рх. Рекомендую вам искать картинки с таким размером, так как именно картинки такого размера адаптированы под экраны телевизоров.

Минимальный размер картинки, который допускается – 2048х1152 рх.

Здесь есть важное предупреждение: — все важные элементы, которые вы хотите поместить на обложку, размещайте в безопасной зоне, т.е. максимально близко к середине картинки.

Для чего это нужно?

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

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

Безопасная зона имеет размер 1546х423 рх. (смотрите картинку № 1.1), т.е. это участок для качественной видимости при просмотре с любого мобильного устройства.

Рекомендуемые размеры

Рекомендуемые размеры картинок для создания ЗНАЧКА КАНАЛА

Значок канала — это ваше фото или какая-то другая картинка, отражающая суть вашего канала, которая размещается в аккаунте Google. Её рекомендуемый размер 800х800 рх.

Для создания значка канала поддерживаются все форматы картинок, кроме GIF.

Рекомендуемые размеры картинок для создания ПРЕВЬЮ (значок для видео)

Превью — это картинка, которая устанавливается в видео при его загрузке на канал. Превью ещё называют значок для видео или обложка для видео. Создавать его очень рекомендуется в едином стиле, отчего канал выглядит более профессионально -и YouTube это любит и приветствует.

Размер картинки для превью должен быть 1280х720 рх. Для их создания могут использоваться картинки в форматах JPG, PNG, GIF и GMP.

Рекомендуемые размеры картинок для создания РЕКЛАМЫ

В YouTube, как и в других социальных сетях, можно размещать рекламу и для неё так же нужны изображения. Рекомендуемые размеры картинок для рекламных объявлений следующие:

Медийная реклама. Она располагается над списком рекомендуемых видео. Размеры картинок для медийной рекламы должны быть 300х250 рх. или 300 на 60 рх.

Оверлеи — это реклама, располагающаяся в нижней части плеера и её размеры должны быть 468х60 рх. или 728х90 рх.

Вы не знали об этом? Тогда обратите внимание, когда будете смотреть какое-либо видео в YouTube и поймете, о чём речь.

Какие размеры картинок для разных целей рекомендованы для социальной сети Twitter

supa-video-konstruktor

Рекомендуемые размеры картинок для создания ФОТО ПРОФИЛЯ

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

Рекомендуемые размеры картинок для создания ОБЛОЖКИ

Картинки для создания обложки должны иметь размер 1500х500 рх.

Здесь рекомендация такая: — при загрузке обложки её левая нижняя часть закроется аватаром профиля, поэтому важные элементы, которые вы планируете разместить на обложке, размещайте с учетом этой рекомендации.

Рекомендуемые размеры картинок для размещения в ЛЕНТЕ

В ленте можно размещать картинки, как прямоугольной формы (горизонтальные или вертикальные), так и квадратной.

Главное, что нужно помнить, это то, что идеальный размер картинки 1024х512 рх.

Но при опубликовании твита нужно учесть, что если по высоте картинка будет более 512 рх, то она обрежется, так же, как и в других социальных сетях. Поэтому важные элементы всегда размещайте с учетом этого правила.

Но здесь есть положительный момент: при нажатии на картинку она открывается в полном размере, и в этом плане Twitter превосходит остальные социальные сети, которые обрезают картинки кардинально и безвозвратно.

Какие размеры картинок для разных целей рекомендованы для социальной сети Одноклассники

Рекомендуемые размеры

Картинки для АВАТАРА в социальной сети Одноклассники, как для ЛИЧНОГО ПРОФИЛЯ, так и для ГРУППЫ должны иметь размеры 288х288 рх.

Картинки для ОБЛОЖКИ ГРУППЫ должны соответствовать размеру 1944х600 рх, но для того, чтобы картинку адаптировать под мобильные устройства, важные элементы размещайте на картинке так же максимально к середине, а по краям делайте отступы по 482 рх, как слева, так и справа.

Картинки для размещения в ПОСТАХ и в ЛЕНТЕ выбирайте размером 1024х768 рх.

В социальной сети Одноклассники так же, как и в других социальных сетях, размещается РЕКЛАМА, и если вам нужны рекламные картинки, то их размер будет зависеть от вида рекламы и от места их размещения, например:

Тизерная реклама располагается в правой и в левой колонках в полной версии сайта. Размер рекламной картинки для этой рекламы должен быть 90х75 рх и вес картинки не более 60 Кб.

Баннерная реклама располагается в правой части сайта. Размер баннеров должен быть 240х400 рх и вес картинки не более 60 Кб.

Мультиформат — это несколько изображений, имеющих размер 256х256 рх, 1080х607 рх или 600х600 рх.

Карусель — это несколько картинок от 3 до 6 штук размером 600х600 рх.

И так, я расписала вам все самые популярные социальные сети, которыми мы пользуемся и все размеры картинок, которые РЕКОМЕНДУЮТСЯ для использования в различных целях в той или иной социальной сети.

Все картинки, в зависимости от их предназначения для той или иной цели, поддерживают распространенные и популярные форматы: JPG, PNG, некоторые допускают формат GIF и некоторые другие форматы.

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

Также, по ходу написания статьи, я ничего не говорила о весе картинок, т.е. о Мб и Кб. Часто так бывает, что картинка соответствует нужным размерам, но имеет вес больше рекомендуемого и, соответственно, не загружается в ту или иную социальную сеть. Что делать в этом случае?

Картинку можно сжать. Для этого воспользуйтесь сервисом Tiny-png. Этот сервис значительно уменьшает вес картинок без потери качества, но он не поддерживает формат GIF.

Для сжатия веса картинки в формате GIF рекомендую использовать программу PhotoShop если она у вас есть и вы умеете ею пользоваться.

И так, вы проделали всю подготовительную работу: определились с целью создания картинок, подобрали для этой цели необходимый материал, т.е. привели картинки в нужный размер, подготовили все необходимые дополнительные элементы и тексты, и теперь можно начинать создание готовых целевых картинок в сервисе SUPA.

SUPA: ВИДЕО КОНСТРУКТОР. Подробная инструкция по работе.

supa-video-konstruktor

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

Вы можете создавать разные размеры анимированных картинок и видео: то есть задавать свои параметры или выбирать из готовых шаблонов.

В своем курсе по таргетированной рекламе я записала подробное видео, как создавать картинки для баннерной рекламы в FaceBook. Изучив это видео вы самостоятельно сможете создать любую анимированную картинку или видео, для любой цели, потому что принцип создания абсолютно идентичен.

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

Рекомендуемые размеры
КАРТИНКА № 2
SUPA: ВИДЕО КОНСТРУКТОР
КАРТИНКА № 3
supa-video-konstruktor
КАРТИНКА № 4

Например, (картинка № 2), вам не нравится какой-то элемент или его анимация. Вы выбираете этот элемент (1) на картинке и хотите придать ему другую анимацию. Для этого в редакторе, справа от картинки, выбираете «стартовая анимация» (2), жмете на чёрную галочку (3), и из выпавшего дополнительного окна (картинка №3) выбираете то, что вам нужно, например: по буквам (4), или по словам (5), или прыжок (6), или туман (7), и т.д., выбираете направление появления анимации в кружках со стрелочками (8), а также при помощи черной шестеренки (9) (картинка № 4) появляется зеленый бегунок (10) скорость анимации. Вот и все!

И конечно, каждое действие вы просматриваете в видео, ставя бегунок проигрывателя (11) в начало анимации и включая кнопку воспроизведения. Если вам не нравится результат, вы все проделываете заново. Выбираете таким же образом новые параметры.

SUPA: ВИДЕО КОНСТРУКТОР
КАРТИНКА № 5

Кроме этого, прокрутив прокрутку (1) вниз (картинка № 5) вы видите серую, обведенную пунктиром ячейку с надписью «+добавить слайд» (2), нажав на который вы можете к уже существующему слайду добавить ещё один, и их можно добавлять несколько. Таким образом у вас может получиться даже отличное видео.

SUPA: ВИДЕО КОНСТРУКТОР
КАРТИНКА № 6
SUPA: ВИДЕО КОНСТРУКТОР
КАРТИНКА № 7

При нажатии на серое поле «+плюс добавить слайд» (2) у вас появляется новый чистый слайд №2 (3) (картинка № 6). Справа от слайда появляется окно редактирования слайда № 2 (4). Нажав на «изменить фон» (5) перед вами открывается окно изменения фона (картинка 7) и вам предлагается «загрузить фото» (1), где вы можете нажать на эти слова и загрузить с компьютера свою фоновую картинку.

Так же фон вы можете выбрать из предложенных категорий (2), которые будут перед вами открыты или найти нужную картинку через поисковик, набрав в строке поиска ключевую фразу (3).

SUPA: ВИДЕО КОНСТРУКТОР
КАРТИНКА № 8

Выбрав понравившийся фон и нажав на него перед вами открывается редактор изменения фона (1) (картинка № 8), в котором вы можете выбрать область фона в картинке путем перетаскивания сетки (2) влево или вправо. Для этого вам просто нужно нажать на левую кнопку мыши и, увидев четырехстороннюю стрелку, не отпуская кнопку мыши, перетаскивать сетку в нужную область. Когда выберете нужную область отпускаете кнопку мыши, чтобы ее зафиксировать и жмете на кнопку «выбрать» (3).

Начнется сохранение фона и затем откроется слайд (картинка № 9) с новым, выбранным фоном (1).

SUPA: ВИДЕО КОНСТРУКТОР
КАРТИНКА № 9
SUPA: ВИДЕО КОНСТРУКТОР
КАРТИНКА № 10

Далее, кликаете на нижнюю кнопку «+добавить элемент в слайд» (2), обозначенную зеленым цветом. Перед вами открывается вновь окно «добавление объекта» (1) (картинка № 10) и вы добавляете все необходимые элементы, текст, эмодзи, анимацию, словом все, что вам нужно, из «библиотеки объектов» (2), открывая каждую вкладочку (3) по порядку.

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

SUPA: ВИДЕО КОНСТРУКТОР
КАРТИНКА № 11

Если в процессе работы вы что-то сделали не так, то в верхнем меню (1) (картинка 11), состоящее из квадратных кнопочек, есть круговые стрелочки (2), показывающие «назад» и «вперёд», которыми можете отменять проделанные действия или наоборот, восстанавливать отмененные действия. Так же пооткрывайте в этом же меню все остальные кнопочки, начиная с желтого квадратика с плюсиком, квадратика с буковкой А и остальных, и изучите функции всех этих кнопочек.

Далее работаете абсолютно также, как с шаблоном, выполняя точно такие же действия, которые показываются в видео.

Обо всём остальном: как работать с шаблонами, как добавлять музыку, рассказано в видео, а также, в конце видео, вы узнаете условия предоставления услуг сервисом SUPA.

В общем не бойтесь экспериментировать и нажимать на разные кнопочки, чтобы узнать, как устанавливать фоны, различные элементы, анимацию, музыку и т.д.

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

Заключительная часть – небольшие советы

В заключении хочу сказать следующее: не все хотят платить деньги за сервис. Он, нельзя сказать, что очень дорогой, но и дешевым не назовешь. Чтобы не тратить много денег я плачу по минимальному тарифу, чтобы иметь возможность скачивать картинки в высоком качестве с разрешением 720 рх и с музыкой. GIF картинки меня не интересуют, т.к. здесь они скачиваются в маленьком размере.

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

Но все созданные в сервисе SUPA картинки сохраняются там в вашей папке, и если даже вам нужно скачать картинку, вы всё равно имеете возможность это сделать.

Единственное, что если вы не станете оплачивать, а созданные картинки будете скачивать на бесплатном тарифе, то картинки скачиваться будут без музыки, с логотипом SUPA, в виде уточки, и с разрешением 480 рх, как показано на картинке № 12 ↓↓↓

SUPA: ВИДЕО КОНСТРУКТОР
КАРТИНКА № 12

Но и этот момент вы можете научиться обходить стороной так же, как иногда я это делаю сама. Я просто беру скачанную картинку и чуть-чуть переделываю её в другом редакторе. Для этой цели я использую в основном программу CamtasiaStudio 8 или 9, разницы нет. Там я добавляю музыку и закрываю логотип статическим фоном, подходящим под картинку, как показано на картинке № 13 ↓↓↓

SUPA: ВИДЕО КОНСТРУКТОР
КАРТИНКА № 13

В общем, кто хочет, тот всегда найдёт, что делать, и как делать. Фантазируйте, креативте и создавайте свои шедевры в этом замечательном сервисе SUPA: ВИДЕО КОНСТРУКТОР.

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

SUPA: ВИДЕО КОНСТРУКТОР

На этом у меня все. И хочу попросить вас, уважаемый читатель, оценить, насколько полезной была для вас эта статья. Просто нажмите на соответствующую вашей оценке звездочку. Оставляйте свои сообщения и отзывы в комментариях. Присоединяйтесь в друзья в социальные сети. Баннеры социальных сетей находятся в сайдбаре, а просто кнопочки — прямо перед вашими глазами. Если есть вопросы — пишите через форму КОНТАКТЫ.

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

SUPA: ВИДЕО КОНСТРУКТОР

Подписывайтесь в Социальные Сети

Насколько публикация для вас была полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 8

Оценок пока нет. Поставьте оценку первым.