Ростелеком

Как создать продающую аватарку для сообщества. Создаем аватар онлайн

В работе блоггера важно не только делать качественные видео, но и правильно подойди к визуальному оформлению своего канала. Это касается и аватарки. Сделать ее можно несколькими способами. Это может быть дизайнерский арт, для чего нужно обладать навыком рисования; просто ваша фотография, для этого достаточно просто подобрать красивое фото и обработать его; либо же это может быть простая ава, например, с названием вашего канала, сделанная в графическом редакторе. Мы разберем последний вариант, так как другие не нуждаются в разъяснении и такой логотип сможет сделать каждый.

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

Шаг 1: Подготовка

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

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


Теперь можно приступить к работе со всеми материалами.

Шаг 2: Создание единого целого

Все части вашей будущей аватарки нужно сложить воедино, чтобы получилась целостная картина. Для этого:


После того, как вы закончили размещать все элементы и считаете, что аватарка готова, можно сохранять ее и заливать на Ютуб, чтобы убедиться, что она смотрится хорошо.

Шаг 3: Сохранение и добавление аватарки на YouTube

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


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

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

Здравствуйте уважаемые читатели блога сайт . Еще раз всех поздравляю с выпуском . Но, а сегодня для вас я приготовил урок, из которого вы узнаете, как сделать аватарку посредством графического редактора 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 — Для этого перейдите в меню «Файл – Сохранить как» и в открывшемся диалоговом окне задайте имя и расширение аватарки.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2. В сообществах в ВК по оформлению групп, дизайну, 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. Добавляем УТП, контакты и призыв к действию.
Выбираем инструмент «текст» -> выделяем нужную область -> добавляем текст (не забываем про галочку)

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

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

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

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

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


Приветствую всех начинающих ютуберов.

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

Вам сразу же будет предложено загрузить изображение.

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

Шаг 4. Нажимаем «Готово» и возвращаемся на YouTube. Бывает, что значок обновляется не сразу и нужно немного подождать. У меня обновился минут через 10.

Всё, теперь у канала есть часть лица. Осталось добавить к нему красивый фон.

Как сделать аватарку для Ютуба самостоятельно?

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

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

Всем желаю удачи!