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

Примеры:

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

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

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

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

Порезка

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

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

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

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

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

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

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

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

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

Завершение

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

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

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

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

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

Приветствую вас друзья.

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

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

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

Зачем нужна аватарка?

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

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

Итак, хочу представить вам три сервиса, которые помогут вам сделать аватарку онлайн.

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

Для того, чтобы сделать аватарку онлайн с помощью сервиса Sp-studio вам нужно:

1. Перейти на сайт

2. Нажмите на изображение человечка

3. В меню создания персонажа, выберите фон, цвет кожи, волосы и т.д.

Faceyourmanga

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

Итак, для того, чтобы сделать аватарку онлайн с помощью сервиса Faceyourmanga вам нужно:

2. Зарегистрироваться на сарвисе (для этого нажмите на большую зеленую кнопку в центре «Sign UP»)

3. После регистрации выберите пункт «Create»

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

5. Теперь выбирайте подходящие для себя значения аватары (тут все легко)

6. После создания изображения, сохраните его, для этого нажмите кнопку «Save»

Сервис для обработки фотографий. С помощью данного сервиса вы можете создать красивую «рисованную» аватарку. Вот, например, моя (как будто нарисованная маслом).

Для, того, чтобы сделать аватарку бесплатно с помощью сервиса Fotosketcher, вам нужно:

1. Перейдите на сайт сервиса —

2. Перейдите в раздел «Download», скачайте специальную программу для создания эффектов

3. Скачайте и установите программу

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

5. Нажмите кнопку «Параметры рисунка», и выберите подходящий эффект, нажмите кнопку «Рисовать»

6. Сохраните полученное изображение.

Воспользовавшись моей инструкцией вы без труда сможете сделать аватарку бесплатно , с помощью полезных сервисов.

ВИДЕО-УРОК «Как сделать аватарку для социальных сетей и для блога»

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

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

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

Способ 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. Этот инструмент позволяет создавать аватарки в стиле мультсериала «Южный парк» .

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

Как сделать прикольную аватарку для Контакта бесплатно?

Или ваш путь к оригинальности

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

Поэтому возникает вопрос: где можно сделать прикольную красивую аватарку для Контакта, при чем бесплатно? Где найти приложение, которое позволит в считанные секунды создать эффектную фотографию профиля? И самое главное - что нужно учесть, чтобы сделать свою аватарку для Контакта максимально оригинальной и интересной?

Как сделать красивую аватарку для Контакта: советы и рекомендации

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

1. Чтобы сделать красивую аватарку для Контакта из уже готового изображения, подберите фото, на котором ваше лицо расположено в центре. Исключите фотографии, где вы плохо видны (занимаете на фото менее 50%) или же закрываете лицо некими предметами (исключение - тематические профессиональные фото).

2. Если вы используете наше приложение r для предварительного создания снимка, то постарайтесь фотографироваться в максимально естественной для себя позе. Не старайтесь делать фальшивое выражение лица, которое, по вашему мнению, является красивым, или же становиться/садиться в неестественную позу. Фальш всегда видна на фото - мы же хотим сделать красивую и оригинальную аватарку для Контакта, которая поразит друзей тем, насколько вы на ней схожи с вашим настоящим образом в жизни.

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

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

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

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

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

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

?

Сервис предоставляет вам широчайший выбор аватаров. Наиболее сильными сторонами сервиса является большой набор эффектов и возможность делать как статичные, так и анимированные аватары. Большинство анимационных эффектов не имеют бесплатных аналогов. Разве что, вы сможете сделать похожий gif аватар на заказ. Мы же предоставляем вам возможность создать анимированный аватар бесплатно онлайн и без регистрации всего за несколько кликов!

Не доверяй создание аватаров никому, когда можно сделать аватар самому!

?

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

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

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

Сделайте себе улётную, современную, яркую и запоминающуюся аватарку бесплатно прямо сейчас!