Если вы не готовы заказывать создание обложки для группы вконтакте у дизайнера, то можете попробовать нарисовать ее самостоятельно. Если вы дружны с фотошопом, Аватаном или Канвой, к примеру, то проблем не будет. Нужно знать размеры и требования к формату изображения, а далее – ваше творчество. В этой статье подробно разбираемся, как сделать обложку для группы ВКонтакте в бесплатном редакторе онлайн Аватан, а также получите рекомендации по работе с Фотошоп онлайн и онлайн редактором Canva.
Размер обложки в ВК для группы
Обложка вконтакте может быть любого размера, но сервис рекомендует для сохранения качества изображения использовать картинку с размерами 1590 на 400 пикселей. Именно такое соотношение сторон позволит изображению вписаться в отведенное для шапки место – в верхней части группы или паблика.
Как сделать обложку для группы ВКонтакте онлайн
Если у вас на компе нет фотошопа или другой аналогичной программы, воспользуйтесь для создания обложки для группы вк онлайн сервисами. Подойдут такие онлайн редакторы фото, как Аватан, Канва, Фотошоп онлайн и некоторые другие. Главное требование к графическому редактору:
Как сделать шапку для группы вк Вконтакте
- возможность создавать макеты определенного размера,
- вставлять свой текст на изображение,
- использовать несколько фото или картинок в одном макете,
- сохранять в форматах jpeg, png.
Если эти операции выполнимы, то обложку сделать будет не трудно.
Важно! В какой бы программе вы не делали свою шапку для Вконтакте, позаботьтесь о том, чтобы у вас на компьютере были готовы заранее:
логотип в формате *png,
картинка для фона (можно скачать с яндекса или любого стока изображений),
текст, который вы хотите видеть в шапке Вконтакте.
Как сделать обложку для группы ВКонтакте в редакторе Аватан онлайн
Такой вариант подойдет тем, у кого уже есть какая-либо картинка или фото для обложки группы в контакте, которая послужит основным фоном вашего макета. Или же имеется файл-картинка одного, нужного вам цвета. Я для примера скачала из картинок Яндекса голубой светлый фон.
Загрузить фоновое фото
Напомню, как создать макет в Аватане. Сначала установите приложение ВКонтакте, которое так и называется «Аватан». Зайдите в него, и загрузите с компьютера изображение, которое послужит фоном для группы.
Установить размер макета 1590 на 400 пикселей
Размер картинки, которую я загрузила, отличается от нужного. Для того, чтобы получить нужный размер, зайдите по кнопке слева «Обрезка» и внесите данные, а именно 1590 пикселей ширина и 400 высота. Подтвердите кнопкой «Применить».
Шапка для ВКонтакте за 10 МИНУТ | Как сделать шапку для группы вк
Вставить нужный текст
Далее вставьте и отформатируйте текст во вкладке «Текст» (вверху строка меню в «Аватане»).
Добавить логотип группы
Добавьте свой логотип с компьютера. Это делается во вкладке «Наклейки» через команду «Своя наклейка». Желательно, чтобы логотип был в формате *png, то есть с прозрачным фоном, чтобы не перекрывал основной цвет макета.
Если есть необходимость, то часть вставленной картинки можно стереть ластиком-кистью. Этот инструмент открывается при выделении вставленной картинки. Так вы можете удалить со своего логотипа ненужный фон.
Далее, с помощью этих и других инструментов добавьте нужный текст, картинки. Подробности о работе с Аватаном в другой статье.
Сохранить на компьютер результат
Сохраните макет в формате *jpeg или *png и вставляйте в свою группу.
Вот такая очень простая шапка была создана буквально за 10 минут. На фото ниже показано, как она выглядит уже в установленном виде в группе. Конечно, нужно продумать, какую информацию вы хотите донести в тексте, какие картинки хотите вставить.
Более подробно о редакторе читаете в статье «Фотошоп Аватан онлайн». Однако, напомню, что есть и реальный фотошоп онлайн, совсем не аватан или другой аналогичный сервис с ограниченным набором операций. Текст о нем ниже, знакомьтесь.
Обложка ВКонтакте для группы и Фотошоп онлайн
Другой вариант для создания обложки для сообществ ВК – это фотошоп онлайн. Бесплатный сервис, в котором сохранены самые важные и нужные операции обычного «компьютерного» варианта этого чудесного фоторедактора.
Перейдите по ссылке http://editor.0lik.ru/photoshop-online-new.html . Во всплывающем окне кликните «Создать» и в следующей форме укажите размер обложки ВКонтакте: 1590 и 400 пикселей.
Далее описывать не буду: тем, кто ранее работал с фотошопом на компьютере, разобраться будет не сложно. А если ни разу не создавали ничего в этой программе, то объяснения требуют отдельной статьи – программа слишком сложна, чтобы вместить описание в пару абзацев.
Канва для создания обложки группы ВКонтакте
На мой взгляд самая удобная и простая программа онлайн для работы с графикой — это Canva. Она вполне подходит для создания шапки ВКонтакте. Легкая, быстрая, доступная как на компьютере, так и в мобильной версии. Несмотря на то, что готовых шаблонов обложек для группы вконтакте в Канве нет, можно создавать их самостоятельно.
Все инструменты, которые могут вам потребоваться для создания обложки именно в редакторе Канва, описаны в рубрике Canva com.
Отдельный урок именно по ВКонтакте и Canva скоро появится, следите за новостями.
Отдельный урок именно по ВКонтакте и Canva скоро появится, следите за новостями.
Пример моей шапки, созданной в Canva (я не дизайнер, но вполне справилась).
Как загрузить обложку в группу ВКонтакте
Вряд ли вы не знаете, где находится обложка сообщества вконтакте, но на всякий случай вот подсказка. Зайдите в Управление сообществом, кликнув пресловутые три точки под аватаркой или старой обложкой группы.
Затем во вкладке «Основная информация» кликните «Загрузить». Далее настраиваете отображение шапки, как будет указано.
Успешного вам творчества, красивых обложек для ваших групп! Полезные материалы найдете в рубрике о фоторедакторах онлайн.
Скачать статью в формате pdf
На моем сайте отключено копирование текста, поэтому если вам нужна полностью статья, то вы можете купить запись МК в *pdf формате и наслаждаться его изучением на своем компьютере.
В документе сохранены полностью все изображения, ссылки, и, конечно же, сам текст.
Любой труд должен быть оплачен. Спасибо за понимание!
Для оплаты воспользуйтесь формой ниже. Ссылка для скачивания придет к вам на электронный адрес, который вы укажете.
Источник: www.arsenalweb.ru
Конструктор динамических обложек
Вы можете добавить на обложку для вашей группы любой из имеющихся у нас виджетов.
Список виджетов постоянно пополняется новыми! Уже доступны:
Последний подписчик
Выводит последнего подписавшегося на сообщество
Активные комментаторы
Выводит до 3-х пользователей которые оставили комментарии (последний, по количеству, по лайкам)
Последний репостер
Выводит последнего репостера в сообществе
Лучший лайкер
Выводит пользователя который поставил большее количество лайков
Дата и время
Добавляет дату/время в любом удобном вам формате
Обратный отсчёт
Стандартный таймер обратного отсчёта
Погода
Информация о текущей погоде в любом городе планеты
Курс валют
Доступны самые популярные курсы валют на СНГ
Рандомный именинник
Выводит рандомного именинника в сообществе
Показать все
Произвольный текст
Просто добавляет на обложку указанный вами текст
Фигура
Позволяет вывести произвольную фигуру с обширными настройками
Статистика
Виджет выводит разный вид статистики сообщества
Иконка FontAwesome
Виджет позволяет вывести любую шрифтовую иконку из набора
Картинка по ссылке
Позволяет выводить на обложку стикеры из VK или любые другие изображения
Пробки
Выводит на обложку данные об уровне пробок в городе
Последние новости (RSS)
Транслирует на обложку новости из любого сайта на котором есть RSS-канал
Виджет позволяет вывести данные других сайтов, например, данные через API
Последнее видео (YouTube)
Выводит на обложку последнее загруженное на канал видео
Наши преимущества
Причины по которым нас выбирают
Просто
Вам не нужны специальные знания. Весь процесс создания обложки проходит в «визуальном редакторе» и состоит буквально из 2-х этапов
Визуальный редактор
Удобный визуальный редактор позволяет удобно управлять виджетами на вашей обложке, а видеть реальную обложку еще до ее сохранения. Можно работать с конструктором через мобильное устройство как и с компьютера (передвигать виджеты и менять настройки)
100% безопасность
Мы не запрашиваем пароли от вашей страницы. Обновление обложки происходит через официальный API Вконтакте
Честная цена
Никаких помесячных подписок и т.д.
Тестовый период
Вы можете до 3-х дней совершенно бесплатно и без ограничений пользоваться нашим сервисом
Магазин шаблонов
У нас есть магазин платных и бесплатных готовых шаблонов. Пользователи могут продавать свои шаблоны, либо выкладывать на всеобщий доступ бесплатно.
Обложки наших пользователей
Посмотрите какие обложки каждый наш пользователь может сделать самостоятельно
Сколько стоит?
Наши пользователи платят посуточно. У каждого списывается с баланса каждый день. Еще получают доступ к функционалу сайта (отложенные публикации, уведомления, антиспам, RSS-парсер, боты, автопостинг, сбор статистики и др).
У нас вы можете настроить обновление каждые 1, 5, 15, 30, 60 минут и т.д.
Часто задаваемые вопросы
Что такое динамическая обложка?
Динамическая обложка Вконтакте — это своего рода аналог «шапки на сайте», но только для вашего сообщества. На обложку вы можете выводить практически любую информацию, при этом данная информация будет постоянно обновляться.
Зачем нужна динамическая обложка?
Область применения динамической обложки в вк очень широка. Основные направления это повышение активности в сообществах, что достигается благодаря нашим «социальным» виджетам (активный комментатор, репостер, лайкер). Также вы можете повысить конверсии в продажи, информируя в обложке о проходящей акции и размещая наш виджет «таймер обратного отсчёта». Или конверсия в подписки с виджетом «последние подписчики».
Насколько это безопасно для моих сообществ?
Сервис на 100% безопасен для вашей страницы и ваших сообществ. Мы не просим ваш пароль от аккаунта, а обновление обложки осуществляем через официальный API Вконтакте. Также при регистрации мы не запрашиваем больше данных чем это необходимо для работы с сервисом.
Что можно вывести на динамическую обложку?
С помощью нашего сервиса вы можете выводить на динамическую обложку практически любую информацию. В данный момент у нас реализовано более 15 виджетов, которые найдут применение в сообществе любой тематики. Посмотреть доступные виджеты вы можете чуть выше. Кроме того мы всегда открыты к идеям от наших пользователей и с радостью реализуем их идеи.
Почему именно мы?
В большинстве предложений в нашей нише вам предлагаю купить скрипт динамической обложки, что влечёт за собой множество дополнительных трат (хостинг и поддержка), а также сильные ограничения на последующие редактирования обложки.
В отличии от таких продавцов мы предоставляем вам полноценный визуальный редактор, в котором вы можете за считанные минуты создать динамическую обложку на свой вкус и в любой момент её изменить. При этом нет никаких дополнительных трат и заморочек с настройкой скриптов на хостинге.
Источник: vposter.ru
Как сделать обложку в группе ВК или шапку для сайта онлайн
Привет! Сегодня Вы узнаете, как сделать обложку в группе ВК или шапку для любой социальной сети онлайн. Речь пойдет о сервисе Crello, который позволяет создавать не только обложки и шапки для сайтов, но и многое другое, например:
- Картинки для постов в социальных сетях;
- Анимированные публикации;
- Шапки для сайтов и соц. сетей;
- Презентации;
- Сертификаты;
- Изображения для блогов;
Нет смысла перечислять далее, потому что создать можно все, и даже не обязательно разбираться в дизайне, т. к., дизайн за нас уже подобрали.
Регистрация на сервисе
Перейти на сервис, можно по этой ссылке . Далее можно зарегистрироваться через Facebook или Google+. Но при желании, можно зарегистрироваться и с помощью почтового ящика.
После регистрации, авторизуйтесь, и в правом верхнем углу переключитесь на русский язык, если он не выбран по умолчанию.
Как сделать обложку для группы ВК
Вначале я Вам покажу пример, как сделать обложку для группы ВК. После авторизации, откроется страница «Создай новый дизайн». Здесь можно выбрать готовый размер для графики, например, Facebook публикация, или задать свои размеры.
Для создания обложки ВКонтакте, лучше выбирать размер 1590×400, чтобы она хорошо смотрелась на больших экранах.
Можно прокрутить страницу чуть ниже, и подобрать уже готовый дизайн, но на этом сервисе нет дизайна шапки 1590×400 размера, поэтому придется создавать ее с нуля. Итак, я указал размер, нажимаю «Вперед».
После этого я перешел в редактор, или даже можно сказать конструктор, т. к., графика здесь собирается путем перетаскивания. Вначале можно подобрать фон для шапки ВК, затем разместить объекты, и написать текст.
Если подходящего изображения для фона на сервисе не удается найти, тогда его можно поискать в Яндекс картинках, или Google. Но, как я считаю, в графическом редакторе, например Photoshop, все равно надо уметь работать, т. к. на этом сервисе возможности ограничены.
Создавать я буду шапку для группы ВК по грузоперевозкам. В Яндекс картинках я нашел фон для шапки, но уже с фурой, и мне осталось только добавить рекламный текст. Смотрите, что получилось.
Я перетащил текст с левой колонки инструментов, и теперь мне надо его отредактировать. На скриншоте выше видно, что текст выделен голубой рамочкой, а по углам находятся маркеры, в виде кружков.
Передвигая эти маркеры, можно менять размер текста, или объекта. Но для того, чтобы изменить текст «Premium Quality» на другой, надо его вначале разгруппировать.
Нажимаем вверху кнопку «Разгруппировать», после чего все элементы в этом логотипе можно передвигать отдельно и редактировать их.
Смотрите, я специально разобрал логотип на составляющие, и теперь можно видеть, что он состоит из трех частей: две надписи и звездочки.
Но, т. к., звездочки мне не нужны, я их удалю, и буду работать с текстом. Надпись «Premium» я заменю на «ТрансАвто», а вместо «Quality» напишу «Грузоперевозки». Вот что у меня получилось.
Пусть это и не шедевр, но для группы ВКонтакте вполне нормально.
Работа с текстом — редактирование
Выберите любой текст в левой панели инструментов, где написано «Тексты», и перетащите его в свой проект. При клике по этому тексту, появится окошко с инструментами для его редактирования, а сам текст выделиться рамочкой, где можно видеть еще и маркеры.
Передвигая угловые маркеры, можно увеличивать или уменьшать масштаб текста. А если подвести курсор мышки ближе к угловому маркеру, то курсор изменит вид на дугу со стрелками на концах.
Это означает, что текст теперь можно поворачивать.
С маркерами я надеюсь все понятно. Давайте теперь рассмотрим окошко с инструментами для редактирования текста.
В этом окошке находятся инструменты для работы с текстом, похожие как в MS Word, и вот их описание:
- Выбор шрифта;
- Выделение жирным;
- Выравнивание текста;
- Цвет шрифта;
- Высота строки;
- Расстояние (интервал между символами).
От основного окошка, есть еще дополнительная полоса с инструментами, и здесь, я бы хотел дать некоторые пояснения:
1. Второй значок сверху — это настройка прозрачности текста или картинки. По умолчанию задано значение 100%, т. е., текст непрозрачным.
2. Порядок слоев: здесь, как и в Photoshop, мы работаем со слоями, например, машина с деревьями – это фон, и его оставляем на заднем плане, а надписи на переднем. Так как фон уже выбран, и редактировать его нет необходимости, то его лучше закрыть, кликнув вверху по кнопке «Закрыть».
Таким образом слой будет закреплен, и сместить случайно его будет невозможно. Ведь при создании баннеров, или еще чего-либо, есть определенная последовательность: вначале создаем фон, потом размещаем какие-то объекты на этом фоне, а затем пишем текст.
3. Дублировать слой: создает клон выбранного текста или объекта;
4. Удалить текст.
Я показал Вам только пример, как сделать обложку в группе ВК. Но эту же обложку, можно добавить и другие социальные сети.
Инструменты Crello для создания и редактирования изображений
Если Вы раньше пользовались подобными сервисами, тогда и здесь быстро освоитесь. Но у новичков поначалу могут возникнуть некоторые сложности, и чтобы этого не произошло, я опишу основные инструменты.
Верхняя панель.
Untitled design : здесь можно задать название файла для будущей картинки. Кликните и введите свое название.
Facebook-публикация 940х788 – показывает название и размер проекта.
Изменить размер : позволяет изменить размер проекта. После нажатия появится окошко, где можно выбрать другой размер. Новый размер можно ввести и вручную, если выбрать «Установи размеры».
Закрыть – закрепляет слой (объект).
Сгруппировать : эта кнопка при редактировании может называться еще как «Разгруппировать» и позволяет добавлять в группу объекты, или наоборот. Например, можно несколько объектов сгруппировать, предварительно выбрать их с помощью мышки и клавиши «Shift», а затем их перемещать, как одно целое.
Выровнять . Я не понял, для чего эта кнопка, потому что я ее ни разу не видел активной. Что она выравнивает – мне не понятно.
Фото-текст : если я правильно понимаю, то этот эффект преобразовывает текст в фото, но я так и не понял для чего это.
Скачать : нажмите, чтобы скачать готовую работу на свой компьютер.
Поделиться : позволяет опубликовать свою работу в соц. сетях.
Сохранено : сохранить проект на сервисе, что дает возможность его отредактировать позже.
Боковая панель.
Поиск : можно находить дизайн по ключевым словам.
Дизайны : здесь можно выбрать нужную категорию.
Фото : в этом разделе также можно задать нужную категорию, и подобрать нужное изображение. Картинку можно загрузить и с компьютера, если ничего подходящего не нашли на сервисе. Здесь есть платные фото, которые находятся в галерее, и бесплатные.
Фоны : в этом разделе, можно подобрать для своего проекта разные фоны, и это может быть картинка, цвет или узор. Если вариантов не нашлось, загрузите тогда с компьютера что-то свое.
Подсказка . Цвет фона, можно использовать в качестве тонировки. Например, выберите черный цвет, а затем установите его на передний план своего проекта, чтобы вся картинка стала черной. Затем выберите инструмент прозрачность, и установите ползунок приблизительно на значение 30.
Так все Ваши изображения станут более темными. Теперь на переднем плане можно установить логотип, или какой-либо рекламный текст белого или другого светлого цвета.
Тексты : здесь можно выбрать заголовки, подзаголовки, и вообще красивые тексты в виде логотипов. В конце статьи смотрите видео, там я показываю, как работать с текстом.
Объекты : здесь находится большая коллекция фигур, иконок, наклеек и др.
Мои файлы : здесь будут находиться Ваши файлы, и это могут быть шрифты, или картинки с компьютера.
Нижняя панелька инструментов
Нижняя панель позволяет отменить выполненное действие при редактировании, или вернуть его. Здесь же можно управлять масштабом своего проекта.
Как создать анимационную картинку?
Чтобы создать анимацию, нажмите в левом верхнем углу на настройки, а затем выберите «Создать Дизайн».
Далее выбираем «Анимированная публикация» — это первый шаблон слева. Здесь также выбираем дизайн и редактируем текст.
На этом обзор закончен. На самом сервисе есть обучающие видео, но на английском языке. Если знаете английский язык, тогда смотрите, изучайте, но там и без этого все понятно.
Источник: dvpress.ru