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

Главная картинка на вашей страничке, группе в социальной сети или на любом другом сайте – это аватарка (“ава” на разговорном слэнге). Большинство ставят на аватарку свою фотографию. И это верно, ведь так людям будет проще вас найти. Но если в вас есть творческая жилка, эта статья вам будет очень полезна.

Для некоторых форумов на аватарки ставят ограничения по размеру (к примеру, 100х100 пикселей). На сайте picasion.com можно загрузить свое изображение и сделать из него нужную аватарку от 64 пикселей до 450. Здесь же есть возможность создать анимированный аватар: перейдите по ссылке “создать анимацию”, на загрузившейся странице выберите как минимум 2 изображения из памяти своего компьютера (например, на одном вы с прищуренным глазом, на втором – как обычно), установите размер и скорость, кликните “Создать анимацию”. При запуске получившегося “*.gif” на фото вы будто подмигиваете. Обработать свое изображение онлайн можно с помощью портала pho.to . Вот уж где точно раздолье для вашей фантазии! Великое разнообразие способов украсить вашу аватарку увлекает, и, вполне возможно, в скором времени это станет вашим хобби. На закладке “фотоэффекты” есть возможность украсить фото рамкой, сделать фотомонтаж, например, превратить человека в очаровательное животное или монстра, добавить эффекты стилизации, перевоплотить свое фото в рисунок карандашом или живопись, а также поместить себя на обложку журнала или же смоделировать коллаж со знаменитостью. В этом онлайн-редакторе на вкладке “Ретушь портретов” можно подкорректировать неровности кожи, красные глаза. В общем, легко и быстро сделать то, ради чего люди пользуются фотошопом. Интересная аватарка получится, если добавить эмоции портретному фото или наложить мультяшный эффект на закладке “Мультяшки” . Выбрать простые или анимированные аватарки формата *.gif можно из большого ассортимента, представленного на сайте avatary.ru . Создать свою креативную аву очень просто на avamaster.ru . Последовательность действий стандартна: загрузите фото и, играя, экспериментируйте с предложенными эффектами. Если вам нравятся игры с созданием образа героя (подбором одежды, макияжа, прически), этот способ создания нетривиальной аватарки вам придется по душе. На сайте faceyourmanga.com нажмите на “Create”, выберите пол мультяшного персонажа. Он может быть очень похож на вас: выберите для него ваши черты лица, волосы по длине и цвету, как у вас, фигуру. По окончанию моделирования нажмите “Save” и введите данные (все поля, кроме электронной почты, можно заполнять произвольными значениями). затем снова “Save” и проверьте свой почтовый ящик, там вас уже будет ждать новая “мультиаватарка”.

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

Сегодня я покажу, как создать красивый единый блок “Аватар+Меню”. Вы наверняка видели вот такие красиво оформленные группы, где меню и аватар представляют собой одну картинку.

Смотрится весьма красиво, не правда ли? Не смотря на кажущуюся сложность сделать такой блок в своей группе сможет каждый. При этом вам не нужно знание секретов Фотошопа . Я покажу, как сделать это в обычном графическом редакторе Paint , который есть на каждом компьютере.

Итак, нам понадобятся:

• картинка, из которой мы сделаем аватарку группы и меню;
• графический редактор Paint;
• программка Rect, для измерения ширины и высоты меню.

Открываем редактор Paint и нашу заготовленную картинку. Картинка должна быть не более 799 px по высоте и не менее 600 px по ширине. Стрелкой №1 на скриншоте я указал место, где можно глянуть текущие размеры картинки. А стрелкой №2 – инструмент, которым можно эти размеры изменить.

Получив подходящие нам размеры картинки, вырезаем из нее аватарку. Для этого используем инструмент “Выделить” (стрелка №3). Выделяем область шириной 200 px (стрелка №4 показывает, где можно следить за шириной выделяемой области). Вырезаем эту часть картинки (стрелка №5).

Не закрывая текущий Paint, запускаем еще один. Вставляем в него нашу вырезанную часть картинки. Это и будет аватаркой нашей группы Вконтакте. Делаем на ней привлекательно-завлекательные надписи и сохраняем как изображение в формате PNG.

После этого аватар уже можно загрузить в нашу группу Вконтакте.

Теперь нам необходимо узнать точный размер блока меню. Для этого воспользуемся полезной и простой программкой для вебмастера Rect . Программа не требует установки, не создает и не модифицирует никакие файлы. >>> Скачать программку Rect <<<

Идем на страницу нашей группы и замеряем расстояние в пикселях от кромки поля с заголовком “Обсуждения” или “Опросы” (смотря что у вас будет идти первым после ссылки на меню группы) до нижнего края аватарки. Ширину и высоту программа Rect нам покажет посредине окошка. Кстати, ширина блока меню должны быть исключительно 388 пикселей.

Итак, нужная в данном случае высота – 295 пикселей. Кстати, советую вам заранее подготовить описание вашей группы, потому как от его объема будет зависеть высота блока меню.

Возвращаемся в Paint с оставшейся картинкой и вырезаем из правого нижнего угла блок меню размером 388*295 пикселей.

Вставляем вырезанную картинку в заранее открытый новый Paint и вписываем в нее текст ссылок меню. Как оформить текст, смотрите сами. Редактор позволяет вставлять различные фигуры и маркеры. Я же придерживаюсь мнения, что секрет хорошего дизайна – это минимализм, будь то Вконтакте или обычный сайт. По этой причине я использую обычный подчеркнутый текст. Именно такими мы привыкли видеть ссылки.

Теперь уже знакомыми нам инструментами “Выделить” и “Вырезать” выделяем и вырезаем каждый пункт меню. Вставляем картинку каждого пункта в новый Paint и сохраняем как изображение в формате PNG.

Итого, у нас должно получится 5 картинок, составляющие одно целое. Почему пять, если ссылок 4? Нижнюю часть я вырезал как отдельную картинку без ссылки. Эти картинки мы загружаем в отдельный альбом нашей группы Вконтакте . Они нам очень скоро понадобятся.

Переходим на главную страницу группы и жмем на ссылку “Редактировать” в строке меню. Она должна появиться там при наведении курсора мышки.

В редакторе меню включаем режим wiki-разметки. И вписываем туда следующие строки.

UPD: Внимание! Сейчас, чтобы все отображалось корректно, необходимо поменять местами тег nopadding и размеры картинки. Точку с запятой соответственно ставить после размеров картинки.

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

В коде я выделил:

• розовым – id картинки. Где его взять? В адресной строке вашего браузера при просмотре картинки.
• зеленым – размеры картинки и команда “nopadding”, которая показывает картинку без отступов.
• желтым – ссылка на желаемую страницу группы.

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

Данное руководство не актуально для публичных страниц Вконтакте. Рекомендую воспользоваться этим мануалом для пабликов –

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

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

Итак, перейдем непосредственно к рассмотрению процесса установки широкой аватарки вконтакте.

Инструкция, как создать горизонтальную аватарку в группе ВК.

1) Готовим широкую аватарку размером 1590×400 пикселей в графическом редакторе.
Широкая горизонтальная аватарка – это лицо вашей группы, которое формирует первое впечатление и отношение посетителей. Подойти к созданию аватарки необходимо с особой внимательностью, это определит дальнейший успех вашего сообщества.
Для примера, рассмотрим аватарку, которую мы подготовили для демонстрации:

Основные элементы, которые обычно используются в шапке это:

• Логотип – Задает основную графическую ассоциацию с группой.
• Заголовок – Кратко и доступно рассказывает, о чем и для кого группа.
• Графические элементы с описаниями дают более полную информацию о том, что предлагает группа, какие у группы преимущества и особенности.

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

2) Переходим в управление сообществом.

3) Нажимаем Загрузить, напротив поля обложка сообщества.

4) Загружаем заранее созданную горизонтальную аватарку.

5) Проверяем корректность отображения аватарки в группе с компьютера и мобильного устройства.

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

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

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

Всем привет, с вами Роман Литвинов, дизайнер команды Ardens.pro. Сегодня я к вам пришел с гайдом-туториалом, как создать единый блок аватара и меню Вконтакте (единым целым). Для начала примеры на что это будет похожим.

Примеры:

Разметка аватара для группы Вк

Для старта нам нужна сетка. Чтобы её сделать, мы делаем скриншот страницы группы и забрасываем в проект, в моем случае в Photoshop.

После чего сочетанием клавиш CTRL+R вызываем линейки и расставляем направляющие по краям аватара и закрепа. Для того, чтобы вытянуть направляющую, нужно зажать ЛКМ на линейке и потянуть в сторону нашего макета.

Размер аватара, который мы видим в браузере без масштабирования, 200х500 пикселей. А закреп в таком виде 395х237 пикселей.

Порезка

Мы сделали разметку, теперь приступим к порезке. Почему сейчас? Да потому, что это уже почти конец моего гайда.
Для порезки нам нужен инструмент «Раскройка» (в англ. версии «Slice tool»)

С помощью этого инструмента делаем нарезку по нашим направляющим, конкретно внутри аватара и закрепа по краям.

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

После работы над нашим дизайном сохраняем порезанные части с помощью CTRL+SHIFT+ALT+S или Файл->Сохранить для web…

В данном окне с зажатым Shift выбираем наш аватар и закреп нажимаем сохранить
Но тут тоже еще не все. В появившемся окне, пункт фрагменты, выбрать «Только выделенные фрагменты» и нажать сохранить. После чего фотошоп отрежет из всего макета область с аватаром и закрепом.

В папке куда мы сохраняли порезку мы увидим примерно такое.

Единый блок аватара и меню для группы Вконтакте

Смело заливаем наш аватар и закреп в тестовую группу, чтобы посмотреть результат

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

Завершение

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

Полезные статьи на похожей тематики:

Забавное видео (местами и не поймешь «фотошоп» или нет)

Внимание конкурс:
Подарю набор стикеров на выбор тому, кто повторит данный урок, и у него получится сделать аватар и закреп одним целым 😉

Ставьте лайки, оставляйте комментарии, бросайте маффины или помидоры в нашей группе

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

Александр Тодоров (Alexander Todorov), доктор психологии из Принстонского университета, подтвердил это в ходе ряда исследований (например, этогоFirst impressions: making up your mind after a 100-ms exposure to a face и этогоMisleading first impressions: different for different facial images of the same person ). Во время одного из экспериментов он сфотографировал добровольца в разных позах и попросил других людей оценить снимки по различным характеристикам: интеллект, надёжность, привлекательность. Оценки были абсолютно разные.

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

1. Не скрывайте лицо

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

Люди выглядят привлекательнее, когда фотографируются анфас. На подсознательном уровне открытая поза и развёрнутые плечи воспринимаются как знаки уважения. Мы считаем этого человека внимательным к нам. Вспомните общение в реальной жизни. Приятно, когда во время разговора собеседник полностью повёрнут к вам. Если поза закрытая, то складывается впечатление, будто общаться ему неприятно.

3. Уделите внимание фону

Люди оценивают не только вашу позу и природные данные, но и задний план. Одного симпатичного личика недостаточно, чтобы заинтересовать. У фотографии должна быть какая-то история. К тому же фото на пляже, в горах, ресторане или клубе расскажет о ваших увлечениях. Сразу будет понятно, есть ли у вас что-то общее и стоит ли вообще начинать знакомство.

4. Улыбайтесь

Фотографии улыбающихся людей привлекают больше внимания. Мы считаем их открытыми, жизнерадостными. Возникает желание и зарядиться их жизнелюбием. Но улыбаться нужно уметь. Для женщин хороши естественные или широкие улыбки «во все 32». Мужчинам же лучше делать это сдержанно.

Для женщин

Для мужчин

5. Покажите руки

Руки - индикаторы доверия. Если человек показывает их на фотографии, подсознательно мы считаем его надёжным. Также руки на фото говорят нам, что человек не опасен: он открыт и не причинит зла.

6. Только для женщин: возьмите пример с Мэрилин Монро

Мэрилин Монро считается эталоном женственности. Кокетливый взгляд будоражит мужское воображение. Если хотите влюблять в себя с первого взгляда на фото, сделайте такой же снимок. Чуть наклоните голову, прикройте глаза. Смотреть нужно чуть свысока сквозь ресницы. Приоткройте губы и обнажите шею. Открытая шея очень нравится мужчинам. Помните Джессику из фильма «Кто подставил кролика Роджера?»

7. Только для мужчин: покажите себя

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

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

Уверенные в себе люди всегда держат спину прямо. Их взгляд открыт, руки часто отведены за голову. Глядя на такое фото, вы не увидите и малейшего в человеке.

Хорошо