Программа чтобы сделать аву. Pro инструменты интернет-маркетинга: контент, контекст, SEO. соц.сети и не только

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Примеры:

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

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

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

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

Порезка

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

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

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

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

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

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

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

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

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

Завершение

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

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

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

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

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

ВАЖНОСТЬ АВАТАРКИ

Многие недооценивают эту составляющую сообщества и ставят картинку с первой страницы google поиска. Но я бы не советовал»забивать» , потому что аватарка - лицо вашего бизнеса. Как не крутите, но 70% информации человек получает благодаря зрению. У вас есть всего 3 секунды, чтобы привлечь внимание потенциального клиента.

Какие же задачи выполняет аватар?

Привлекает внимание пользователя (во внутреннем поиске ВК, в разделе своих групп, в интересных страницах);
- заинтересовывает уникальным торговым предложением;
- информирует о ваших контактах;
- призывает подписаться на новости сообщества.

Для наглядности решил отобрать три аватарки интернет-магазинов, которые, на мой взгляд, выглядят как надо.
…Написал я предыдущее сообщение и пошел искать сообщества. В итоге я пролистал более 70 сообществ и не нашел ни одной идеальной аватарки. Потому прикрепляю три аватарки, которые мне показались хорошими.

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

Первая картинка . В целом мне нравится, но не хватает информации о самом интернет-магазине.
Вторая картинка . Слишком много текста.
Третья картинка . Много элементов и текста, которые плохо сочетаются друг с другом.

Повторюсь, что это мое личное мнение, которое может не соответствовать вашему. Ваше сообщество - ваш вкус - ваша аватарка.

ОСНОВЫ ДИЗАЙНА

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

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

2. Теория цвета
Восприятие изображения по большей части определяется именно цветом. Он передает настроение, придает значение форме, делает ее выразительной. Главное - не использовать больше трех разных цветов. Ниже добавил картинки с ориентирами по цветам.

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

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

Мои любимые 3 шрифта это: Century Gothic, Intro и Bebas Neue.

ЗАКАЗАТЬ ДИЗАЙН

Хорошего специалиста не так и легко найти. Но если приложить немного усилий, можно найти дизайнера, который сделает все качественно. Где их найти?

1. На сайтах фрилансеров, форумах:

• https://www.behance.net
• https://freelansim.ru
• http://searchengines.guru/

2. В сообществах в ВК по оформлению групп, дизайну, smm:

• http://vk.com/awdee
• http://vk.cc/1duVZQ
• http://vk.com/cerebro_vk (у многих smm-специалистов есть услуги по дизайну)

3. У друзей друзей. Вот вам 3 человека, которым лично я доверяю.

• Ксения Кузьмина
• Дмитрий Фердман
• Татьяна Иванова

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

Что касается технического задания - самое главное, на мой взгляд:

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

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

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

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

К сожалению, видео записать не получилось из-за технических проблем, потому постараюсь пошагово описать, как сделать подобную аватарку.

1. Создаем рабочий слой.
Открываем Фотошоп -> нажимаем CTRL+N -> создаем фон с размером 476х1064.

2. Находим картинку.
Находим в google картинках кроссовки по запросу nike -> нажимаем правую кнопку мыши -> копируем картинку

3. Вставляем картинку на рабочий слой.
Заходим в ФШ -> нажимаем CTRL+V (иногда картинка с первого раза не вставляется, потому нужно будет вернуться в поисковик, заново скопировать и вставить)

4. Редактируем размер картинки.
Нажимаем CTRL+T -> зажимаем SHIFT + мышкой подгоняем размер с одного угла под наш слой

5. Подгоняем слой под фон картинки
Выбираем инструмент «прямоугольная область» -> выделяем небольшую область ниже кроссовка -> нажимаем CTRL+T -> зажимаем SHIFT и мышкой тянем вниз

6. Добавляем название магазина
Выбираем инструмент «текст» (может выскочить сообщение «применить изменения», нажимаем применить) -> выделяем область над кроссовком -> вписываем текст.

7. Добавляем УТП, контакты и призыв к действию.
Выбираем инструмент «текст» -> выделяем нужную область -> добавляем текст (не забываем про галочку)

Наталья Комарова , 28.05.2009 (25.03.2018 )

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

1. Avatar Photo!

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

Созданные аватары имеют настраиваемый размер и скорость анимации, а также регулируемое количество кадров в анимации. Удобно, что еще до начала применения эффектов Вы можете подредактировать снимок (например, обрезать, нажав “Edit photo”).

Не проходя регистрации, вы сможете сохранить свое произведение на компьютер в формате.gif или.jpg, а зарегистрировавшись, поместить в свой аккаунт. Также можно нажать кнопку «Share» и картинка будет сохранена на бесплатном фотохостинге Pho.to, а вы получите уникальную ссылку.

Недостатки: нельзя добавить на аватар текст.

2. CoolWebcamAvatars

Если у вас есть вебкамера, то тут вы легко создадите свой анимированный аватар, причем все будет по-настоящему, так как это и есть ваше реальное изображение

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

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

3. Lunapic.com

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

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

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

Недостатком является лишь то, что порой трудно понять, как выполнить ту или иную операцию. А также то, что картинку с анимированным текстом можно сохранить лишь в формате.htm.

4. Loogix

Сервис содержит не очень большой набор эффектов: 11 способов создания аватаров из одной фотографии и склеивание 2 и более кадров в анимацию. Среди этих 11 эффектов наиболее популярны рекурсия, негатив, перекрашивание фотографии в различный цвета, эффект разрастания и размытия. В настройках можно задать размер аватара: 100, 125, 250, 300 или 400 пикселей и скорость анимации при «склейке» (всего есть 5 уровней скорости).

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

Недостатки: мало эффектов, нет добавления текста или других элементов персонализации.

5. Aploy

Сервис создает анимированные аватарки в три шага: сначала вы собиреаете нужные снимки, при этом сервис позволяет обрезать фотографию и настроить размеры (например так, чтобы она подошла в качестве аватара в одну из сетей (MSN, phpBB, twitter). Затем вы располагаете картинки в нужном вам порядке и для каждой из них пишете время задержки, нажимаете «Animate» и.gif файл готов. Затем просто скачайте его нажатием кнопки «Download». Сервис не требует регистрации для того, чтобы создавать аватарки. Также на кадры можно добавить цветные элементы – нарисовать что-либо или подписать своим текстом.

Недостатки: подписи доступны только на латинице

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

Аватарка – специально подготовленное изображение в графическом редакторе или через онлайн-сервис, которое пользователь загружает в качестве отличительного знака в свой профиль при регистрации на каком-либо сайте или форуме.

Хорошим примером может служить аватар в популярной социальной сети «Вконтакте»,

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

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

Как сделать аватарку в ГИМП

Шаг 1. Как всегда для начала открываем исходную фотографию, из которой мы собираемся сделать аватар. Для этого запускаем редактор и переходим в меню «Файл – Открыть» и в открывшемся диалоговом окне выбираем желаемое изображение.

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

Чтобы это сделать выберем на панели инструментов редактора инструмент поз названием «Кадрирование» и выделим желаемую область.

Теперь нажимаем «Enter» или ЛКМ (левую кнопку мыши), для применения инструмента.

Добавляем эффекты на фотографию

Шаг 3. По желанию можно немножко прибавить резкости картинки, для этого перейдем в меню «Фильтры – Улучшение – Нерезкая маска» и оставив настройки по умолчанию нажимаем на «ОК».

Шаг 4. Теперь необходимо создать новый прозрачный слой. Для этого переходим в меню «Слой – Создать слой» или нажав на пиктограмму создания нового слоя.

и в открывшемся диалоговом окне, выбираем цвет. Для этого в поле «HTML-разметка» вводим цифровой код 40cdbb

Затем выбранным цветом закрашиваем созданный слой. Для этого просто перетащите мышкой цвет из палитры на рабочее пространство или же воспользуетесь инструментом «Заливка».

Теперь установите режим наложения слоя на «Умножение». Для этого нажмите на пункт «Нормальный» и в открывшемся списке выберете «Умножение»

Затем убавим непрозрачность текущего слоя до 30-32 %. Для этого просто сдвиньте ползунок непрозрачности или видите цифры с клавиатуры.

Шаг 5. По аналогии с предыдущим шагом создайте новый прозрачный слой и закрасьте его цветом (c7a599). Режим слоя установите на «Перекрытие». Непрозрачность в данном случае не трогаем. Она остается на 100%.

Шаг 6. Теперь создадим дубликат основного слоя. Для этого перейдите на нижний слой и нажмите на пиктограмму «Создать копию слоя»

С помощью пиктограмм стрелочек переместите данный слой наверх. Измените режим наложения слоя на «Экран» и непрозрачность до 60%.

Шаг 7. Теперь как мы уже умеем, создадим новый прозрачный слой поверх всех существующих и закрасим его c7c299. Режим слоя установите на «Рассеянный свет»

Шаг 8. Создадим еще один слой и закрасим его 374976, режим наложения слоя выберем «Перекрытие»

Изменение размеров изображения

Очень часто аватарки имеют свои определенные параметры — фиксированные параметры ширины и высоты, вес и т.п. Такие ограничения на них накладывает сайт или форум, где вы регистрируетесь. Например, в сети «LiveJournal» (Живой журнал) размер аватарок составляет всего на всего 100 на 100 пикселей. Таким образом, мы еще на этапе кадрирования должны создать кадрирование с учетом этой важной особенности, т.е. сделать квадратное выделение области.

Допустим, что для данного примера, нам необходимо сделать аватарку с шириной не более 200 пикселей. Как же мы поступим сейчас, а все очень просто. Перейдите в меню «Изображение – Размер изображения» и в открывшемся диалоге установите желаемое значение в поле «Ширина», а «Высота» изменится автоматически, в зависимости от пропорции изображения.

Нажимаем «Изменить». Теперь нам осталось только сохранить готовую аватарку в нужном формате (jpg или png).

Сохранение готовой работы

Для GIMP 2.6.11 — Для этого перейдите в меню «Файл – Сохранить как» и в открывшемся диалоговом окне задайте имя и расширение аватарки.