Как вы знаете, не так давно социальная сеть ВК внедрила на сайте новое оформление. С появлением нового дизайна Vkontakte также изменились размеры аватарок и . Все эти нововведения заставляют администраторов сообществ менять оформление своих групп. На сегодняшний день можно, не обладая особенными навыками, сделать аватарку для группы Вконтакте онлайн . Социальная сеть сама корректно обработает загружаемые изображения и приведет их к нужному виду. Для начала давайте вспомним, как загрузить аватар для группы ВК.
Наведите указатель мышки на изображение вашей группы. Дальше внизу изображения кликните по ссылке с названием: «Изменить миниатюру», как показано на картинке 1 вверху. После этого на открывшейся страничке выберите область миниатюры, как показано на скриншоте под номером 2 вверху. Справа вы сможете посмотреть, какой вид будет в конечных аватарок группы ВК. Как мы можем убедиться, система сама вырезает из загруженных фотографий круглые изображения аватарок Вконтакте. Это так. Но, что делать, если вам нужно свое, уникальное и красивое изображение? У вас есть три варианта:
Один из популярных ресурсов, на котором вы сможете создать свою запоминающуюся и уникальную аватарку – это avacreate. ru (смотри скриншот внизу).
Вам надо просто подыскать нужное изображение и загрузить его на сервер. Дальше вы можете его отредактировать: выбрать размер, фон, округлить углы или добавить любой важный текст. Конечно, многие скажут, что параметров редактирования недостаточно. В таком случае нужно обращаться к профи или самому уметь работать в специализированных программах.
Еще один отличный сервис, который поможет вам сделать большую аватарку в группе Вконтакте – это avalala.com (рисунок внизу).
Суть его работы схожа с предыдущим ресурсом, но есть некоторые отличия. На этом сайте вы можете повернуть или обрезать как угодно ваше изображение, добавить любой из доступных эффектов. Примечательно также, что у вас есть возможность значительно расширить функционал ресурса, если установите соответствующее расширение для вашего браузера. И напоследок, нельзя не вспомнить о таком ресурсе, как vkprofi. ru (смотри скриншот ниже).
С его помощью вы можете не только сделать в онлайн режиме аватарку для группы, но оформить полностью внешний вид вашего сообщества. Не нужно недооценивать ни при каких обстоятельствах тот факт, что красивый внешний вид группы VK – это один из секретов, зная который, вы будете , о чем мы писали в прошлой публикации на сайте socprka. ru . Как уже было сказано в самом начале этого поста, в новом оформлении Вконтакте очень многое изменилось. Это касается, прежде всего размеров картинок в социальной сети. Давайте выясним, какие теперь размеры картинок актуальны для корректного их отображения на странице ВК. Посмотрите на рисунок ниже.
Теперь перейдем к последнему вопросу данного поста. , чтобы порадовать своих подписчиков? Если у вас пока мало участников в группе ВК, накрутку живых людей в свое сообщество. Если нет времени, навыков и желания учится, обратитесь за помощью к профессиональному дизайнеру. Но не всем начинающим администраторам групп Вконтакте это будет по карману, ведь услуги действительно классного спеца будут стоить недешево. В таком случае вариант один – учится премудростям Фотошопа.
Оговоримся сразу, что для выделение круглой области для аватарки – это не самое сложное действие в Фотошопе. Для этого просто откройте программу. Дальше откройте выбранное изображение для своей группы. После этого выберите круг в панели инструментов (скриншот вверху). С помощью мышки растяните круг до нужных размеров (200 х 200 px). Теперь сохраните выделенный слой в новый документ. По аналогии с миниатюрой аватара выделите из выбранной картинки и сам аватар (200 х 300 px). Только в случае с аватаркой используйте инструмент прямоугольник. Если возникли трудности с фотошопом, попробуйте графические редакторы попроще (Paint и др.).
Основная масса интернет-ресурсов для общения и взаимодействия пользователей друг с другом поддерживает аватары — изображения, придающие вашему профилю узнаваемости. Обычно в качестве аватарки принято использовать собственное фото, но такое утверждение более применимо к соцсетям. На многих же сайтах, например, форумах и просто в комментариях под авторскими материалами, пользователи устанавливают себе абсолютно нейтральные или сгенерированные определенным образом картинки.
В этой статье мы расскажем о том, как создать аватарку онлайн с нуля, не импортируя изображение со своего компьютера.
Нарисовать аватарку можно и с помощью компьютерной программы — фоторедактора или соответствующего инструмента, созданного именно для этих целей. Однако более широкое разнообразие решений для генерации пользовательских изображений вы найдете в сети — в виде онлайн-сервисов. Как раз такие инструменты далее мы и рассмотрим.
Способ 1: Gallerix
Этот сервис позволяет создать аватарку, выбирая черты лица импровизированного фоторобота из десятков доступных вариантов. Инструмент предоставляет пользователю возможность как самостоятельно настраивать все детали изображения, так и генерировать картинку автоматически, случайно комбинируя составляющие.
Вот такой простой способ создания рисованной аватарки при помощи сервиса Gallerix. В итоге вы получаете забавную персонализированную картинку для использования на форумах и других интернет-ресурсах.
Способ 2: FaceYourManga
Невероятно гибкий инструмент для генерации мультяшных аватарок. Функционал этого сервиса, в сравнении с Gallerix, позволяет еще более подробно настраивать все элементы создаваемого пользовательского изображения.
Как итог, PNG-изображение с разрешением 180×180 будет сохранено в памяти вашего ПК.
Способ 3: Portrait Illustration Maker
Этот сервис позволяет создавать более простые аватары, чем вышеописанные решения. Однако многим пользователям стиль итоговых картинок, вероятно, очень даже придется по вкусу.
Чтобы приступить к работе с этим инструментом, проходить регистрацию вам не придется. Просто перейдите по ссылке выше и начните создавать свой аватар.
Как результат, готовая картинка будет сразу же сохранена в памяти вашего компьютера.
Способ 4: Pickaface
Если же вы хотите создать максимально персонализированный юзерпик, лучше всего воспользоваться сервисом Pickaface. Главное преимущество этого решения состоит в том, что необязательно самостоятельно «ваять» все с нуля. Вам предлагается более 550 авторских проектов и шаблонных заготовок, которые можно без проблем изменить, как пожелается.
Впрочем, чтобы воспользоваться функциями этого инструмента, сначала придется пройти регистрацию.
- Для этого в верхнем меню сайта выберите пункт «Register»
.
- Введите все необходимые данные, отметьте чекбокс с подписью «I have read and I accept the terms»
и снова нажмите «Register»
.
Либо же просто используйте для авторизации один из ваших аккаунтов в соцсетях. - После входа в учетную запись вы увидите новый пункт меню — «Create Avatar»
.
Нажмите на него, чтобы наконец приступить к созданию аватарки в Pickaface. - Инициализация Flash-интерфейса редактора займет некоторое время.
По окончании загрузки выберите язык для работы с сервисом. Определенно, из двух предложенных вариантов лучше выбрать первый — английский. - Выберите желаемый пол персонажа, после чего можете приступить непосредственно к процессу создания аватара.
Как и в других подобных сервисах, вы можете настроить внешний вид рисованного человечка до самых мелочей. - Окончив редактирование, щелкните по кнопке «Save»
.
- Вам будет предложено дать имя своему аватару.
Сделайте это и нажмите «Submit» . - Подождите пока картинка сгенерируется, а затем щелкните «View Avatar»
, чтобы перейти к странице загрузки только что созданного юзерпика.
- Теперь все, что нужно сделать для скачивания готового изображения — нажать на соответствующую кнопку под созданной нами картинкой.
Полученный результат вас точно не разочарует. Созданные в Pickaface рисованные аватары всегда отличаются красочностью и приятным стилем оформления.
Способ 5: SP-Studio
Не менее оригинальный мультяшный юзерпик у вас получится и при помощи сервиса SP-Studio. Этот инструмент позволяет создавать аватарки в стиле мультсериала «Южный парк» .
Заводить аккаунт на сайте не нужно, а работу с картинкой можно начать прямо с главной страницы.
Здесь хочу рассказать вам про онлайн ресурсы, которые позволят вам создать мультяшную аватарку.
Скачать исходники для статьи можно ниже
Аватар , аватара , ава , также аватарка (от англ. avatar ) - публичное графическое представление пользователя, созданное самим пользователем.
Одна из целей использования аватара, которую преследует часть пользователей, отразить какие-либо специфические черты характера пользователя и помочь создать достаточно точное впечатление у собеседников о его внутреннем духовном мире и статусе (этому же служит и т. н. никнейм). Также проявляется желание пользователя украсить свой профиль. Аватар является желательным (но необязательным) атрибутом участника веб-форумов, блогов, он размещается рядом с каждым постом (ответом) участника на темах форума, блога.
Аватар может быть как произвольной картинкой, так и документальной или обработанной фотографией пользователя, выбираемой им свободно в соответствии с его пожеланием.
Файл изображения аватара может быть статическими либо анимированными (как графическим, так и видеофайлом). Обычно размер аватара ограничен (на конкретном ресурсе) определённым числом пикселей (например, 64×64 или 100×100 пикселей) и/или размером файла (например, 10 Кб).
Как же создать оригинальный аватар?
Мне так очень нравятся мультяшные аватары (мангатары), поэтому ниже я опишу вам интереные онлайн ресурсы по их созданию.
1. Начну с интересного сайта (для того, чтобы создать аватарку регистрироваться на сайте не обязательно):
http://www.mangatar.net/create-your-avatar.php
Радует красивый интерфейс редактора аватарки и огромный функционал, единственное, что плохо – это незаметно ползунок, и с первого взгляда показалось, что здесь можно создавать только лицо, однако, можно прокрутить вправо верхнюю менюшку и там появятся и шапочки, очки, бижутерия, пирсинг, шарфики и др.
Данный сайт обладает интересным набором дополнительных инструментов (расположены внизу справа), позволяющих достаточно детально прорисовать лицо создаваемого персонажа, можно: увеличивать или уменьшать части лица (инструмент zoom), перемещать их вверх-вниз, влево-вправо (инструмент move), сужать или расширять расстояние например между глазами, ушами (инструмент pinch), менять цвета – выбор цвета аналогичен графическим редакторам.
Аватарка получается очень очень симпатичная.
Чтобы загрузить аватарку на свой компьютер нужно нажать на кнопочку “save” в левом нижнем углу, появиться следующее окошечко:
Заполняем формочку и жмем на кнопку “SEND” (“ОТПРАВЛЯТЬ”).
Как видите и здесь у нас появляется дополнительный выбор формата аватарки)
Нажимаем на кнопку Download и закачиваем аватарку с разрешением png.
2. Следующий сайт:
http://illustmaker.abi-station.com/index_en.shtml
Функционал данного ресурса скуднее предыдущего, но здесь радует, то что аватарку можно загрузить сразу – нажимаете на кнопочку download в верхнем левом углу и ваша аватарка сразу сохраниться на вашем компьютере формате png.
Также здесь есть создание аватарки для твиттера http://twittericonmaker.com/index_en.shtml – аналогичные инструменты только их количество чуть меньше.
3. Следующий очень интересный сайт (для того, чтобы создать аватарку регистрироваться на сайте не обязательно):
http://www.faceyourmanga.com/editmangatar.php
Вот самые популярные аватарки, созданные на данном проекте, правда похожи на реальных людей?
А вот как выглядит панель создания аватарок.
Функционал также, как и на первом рассматриваемом нами сайте огромен.
Интерфейс удобен и симпатичен.
Вот теперь у вас есть симпатичная аватарка в формате png. Как ее установить на ваш сайт (блог) расскажу в своей следующей статье, также расскажу вам о онлайн ресурсах, позволяющих преобразовывать реальные фото в нарисованные картинки, которые тоже можно использовать в качестве аватарок.
PS: http://www.simpsonsmovie.com – аватар в стиле симпсонов, но здесь нужна регистрация.
Инструкция
Поставьте на веб-страницу картинку, которая будет соответствовать вашей сущности. И не надо использовать какой-либо текст. Ваше изображение должно быть понятно без слов. Можно поставить на аву именно свою фотографию. Выберите место для съемок с красивым пейзажем и сфотографируйтесь на профессиональную камеру. Желательно, чтобы вас сфотографировал другой человек, а не вы сами.
Источники:
- как сделать красивую фотографию на аву
Не стесняйтесь следить за профессионалами и перенимать навыки. Придет время – вы «обрастете» полезными навыками и собственными хитростями. И если вам понравилось какое-нибудь чужое фото, не стесняйтесь его повторить. Быть может, у вас получится лучше. А если снимок не получится, вы сможете всегда проанализировать, что вы делали не так.
Материализуйте свои фотографии. Что значит, что вам следует их печатать и на больших форматах. Сразу можно разглядеть мелкие недочеты на крупной фотографии и провести работу над ошибками. И ваши друзья, посмотрев на живой снимок свежим взглядом, тоже смогут вам указать на ошибки и оценить фото.
Чаще участвуйте в выставках и конкурсах. Свой талант зарывать в землю не стоит. А помимо этого, вам на других фотографов – это полезно. Стремитесь делать фотографии, ведь соперничество усиливает тягу к совершенству. И не бойтесь критики. Но ищите ее с умом. Показывайте свои пока еще непрофессиональные снимки примерно вашего уровня или немного выше. Вам действительно помогут советом, в то время как профессиональный фотограф ограничился бы парой фраз типа «неплохо» или «для начала сойдет».
И последний совет: не увлекайтесь тем, чем вам еще рано увлекаться. Многие способные люди сходу пытаются приобрести себе фотоаппараты, модные и другие «примочки», а в итоге разочаровываются, потратив большие деньги и не получив желаемого результата. С профессиональной техникой нужно уметь обращаться. Поэтому не торопитесь с этим, совершенствуйтесь.
Видео по теме
Связанная статья
Источники:
- Как научиться красиво фотографировать и делать хорошие снимки
Мы часто хотим запечатлеть те или иные моменты на видео для того, чтобы самые лучшие или самые значительные моменты нашей жизни остались у нас в памяти. И мы хотим, чтобы они сохранились как можно дольше, чтобы в будущем можно было пересмотреть их и полностью погрузиться в настроение. На качество видео влияет множество факторов: от выбора камеры до финальной редакции фильма, который мы хотим оставить в домашнем архиве.
Вам понадобится
- - видеокамера
- - компьютер
- - видео редактор
Инструкция
Выбирайте ту камеру, которую максимально позволяет ваш бюджет на данный момент. Конечно, можно записать и с цифрового , но качество видео, снятого при помощи намного . Обращайте внимания на три основных параметра : зернистость изображения, его светлость и цвет, в особенности, цвет. Чем ярче цвета, тем лучше.
Видео по теме
Источники:
- Урок как сделать лицо как в фильме "Аватар" видео в хорошем
Аватар – изображение небольшого размера, которое используется в качестве графической составляющей профиля на тематическом форуме, сайте социальной сети и т.д. Аватар можно скопировать со специального сайта или сделать самому при помощи любого графического редактора.
Вам понадобится
- - программное обеспечение Adobe Photoshop;
- - изображение для аватара.
Инструкция
В качестве изображения можно использовать любую картинку, фотографию и т.д. Изначально можно использовать любой графический файл, скопированный из сети интернет, затем можно попробовать повторить на вашем портрете. Перед началом работы над мигающим аватаром необходимо установить на компьютер Adobe Photoshop.
Откройте программу и дважды щелкните по пустому полю программы или нажмите сочетание клавиш Ctrl + O, чтобы открыть изображение.
Сделайте дублю основного слоя, который был создан при загрузке картинки в программу. Нажмите правой кнопкой мыши на слое в панели слоев и выберите пункт «Создать дубликат слоя» или нажмите сочетание клавиш Сtrl + J.
К нижнему слою необходимо применить изменение уровней цвета. Нажмите верхнее меню «Изображение» и выберите пункт «Уровни» (сочетание клавиш Ctrl + L). В открывшемся окне сдвиньте средний ползунок до значения 2,35.
К верхнему слою (недавно созданному) также необходимо применить изменение уровней. Нажмите сочетание клавиш Ctrl + L. В открывшемся окне сдвиньте ползунок на значение 0,40.
Теперь нажмите верхнее меню «Окно», затем откройте палитру «Анимация». В панели слоев оставьте видимым только нижний слой, для этого нажмите на изображение глаза напротив верхнего слоя – он станет невидимым.
В окне «Анимация» продублируйте изображение, нажав кнопку «Дублировать». Включите видимость верхнего слоя, а нижний слой сделайте невидимым, нажав на изображение глаза напротив соответствующих слоев.
В окне «Анимация» активируйте опцию цикла «Всегда» и нажмите кнопку Play. Если вы хотите уменьшить или увеличить скорость смены кадра, отрегулируйте это значение в этом же окне.
Для сохранения получившегося аватара нажмите меню «Файл» и выберите пункт «Сохранить для web и устройств…». В открывшемся окне выберите формат изображения Gif и 256 цветов. Нажмите кнопку «Сохранить».
Чтобы создать простую анимацию совсем не обязательно идти учиться на мультипликатора. Достаточный инструментарий имеется в Adobe Photoshop CS5. Вам также потребуется освоить несколько несложных навыков.
Вам понадобится
- - Русифицированная версия Adobe Photoshop CS5.
Инструкция
В качестве исходного изображения используйте, например, фотографию с небоскребом на фоне неба. Запустите программу и откройте необходимый файл: нажмите «Ctrl»+«O», выберите картинку и кликните «Открыть». Выберите инструмент «Прямолинейное лассо» (горячая клавиша «L», переключение между смежными элементами «Ctrl»+«L») и выделите небоскреб . Нажмите комбинацию «Ctrl»+«J» чтобы создать новый слой и перенести на него выделенный участок.
Откройте в программе фотографию с облаками, она должна быть больше, чем изображение с небоскребом. Нажмите «Alt»+«Ctrl»+«I» и запомните значения, которые находятся в полях «Ширина» и «Высота». Создайте новый файл: «Ctrl»+«N», в поле «Ширина» укажите то же значение, что у фотографии с облаками, в поле «Высота» – то же, но умноженное на три. В результате у вас должно получиться три документа: с вырезанным небоскребом, с облаками и пустой документ. В дальнейшем они будут называться документами 1, 2 и 3, соответственно.
Переключитесь на документ с облаками, активируйте инструмент «Перемещение» («V») и перетяните изображение на документ 3. Выровняйте его таким образом, чтобы он полностью занял нижнюю часть. Снова переключитесь на документ 2 и перетяните картинку на документ 3. Выровняйте его так, чтобы он занял верхнюю часть. Снова активируйте документ 2, нажмите «Редактирование» > «Трансформирование» > «Поворот на 180 градусов». Затем «Редактирование» > «Трансформирование» > «Отразить по горизонтали». Перетяните результат на документ 3 и выровняйте по центру.
В окне «Слои» (если оно отсутствует, вызовите его горячей клавишей «F7») выделите три имеющихся слоя с облаками (они должны иметь имена «Слой 1», «Слой 2» и «Слой 3»), зажав «Ctrl» и кликнув по каждому из них. Нажмите правую кнопку мыши и в появившемся окне кликните «Объединить слои». Перетяните вновь образованный слой на документ 1 и поместите его ниже слоя с вырезанным небоскребом.
Нажмите пункт меню «Окно» > «Анимация». В нижней части появившегося окна нажмите единственную активную кнопку – «Создание копии выделенных файлов». Появится еще один кадр. В нижней части кадра отображено время, которое он будет находиться на экране. В каждом из кадров поменяйте его на 0,1 секунды.
Переключитесь на первый кадр, а затем на документ 1. Выберите слой с облаками и, используя инструмент «Перемещение», совместите его нижний правый край с нижним правым краем документа 1. Переключитесь на второй кадр, а затем снова на документ 1. Выберите слой с облаками и совместите его правый верхний край с правым верхним краем документа 1. Эти два кадра будут начальным и конечным кадрами создаваемой анимации – перемещения облаков.
Щелкните кнопку «Создание промежуточных кадров» внизу окна анимации. В поле «Добавить кадров» укажите 20 и нажмите «ОК». Удалите 21 и 22 кадр при помощи кнопки «Удаление выделенных кадров», которая имеет эмблему мусорного бака и находится внизу окна анимации. Анимация готова. Можете проверить это, нажав на кнопку «Play».
Видео по теме
Всем привет, с вами Роман Литвинов, дизайнер команды Ardens.pro. Сегодня я к вам пришел с гайдом-туториалом, как создать единый блок аватара и меню Вконтакте (единым целым). Для начала примеры на что это будет похожим.
Примеры:
Разметка аватара для группы Вк
Для старта нам нужна сетка. Чтобы её сделать, мы делаем скриншот страницы группы и забрасываем в проект, в моем случае в Photoshop.
После чего сочетанием клавиш CTRL+R вызываем линейки и расставляем направляющие по краям аватара и закрепа. Для того, чтобы вытянуть направляющую, нужно зажать ЛКМ на линейке и потянуть в сторону нашего макета.
Размер аватара, который мы видим в браузере без масштабирования, 200х500 пикселей. А закреп в таком виде 395х237 пикселей.
Порезка
Мы сделали разметку, теперь приступим к порезке. Почему сейчас? Да потому, что это уже почти конец моего гайда.
Для порезки нам нужен инструмент «Раскройка» (в англ. версии «Slice tool»)
С помощью этого инструмента делаем нарезку по нашим направляющим, конкретно внутри аватара и закрепа по краям.
Должно получиться так.
Далее удаляем наш скриншот со слоев и приступаем к проекту. Разрабатывать оформление мы не будем, но я покажу что получится. Забросим в наш проект фотографию девушки. Для нас главное попасть в область порезки аватара и закрепа.
После работы над нашим дизайном сохраняем порезанные части с помощью CTRL+SHIFT+ALT+S или Файл->Сохранить для web…
В данном окне с зажатым Shift выбираем наш аватар и закреп нажимаем сохранить 
Но тут тоже еще не все. В появившемся окне, пункт фрагменты, выбрать «Только выделенные фрагменты» и нажать сохранить. После чего фотошоп отрежет из всего макета область с аватаром и закрепом.
В папке куда мы сохраняли порезку мы увидим примерно такое.
Единый блок аватара и меню для группы Вконтакте
Смело заливаем наш аватар и закреп в тестовую группу, чтобы посмотреть результат 
Вот так, благодаря таким действиям у вас получится единый блок аватара и меню в группах Вконтакте.
Завершение
Надеюсь мой мини-гайд был полезен и вас получится сделать ваши группы более красивыми и запоминающимися.
Полезные статьи на похожей тематики:
Забавное видео (местами и не поймешь «фотошоп» или нет)
Внимание конкурс:
Подарю набор стикеров на выбор тому, кто повторит данный урок, и у него получится сделать аватар и закреп одним целым 😉
Ставьте лайки, оставляйте комментарии, бросайте маффины или помидоры в нашей группе