Как сделать динамичный аватар
5 лучших бесплатных сайтов для создания анимированных и статических аватаров онлайн
Когда читаешь форум или блог, запоминаешь авторов сообщений по нику и … по картинке пользователя, так называемому аватару. Последний играет одну из главных ролей в восприятии пользователей в интернете. Несмотря на большое количество интересных картинок в сети, у кого-то может встретиться похожий аватар. И тогда он уже не будет уникальным, а ведь хочется быть единственным и неповторимым. Чтобы сделать эксклюзивный запоминающийся аватар, предлагаем вам набор сервисов, в которых аватарки делаются прямо из ваших фотографий.
1. Avatar Photo!
Сервис позволяет создать более оригинальных 30 аватаров из ваших фотографий. Для портретных фотографий сервис способен генерировать очень интересные эффекты, основанные на алгоритме распознавания лиц. Например, можно сделать, чтобы вы подмигивали или улыбались, огорчались и удивлялись. Есть эффекты матрицы, помещения снимка под воду, отражения в воде, мигания, калейдоскопа, дождя, рентгеновского сканирования. Одним кликом добавляются такие эффекты, как сердечки в глазах, доллары, перекатывающиеся зрачки глаз или превращение в вампира с горящими глазами =)
Созданные аватары имеют настраиваемый размер и скорость анимации, а также регулируемое количество кадров в анимации. Удобно, что еще до начала применения эффектов Вы можете подредактировать снимок (например, обрезать, нажав “Edit photo”).
Недостатки: нельзя добавить на аватар текст.
2. CoolWebcamAvatars
Если у вас есть вебкамера, то тут вы легко создадите свой анимированный аватар, причем все будет по-настоящему, так как это и есть ваше реальное изображение
Недостатки: аватар можно создать только при наличии веб-камеры, размеры аватара не регулируются.
3. Lunapic.com
Сервис предназначен как для редактирования фотографий, так и для применения к ним различных эффектов. Эти-то эффекты и подходят для создания аватаров. Эффектов на сайте более 30 статических и 34 анимированных. Среди самых запоминающихся – трехмерный куб, отражения в воде, тепловой снимок, ужастик, круги на воде, пикселизация, блестки. Причем для некоторых эффектов вы сможете самостоятельно выбрать цветовую гамму.
Здесь можно и текст добавить (анимированный!), и применить эффект анимации к предыдущему. Имеется возможность создать анимацию из собственных кадров, причем есть очень много параметров настройки– можно задать для каждого кадра время задержки и число циклов в анимации.
Пожалуй, разработчики Lunapic реализовали наиболее полный набор операций для создания и редактирования аватаров. К тому же, записывается вся история редактирования и вы сможете в любой момент вернуться на нужный шаг.
4. Loogix
Сервис содержит не очень большой набор эффектов: 11 способов создания аватаров из одной фотографии и склеивание 2 и более кадров в анимацию. Среди этих 11 эффектов наиболее популярны рекурсия, негатив, перекрашивание фотографии в различный цвета, эффект разрастания и размытия. В настройках можно задать размер аватара: 100, 125, 250, 300 или 400 пикселей и скорость анимации при «склейке» (всего есть 5 уровней скорости).
Регистрации нет в принципе и полученный аватар можно сохранить либо к себе на диск, либо выложить прямо со страницы сервиса на одну из соц. сетей или сервис соц. закладок. А при желании – опубликовать в галерее на домашней странице сервиса. Также есть embed код, при помощи которого аватар легко поместить на свой сайт или блог.
Недостатки: мало эффектов, нет добавления текста или других элементов персонализации.
5. Aploy
Недостатки: подписи доступны только на латинице
Как сделать свой 3D-аватар на любом Android-смартфоне
Если у вас смартфон на Android и при этом вы смотрите с завистью на владельцев iPhone из-за того, что они могут создавать свои 3D-аватарки, сейчас же прекратите. У обладателей смартфона на популярнейшей в мире мобильной ОС тоже есть возможность создать свой собственный виртуальный клон, но что более интересно, это можно сделать на абсолютно любой Android-смартфон, в котором имеется хотя бы одна фронтальная камера.
Если вы давно мечтаете поиграться с анимированными 3D-рожицами или сделать копию своей собственной, то вам прямая дорога в Google Play за приложением с приятным для нашего российского слуха названием Chudo. Главной особенностью этого приложения является то, что оно может сканировать ваше лицо и генерировать из него цифровой аватар, используя собственную запатентованную технологию машинного обучения. Однако, в первую очередь, разработчик позиционирует Chudo в качестве мессенджера.
Как сделать свой 3D-аватар с Chudo
Как только вы загрузите приложение по ссылке в конце статьи (или найдя его самостоятельно в Google Play) и войдете в систему, используя свой номер телефона, Chudo первым делом предложит отсканировать ваше лицо. После несложного и быстрого сканирования, где нужно наложить на экране две фигуры разного цвета друг на друга, ваше лицо станет трехмерным анимированным аватаром. Однако это еще не все, так как приложение умеет отслеживать вашу мимику, чтобы только что созданная цифровая аватарка очень правдоподобно имитировать ваши движения. Помимо собственного аватара вы также можете выбрать другие рожицы, например, кролика, единорога или тигра.
Если все это кажется вам знакомым, то для этого есть веские причины, так как Animoji от Apple и некоторые другие реализации, сделанные производителями смартфонов для своих фирменных лончеров, работают по тому же принципу, что и Chudo. Однако для всего того, что может делать Chudo, вам не нужен особенный телефон или какие-то специальные датчики и сенсоры, а просто практически любое Android-устройство с работающей камерой.
Что можно сделать с созданным 3D-аватаром
Как несложно догадаться по началу этой статьи, где я написал, что разработчик позиционирует Chudo в качестве мессенджера, созданный 3D-аватар можно отправлять в сообщении другим людям. Вы можете сказать что-нибудь и немного поиграться с эмоциями, а виртуальная голова повторит все за вами, записав также ваш голос, а затем отправить эту анимацию кому-нибудь из вашего списка контактов. Однако есть одно ограничение: приложение позволяется отправлять анимации только тем, у кого оно установлено, а то есть ваши друзья тоже должны использовать Chudo, чтобы общаться с вами.
Отсутствие приложения у ваших контактов делает его бесполезны для вас, но вы всегда может сагитировать их установить Chudo и пользоваться им вместе.
Где скачать приложение Chudo
Если вы уже находили Chudo в Google Play, то могли заметить, что приложение имеет в рейтинге 4 звезды, и это главным образом потому, что в нем все еще есть ошибки. Во время нашего тестирования приложение работало немного медленнее, чем мы ожидали, но кроме этого проблем не было. Это все программные ошибки, которые разработчик может устранить и, надеюсь, устранит в ближайшем будущем.
В Chudo нет рекламы, но есть магазин, в котором можно приобрести дополнительные аватары. Chudo весит около 44 Мб, что не очень много для приложения такого типа. Также приложение требует, чтобы на вашем смартфоне была установлена Android 7.0 Nougat или новее, и это единственное требование здесь.
Приложение: Chudo
Разработчик: Magic Unicorn Inc.
Категория: Связь
Цена: Бесплатно
Скачать: Google Play
Делитесь своим мнением в комментариях под этим материалом и в нашем Telegram-чате.
Как поставить анимированную аватарку в вк
Как поставить движущуюся GIF аватарку в сообществе вконтакте
Добрый день. Если вы активно просматриваете группы и паблики вконтакте, то, возможно, встречали выделяющиеся из серой массы – у которых аватарка не статичная, а динамичная.
Мне не трудно, сразу начну с примера. Перейдите в паблик – “Оптические иллюзии. Обман зрения. Картинки 3D” по ссылке –
Если быть честным, то ее никогда и не было. Если вы откроете прямую ссылку и посмотрите на расширение картинки – вас будет ждать сюрприз:
Пример аватарки ВК
Т.е. определенное время существовал маленький секрет – можно было взять картинку-анимацию, пересохранить ее в формате JPG и загрузить как основную фотографию группы или паблика.
СЕЙЧАС ЭТО НЕ СРАБОТАЕТ.
Вы сможете поставить ГИФку на аватар вконтакте, но она ДВИГАТЬСЯ НЕ БУДЕТ. Но для старых сообществ, которые установили картинки до закрытия данной возможности админы VK пошли на уступки и оставили динамические картинки.
Т.е. сейчас единственный возможный способ стать владельцем группы с ГИФ картинкой на аватаре, выполняющей определенные действия – купить ее. Такие сообщества были созданы 4 года назад.
Почему вконтакте не дает загружать анимацию на аватар? Все просто, данная соц. сеть не позиционируется, как развлекательная. Для этого есть “МОЙ МИР” от mail.ru, где ваши глаза будут болеть уже через несколько минут от количества различных красок, смайлов и анимации.
Так что единственным способом было изменение формата изображения, сейчас же залить GIF картинку у Вас не выйдет.
Но если вдруг вы знаете какой-либо секретный способ – поделитесь им в комментариях. Спасибо.
Как поставить гифку на аву в ВК? Популярность озвученного вопроса объясняется всего одной причиной – администрация социальной сети лишила обычных пользователей возможности устанавливать анимированные картинки, решив, что подобное излишество не имеет смысла и мешает основному значению портала – общению и знакомству.
Исключением стали лишь крупные группы, которые успели установить динамические шапки до внедрения нововведений. Им позволили сохранить старые изображения, поскольку в противном случае нарушались права пабликов и наносился урон репутации. А тем, кто не успел своевременно установить красочное, подвижное изображение, остаётся смириться со сложившимся положением и пользоваться менее яркими аватарками и заставками.
Как найти гифку в ВК?
Если движение началось, стоит проверить настройки браузера и убедиться, что у пользователя установлена актуальная версия программы. Если подобная проверка вызывает сложности, стоит просто повторить процедуру в другом браузере.
Отдельного внимания заслуживает ситуация, когда пользователю не хочется, чтобы гифки включались автоматически. Запретить автоматический запуск удастся в меню настроек ВКонтакте.
Как скопировать гифку в ВК?
Разобравшись, как искать гифки в ВК, следует перейти к рассмотрению следующей темы: копированию анимаций. Для этого понадобится:
Ничего дополнительного не понадобится.
Как поставить гиф на аватарку ВКонтакте?
Ни одного способа поставить анимированное изображение на аву не предусмотрено. При этом, если рассмотреть ситуацию чуть внимательнее, окажется, что:
То есть, желаемый эффект не достигается, несмотря на желание и попытки пользователей загрузить на свою страницу подвижное изображение. Никаких способов исправить ситуацию и обойти установленные ограничения не существует.
Как переслать гифку из ВК на Вацап?
Убедившись, что поставить гифку на аватарку в ВК невозможно, следует рассмотреть процесс пересылки картинки из социальной сети в мессенджеры на примере WhatsApp. Упомянутые ресурсы никак не взаимосвязаны, поэтому сделать это напрямую не получится. Следовательно, пользователям придётся:
Альтернативным методом отправки станет копирование ссылки на картинку (для этого рекомендуется открыть её в отдельной вкладке) и отправка собеседнику сохранённого адреса.
Как отключить анимацию стикеров в ВК?
Для отключения анимированных стикеров, понадобится:
Содержание
Зачем группе оформление
Функциональность социальных сетей позволяет оформлять группы изображениями. Оно может быть не только красивым, но и полезным, это хороший способ решить сразу несколько задач. Оно может:
В соцсетях есть разные возможности оформить группу, разберемся с функциональностью во Вконтакте.
Возможности Вконтакте
В этой соцсети для оформления группы или публичной страницы можно использовать аватарку, обложку, ленту меню, меню в формате вики, просто вики-записи, иконки к товарам и иллюстрации к постам. Если подобрать неправильный размер, качество картинки может портиться или быть слишком мелким. Внешний вид группы влияет на то, как ее воспринимают пользователи, а также есть версии, что размер влияет на охват постов. Далее разберем подробнее каждый элемент оформления.
Обложка
Размеры: 1590×400 px, видимая зона для мобильной версии 1196×400 px.
Это вытянутая горизонтальная картинка в шапке сообщества, она некликабельна.
Обложка нашей группы vk.com/prcyru
Обложка не обязательна для сообщества, если ее не установить, аватар группы откроется в полном формате справа.
Группа без обложки
Общие рекомендации к обложке
Чтобы качество обложки не портилось, администрация Вконтакте советует загружать изображение размером 1590×400 px. Но в мобильной версии вся обложка не умещается в экран, края справа и слева обрезается на 197рх, поэтому все данные, тексты и изображения, которые нельзя резать, лучше помещать в видимой зоне, это 1196×400 px. А сверху примерно 83 рх занимает полоска с индикаторами связи, уровня заряда и прочих.
Схема обложки с разметкой
Чтобы вам не размечать области самостоятельно, мы сделали шаблон в формате psd с направляющими, разграничивающими области. Его можно скачать.
Надписи уместились в видимой зоне, значок настроек перекрывает текст только у администраторов сообщества
Обрезалось часть названия на обложке
Многие советуют делать на обложке стрелки, побуждающие нажать на подписку или написать сообщение.
Стрелка указывает на кнопку подачи заявки
Стрелка показывает на кнопку с сообщением
Мы советуем сначала посмотреть, преимущественно с каких устройств аудитория смотрит группу. Такая информация есть в статистике сообщества:
Скриншот статистики группы PR-CY
Если аудитория чаще смотрит группу с мобильных, то в таком значке нет смысла, потому что в мобильном приложении он смещается и указывает на миниатюру аватарки, а не на кнопку подписки или сообщения.
Стрелка указывает на аватарку
Стрелка указывает на пустое поле
Динамическая обложка
Размеры: такие же, как у обычной обложки.
Вконтакте внедрили функцию динамических обложек, это значит, что обложка будет иметь изменяющиеся данные и обновляться через определенный промежуток времени. Такая обложка удобна тем, что на нее можно вывести практически все, что угодно: городским порталам может пригодиться время, курс валют, пробки или погода, группам, которые проводят акции или организовывают мероприятия, будет полезен таймер с обратным отсчетом, а вывод аватарок самых активных пользователей может стимулировать оставлять комментарии или лайкать записи.
Пример с выводом аватарок активных участников на обложку
Аватарка нового подписчика на обложке
Для динамической обложки нужна обычная картинка, на которую будут крепиться вставки с аватарками, погодой и прочим, скрипт с привязкой к группе и хостинг с поддержкой CronTAB, где будет установлен скрипт. Если поставить слишком частое обновление обложки, каждую секунду, к примеру, то может понадобиться антикапча.
О том, как самостоятельно написать скрипт, на ХабраХабре рассказывал Петр Самохин. Если не хочется разбираться в этом самостоятельно, есть платные сервисы-конструкторы, к которым можно подключить группу и настроить обложку с нужными приложениями за небольшую абонентскую плату.
Функциональность может быть разной, к примеру, оформление сообщества может полностью меняться после клика на подписку. Дополнительные функции разрабатывают отдельно, можно написать что-то самостоятельно, можно можно найти группы в поиске самого Вконтакте, где занимаются разработкой и продажей таких приложений.
Анимационная обложка на мобильных
Размеры: вертикальные фото и видео 1080×1920 px или другие в пропорции 9:16.
В январе 2019 всем группам открылась возможность оформить отдельную обложку для мобильного просмотра. В нее можно включить до пяти крупных фотографий или видео без звука, которые будут работать как слайд-шоу. Выглядит это так:
Обложка группы в мобильном просмотре
Обложка группы по клику в мобильном просмотре
Включается эта возможность в Настройках сообщества:
Настройки группы
Дальше появится окно с добавлением фотографий в слайд-шоу для анимированной мобильной обложки:
Добавление фотографий
Какой размер материалов выбрать:
Для фото рекомендуем разрешение 1080×1920 или другое в пропорции 9:16 вертикальной ориентации. Размер видео такой же, длительность до 30 с, размер до 30 Мб, MP4, видеокодек H.264, аудиокодек AAC.
Аватарка
Размеры: не меньше 200х500 px и не больше 7000 px, соотношение сторон 2 к 5.
Аватар группы рекомендуем поставить обязательно, без него она тоже может функционировать, но пользователи могут подумать, что она закрытая и не рабочая.
Если в группе установлена обложка, аватар будет представлен только как миниатюра, полную версию можно будет посмотреть по клику. Если обложки нет, будет выводиться полностью. Для сравнения группа PR-CY с обложкой и аватаркой и вариант той же группы без обложки:
С обложкой и аватаркой
Только с аватаркой
Аватар может быть любого размера не меньше 200х500 px и не больше 7000 px с каждой стороны, но максимальное соотношение сторон — 2 к 5. То есть сильно вытянутую картинку установить не получится, мы пробовали:
Редактор не дает выделить более вытянутое поле.
Меню с кнопками
Размеры: картинка для кнопки от 376х266 точек.
У групп недавно появилась возможность добавить ленту меню. Оно выглядит как горизонтальный блок с кнопками, максимум семь кнопок. На них администратор может закрепить ссылку, но только внутри соцсети — на статью, пост, товары, приложение, что-то другое. Внешние ссылки не допускаются, так что кнопку «Перейти на сайт» сделать нельзя.
Лента меню в группе
Управлять меню можно в настройках группы — отрегулировать количество кнопок, добавить название, обложку и ссылку.
Настройка кнопок меню
Название кнопки не может быть больше 20 символов, но на смартфоне и эти символы не помещаются, так что дополнительно проверьте, чтобы название было понятным:
Меню на смартфоне
Минимальный размер обложки кнопки — 376х266 точек, но лучше сделать в тех же пропорциях крупнее. Кнопки для меню — это прямоугольник довольно маленького размера, особенно на смартфонах, так что используйте все пространство для дизайна и не добавляйте надписи.
Вики-меню
Размеры: ширина внутренней страницы 607 px, обложка не менее 600 px в ширину.
Вики-формат ВКонтакте подразумевает страницу с возможностью форматировать текст, делать списки и подзаголовки, вставлять кликабельные изображения с переходами на разделы ВКонтакте и сторонние сайты.
В формате вики часто делают меню и закрепляют его в шапке группы, чтобы упростить навигацию по сообществу и дать всю важную информацию в одном месте. Навигация в группе будет привлекать внимание, но вы не сможете закреплять в шапке другие важные посты.
С появлением кнопок в меню необходимость в закрепленном вики-меню отпала, но его все равно можно сделать, если вам нужно поместить в меню больше семи ссылок.
Для вики-меню понадобится обложка, которая будет иллюстрацией к ссылке на страницу меню, и внутренние разделы.
Обложка меню
Фрагмент разделов внутри меню
Ширина поля у вики-страниц — 607 пикселей. Картинки можно растянуть или сделать меньше, указав размер в редакторе, который открывается по клику на изображение. Но при растягивании и уменьшении портится качество. Автоматически картинки загружаются с высотой 400 px.
Редактор изображений в вики
Вики-страничка с разделами меню настраивается в редакторе. Далее ссылка на страницу вставляется в пост на стене, ему не обязательно, но желательно изображение. Оно подбирается как обычная иллюстрация к посту. Прикрепляем и сохраняем пост, теперь вики-страничка будет открываться по клику на «Посмотреть» или на иллюстрацию.
Тестовый пост с вики-меню
Посты
Размеры: не менее 700 px в ширину для обычных постов, не меньее 510х288 px для статьи в редакторе.
Посты в ленте поддерживают любое изображение, но у разных постов есть свои ограничения. В интернете встречается мнение о том, что размер картинки влияет на ранжирование в умной ленте, поэтому она должна быть не меньше 1024 px. Мы спросили у поддержки и выяснили, что размер не влияет, главное содержимое.
Ответ поддержки о влиянии размера картинки на позицию в выдаче
Основатель Церебро Таргет Феликс Зинатуллин утерждает, что картинка должна быть не менее 700 пикселей в ширину. Как показывает его опыт, у постов с картинками шириной в 700 пикселей и с шириной в 699 может быть разница охватов в два раза.
Параметры картинки могут быть любыми, но лучше остановиться на квадратных и горизонтальных прямоугольных изображениях. Для примера мы взяли три варианта: квадратную картинку, изображения в вертикальной и в горизонтальной ориентации в 1000 px по ширине.
Изображения выравниваются по ширине экрана, больше всего места занимает квадратная картинка, хорошо смотрится изображение в горизонтальной ориентации. В вертикальной ориентации в десктопном варианте смещается вбок и не выравнивается по центру, а в мобильном стоит по центру, но по бокам образуются белые поля.
Есть другой формат поста — статья в редакторе. Обложка для нее должна быть горизонтальной, картинка сожмется до размера 510х288 px. Какие-либо изображения лучше помещать дальше от центра, заголовок тоже писать не нужно, он автоматически встанет посередине. Заголовок пишется белым шрифтом, но подсвечивается тенью, так что темные иллюстрации смотрятся лучше, но и на светлом текст не теряется.
Иллюстрация для статьи со светлым фоном 
Иллюстрация для статьи с темным фоном
Еще одна рекомендация для картинок — не пишите на них слова «лайк», «репосты» и прочее, что теоретически можно отнести к накруткам. Алгоритмы ВКонтакте борются с лайко-попрошайками и занижают охват таких постов. Об этом говорит эксперимент Церебро Таргет: два одинаковых поста получили разный охват подписчиков, на одном из них был замазан «лайк»:
Охваты у одинаковых постов
Товары
Размеры: не меньше 600 px.
Товары обязательны к иллюстрированию, без картинки они не опубликуются. Загружать картинки можно в любой ориентации, но в качестве миниатюры для товарного ряда обязательно выбрать квадрат:
Редактор не позволяет растягивать область выбора миниатюры
Установленный квадрат будет показан в товарном ряду, при клике карточка товара откроется с исходной картинкой.
Миниатюра товара из товарного ряда
Открытая карточка товара
Чтобы качество не портилось, рекомендуем брать размер не менее 600 px. Как видно, с горизонтальной иллюстрацией образуются пустые поля, так что выгодным решением мы считаем квадратные иконки. Для своего товарного ряда мы их и выбрали:
Ряд с товарами в группе PR-CY
Открытая карточка товара
Размер самого изображения должен быть не меньше 400 и не больше 6000 px по каждой из сторон. И мы рекомендуем оформлять изображения карточек товара в одном стиле, чтобы они выгодно смотрелись в списке плиткой.
Это не вся функциональность социальной сети Вконтакте по оформлению группы, есть еще множество вариантов виджетов, каруселей и приложений, что-то особенно разработчики могут написать отдельно специально под группу компании или бренда.
Для оформления своей группы в социальной сети Вконтакте есть много возможностей. Лучше использовать то, что подойдет по специфике бренда, оформлять группу качественным и красивым дизайном, попутно решая задачи повышения активности и лояльности.
Если вы хотите знать больше о ведении групп в социальных сетях, вам может быть интересны другие наши статьи из цикла SMM: