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

Примеры:

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

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

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

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

Порезка

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

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

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

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

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

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

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

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

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

Завершение

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

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

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

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

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

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

Лучшие сайты для создания собственного аватара из фотографии

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

1. Face Your Manga

2. South Park Studio

С помощью сервиса South Park Studio можно создать своего персонажа в стиле «Южного парка «, используя тысячу доступных элементов. «Это один из лучших инструментов, позволяющих создать «South Park Avatar » из фото.

3. Pick a Face

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

4. WeeWorld

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

5. TheCartoonist

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

6. Cartoon Photo

Используя Cartoon Photos , можно преобразовать свою фотографию в мультяшного юзерпика 100х100 всего в один клик. Вы хотите изменить выражение лица и эмоции на фото? Или вам нужно создать анимированную gif-картинку из фотографии? Тогда стоит попробовать этот инструмент.

7. Meez

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

8. KusoCartoon

Поможет превратить фотографии в мультипликационный персонаж или аватар, которые можно использовать в Twitter , Facebook , Pinterest , Gmail и т.д.

9. Portrait Illustration Avatar

Еще один отличный, бесплатный инструмент для создания аватаров.

10. Picassohead

С помощью этого инструмента можно легко преобразовать любое фото из Picasso в аватар или мультипликационный персонаж.

11. Cartoonize

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

12. Dopple Me

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

Почему бы не попробовать один из этих сервиса и не создать собственный аватар? Дайте нам знать, что вы думаете о них.

Перевод статьи «12 Best Website to Create your own Avatar from Photos (2016) » дружной командой проекта .

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

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

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

Какой должна быть аватарка группы?

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

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

Ищем готовую картинку

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

Делаем аватарку с помощью онлайн-редакторов

Второй вариант - редактирование готовых изображений (или создание новых) с помощью онлайн-редакторов. К счастью, сейчас существует много сервисов, позволяющих разработать свой аватар как «с нуля», так и с помощью одного из готовых шаблонов. Вам достаточно определиться с тем, что вы хотели бы видеть на изображении для авы, а дальше о том, как сделать аватарку для группы «ВКонтакте» без «Фотошопа», можете даже не переживать - ресурс сделает все в автоматическом режиме. Таких готовых решений сейчас в Сети достаточно много. Они бесплатны и многофункциональны. Единственный минус работы с такими сайтами - это - адрес ресурса, который сделал вам аватар, размещенный где-нибудь в нижнем углу.

Делаем аватарку в «Фотошопе»

Если не знаете, как сделать аватарку для группы «ВКонтакте» без ссылки на чужой сайт, - вам придется воспользоваться наиболее популярной Это «Фотошоп». Работа с ним достаточно проста, главное - понять азы, разобраться с элементарными понятиями и категориями, с которыми функционирует программа. Если у вас уже есть хотя бы минимальный опыт взаимодействия с ней - создать аватар для вас будет несложно. Если же вы не знаете вообще, как сделать аватарку для группы «ВКонтакте» в «Фотошопе», - у вас останется два варианта. Первый - это обратиться за помощью к человеку, который умеет работать в программе, второй - заняться изучением особенностей редактора самостоятельно: найти уроки, примеры работ, попрактиковаться самому.

Создаем аватарку

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

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

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

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

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

Adobe Photoshop

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

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

Paint.NET

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

Adobe Lightroom

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

CorelDRAW

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

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

Macromedia Flash MX

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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