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

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

Смотрится весьма красиво, не правда ли? Не смотря на кажущуюся сложность сделать такой блок в своей группе сможет каждый. При этом вам не нужно знание секретов Фотошопа . Я покажу, как сделать это в обычном графическом редакторе 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: Gallerix

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


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

Способ 2: FaceYourManga

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


Как итог, PNG-изображение с разрешением 180×180 будет сохранено в памяти вашего ПК.

Способ 3: Portrait Illustration Maker

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

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


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

Способ 4: Pickaface

Если же вы хотите создать максимально персонализированный юзерпик, лучше всего воспользоваться сервисом Pickaface. Главное преимущество этого решения состоит в том, что необязательно самостоятельно «ваять» все с нуля. Вам предлагается более 550 авторских проектов и шаблонных заготовок, которые можно без проблем изменить, как пожелается.

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

  1. Для этого в верхнем меню сайта выберите пункт «Register» .

  2. Введите все необходимые данные, отметьте чекбокс с подписью «I have read and I accept the terms» и снова нажмите «Register» .

    Либо же просто используйте для авторизации один из ваших аккаунтов в соцсетях.
  3. После входа в учетную запись вы увидите новый пункт меню — «Create Avatar» .


    Нажмите на него, чтобы наконец приступить к созданию аватарки в Pickaface.
  4. Инициализация Flash-интерфейса редактора займет некоторое время.


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


    Как и в других подобных сервисах, вы можете настроить внешний вид рисованного человечка до самых мелочей.
  6. Окончив редактирование, щелкните по кнопке «Save» .

  7. Вам будет предложено дать имя своему аватару.


    Сделайте это и нажмите «Submit» .
  8. Подождите пока картинка сгенерируется, а затем щелкните «View Avatar» , чтобы перейти к странице загрузки только что созданного юзерпика.

  9. Теперь все, что нужно сделать для скачивания готового изображения — нажать на соответствующую кнопку под созданной нами картинкой.

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

Способ 5: SP-Studio

Не менее оригинальный мультяшный юзерпик у вас получится и при помощи сервиса SP-Studio. Этот инструмент позволяет создавать аватарки в стиле мультсериала «Южный парк» .

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


Каждый десятый пользователь социальной сети ВКонтакте имеет свое сообщество. Сегодня я покажу наиболее простой способ " Как сделать аватарку для группы вконтакте " в Adobe Photoshop. Пошаговая инструкция поможет вам по минимуму сократить время на создание аватарки.

Введение

Перед тем как приступить к созданию красивой аватарки для своей группы советую вам посетить категорию с уникальными . Там множество psd аватаров абсолютно на различные тематики.

Я не буду рассказывать о том, как привлекать внимание, как мотивировать на подписку, и тому подобные темы.

Шаг 1: Создаем макет аватара

Файл → Создать (Ctrl + N)


Обратите внимание! Я использую размеры для своих аватаров 350к700 пикселей

Макет для будущего аватара успешно создан! давайте продолжим.

Если хотите аватар с округленными углами, тогда воспользуйтесь инструментом "Прямоугольник с округленными углами" (U), укажите радиус в верхней панели Фотошоп, и зажав левую кнопку мыши растяните фигуру по всей области макета. Вот как выглядит округлость при определенном радиусе:

Теперь понятно, что чем больше радиус тем круче округлость.

Шаг 2: Рисуем аватарку

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

1. Использовал авторский рисунок автомобиля Шевролет.

2. Инструмент "Горизонтальный текст"

3. Инструмент "Прямоугольник с округленными углами"

4. Инструмент "Произвольная фигура"

5. Работа над "Стилями слоя"

6. Корректировка по мелочи (резкость,лайты,и тп фильтры)

Вроде все перечислил, что использовал при создании.

В заключении..

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

Если же у вас возник вопрос почему я использую в разы больше размеры для аватара, чем стандартные? то знайте, кликая на аватарку сообщества пользователь в 80% надеется увидеть больший размер, что бы разглядеть интересующие его детали. А в остальных 20%, что бы поставить лойс.

По любым интересующим вопросам пишите комментарии.

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

Что должна содержать аватарка?

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

  • Фон - не будет лишним подобрать его под тематику группы;
  • Логотип;
  • Девиз - если он имеется;
  • Информация - например, краткое описание деятельности, если это требуется. Также обязательно нужно указать сайт/скайп/телефон для связи или получения дополнительной информации.

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

Процесс изготовления аватарки

Порядок действий:

  1. Открываете выбранное вами изображение в Photoshop.
  2. Накладываете на него логотип. Как сделать логотип, вы можете узнать из статьи .
  3. Распределяете другую информацию сайт/телефон/скайп, краткое описание;
  4. Сохраняете. Не забывайте следить за тем, как выглядит аватарка для группы "Вконтакте" в реальном размере - это поможет избежать многих ошибок.
  5. Теперь, когда аватарка готова, открываем нашу группу и нажимаем на изображение (на уже готовое или на пустую картинку) и выбираем "Загрузить изображение". Готово!

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