Создание красивого единого блока аватар и меню вконтакте. Создаем аватар онлайн
Здравствуйте уважаемые читатели блога сайт . Еще раз всех поздравляю с выпуском . Но, а сегодня для вас я приготовил урок, из которого вы узнаете, как сделать аватарку посредством графического редактора 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 — Для этого перейдите в меню «Файл – Сохранить как» и в открывшемся диалоговом окне задайте имя и расширение аватарки.
Все знают, что очень важно произвести первое впечатление и чтобы оно было хорошее. Если вы начинающий ютубер, вам нужно это помнить всегда, ведь к вам на канал заходят люди, которые “по одежке” оценивают ваш канал и принимают решение уйти или остаться. Сегодня мы рассмотрим важный вопрос – программа для создания авы на ютуб и какую лучше выбрать.
После того, как вы разобрались в этом вопросе, можно приступать к созданию аватарки. Для ее создания мы воспользуемся специальной программой.
Face Your Manga
Face Your Manga – это известная программа для создания оригинальных аватарок. Данный сервис на английском языке, но ничего сложного в этом нет, так как разобраться, как создать аватарку, сможет любой человек, даже без хорошего знания английского языка.
В этой программе можно создать любой аватар мужчины или женщины с нуля. Выбрав лицо, глаза, волосы, выражение лица и другие мелочи. Такая аватарка будет выглядеть необычно и отличаться от других, что привлечет людей.
Как сделать прикольную аватарку для Контакта бесплатно?
Или ваш путь к оригинальности
Сегодня красивой и яркой аватаркой в профиле социальной сети уже никого не удивить. Практически в любой анкете в качестве главного фото можно увидеть или профессионально сделанный снимок, или некий особый коллаж, созданный посредством специального приложения. Но такова уж человеческая природа: увидев нечто красивое и привлекательное у кого-то, пользователь незамедлительно хочет подобное и себе.
Поэтому возникает вопрос: где можно сделать прикольную красивую аватарку для Контакта, при чем бесплатно? Где найти приложение, которое позволит в считанные секунды создать эффектную фотографию профиля? И самое главное - что нужно учесть, чтобы сделать свою аватарку для Контакта максимально оригинальной и интересной?
Как сделать красивую аватарку для Контакта: советы и рекомендации
Прежде всего, настройтесь на творческий лад. Ведь создание оригинальной прикольной аватарки для Контакта, несомненно, требует креативного подхода. И прежде чем приступить непосредственно к процессу создания, обратите внимание на следующие советы:
1. Чтобы сделать красивую аватарку для Контакта из уже готового изображения, подберите фото, на котором ваше лицо расположено в центре. Исключите фотографии, где вы плохо видны (занимаете на фото менее 50%) или же закрываете лицо некими предметами (исключение - тематические профессиональные фото).
2. Если вы используете наше приложение r для предварительного создания снимка, то постарайтесь фотографироваться в максимально естественной для себя позе. Не старайтесь делать фальшивое выражение лица, которое, по вашему мнению, является красивым, или же становиться/садиться в неестественную позу. Фальш всегда видна на фото - мы же хотим сделать красивую и оригинальную аватарку для Контакта, которая поразит друзей тем, насколько вы на ней схожи с вашим настоящим образом в жизни.
3. Попробуйте придумать для своей новой аватарки для Контакта своего рода «изюминку» - то, что будет сразу бросаться в глаза и как нельзя лучше подчеркивать ваш характер, настроение, состояние души. Из самого простого - это может быть оригинальная надпись на табличке, свое же фото в руках, где вы представлены совсем в ином виде, определенная обстановка (например, готовка еды) или оригинальная одежда. Если же вы решили использовать уже готовое фото, чтобы сделать новую прикольную аватарку для Контакта, то здесь простор для вашей фантазии и воображения фотографа очень широк.
4. Попробуйте сделать несколько различных вариантов аватарок для Контакта бесплатно в нашем приложении. Благодаря этому, у вас будет выбор, какую из них лучше разместить на вашу страничку. А после вы можете хоть еженедельно менять аватарку в вашем профиле.
5. Не забывайте сохранять каждую созданную на компьютер. Увлекшись творческим процессом, вы можете напрочь забыть об этой важной мелочи.
Сделать красивую и прикольную аватарку для Контакта совершенно бесплатно вы всегда сможете посредством нашего сайта. Вы можете использовать как WebCam Avatar, который поможет сделать снимок с веб-камеры и наложить интересные эффекты, так и GIF Animator, с помощью которого вам удастся наложить оригинальные эффекты на уже готовое фото.
Надеемся, наш проект сможет вам помочь сделать действительно орагинальную, яркую, прикольную и красивую аватарку для Контакта быстро, просто и совершенно бесплатно!
Приветствую вас друзья.
В этой статье я покажу вам как сделать аватарку бесплатно с помощью трех сервисов (которые, на мой взгляд, являются самыми лучшими).
Но, для начала пару слов о том, что такое аватарка, зачем она нужна, и зачем, собственно, она нужно на блоге.
Аватарка – это графическое изображение (чаще всего не анимированное), которое “представляет” вас в сети интернет (в социальных сетях, на блоге и т.д.). Чаще всего в качестве аватарки выступает фотография, также мульт и кино персонажи.
Зачем нужна аватарка?
Аватарка нужна в первую очередь для идентификации вас как живого человека, а не бота. Все равно, человек с аватаркой воспринимается лучше, к нему больше доверия (по крайней мере у меня). У ботов (роботов, “неживых” участников сети) практически ни когда нет аватара.
Если вы сделает себе необычную, запоминающуюся аватару, то это еще и выгодно выделит вас среди других.
Итак, хочу представить вам три сервиса, которые помогут вам сделать аватарку онлайн.
Сервис для создания авы в стиле 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. Сохраните полученное изображение.
Воспользовавшись моей инструкцией вы без труда сможете сделать аватарку бесплатно , с помощью полезных сервисов.
ВИДЕО-УРОК «Как сделать аватарку для социальных сетей и для блога»
и сегодня мы продолжаем раскрывать тему интернет-магазина во Вконтакте. Из названия статьи вы уже поняли о чем пойдет речь. Потому предлагаю сразу перейти к делу.
ВАЖНОСТЬ АВАТАРКИ
Многие недооценивают эту составляющую сообщества и ставят картинку с первой страницы google поиска. Но я бы не советовал»забивать» , потому что аватарка - лицо вашего бизнеса. Как не крутите, но 70% информации человек получает благодаря зрению. У вас есть всего 3 секунды, чтобы привлечь внимание потенциального клиента.
Какие же задачи выполняет аватар?
Привлекает внимание пользователя (во внутреннем поиске ВК, в разделе своих групп, в интересных страницах);
- заинтересовывает уникальным торговым предложением;
- информирует о ваших контактах;
- призывает подписаться на новости сообщества.
Для наглядности решил отобрать три аватарки интернет-магазинов, которые, на мой взгляд, выглядят как надо.
…Написал я предыдущее сообщение и пошел искать сообщества. В итоге я пролистал более 70 сообществ и не нашел ни одной идеальной аватарки. Потому прикрепляю три аватарки, которые мне показались хорошими.
Другие сообщества интернет-магазинов мне не хочется обижать. Я понимаю, что «на вкус и цвет товарищей нет». Но вот для примера хочу добавить три аватара, которые я не советую использовать для своей группы.
Первая картинка
. В целом мне нравится, но не хватает информации о самом интернет-магазине.
Вторая картинка
. Слишком много текста.
Третья картинка
. Много элементов и текста, которые плохо сочетаются друг с другом.
Повторюсь, что это мое личное мнение, которое может не соответствовать вашему. Ваше сообщество - ваш вкус - ваша аватарка.
ОСНОВЫ ДИЗАЙНА
Надеюсь, вы поняли всю важность качественно оформленной аватарки, и потому хочу заострить ваше внимание на трех основных принципах в дизайне, которых придерживаюсь сам.
1. Нет композиции - нет дизайна.
Дизайн будет казаться цельным только в том случае, если все его элементы взаимосвязаны, подходят друг к другу и подчинены одной идее.
2. Теория цвета
Восприятие изображения по большей части определяется именно цветом. Он передает настроение, придает значение форме, делает ее выразительной. Главное - не использовать больше трех разных цветов. Ниже добавил картинки с ориентирами по цветам.
сочетаются 3 цвета, лежащих на одинаковом расстоянии друг от друга
По этой шпаргалке получается, что красно-фиолетовый сочетается с желто-оранжевым и сине-зеленым. Если немного подвинуть этот треугольник против часовой стрелки на одну позицию, получится, что красный сочетается с желтым и синим. Надеюсь, вы разобрались
3. Шрифты
Так же как и цвет, буквы имеют свою эмоциональную окраску, их графическое оформление может усиливать или ослаблять смысл передаваемого сообщения. К шрифту применимо то же правило - не более трех разных шрифтов.
Мои любимые 3 шрифта это: Century Gothic, Intro и Bebas Neue.
ЗАКАЗАТЬ ДИЗАЙН
Хорошего специалиста не так и легко найти. Но если приложить немного усилий, можно найти дизайнера, который сделает все качественно. Где их найти?
1. На сайтах фрилансеров, форумах:
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. Добавляем УТП, контакты и призыв к действию.
Выбираем инструмент «текст» -> выделяем нужную область -> добавляем текст (не забываем про галочку)
