Создание красивого единого блока аватар и меню вконтакте. Как сделать крутую аватарку вконтакте

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

Александр Тодоров (Alexander Todorov), доктор психологии из Принстонского университета, подтвердил это в ходе ряда исследований (например, этогоFirst impressions: making up your mind after a 100-ms exposure to a face и этогоMisleading first impressions: different for different facial images of the same person ). Во время одного из экспериментов он сфотографировал добровольца в разных позах и попросил других людей оценить снимки по различным характеристикам: интеллект, надёжность, привлекательность. Оценки были абсолютно разные.

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

1. Не скрывайте лицо

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

Люди выглядят привлекательнее, когда фотографируются анфас. На подсознательном уровне открытая поза и развёрнутые плечи воспринимаются как знаки уважения. Мы считаем этого человека внимательным к нам. Вспомните общение в реальной жизни. Приятно, когда во время разговора собеседник полностью повёрнут к вам. Если поза закрытая, то складывается впечатление, будто общаться ему неприятно.

3. Уделите внимание фону

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

4. Улыбайтесь

Фотографии улыбающихся людей привлекают больше внимания. Мы считаем их открытыми, жизнерадостными. Возникает желание и зарядиться их жизнелюбием. Но улыбаться нужно уметь. Для женщин хороши естественные или широкие улыбки «во все 32». Мужчинам же лучше делать это сдержанно.

Для женщин

Для мужчин

5. Покажите руки

Руки - индикаторы доверия. Если человек показывает их на фотографии, подсознательно мы считаем его надёжным. Также руки на фото говорят нам, что человек не опасен: он открыт и не причинит зла.

6. Только для женщин: возьмите пример с Мэрилин Монро

Мэрилин Монро считается эталоном женственности. Кокетливый взгляд будоражит мужское воображение. Если хотите влюблять в себя с первого взгляда на фото, сделайте такой же снимок. Чуть наклоните голову, прикройте глаза. Смотреть нужно чуть свысока сквозь ресницы. Приоткройте губы и обнажите шею. Открытая шея очень нравится мужчинам. Помните Джессику из фильма «Кто подставил кролика Роджера?»

7. Только для мужчин: покажите себя

«А я разве не делаю этого, когда фотографируюсь?» - спросите вы, и мы понимаем ваше недоумение. Но показывать нужно не только брутальный взгляд или шикарную бороду, а всего себя. Снимки мужчин в полный рост привлекают женщин. Фотографии в футболках и майках, где хорошо видны руки, также высоко ценятся.

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

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

Хорошо

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

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

Аватаркой может быть как реальная фотография человека, так и картинка с вымышленным персонажем или вообще без него.

КАК СДЕЛАТЬ АВАТАРКУ НА СПЕЦИАЛЬНОМ СЕРВИСЕ

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

Чтобы скачать уже готовый аватар, нужно нажать правой кнопкой мыши на понравившуюся картинку, выбрать «Сохранить как…», далее определить папку, в которой будет храниться картинка и нажать «Ок». Все, картинка на Вашем компьютере. Осталось только закачать ее в личный профиль на форуме или в социальной сети.

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

Сайты с аватарками работают не только с картинками, но и с личными фотографиями. Они могут обеспечить обычному фото самые разные эффекты (сияние, мерцание, блеск, эффект «старой фотографии» и т.д.), украсить графикой, добавить надпись, создать рамку или просто улучшить качество изображения. Для того, чтобы создать «улучшить» свою фотографию для аватарки, ее нужно загрузить на соответствующий сервис. Фото должно быть в формате jpg, jpeg, png или gif и весом не более 5 Мб. Выбрать эффект, который хотите придать Вашей фотографии. Дальше следовать инструкциям.

КАК СДЕЛАТЬ АВАТАРКУ САМОМУ

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

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

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

Как делается скриншот:

1. Во время показа фильма обращаем внимание на интересный кадр.

2. Нажимаем паузу.

3. Жмем Ctrl+Prt Screen - делается скриншот.

4. Открываем Microsoft Paint, нажимаем «Вставить». Повляется изображение выбранного кадра из фильма.

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

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

Из-за этих ограничений не стоит ставить на аву масштабные картинки с мелкими деталями. Лучше всего подойдут крупные и понятные изображения.

КАК СДЕЛАТЬ АВАТАРКУ АНИМИРОВАННУЮ

Анимированная аватарка - движущаяся аватарка с микросюжетом. В ее основе - принцип мультипликации, когда несколько быстро меняющихся картинок объединены одной идеей.

Анимированные аватарки создаются с помощью специальных программ. Одной из самых простых можно считать программу UnFREEz. Это бесплатная портативная (не требующая установки) программа. Из нескольких статических изображений в формате GIF она создает одно анимированное. Преимущества этой программы — минимальный размер, простота использования и отсутствие какой-либо нагрузки на систему. Также в плюсы можно занести автоматическое определение последовательности «кадров» (по их имени) и обнаружение прозрачности.

Учебное видео по работе с программой UnFREEz можно посмотреть

КАК СДЕЛАТЬ АВАТАРКУ - ПРОСТЫЕ ПРАВИЛА

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• https://www.behance.net
• https://freelansim.ru
• http://searchengines.guru/

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