Всем привет, с вами Роман Литвинов, дизайнер команды Ardens.pro. Сегодня я к вам пришел с гайдом-туториалом, как создать единый блок аватара и меню Вконтакте (единым целым). Для начала примеры на что это будет похожим.
Примеры:
Для старта нам нужна сетка. Чтобы её сделать, мы делаем скриншот страницы группы и забрасываем в проект, в моем случае в Photoshop.
После чего сочетанием клавиш CTRL+R вызываем линейки и расставляем направляющие по краям аватара и закрепа. Для того, чтобы вытянуть направляющую, нужно зажать ЛКМ на линейке и потянуть в сторону нашего макета.
Размер аватара, который мы видим в браузере без масштабирования, 200х500 пикселей. А закреп в таком виде 395х237 пикселей.
Порезка
Мы сделали разметку, теперь приступим к порезке. Почему сейчас? Да потому, что это уже почти конец моего гайда.
Для порезки нам нужен инструмент «Раскройка» (в англ. версии «Slice tool»)
С помощью этого инструмента делаем нарезку по нашим направляющим, конкретно внутри аватара и закрепа по краям.
Должно получиться так.
Далее удаляем наш скриншот со слоев и приступаем к проекту. Разрабатывать оформление мы не будем, но я покажу что получится. Забросим в наш проект фотографию девушки. Для нас главное попасть в область порезки аватара и закрепа.
После работы над нашим дизайном сохраняем порезанные части с помощью CTRL+SHIFT+ALT+S или Файл->Сохранить для web…
В данном окне с зажатым Shift выбираем наш аватар и закреп нажимаем сохранить 
Но тут тоже еще не все. В появившемся окне, пункт фрагменты, выбрать «Только выделенные фрагменты» и нажать сохранить. После чего фотошоп отрежет из всего макета область с аватаром и закрепом.
В папке куда мы сохраняли порезку мы увидим примерно такое.
Смело заливаем наш аватар и закреп в тестовую группу, чтобы посмотреть результат 
Вот так, благодаря таким действиям у вас получится единый блок аватара и меню в группах Вконтакте.
Надеюсь мой мини-гайд был полезен и вас получится сделать ваши группы более красивыми и запоминающимися.
Полезные статьи на похожей тематики:
Внимание конкурс:
Подарю набор стикеров на выбор тому, кто повторит данный урок, и у него получится сделать аватар и закреп одним целым 😉
Ставьте лайки, оставляйте комментарии, бросайте маффины или помидоры в нашей группе
Иногда надоедает выкладывать свои реальные фотографии в социальных сетях. Можно создать мультипликационный юзерпик, чтобы раскрасить скуку. Также это придаст совершенно новый вид вашему профилю.
В интернете доступно множество сервисов для создания аватаров из фотографии. Поэтому я решил рассказать о нескольких наиболее интересных из них.
С помощью сервиса South Park Studio можно создать своего персонажа в стиле «Южного парка «, используя тысячу доступных элементов. «Это один из лучших инструментов, позволяющих создать «South Park Avatar » из фото.
Еще один отличный сервис, с помощью которого можно сделать юзерпик. Он содержит более 550 проектов и дизайнов, Можно создать собственного героя, не начиная все с нуля.
Широко известный социальный сайт, созданный для развлечения. С его помощью можно заводить новых друзей, отправлять им сообщения, играть в игры и создавать собственные аватары. Используя конструктор аватаров также можно создать персонажа мультфильма по своему выбору.
Один из самых популярных веб-сервисов среди пользователей. С помощью этого инструмента можно преобразовать любое фото в мультяшного персонажа. Его цель — помогать людям, которые не могут заплатить за рисунок.
Используя Cartoon Photos , можно преобразовать свою фотографию в мультяшного юзерпика 100х100 всего в один клик. Вы хотите изменить выражение лица и эмоции на фото? Или вам нужно создать анимированную gif-картинку из фотографии? Тогда стоит попробовать этот инструмент.
Потрясающий сервис для создания аватаров. С его помощью можно создавать 3D-анимационные аватары , которые затем можно напрямую экспортировать в большинство социальных сетей и блогов.
Поможет превратить фотографии в мультипликационный персонаж или аватар, которые можно использовать в Twitter , Facebook , Pinterest , Gmail и т.д.
Еще один отличный, бесплатный инструмент для создания аватаров.
С помощью этого инструмента можно легко преобразовать любое фото из Picasso в аватар или мультипликационный персонаж.
Еще один бесплатный генератор мультипликационных персонажей, с помощью которого можно создать классный мультипликационный аватар. Перед тем, как выбрать юзерпик, нужно выбрать изображение, а затем добавить эффект мультипликации. И все готово.
DoppleMe позволит создать графическое изображение самого себя, своих друзей или членов семьи. Аватар, созданный с помощью этого инструмента, можно использовать на любых типах сайтов.
Почему бы не попробовать один из этих сервиса и не создать собственный аватар? Дайте нам знать, что вы думаете о них.
Перевод статьи «12 Best Website to Create your own Avatar from Photos (2016) » дружной командой проекта .
На данный момент среди пользователей интернета огромную популярность имеют социальные сети. У каждого есть собственная страница, куда загружается главное фото – аватарка. Некоторые прибегают к использованию специального софта, помогающего украсить изображение, добавить эффектов и фильтров. В этой статье мы отобрали несколько наиболее подходящих программ.
Твоя Аватарка – старая, но популярная в свое время программа, позволяющая быстро создать простое главное изображение для использования в социальных сетях или на форуме. Ее особенность заключается в скреплении нескольких картинок. По умолчанию установлено большое количество шаблонов, доступных бесплатно.
Кроме всего присутствует простой редактор, где настраивается округлость изображения и разрешение. Минусом является присутствие на фотографии логотипа разработчика, который никак нельзя убрать.
Сейчас Фотошоп является лидером на рынке, на него равняются и пытаются подражать многие подобные программы. Photoshop позволяет совершать любые манипуляции с изображениями, добавлять эффекты, работать с коррекцией цвета, слоями и многим другим. Неопытным пользователям этот софт может показаться сложным из-за обилия функций, однако освоение не займет много времени.
Безусловно, данный представитель просто идеально подходит для создания собственной аватарки. Однако сделать ее качественной будет достаточно сложно, рекомендуем ознакомиться с обучающим материалом, который находится в свободном доступе.
Стоит упомянуть и «старшего брата» стандартного Paint. В нем присутствует несколько инструментов, которые будут полезны во время редактирования фотографии. Отметим, что Paint.NET позволяет работать со слоями, что делает возможным создание более сложных проектов. Кроме этого присутствует режим корректировки цвета, настройка уровней, яркости и контрастности. Распространяется Paint.NET бесплатно.
Еще один представитель от компании Adobe. Функционал Lightroom сосредоточен на групповом редактировании изображений, изменении их размера, создания слайд-шоу и фотокниг. Однако никто не запрещает работать с одной фотографией, что и нужно в данном случае. Пользователю предоставляют инструменты для коррекции цвета, размера картинки и наложения эффектов.
CorelDRAW – редактор по работе с векторной графикой. С первого взгляда, кажется, что он не очень подходит к этому списку, так и есть. Однако присутствующих инструментов может хватить, чтобы создать простую аватарку. Присутствует набор эффектов и фильтров с гибкими настройками.
Мы рекомендуем использовать данного представителя только в том случае, когда нет других вариантов или необходимо работать с простым проектом. Основная задача CorelDRAW заключается совсем в другом. Программа распространяется платно, а пробная версия доступна к скачиванию на официальном сайте разработчиков.
Здесь мы имеем дело не с обычным графическим редактором, а с программой, которая предназначена для создания веб-анимации. Разработчиком является известная многим компания Adobe, однако софт очень старый и давно не поддерживается. Присутствующих функций и инструментов вполне хватит, чтобы создать уникальную анимированную аватарку.
В этой статье мы подобрали для вас список из нескольких программ, которые будут оптимальными, чтобы создать собственную аватарку. Каждый представитель обладает своими уникальными возможностями и будет полезен в разных ситуациях.
Ава для канала на Youtube — это важная составляющая успеха. Если человека встречают по одежке, то его канал — по аватарке.
Она либо вызывает доверие и интерес, либо сомнения в полезности аккаунта. Значит, к созданию вашего лого надо подойти профессионально.
Давайте посмотрим, как сделать крутую аву на Youtube. ↓↓↓
Примерно в 80% — используется в качестве аватара:
На втором месте по частоте распространения-15%- стоят различные рисованные персонажи в качестве картинки на аву Youtube.
Обычно они используются на аккаунтах, посвященных играм.
Наконец, менее всего распространены — 5% :
Но если вы настроены серьезно развивать свой канал, сразу отставьте этот вариант в сторону, и постарайтесь создать уникальное изображение .
Делаем вывод:
1. Если у вас игровой канал, вы смело можете использовать рисованных персонажей для аватарки
2. Если у вас любой другой серьезный канал — используйте свое фото или создайте логотип.
С этим ясно. Теперь поговорим о том, как создать аву для канала на Youtube.
Самыми популярными инструментами для обработки фотографий являются редакторы:
Каждый из них имеет свои фичи и особенности, но в целом они предлагают богатый набор средств для разнообразной обработки изображений……..
Предлагаем вашему вниманию видеоурок по созданию аватарки в программе Photoshop. ↓↓↓
Если вы никогда ими не пользовались, можете начать с программы попроще — Paint.NET
→ Это усовершенствованный вариант знакомого многим редактора Paint, входившего в стандартный пакет Windows.
Он умеет накладывать фильтры на фото и имеет минимальный набор инструментов для обработки. С его помощью вы сможете создать подготовить фото на аву в Youtube.
Альтернативой фотографии является разработка логотипа для вашего аккаунта. Его также можно нарисовать в одном из графических редакторов. Особенно хороши для этой цели векторные рисовалки, такие, как CorelDRAW . Логотип должен отражать или иллюстрировать основную идею вашего канала.
Если вы не уверены в своих силах, то его создание можно заказать у дизайнера !!!
К примеру вот этот сервис — https://kwork.ru/smm-design/5947/oformlyu-kanal-youtube
Теперь поговорим о том, как создать рисованную аву для канала на Youtube. Для этого хороши специальные программы и онлайн-сервисы.
→ Среди программ особой популярностью пользуется Paint Tool SAI .
Это простая рисовалка, которая содержит богатый набор растровых и векторных инструментов. С ее помощью вы сможете нарисовать крутую аватарку)))
Среди ее возможностей и преимуществ :
Кроме программ, есть удобные онлайн-сервисы для быстрого создания аватарок.
→ Одним из таких является сайт — www.faceyourmanga.com
Как им пользоваться ?
Вот еще один видеоурок, в котором показано, как сделать аву для канала на Youtube через другой онлайн-сервис.
P.S — Шаблоны для авы на Youtube — это еще один вариант получить красивое лицо вашего канала.
Скачать их можно на различных сайтах в интернете, а затем доработать в графическом редакторе ↓↓↓
Когда ваш логотип готов, самое время его установить. Для этого выполните следующие действия:
Советы :
Крутая аватарка — важная составляющая успеха вашего канала.
Теперь, когда вы знаете, как сделать аву для канала на Youtube и как поменять ее, используйте эти знания, чтобы прокачать свой аккаунт и сделать его узнаваемым
Аватар - это лицо (нарисованная картинка) пользователя в интернете, которое выражает его внешний вид, индивидуальность, интересы, при этом скрывает его настоящую внешность. Чаще всего аватары используются в чатах, форумах, социальных сетях, онлайн играх, блогах, для того, чтобы выделить пользователя во время общения и создать определенную индивидуальность и узнаваемость.
В большинстве современных программах и сервисах для общения (форум, чат, социальных сеть, мессенджеры) есть своя коллекция аватаров, одну из которых пользователь во время регистрации или редактирования своего аккаунта может выбрать. Но при этом совпадений одинаковых аватарок будет много, что не каждому пользователю это понравиться.
Еще вариант разместить cвою фотографию (если она удачно сделана), но не каждый пользователь любит размещать свою фотку в социальных сетях или чатах и ему хочется скрываться в сети и не показывать свое лицо. Вот в этих случаях используется аватар.
Способов создания и поиска аватаров множество и одни из них:
И в этом статье я хочу вам предложить самостоятельно и бесплатно создать аватар онлайн под свою индивидуальность и имидж.
Сервисов по созданию аватаров не так много в глобальной сети, но каждый из них имеет свои особенности. Но при этом каждый из них позволяет создать аватар самостоятельно и бесплатно (условно-бесплатно). Большинство из них работает по принципу обработки фотографии, то есть нужно загрузить вою фотографию и начать редактировать ее (наложение фотоэффектов, градиента, обрезка, выделение определенных фрагментов и т.д.). О таких сервисах можно почитать в обзоре о редакторах фотографий онлайн и, конечно же, воспользоваться одним из них.
Если же не хотите создавать аватар из своей фотографии, то ниже будет описан процесс создания мультяшного аватара с нуля , но при этом с подбором готовых элементов из которого будет состоять изображение или автопортрет.
В этом деле нам поможет онлайн конструктор аватаров . С помощью данного сервиса можно создать аватар в стиле аниме, мультяшки, путем подбора формы лица, глаз, бровей, рта, носа, прически, одежды, аксессуаров и даже добавить веснушки, родинку и татуировку. И получить прикольный и смешной автопортрет-аватар.
Для того чтобы создать аватар, нужно пройти по ссылке . После чего нужно выбрать пол – мужской или женский (изображены мальчик и девочка).
Далее загрузится редактор конструктора аватарок с панелью инструментов справа и холстом – слева, где отображаются результаты ваших действий. Панель инструментов разбита на категории: форма лица, бровей, глаз, рта, прически, одежду, аксессуары и т.д. В свою очередь каждая категория содержит подкатегории. И в каждой подкатегории есть богатый выбор форм лица, глаз, рта, носа и т.д. Я думаю, вы подберете подходящий для себя.
Как я и писал выше, аватар создается методом подбора элементов лица, одежды, аксессуаров и т.д. Выбрали категорию (например, лица – картинка головы), потом выбрали подкатегорию Shape (форма подбородка) и выбираем подходящий. Таким же образом уши (ears), глаза (eyes) и т.д. Для некоторых элементов есть свое подменю, например, глаза – можно изменить расстояние между ними, увеличить размер глаз и даже указать, куда будут смотреть глаза (влево, вправо или вниз). А на одежде можно написать слово (длина 6 символов и только латинскими буквами).
После того как подобрали лицо аватара можно приступить к выбору прически, одежды, логотипа для одежды или надписи, аксессуаров (очки, сережки, кулончики, татуировки и т.д.), можно изменить задний фон от простого градиента до изображения пляжа. А если есть желание можно сделать рисунок на лице.
По окончанию, если вам понравился созданный вами аватар, то его можно сохранить, нажав на кнопку Save, и откроется форма, в которой нужно ввести свое имя, E-mail (если не хотите указывать свой адрес, то можно воспользоваться временной почтой), дата рождения и указать вашу страну, а также не забудьте поставить галочку, где вы подтверждаете согласие с политикой сервиса FaceYourManga. Нажимаем на кнопку Save . На вашу почту приходит письмо от сервиса со ссылкой на ваш аватар. Тут заметьте много действий для того, чтобы заполучить свой аватар. Кстати если вы не хотите использоваться свою электронную почту, то рекомендую воспользоваться сервисами временной почты.
Вот таким образом можно бесплатно создать аватар для форума, чата, социальных сетей (ВКонтакте, Одноклассники) и самое интересное создать его похожим на себя. Тем самым удивите своих друзей. А при создании аватара с друзьями можно здорово и весело провести время.
