Всем привет, с вами Роман Литвинов, дизайнер команды Ardens.pro. Сегодня я к вам пришел с гайдом-туториалом, как создать единый блок аватара и меню Вконтакте (единым целым). Для начала примеры на что это будет похожим.
Ярко, сочно, вкусно. Далее я расскажу вам, как сделать так же.
Инстаграм
Сначала выберем социальную сеть, для которой мы будем делать аву. Начнем с инстаграма. Для инстаграм нужна авка всего лишь в 110×110 пикселей. Открываем нашу любимую программу, уверен вы в нем начали разбираться и интерфейс больше не вызывает страха. Я сделаю аватарку вот из такой смешной картинки.
Добавляем картинку, нажимаем на инструмент Crop (кадрирование) и вбиваем параметры 110×110 пикселей, выбираем нужную нам область и нажимаем Enter. Таким образом получается аватар. Если вам не нравится белый фон, то его можно изменить, здесь в работу вступают слои.
Делаем копию слоя. И выделяем нужную нам границу изображения в моем случае это машина и девушка, для этого я использую «Магнитное лассо», есть и ручное выделение изображения, но этот процесс достаточно долгий и кропотливый, в панели «Растушевка» обязательно нужно поставить 2,5 px.
КАК СДЕЛАТЬ КРУТУЮ ШАПКУ ДЛЯ ГРУППЫ ВКОНТАКТЕ ЗА 15 МИНУТ В ФОТОШОПЕ?
После того, как все выделено нажимаем Shift+Ctrl+I и Ctrl+Х или же щелкаем в интерфейсе ВыделениеИнверсия и Ctrl+Х, на исходе получаем изображение без фона. Удаляем картинку с фоном и создаем белый слой с нужными нам пропорциями и закрашиваем его.
Здесь все зависит от вашей фантазии, можете красить так как хотите, так же можете вставить различные узоры, текст. На время скроем слой с нашим фоном и посмотрим на картинку, всё ли устраивает? Может нужна обводка?
Для этого в интерфейсе слоев есть функция «Добавить стиль слоя». Фотошоп предлагает большой выбор, конечно же вы можете экспериментировать с каждой функцией, но я выберу обводку.
Тут тоже есть маленький нюанс, размер обводки желательно не ставить больше 3 px, а положение лучше смотреть по изображению, иногда внутренняя обводка смотрится лучше, чем внешняя, цвет конечно же тоже на ваш выбор, но черный будет смотреться лучше.
Итак, у меня есть бирюзовый фон и вырезанное изображение, пришло время соединить их, помните как это делать? Нажимаем на глазик и делаем видимым наш фон. Казалось бы все уже готово, но ещё нет.
Соединить слои можно щелков по правой кнопке мыши и выбрав пункт «Объединить видимые» или с помощью комбинации клавиш Ctrl+E. Вуаля наша крутая авка готова, понадобилось всего лишь несколько действий.
Следующим в нашем списке будет аватарка для группы вк и для ютуба. Исследования показывают, что людей привлекают яркие и понятные картинки. Один из залогов успешности группы — это его оформление.
Минимальный размер, который предлагает Вконтакте это 200×200 px, максимальные пропорции 200×500 px, соотношение 2 к 5, а в YouTube 800×800 px. Самым хорошим вариантом аватарки для этих соц.сетей будет изображение продукта или же логотип, но встречаются и простые фотки, так же нарисованные персонажи.
Мы же рассмотрим на примере продукта. Возьмем к примеру «Кондитерскую», сделаем изображение для группы, в котором постятся фото готовых выпечек и создаются обсуждения, конкурсы, в аккаунте YouTube постятся видеоуроки и обзоры на выпечку. Исходя из этого попробуем создать классную, привлекающую внимание картинку. Погнали.
Как сделать красивую аватарку в ВК | Photoshop обработка
Думаю целесообразно будет создать авку с максимальным размером. Возвращаемся к нашему фотошопу. Выбрали из чего будете создавать шедевр?
Принцип работы тот же, что и при создании авки для инсты, просто нужно будет поработать с пропорциями, ну и рассмотрим некоторые фишки, текст, узоры, символы. Итак, начнем.
Аватарки для контакта
Статистика сайта: 5728 новых картинок
для создания аватарок. Сайт для создания аватарок Vip-avatars.ru — поможет
сделать аватарку для любого настроения! Наш сайт подходит для всех любителей весело общаться на развлекательных порталах и соц.сайтах. Если ты любишь позитивное общение со своими друзями, мы для тебя подготовили и собрали большую коллекцию красивых аватар, из которых ты можешь создать для себя аватарки вконтакте, созданные картинки ты также можешь использовать на любых сайтах где есть возможность загружать свою фотку, например на соц.сайтах: Одноклассники.ру, Вконтакте.ру и Mail.ру
Наш сайт поможет тебе ярко видоизменится и выделиться среди других пользователей Интернета
! Это дает тебе преимущество — классным способом высказаться перед всеми в аватарном стиле и безмолвно показать своё внутреннее Я, свои пристрастия к чему либо, своё реальное настроение, наклонности, страсти и разные влечения
Справка:
В 2012 году — у нас на сайте появился новый раздел «Пользователи» туда помещаются фото всех желающих кто хочет найти новые знакомства в социальных сетях рунета. Если ты хочешь поменять свою фото-картинку или удалить её, запрос следует отправить по электронной почте.
Как пользоваться рубриками сайта авиков?
С правой стороны есть блок «Авватары», в нем расположены рубрики с разными аватарками 200×200 пикселей, есть там же и больше авки 200×300, 500 pix. При помощи выпадающего меню, выбери нужный раздел, далее нажми на ссылку «Показать все сразу» и откроется небольшое окно со всеми аватаркми из выбранной рубрики, (где всегда можно сделать бесплатный аватар для контакта). Используя ползунок «прокрутка страницы» можешь выбрать любую аву для контакта, одним щелчком мышки.
Далее можно настроить какой будет будущая ава, если тебе нужна с закругленными углами — установи флажок в ячейке «закругленные углы», а если аватар вконтакте нужен простой с прямыми углами, тогда сними этот флажок.
Когда ты хочешь сделать аватарки для контакта бесплатно из очень большой фотки, воспользуйся галочкой «вырезать часть фотки» это опция позволит тебе сделать авку из той части фотки которую ты обрежешь.
Навигация по страницам рубрик с авами
Когда открыто окошко «все сразу», внизу есть также навигация по страницам 1, 2, 3 итд… то есть, если ты не нашел на первой страничке нужный авик (картинку для создания новых ав), тогда перейди на 2, 3, 4, или 5, 6, 7 страницу. Наш генератор аватарок позволяет в короткие сроки найти себе подходящий шаблон, из которого можно сделать красивую авочку!
Как добавить свою картинку на сайт?
Если ты умеешь делать красивые и креативные картинки для «Вконтакта» (или для других социальных сайтов) и хочешь поделиться своим творчеством с другими пользователями Интернета, присылай свои бесплатные картинки на наш сайт ViP-Avatars.Ru, для этого есть специальный раздел «загрузить картинку в контакт» также можешь подписывать свои картинки своей индивидуальной подписью, тем самым, ты можешь смело и громогласно заявить всем Я – художник! не забудь только указать свой id контакта.
Полезная информация: значение и история термина аватар, общение в сети Интернет.
Ава на Ютуб
Сначала я сделаю авку с логотипом для ютуб. Создаю белый фон и крашу его, например, в какой-нибудь яркий цвет. Затем начинаю работу с текстом, в фотошопе огромный выбор шрифтов, я выберу ScriptS, думаю для логотипа кондитерской этот шрифт будет смотреться хорошо.
Напоминаю, что делаю самый простой вариант, т.к функции много, можно сделать надпись и в 3d формате, сделать отражения и прочее, я применю эффект тени. И вот такой логотип у нас получается.
Если все это вам кажется суховатым, можно сделать овальную обводку с помощью инструмента «Овальная область», тут так же можно поработать над параметрами наложения или можно вырезать изображение по этой обводке.
Поработайте с каждым инструментом, не бойтесь экспериментировать, ведь без всего этого вы не сможете разобраться в программе и определить какой из инструментов вам по душе. Не забудьте соединить все слои.
Как сделать арт аватарку в Инстаграм
Нужна фотография в стиле арт для главного фото в Инстаграме? Несколько вариантов, как это сделать:
- Заказать стилизацию портрета у цифрового художника. Полученное изображение используйте для авы в Инстаграм.
- Найти веб-дизайнера для соцсетей и также заказать арт преображение. Для этого выбирайте изначально хорошие и качественные фото.
- Самостоятельно изучить фотошоп для этого и воплотить свои фантазии. Но это долго и Photoshop подвластен не каждому.
- Взять уже готовый арт портрет с фотостока. Там легко можно подобрать изображение и для мужчины и для женщины.
- Использовать наши лайфхаки и советы по преображению арт аватарки для Инсты.
Аватарка для ВК
На очереди авка для группы вк. Сделаем максимальные пропорции и используем изображение какое-нибудь милое изображение. Я выбрал готовый стикер кота без фона, в отдельном окне создал фон и закрасил его. Соединяем эти два изображения, по предыдущим урокам возможно вы запомнили, если нет то используем инструмент «Перемещение».
Соединяем слои и получаем вот такую картинку, но она ещё выглядит сыро и чего-то не хватает. Делаю на скорую руку логотип. Нажимаем на добавление текста и вписываем наш логотип.
Логотип можно видоизменять нажав на «Шрифт», изменение пропорции, режим наложения и прочее. Хорошо будет смотреться обведенный текст с присутствием тени.
Как только всё будет сделано, соединяем все слои и сохраняем изображение. Конечно же можно сделать авки и посложнее, если вам будет интересно мы можем отдельно разобрать создание изображений для каждой социальной сети, а не в общем уроке.
А вообще, если у вас есть желание овладеть фотошопом серьезно, чтобы делать умопомрачительные вещи, и зарабатывать еще на этом деньги, то рекомендую вот этот курс.
Разметка аватара для группы Вк
Для старта нам нужна сетка. Чтобы её сделать, мы делаем скриншот страницы группы и забрасываем в проект, в моем случае в Photoshop.
После чего сочетанием клавиш CTRL+R вызываем линейки и расставляем направляющие по краям аватара и закрепа. Для того, чтобы вытянуть направляющую, нужно зажать ЛКМ на линейке и потянуть в сторону нашего макета.
Размер аватара, который мы видим в браузере без масштабирования, 200х500 пикселей. А закреп в таком виде 395х237 пикселей.
Порезка
Мы сделали разметку, теперь приступим к порезке. Почему сейчас? Да потому, что это уже почти конец моего гайда. Для порезки нам нужен инструмент «Раскройка» (в англ. версии «Slice tool»)
С помощью этого инструмента делаем нарезку по нашим направляющим, конкретно внутри аватара и закрепа по краям.
Должно получиться так.
Далее удаляем наш скриншот со слоев и приступаем к проекту. Разрабатывать оформление мы не будем, но я покажу что получится. Забросим в наш проект фотографию девушки. Для нас главное попасть в область порезки аватара и закрепа.
После работы над нашим дизайном сохраняем порезанные части с помощью CTRL+SHIFT+ALT+S или Файл->Сохранить для web…
В данном окне с зажатым Shift выбираем наш аватар и закреп нажимаем сохранить
Но тут тоже еще не все. В появившемся окне, пункт фрагменты, выбрать «Только выделенные фрагменты» и нажать сохранить. После чего фотошоп отрежет из всего макета область с аватаром и закрепом.
В папке куда мы сохраняли порезку мы увидим примерно такое.
Вот и все
Ваша обратная связь — залог самосовершенствования наших навыков и постепенных выходов уроков. Разумеется мы всё рассмотрели кратко, но даже этих незначительных действий достаточно, чтобы сделать удивительные вещи.
Напишите в комментариях что было понятно, или что-то не очень? Получилось у вас сделать красивую аву? Всё строится постепенно, уделяя в день хотя бы 15 минут на фотошоп, за месяц вы сможете от уровня новичка дойти до мастера.
Возможно, будет интересно узнать о других уроках, и статьях о красивых фотографиях. Рад был снова встретить читателей моего блога.
Со всеми прощаюсь до следующих статей, Иван.
Почему не получается загрузить аватарку?
Не получилось в группе ВКонтакте сделать большую аватарку или маленькое изображение? Рекомендуем обратить внимание на следующие параметры:
- Вы выбрали верный формат;
- Размер картинки соответствует требованиям;
- Разрешение не выбивается за установленные рамки.
Мы рассказали вам, как сделать аву для группы ВК и успешно поставить ее. Вы узнали все о требованиях к качеству – больше вопросов и трудностей не возникнет, ваш паблик будет выделяться из общего ряда уникальным оформлением!
Фотостоки для арт аватарок в Инстаграм
Для тех, кто не хочет загружать новые приложения на телефон, предлагаем список хороших фотостоков. На этих сайтах огромное количество творчества. Найдется и нужный стиль, классная композиция, необычный формат. При этом фото будут отличного качества.
Вам будет интересно: как найти музыку без авторских прав для сторис.
Купленные фото можно использовать для дальнейшей обработки и создания собственных креативов. Учтите, что многие стоки с качественным контентом не бесплатные. Точнее, они разрешают только несколько скачиваний бесплатно.
- Знаменитый shutterstock.com
- pexels.com
- images.google.com. Чтобы использовать понравившуюся картинку без опасений нарушения авторского права, добавьте фильтры при поиске. Под поисковой строкой нажмите на слово «Инструменты». В «Правах на использование» выберите один из двух последних вариантов. Такие фото можно использовать где угодно.
Аватарка – это лицо вашего профиля в Инстаграме. Поэтому важно позаботиться о том, чтобы аватарка привлекала будущих подписчиков и клиентов. Будьте креативны и выделяйтесь!
Источник: kk360.ru
Как сделать аватар в Фотошопе
Пользователи сети интернет часто сталкиваются с необходимостью создания собственного аватара (картинки, которая проставляется вместе с никнеймом пользователя на всевозможных форумах, в социальных сетях, в интернет-пейджерах и т.д.). Ведь многие из нас используют интернет не только для поиска полезной информации, но и для того, чтобы пообщаться, найти единомышленников, интересно провести время.
Статьи по теме:
- Как сделать аватар в Фотошопе
- Как сделать аватар
- Как сделать аватарку
Аватар, по сути, является олицетворением самого пользователя и помогает человеку создать индивидуальный образ в сети. Но все интернет-форумы предъявляют определенные требования к размеру и внешнему виду аватара. Сделать себе подходящий аватар можно собственноручно, воспользовавшись возможностями программы Фотошоп.
Итак, как же быстро и без особых трудозатрат сделать аватарку надлежащего качества? Открываем Фотошоп, создаем новый документ и задаем параметры будущей картинки (большинство форумов требуют, чтобы размер аватарки не превышал 120*120 пикселей). Теперь открываем подходящую картинку или фотографию, которая послужит основой для будущего аватара. Нажатием комбинации клавиш Ctrl+J дублируем слой с изображением — именно с этим слоем мы и будем работать. Окошки с аватаром и исходной фотографией необходимо расположить рядом и перетащить слой с фото в активное окно с будущей аватаркой.
Теперь нажимаем Ctrl+T и видим на экране маркеры для изменения размера. Зажав клавишу Shift, необходимо потащить за маркер вправо, уменьшая тем самым изображение до необходимого размера. После окончания всех этих трансформаций нажимаем клавишу Enter и комбинацию клавиш Ctrl+Alt+Shift+S. Из выпадающего списка следует выбрать формат JPEG и Quality 100%, нажать ОК. Итак, у вас получилось быстро и легко сделать аватар собственноручно.
- сделать аватарку в фотошопе
Совет полезен?
Статьи по теме:
- Как нарисовать аватар
- Как сделать классную аватарку
- Как сделать хороший аватар
Добавить комментарий к статье
Похожие советы
- Как украсить аватар
- Как делать анимированные аватары
- Как сделать двойную аватарку
- Как сделать мигающую аватарку
- Как сделать бесплатную аватарку
- Как нарисовать аватар
- Как сделать красивую аватарку
- Как сделать картинку в фотошопе
- Как сделать хорошую аватарку
- Как сделать красивый аватар самому
- Как сделать фотошоп со звездой
- Как выбрать себе аватарку
- Как сделать юзерпик
- Как сделать аватар бесплатно
- Как сделать свое лицо как в фильме аватар
- Как сделать необычную аватарку
- Как создать бесплатно аватар
- Как создать свой аватар
- Как на сайте сделать аватарку
- Как уменьшить аватар
- Как сделать бесплатный аватар
- Как загрузить свое фото на аватар
- Как сделать длинную аватарку
Новые советы от КакПросто
Рекомендованная статья
Как происходит заражение компьютера вирусом
Наиболее слабое звено в цепи компьютерной безопасности — это сам пользователь. Наличие установленного на компьютере.
Источник: www.kakprosto.ru
Как сделать аватарку в фотошопе?
Настройка стрима с видеокарты для стрима на Twitch https://youtu.be/EPz3K_NQP-4https://youtu.be/6tWYidznU5Qhttps://www.youtube.com/watch?v=RMGa5d7pgvQhttps://twitchinfo.ru/kak-sdelat-avatarku-v-fotoshope/» target=»_blank»]twitchinfo.ru[/mask_link]