Всем привет, с вами Роман Литвинов, дизайнер команды Ardens.pro. Сегодня я к вам пришел с гайдом-туториалом, как создать единый блок аватара и меню Вконтакте (единым целым). Для начала примеры на что это будет похожим.
Примеры:
Для старта нам нужна сетка. Чтобы её сделать, мы делаем скриншот страницы группы и забрасываем в проект, в моем случае в Photoshop.
После чего сочетанием клавиш CTRL+R вызываем линейки и расставляем направляющие по краям аватара и закрепа. Для того, чтобы вытянуть направляющую, нужно зажать ЛКМ на линейке и потянуть в сторону нашего макета.
Размер аватара, который мы видим в браузере без масштабирования, 200х500 пикселей. А закреп в таком виде 395х237 пикселей.
Порезка
Мы сделали разметку, теперь приступим к порезке. Почему сейчас? Да потому, что это уже почти конец моего гайда.
Для порезки нам нужен инструмент «Раскройка» (в англ. версии «Slice tool»)
С помощью этого инструмента делаем нарезку по нашим направляющим, конкретно внутри аватара и закрепа по краям.
Должно получиться так.
Далее удаляем наш скриншот со слоев и приступаем к проекту. Разрабатывать оформление мы не будем, но я покажу что получится. Забросим в наш проект фотографию девушки. Для нас главное попасть в область порезки аватара и закрепа.
После работы над нашим дизайном сохраняем порезанные части с помощью CTRL+SHIFT+ALT+S или Файл->Сохранить для web…
В данном окне с зажатым Shift выбираем наш аватар и закреп нажимаем сохранить 
Но тут тоже еще не все. В появившемся окне, пункт фрагменты, выбрать «Только выделенные фрагменты» и нажать сохранить. После чего фотошоп отрежет из всего макета область с аватаром и закрепом.
В папке куда мы сохраняли порезку мы увидим примерно такое.
Смело заливаем наш аватар и закреп в тестовую группу, чтобы посмотреть результат 
Вот так, благодаря таким действиям у вас получится единый блок аватара и меню в группах Вконтакте.
Надеюсь мой мини-гайд был полезен и вас получится сделать ваши группы более красивыми и запоминающимися.
Полезные статьи на похожей тематики:
Внимание конкурс:
Подарю набор стикеров на выбор тому, кто повторит данный урок, и у него получится сделать аватар и закреп одним целым 😉
Ставьте лайки, оставляйте комментарии, бросайте маффины или помидоры в нашей группе
Социальные сети прочно заняли важное место в жизни практически каждого представителя молодого поколения. Общение, игры, черпание интересной и важной информации – это далеко не все, что получают пользователи Вконтакте.Они с удовольствием делятся историями из жизни (реальными и выдуманными), предлагают друзьям оценить и прокомментировать новые фотографии, чтобы похвастаться произошедшими событиями. И установка аватарки (главной фотографии, которая выводится на основной странице) становится важным процессом.
Сейчас красивым фото мало кого удивишь – благодаря разнообразию различных программ в интернете можно сделать настоящее творение искусства, частично или полностью изменив внешность. А те, кто еще не знает как сделать крутую аватарку для Вконтакте, могут воспользоваться несколькими советами.
Сложнее всего сделать идеальную фотографию без ее обработки в специальных программах. Но если вы не владеете навыками Фотошопа или хотите сделать естественную, но при этом крутую аватарку, то вам понадобится следующее:
Запомните одно правило: никогда, ни при каких условиях не фотографируйтесь в плохом настроении. Ваша поза окажется скованной, улыбка поддельной, а глаза тусклыми. Если вам нужна действительно крутая аватарка, отправляйтесь на фотосессию только в хорошем настроении.
Второе правило: не берите в качестве фотографа неопытного друга или человека в состоянии алкогольного опьянения (даже легкого). Из такой затеи ничего хорошего не выйдет, лучше купите штатив и на него установите фотокамеру. Это позволит стараться над созданием аватарки неограниченное количество времени, не слушая недовольство подруги.
Итак, камера готова, настроена под натуральное освещение (ориентируясь на время суток, установите соответствующие настройки в меню техники). Дополнительно вам потребуется еще один источник света, который будет направлен на вас. Для этого подойдет обычный торшер и даже настольная лампа, установленная таким образом, чтобы ваш торс освещался полностью.
Девушки с парнями должны фотографироваться по-разному! На картинках вы увидите самые интересные позы для девушек и парней. Лучше выбрать сразу несколько вариантов, чтобы увидеть в каких случаях открываются ваши лучшие стороны. Девушкам с длинными волосами можно подставить вентилятор, который сделает выражение лица более сексуальным при слегка взлохмаченной прическе.
Ваше лицо должно быть расслаблено, а улыбка естественной. Не пытайтесь сделать из себя нечто сексуально-вожделенное, прищурив глаза и приоткрыв рот. Лучше будет смотреться фото, на котором девушка озаряет своей красивой, лучезарной улыбкой, отображая свой мягкий характер.
Сейчас в интернете можно найти множество программ для редактирования фотографий. Пользоваться ими очень удобно, достаточно загрузить свое лучшее фото и создать нужные эффекты. Чтобы аватарка получилась классной, применяйте следующие опции:
Если же вам совсем не нравится фотография, то вы можете изменить ее полностью. Для этого скачайте любую программу (Photoshop, PhotoScape и т.д), загрузите фото и начинайте творить. Данные утилиты позволяют вносить коррективы в лицо, например, изменять цвет глаз, форму носа, делать цвет кожи ровным, с эффектом загара, устранять некрасивые пятна. В программах редактирования фото вы можете поменять фон, установить рамку или переместить себя на морское побережье.
Однако не переусердствуйте. Нередко девушки стараются сделать себя «королевами» в прямом смысле слова, помещая свое лицо в уже готовый эскиз. В некоторых случаях это смотрится эффектно, но, не имея опыта работы с такими программами, снимок получается смешным и нелепым. Старайтесь создать естественную аватарку, чтобы никто не понял о том, что она прошла обработку.
Есть еще один способ сделать красивую аватарку. Обратитесь к профессиональным редакторам, которые умеют делать из любого, даже самого некачественного снимка, шикарное фото. За это придется заплатить, но что не сделаешь порой ради большого количества лайков и комментариев на своей страничке Вконтакте.
При работе с различными программами для редактирования фото не забывайте сохранять готовые результаты. Вдохновившись новыми идеями, вы можете настолько поглотиться процессом, что потеряете все сделанные аватарки из-за собственной невнимательности. И не спешите критиковать готовые снимки – посмотрите на них завтра, возможно, что ваш взгляд изменится, и вы влюбитесь в собственные фотографии.
Наверное, все пользователи интернета знают, что такое аватар и где его применяют. Аватар, аватара, также аватарка, ава, юзерпик - изображение, которое олицетворяет конкретного интернет-пользователя, можно сказать, является его виртуальным воплощением.
Аватары нужны там, где происходит общением между людьми и требуется выделить каждого пользователя персонально. Это прежде всего форумы, социальные сети, чаты, блоги, мессенджеры и подобные сервисы.
Как в жизни у каждого из нас есть имя, и все мы отличаемся друга от друга внешне, так в интернете для персонализации мы используем ники и аватары. С той лишь разницей, что в сети вы сами можете выбрать себе любое имя и то, как вы будете выглядеть.
Аватар - это лицо пользователя в широком смысле слова, это способ выразить свою индивидуальность, взгляды, интересы и т.п., создать свой неповторимый имидж.
Стандартные наборы аватарок для форума устраивают далеко не всех. Самому делать не каждому хочется, да и не все умеют пользоваться графическими редакторами. Коллекции готовых аватарок часто повторяются от сайта к сайту, и нужно потратить время, прежде чем попадется что-нибудь оригинальное. Заказав аватар специалистам, вы получите качественный юзерпик, хоть и потратите немного денег (изготовление аватара стоит от нескольких сотен рублей).
Создание аватара в онлайн сервисах тоже имеет свои особенности. У всех сервисов одно назначение: дать пользователю возможность создать аватар самостоятельно, онлайн и бесплатно. А вот сам процесс создания разный. Часть сервисов позволяют использовать и редактировать ваши изображения, которые нужно загрузить со своего компьютера. Вы можете обрезать и установить нужный размер загруженной картинки, а потом применить к ней разные фильтры (эффекты), чтобы получить ваш собственный уникальный аватар.
Еще один способ создать аватар - использовать онлайн конструктор, где аватара собирается путем подбора и сочетания разных готовых элементов, составляющих изображение.
Отличным примером такого способа является онлайн сервис создания персонализированных аватар FaceYourManga. Этот бесплатный онлайн конструктор аватарок позволяет сделать практически автопортрет. Можно выбрать прическу, одежду, аксессуары, а также подобрать форму лица, бровей, носа и др., добавить веснушки, родинку и даже третий глаз. Получаются очень забавные аватары!
Сервис предлагает множество заготовок, сочетая которые можно получать разные образы и при желании добиться сходства с реальным прототипом. Попробуйте!
Создать аватар в онлайн конструкторе
Создать аватар в онлайн конструкторе очень просто, нужно пройти всего 3 шага:
FaceYourManga - легкий и быстрый способ создать аватар бесплатно и без регистрации!
Чтобы создать аватар в онлайн конструкторе FaceYourManga, перейдите на сайт сервиса , нажмите на кнопку CREATE! , перед вами появятся две кнопки выбора пола Male и Female (кто не знает, мужской и женский, соответственно), кликнете на нужную для вас.
Перед вами откроется окно конструктора, в котором справа располагается панель инструментов, а слева - форма предпросмотра, где в ходе редактирования отображается результат ваших действий. Начинайте творить свой аватар! Подбирайте форму и черты лица, прическу, одежду, аксессуары на свой вкус.
Панель инструментов состоит из 10 основных категорий, часть из которых содержит свое подменю. Например, глаза состоят из 2-х элементов: формы глаз и бровей. Если под окном предпросмотра появляется палитра цветов, значит есть возможность изменить цвет выбранного элемента. Некоторые элементы конструктора можно перемещать вверх-вниз (стрелки, подписанные MOVE ), тем самым определяя для него наилучшее положение. Область перемещения ограничена: если это нос, понятно, что его нельзя на лоб передвинуть:)
В разделе FACE создаем «свое» лицо: овал лица, мимические морщинки, веснушки и родинки, усы, бороду, форму висков.
MAKE UP - нанесение макияжа можно припудрить созданное лицо пудрой широкого спектра цветов.
Если созданный образ вам нравится, нажимайте кнопку FINISH , и в открывшемся после окне подтвердите свой выбор нажатием на Ok .
Вы можете сделать неограниченное количество изображений для себя и для своих друзей. Сервис позволяет вам настраивать и менять аватары каждый раз, когда вам нужно.
Приветствую всех начинающих ютуберов.
В предыдущей статье я познакомил вас со всеми а сегодня мы начнём с первого и самого главного — лица канала! Расскажу о том, как сделать аватарку для Ютуба (значок канала). Разберём, какие виды значков бывают, какой лучше подобрать вам и как его поставить или сменить на своём канале.
Вам сразу же будет предложено загрузить изображение.
Шаг 3. Выбираете подготовленную раннее аватарку, загружаете её и устанавливаете нужный размер. За очень неприметные края можно масштабировать.
Шаг 4. Нажимаем «Готово» и возвращаемся на YouTube. Бывает, что значок обновляется не сразу и нужно немного подождать. У меня обновился минут через 10.
Всё, теперь у канала есть часть лица. Осталось добавить к нему красивый фон.
Для тех, кто не желает брать в качестве авы своё фото или лого, дальше я прикреплю несколько хороших видеоуроков о том, как можно её сделать своими руками.
Если у вас есть вопросы, то задавайте их в комментариях. Обязательно подписывайтесь на обновления блога, чтобы не пропустить интересные новости, уроки по YouTube и другие полезные статьи про работу в интернете.
Всем желаю удачи!
В работе блоггера важно не только делать качественные видео, но и правильно подойди к визуальному оформлению своего канала. Это касается и аватарки. Сделать ее можно несколькими способами. Это может быть дизайнерский арт, для чего нужно обладать навыком рисования; просто ваша фотография, для этого достаточно просто подобрать красивое фото и обработать его; либо же это может быть простая ава, например, с названием вашего канала, сделанная в графическом редакторе. Мы разберем последний вариант, так как другие не нуждаются в разъяснении и такой логотип сможет сделать каждый.
Все, что вам нужно, для создания такого логотипа – специальный графический редактор и немного фантазии. Это не займет много времени и делается достаточно просто. Необходимо только следовать инструкции.
В первую очередь, вы должны представить, какой будет ваша аватарка. После этого нужно подготовить весь материал для ее создания. Найдите в интернете подходящий фон и некоторые элементы (по необходимости), которые будут дополнять целостную картину. Будет очень здорово, если вы подберете или создадите какой-нибудь элемент, который будет характеризовать ваш канал. Мы же, для примера, возьмем логотип нашего сайта.
После скачивания всех материалов нужно перейти к запуску и настройке программы. Использовать можно любой удобный для вас графический редактор. Мы же возьмем самый популярный – .
Теперь можно приступить к работе со всеми материалами.
Все части вашей будущей аватарки нужно сложить воедино, чтобы получилась целостная картина. Для этого:
После того, как вы закончили размещать все элементы и считаете, что аватарка готова, можно сохранять ее и заливать на Ютуб, чтобы убедиться, что она смотрится хорошо.
Не стоит закрывать проект до того, как вы убедитесь, что логотип хорошо смотрится на вашем канале. Чтобы сохранить работу как изображение и установить на своем канале, вам необходимо:
В течение нескольких минут фотография на вашем Ютуб аккаунте обновится. Если все нравится можете оставить так, а если нет – отредактируйте изображение по размеру или расположению элементов и загрузите его еще раз.
Это все, что хотелось бы рассказать о создании простого логотипа для вашего канала. Большинство пользователей применяют именно этот метод. Но для каналов с большой аудиторией рекомендовано заказывать оригинальные дизайнерские работы либо же иметь талант для создания подобного.
