Сделать красивую аву для группы онлайн. Создаем аватар онлайн

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

Примеры:

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

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

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

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

Порезка

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

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

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

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

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

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

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

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

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

Завершение

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

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

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

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

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

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

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

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

Способы создания аватаров

Способов создания и поиска аватаров множество и одни из них:

• Аватар можно создать самостоятельно, но при этом нужны умения и талант рисовать в графических редакторах, например Adobe Photoshop онлайн ;
• Можно заказать аватар другому человеку (который умеет пользоваться графическими редакторами), но при этом нужно будет заплатить (а ведь статья называется бесплатно создать аватар, и это мы не будем рассматривать);
• Можно скачать готовый аватар на специальных сайтах, но нужно подобрать подходящий под ваш внешний вид и индивидуальность, что очень сложно и долго.

И в этом статье я хочу вам предложить самостоятельно и бесплатно создать аватар онлайн под свою индивидуальность и имидж.

Сервисов по созданию аватаров не так много в глобальной сети, но каждый из них имеет свои особенности. Но при этом каждый из них позволяет создать аватар самостоятельно и бесплатно (условно-бесплатно). Большинство из них работает по принципу обработки фотографии, то есть нужно загрузить вою фотографию и начать редактировать ее (наложение фотоэффектов, градиента, обрезка, выделение определенных фрагментов и т.д.). О таких сервисах можно почитать в обзоре о редакторах фотографий онлайн и, конечно же, воспользоваться одним из них.

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

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

Создать аватар в онлайн конструкторе FaceYourManga

Для того чтобы создать аватар, нужно пройти по ссылке . После чего нужно выбрать пол – мужской или женский (изображены мальчик и девочка).

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

Как я и писал выше, аватар создается методом подбора элементов лица, одежды, аксессуаров и т.д. Выбрали категорию (например, лица – картинка головы), потом выбрали подкатегорию Shape (форма подбородка) и выбираем подходящий. Таким же образом уши (ears), глаза (eyes) и т.д. Для некоторых элементов есть свое подменю, например, глаза – можно изменить расстояние между ними, увеличить размер глаз и даже указать, куда будут смотреть глаза (влево, вправо или вниз). А на одежде можно написать слово (длина 6 символов и только латинскими буквами).

После того как подобрали лицо аватара можно приступить к выбору прически, одежды, логотипа для одежды или надписи, аксессуаров (очки, сережки, кулончики, татуировки и т.д.), можно изменить задний фон от простого градиента до изображения пляжа. А если есть желание можно сделать рисунок на лице.

По окончанию, если вам понравился созданный вами аватар, то его можно сохранить, нажав на кнопку Save, и откроется форма, в которой нужно ввести свое имя, E-mail (если не хотите указывать свой адрес, то можно воспользоваться временной почтой), дата рождения и указать вашу страну, а также не забудьте поставить галочку, где вы подтверждаете согласие с политикой сервиса FaceYourManga. Нажимаем на кнопку Save . На вашу почту приходит письмо от сервиса со ссылкой на ваш аватар. Тут заметьте много действий для того, чтобы заполучить свой аватар. Кстати если вы не хотите использоваться свою электронную почту, то рекомендую воспользоваться сервисами временной почты.

Вот таким образом можно бесплатно создать аватар для форума, чата, социальных сетей (ВКонтакте, Одноклассники) и самое интересное создать его похожим на себя. Тем самым удивите своих друзей. А при создании аватара с друзьями можно здорово и весело провести время.

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

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

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

Аватаркой может быть как реальная фотография человека, так и картинка с вымышленным персонажем или вообще без него.

КАК СДЕЛАТЬ АВАТАРКУ НА СПЕЦИАЛЬНОМ СЕРВИСЕ

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

Чтобы скачать уже готовый аватар, нужно нажать правой кнопкой мыши на понравившуюся картинку, выбрать «Сохранить как…», далее определить папку, в которой будет храниться картинка и нажать «Ок». Все, картинка на Вашем компьютере. Осталось только закачать ее в личный профиль на форуме или в социальной сети.

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

Сайты с аватарками работают не только с картинками, но и с личными фотографиями. Они могут обеспечить обычному фото самые разные эффекты (сияние, мерцание, блеск, эффект «старой фотографии» и т.д.), украсить графикой, добавить надпись, создать рамку или просто улучшить качество изображения. Для того, чтобы создать «улучшить» свою фотографию для аватарки, ее нужно загрузить на соответствующий сервис. Фото должно быть в формате jpg, jpeg, png или gif и весом не более 5 Мб. Выбрать эффект, который хотите придать Вашей фотографии. Дальше следовать инструкциям.

КАК СДЕЛАТЬ АВАТАРКУ САМОМУ

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

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

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

Как делается скриншот:

1. Во время показа фильма обращаем внимание на интересный кадр.

2. Нажимаем паузу.

3. Жмем Ctrl+Prt Screen - делается скриншот.

4. Открываем Microsoft Paint, нажимаем «Вставить». Повляется изображение выбранного кадра из фильма.

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

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

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

КАК СДЕЛАТЬ АВАТАРКУ АНИМИРОВАННУЮ

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

Анимированные аватарки создаются с помощью специальных программ. Одной из самых простых можно считать программу UnFREEz. Это бесплатная портативная (не требующая установки) программа. Из нескольких статических изображений в формате GIF она создает одно анимированное. Преимущества этой программы — минимальный размер, простота использования и отсутствие какой-либо нагрузки на систему. Также в плюсы можно занести автоматическое определение последовательности «кадров» (по их имени) и обнаружение прозрачности.

Учебное видео по работе с программой UnFREEz можно посмотреть

КАК СДЕЛАТЬ АВАТАРКУ - ПРОСТЫЕ ПРАВИЛА

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

Старайтесь аватарку сделать тематической - она должна быть отражением какой-нибудь мысли или наводить на мысль. При этом это не значит, что на форуме автомобилистов нужно использовать только картинки с такой же тематикой. Ваше личное изображение должно содержать в себе частичку Вас. Такие аватарки смотрятся очень эффектно.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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