Всем привет, с вами Роман Литвинов, дизайнер команды Ardens.pro. Сегодня я к вам пришел с гайдом-туториалом, как создать единый блок аватара и меню Вконтакте (единым целым). Для начала примеры на что это будет похожим.
Примеры:
Для старта нам нужна сетка. Чтобы её сделать, мы делаем скриншот страницы группы и забрасываем в проект, в моем случае в Photoshop.
После чего сочетанием клавиш CTRL+R вызываем линейки и расставляем направляющие по краям аватара и закрепа. Для того, чтобы вытянуть направляющую, нужно зажать ЛКМ на линейке и потянуть в сторону нашего макета.
Размер аватара, который мы видим в браузере без масштабирования, 200х500 пикселей. А закреп в таком виде 395х237 пикселей.
Порезка
Мы сделали разметку, теперь приступим к порезке. Почему сейчас? Да потому, что это уже почти конец моего гайда.
Для порезки нам нужен инструмент «Раскройка» (в англ. версии «Slice tool»)
С помощью этого инструмента делаем нарезку по нашим направляющим, конкретно внутри аватара и закрепа по краям.
Должно получиться так.
Далее удаляем наш скриншот со слоев и приступаем к проекту. Разрабатывать оформление мы не будем, но я покажу что получится. Забросим в наш проект фотографию девушки. Для нас главное попасть в область порезки аватара и закрепа.
После работы над нашим дизайном сохраняем порезанные части с помощью CTRL+SHIFT+ALT+S или Файл->Сохранить для web…
В данном окне с зажатым Shift выбираем наш аватар и закреп нажимаем сохранить 
Но тут тоже еще не все. В появившемся окне, пункт фрагменты, выбрать «Только выделенные фрагменты» и нажать сохранить. После чего фотошоп отрежет из всего макета область с аватаром и закрепом.
В папке куда мы сохраняли порезку мы увидим примерно такое.
Смело заливаем наш аватар и закреп в тестовую группу, чтобы посмотреть результат 
Вот так, благодаря таким действиям у вас получится единый блок аватара и меню в группах Вконтакте.
Надеюсь мой мини-гайд был полезен и вас получится сделать ваши группы более красивыми и запоминающимися.
Полезные статьи на похожей тематики:
Внимание конкурс:
Подарю набор стикеров на выбор тому, кто повторит данный урок, и у него получится сделать аватар и закреп одним целым 😉
Ставьте лайки, оставляйте комментарии, бросайте маффины или помидоры в нашей группе
Всё чаще люди знакомятся в интернете, поэтому мнение о человеке складывается по фотографии в профиле. Но разные снимки одного и того же человека производят совершенно разные первые впечатления.
Александр Тодоров (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 ). Во время одного из экспериментов он сфотографировал добровольца в разных позах и попросил других людей оценить снимки по различным характеристикам: интеллект, надёжность, привлекательность. Оценки были абсолютно разные.
После эксперимента многие задались вопросом, как же фотографироваться правильно, чтобы преподнести себя в самом выгодном свете. Для ответа было проведено ещё одно исследование: с сайта знакомств были взяты фото с самыми высокими и с самыми низкими оценками пользователей. Затем были выявлены закономерности между самыми рейтинговыми и низко оценёнными фотографиями. На базе этих наблюдений и появились советы о том, как сделать правильное фото.
Очки, конечно, стильный аксессуар, но не выставляйте фото в них, если ищете новые отношения. При знакомстве важен зрительный контакт, даже если речь идёт о фотографии. Во время прямого взгляда глаза в глаза вырабатывается гормон доверия окситоцин. Он заставляет чувствовать связь с другим человеком, вызывает желание пообщаться с ним поближе и узнать его лучше. Но когда глаза скрыты за очками, не получает никаких импульсов. Желающих познакомиться становится меньше.
Люди выглядят привлекательнее, когда фотографируются анфас. На подсознательном уровне открытая поза и развёрнутые плечи воспринимаются как знаки уважения. Мы считаем этого человека внимательным к нам. Вспомните общение в реальной жизни. Приятно, когда во время разговора собеседник полностью повёрнут к вам. Если поза закрытая, то складывается впечатление, будто общаться ему неприятно.
Люди оценивают не только вашу позу и природные данные, но и задний план. Одного симпатичного личика недостаточно, чтобы заинтересовать. У фотографии должна быть какая-то история. К тому же фото на пляже, в горах, ресторане или клубе расскажет о ваших увлечениях. Сразу будет понятно, есть ли у вас что-то общее и стоит ли вообще начинать знакомство.
Фотографии улыбающихся людей привлекают больше внимания. Мы считаем их открытыми, жизнерадостными. Возникает желание и зарядиться их жизнелюбием. Но улыбаться нужно уметь. Для женщин хороши естественные или широкие улыбки «во все 32». Мужчинам же лучше делать это сдержанно.
Руки - индикаторы доверия. Если человек показывает их на фотографии, подсознательно мы считаем его надёжным. Также руки на фото говорят нам, что человек не опасен: он открыт и не причинит зла.
Мэрилин Монро считается эталоном женственности. Кокетливый взгляд будоражит мужское воображение. Если хотите влюблять в себя с первого взгляда на фото, сделайте такой же снимок. Чуть наклоните голову, прикройте глаза. Смотреть нужно чуть свысока сквозь ресницы. Приоткройте губы и обнажите шею. Открытая шея очень нравится мужчинам. Помните Джессику из фильма «Кто подставил кролика Роджера?»
«А я разве не делаю этого, когда фотографируюсь?» - спросите вы, и мы понимаем ваше недоумение. Но показывать нужно не только брутальный взгляд или шикарную бороду, а всего себя. Снимки мужчин в полный рост привлекают женщин. Фотографии в футболках и майках, где хорошо видны руки, также высоко ценятся.
Уверенность в себе сразу же видна на фото. Именно она привлекает людей, ведь все подсознательно хотят познакомиться с самодостаточным человеком. Разгребать комплексы и решать чужие проблемы никому не хочется.
Уверенные в себе люди всегда держат спину прямо. Их взгляд открыт, руки часто отведены за голову. Глядя на такое фото, вы не увидите и малейшего в человеке.
Хорошо
и сегодня мы продолжаем раскрывать тему интернет-магазина во Вконтакте. Из названия статьи вы уже поняли о чем пойдет речь. Потому предлагаю сразу перейти к делу.
ВАЖНОСТЬ АВАТАРКИ
Многие недооценивают эту составляющую сообщества и ставят картинку с первой страницы 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. Чтобы сделать красивую аватарку для Контакта из уже готового изображения, подберите фото, на котором ваше лицо расположено в центре. Исключите фотографии, где вы плохо видны (занимаете на фото менее 50%) или же закрываете лицо некими предметами (исключение - тематические профессиональные фото).
2. Если вы используете наше приложение r для предварительного создания снимка, то постарайтесь фотографироваться в максимально естественной для себя позе. Не старайтесь делать фальшивое выражение лица, которое, по вашему мнению, является красивым, или же становиться/садиться в неестественную позу. Фальш всегда видна на фото - мы же хотим сделать красивую и оригинальную аватарку для Контакта, которая поразит друзей тем, насколько вы на ней схожи с вашим настоящим образом в жизни.
3. Попробуйте придумать для своей новой аватарки для Контакта своего рода «изюминку» - то, что будет сразу бросаться в глаза и как нельзя лучше подчеркивать ваш характер, настроение, состояние души. Из самого простого - это может быть оригинальная надпись на табличке, свое же фото в руках, где вы представлены совсем в ином виде, определенная обстановка (например, готовка еды) или оригинальная одежда. Если же вы решили использовать уже готовое фото, чтобы сделать новую прикольную аватарку для Контакта, то здесь простор для вашей фантазии и воображения фотографа очень широк.
4. Попробуйте сделать несколько различных вариантов аватарок для Контакта бесплатно в нашем приложении. Благодаря этому, у вас будет выбор, какую из них лучше разместить на вашу страничку. А после вы можете хоть еженедельно менять аватарку в вашем профиле.
5. Не забывайте сохранять каждую созданную на компьютер. Увлекшись творческим процессом, вы можете напрочь забыть об этой важной мелочи.
Сделать красивую и прикольную аватарку для Контакта совершенно бесплатно вы всегда сможете посредством нашего сайта. Вы можете использовать как WebCam Avatar, который поможет сделать снимок с веб-камеры и наложить интересные эффекты, так и GIF Animator, с помощью которого вам удастся наложить оригинальные эффекты на уже готовое фото.
Надеемся, наш проект сможет вам помочь сделать действительно орагинальную, яркую, прикольную и красивую аватарку для Контакта быстро, просто и совершенно бесплатно!
Приветствую всех начинающих ютуберов.
В предыдущей статье я познакомил вас со всеми а сегодня мы начнём с первого и самого главного — лица канала! Расскажу о том, как сделать аватарку для Ютуба (значок канала). Разберём, какие виды значков бывают, какой лучше подобрать вам и как его поставить или сменить на своём канале.
Вам сразу же будет предложено загрузить изображение.
Шаг 3. Выбираете подготовленную раннее аватарку, загружаете её и устанавливаете нужный размер. За очень неприметные края можно масштабировать.
Шаг 4. Нажимаем «Готово» и возвращаемся на YouTube. Бывает, что значок обновляется не сразу и нужно немного подождать. У меня обновился минут через 10.
Всё, теперь у канала есть часть лица. Осталось добавить к нему красивый фон.
Для тех, кто не желает брать в качестве авы своё фото или лого, дальше я прикреплю несколько хороших видеоуроков о том, как можно её сделать своими руками.
Если у вас есть вопросы, то задавайте их в комментариях. Обязательно подписывайтесь на обновления блога, чтобы не пропустить интересные новости, уроки по YouTube и другие полезные статьи про работу в интернете.
Всем желаю удачи!
