Создание аватарки. Как сделать аватарку для группы вконтакте. Создание аватарки через Фотошоп

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

Примеры:

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

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

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

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

Порезка

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

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

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

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

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

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

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

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

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

Завершение

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

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

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

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

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

Каждый десятый пользователь социальной сети ВКонтакте имеет свое сообщество. Сегодня я покажу наиболее простой способ " Как сделать аватарку для группы вконтакте " в Adobe Photoshop. Пошаговая инструкция поможет вам по минимуму сократить время на создание аватарки.

Введение

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

Я не буду рассказывать о том, как привлекать внимание, как мотивировать на подписку, и тому подобные темы.

Шаг 1: Создаем макет аватара

Файл → Создать (Ctrl + N)

Обратите внимание! Я использую размеры для своих аватаров 350к700 пикселей

Макет для будущего аватара успешно создан! давайте продолжим.

Если хотите аватар с округленными углами, тогда воспользуйтесь инструментом "Прямоугольник с округленными углами" (U), укажите радиус в верхней панели Фотошоп, и зажав левую кнопку мыши растяните фигуру по всей области макета. Вот как выглядит округлость при определенном радиусе:

Теперь понятно, что чем больше радиус тем круче округлость.

Шаг 2: Рисуем аватарку

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

1. Использовал авторский рисунок автомобиля Шевролет.

2. Инструмент "Горизонтальный текст"

3. Инструмент "Прямоугольник с округленными углами"

4. Инструмент "Произвольная фигура"

5. Работа над "Стилями слоя"

6. Корректировка по мелочи (резкость,лайты,и тп фильтры)

Вроде все перечислил, что использовал при создании.

В заключении..

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

Если же у вас возник вопрос почему я использую в разы больше размеры для аватара, чем стандартные? то знайте, кликая на аватарку сообщества пользователь в 80% надеется увидеть больший размер, что бы разглядеть интересующие его детали. А в остальных 20%, что бы поставить лойс.

По любым интересующим вопросам пишите комментарии.

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

Александр Тодоров (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. Только для мужчин: покажите себя

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

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

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