Как сделать аватарку из фотографии

Как сделать аватарку из фотографии

Программирование, работа с фото-видео, всякие полезности, интересные факты.

пятница, 12 октября 2012 г.

Создаем аватарку из фотографии в Photoshop

В интернете можно найти большое количество сайтов, на которых есть возможность скачать аватарки на любой вкус: черно-белые, анимированные, автомобили, кино, приколы… Но, иногда возникает необходимость создать аватарку для Skype, ICQ, форума и т.д. из какой-нибудь фотографии. Посмотрим, как это можно сделать быстро с помощью программы Adobe Photoshop.

Для начала открываем наше изображение одним из следующих способов:

  1. Файл → Открыть… (англ. File → Open…)
  2. Комбинация клавиш Ctrl+O
  3. Перетащить фото в открытый фотошоп (Photoshop) с помощью мышки.

Далее выбираем инструмент «Рамка» (англ. «Crop Tool»), можно с помощью клавиши «C». Если у вас нет на панели такого значка, а при нажатии «C» открывается совсем другой инструмент, тогда нажимайте Shift+C до тех пор, пока не появится нужный.

Теперь указываем для нашей рамки Ширину (англ. Width) и Высоту (англ. Height). Для примера я делаю аватар размером 100*100, поэтому указываю ширину и высоту в 100 пикселей.

Важно! Если у вас русская версия фотошопа, тогда пишем 100пикс, если же английская, тогда – 100px.

Теперь, зажав левую кнопку мышки (ЛКМ), выделяем область фотографии, которая будет у нас аватаркой. Не бойтесь промахнуться… Когда отпустите ЛКМ, то можно мышкой переместить область или растянуть (сузить). Далее нажимаем правую кнопку мышки на фото и выбираем пункт «Рамка» (англ. «Crop»).

Осталось только сохранить нашу аватарку, для этого выбираем пункт меню Файл → Сохранить для WEB и устройств… (англ. File → Save for Web & Devices…), или нажимаем комбинацию клавиш Alt+Shift+Ctrl+S (пальцы на узел завязываются 😀 ). В окне, что открылось, на правой панели указываем формат сохраняемого изображения. Я рекомендую указывать или PNG-24, или же JPEG с качеством 75.

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

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

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

В рамках этого поста, будем создавать арт-аватарку в приложении PicsArt.

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

Запустите приложение PicsArt и загрузите в него ваше фото.

На панели инструментов, выберите «Эффекты», а затем «Арт».

Читайте также:  Как пользоваться научным калькулятором

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

С помощью ластика, сотрите эффект с лица. Удалите все ненужные складки и морщины. Если стерли лишнее, восстановите инструментом «Карандаш».

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

Снова перейдите в раздел «Эффекты», а там – в раздел «Магия».

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

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

В принципе, такую картинку уже можно использовать в качестве арт-аватарки. Но, мы попробуем сделать из нее аватарку с 3Д эффектом. Для этого вырежем девушку с фото и добавим её в кружок, из которого она будет выглядывать. Чтобы вырезать девушку с фото, выберите инструмент «Вырезать».

Нажмите на значок человечика и приложение автоматически выделит человека на фото. Если в выделенную область попало что-то лишние, или, приложение выделило человека не полностью, вы можете подкорректировать выделение с помощью ластика и карандаша.

Нажмите «Сохранить» и выделенный человек сохранится в PiscArt как стикер.

Нажмите стрелку назад и не сохраняйте фото. Оно у нас уже сохранилось в стикерах.

Откройте поиск Google или Яндект и поищите красивый кружок в формате PNG. Для этого, вбейте фразу «круг png». Понравившуюся картинку сохраните на ваше устройство.

Начните создавать в PicsArt новое фото на белом холсте. Для этого, прокрутите вниз, и, в разделе «Цвет фонов», нажмите на белый квадрат.

Выберите инструмент «Добавить фото» и загрузите на холст найденный в поиске кружок.

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

Далее, выберите инструмент «Стикер», на открывшейся странице «Мои стикеры», а там, перейдите во вкладку «Вырезанные». Здесь вы должны найти созданный вами стикер. Нажмите на него, чтобы добавить на холст.

Подобно вставленному кружочку, поверните добавленный стикер и измените его размеры до необходимых.

Используйте ластик, чтобы стереть лишние участки девушки, и вогнать её в кружок. Если вы случайно стерли что-то лишнее, восстановите стертый участок с помощью карандаша.

Для разных соцсетей нет смысла делать различные аватарки – все или почти все они имеют круглую форму, распыляться нет нужды. Сразу оговорюсь, что в речь в данной статье пойдет о том, как создать свой аватар онлайн, именно о том круглом значке, которая отображается в беседах, комментариях и т.д. Ее называют «миниатюрой» в Вконтакте, «аватаром» в Инстаграме, «занчком» на YouTube или «фотографией профиля» в ФБ. Для простых смертных это еще и «логотип», хотя крутые дизайнеры понимают под данным термином нечто другое и будут бить себя пяткой в грудь, отстаивая свою терминологию.

Читайте также:  Как сделать видеокамеру самому

Конец Рекламного блока. Далее текст статьи.

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

Как создать свой аватар онлайн в Канве

Рассмотрим варианты как сделать аватар в онлайн редакторе Канва, любимом мною за простоту и доступность. Исходить будем из того, что нужно изображение высокого качества и с хорошим разрешением. То есть картинка должна быть большой. Но не настолько, чтобы при загрузке комп начал «ругаться» на ее размеры!

Напомню рекомендации по размерам для разных соцсетей:

  • ВКонтакте рекомендуемый размер до 400х400 пикселей;
  • в Инстаграм ориентрир 110 на 110 пикселей;
  • в Фэйсбуке нужен квадрат со сторонами не менее 160 на 160 пикселей,
  • Ютуб «грузит» аватар из профиля Google, где рекомендуется размер от 400 на 400 пикселей и выше.

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

Как создать свой аватар с инструментом «Рамка»

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

Перейдя уже непосредственно в редактор, в левой панели откройте вкладку «Элементы». Я показываю на примере Canva 2.0. В ранней версии программы отличий не много, разобраться можно

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

Когда вы перетягиваете картинку, то она автоматически попадает в круг и обрезается по его границам.

Что же делать, если вам нужен не тот фрагмент, который попал автоматом в круг? Все просто: в верхней панели инструментов появится кнопка «обрезать». Кликайте по ней и далее сдвигайте изображение, выбирая нужный фрагмент. Затем остается подтвердить, нажав на «галочку», или на крестик, если изменения вам не нужны.

Так легко создать аватар из уже готовой картинки, например, из шапки группы, большой фотографии и т.д.

Далее вы можете воспользоваться другими инструментами канвы, изменить яркость, контраст, прозрачность, добавить контур по кругу, текст и т.д. Все перечисленные операции я описывала в статье «6 инструментов для работы с фото в редакторе Canva на русском», и по работе с текстами статья «Тексты в Canva и русские шрифты».

Потянув за маркеры по углам, вы можете изменить размер круга, заполнив им весь объем заготовки.

Вот пример аватара из описанного выше. Остается только скачать его и использовать по назначению.

Обратите внимание, что Канва бесплатно не сохраняет в ПНГ. Но это и не страшно, я пользуюсь фотошопом онлайн, если не нужно удалить фон.

Шаблоны канвы для аватара

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

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

Читайте также:  Как открыть закрытую вкладку в explorer

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

Размер изображения 500 на 500, то есть подойдет для упомянутых выше соцсетей.

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

Как изменить картинку в шаблонном дизайне Канва

Первое, что я сделаю – изменю цвета картинки (дерева) на нужные мне. При клике по картинке в верхней панели появится палитра, в которой отображены используемые оттенки. Кликаете по каждому из них и меняете на нужный цвет в выпадающем меню.

На картинках ниже исходник и результат изменений.

Текст на аватаре

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

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

Для удаления просто выделите текст и с клавиатуры нажмите на «del», иногда нужно проделать это несколько раз, все зависит от многослойности текста.

Теперь впишу короткое слово «Эко». Для этого в левой панели инструментов выбираю вкладку «Текст», кликаю по кнопке «Добавить текстовое поле» и на моей странице появляется возможность вставить-изменить текст. А также передвинуть его в нужное место, что я и сделаю.

Для изменения размера, цвета и начертания букв кликните по тексту — и в верхней части появится панель редактирования с возможностями изменить все перечисленные параметры и не только их. Обратите внимание, что в списке шрифтов для удобства русские шрифты выделены в отдельную группу. Используйте их – не ошибетесь!

Чтобы обозначить границы круга, используйте вкладку в левой панели «Элементы» и в ней «фигуры», раскрывая весь список кнопкой «все».

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

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

После некоторых манипуляций с картинкой я получила вот такие аватарки для экологического проекта.

Сохранение на компьютер готового изображения

Если у вас несколько страниц, вы можете выбрать для скачивания все, только одну или несколько.

Обратите внимание, что Канва в новом варианте предлагает при скачивании оплатить картинки или скачать с водяным знаком. Меня это неприятно поразило, но не испугало. Если использовали только бесплатности, то смело кликайте на надпись мелким шрифтом.

Скачанный аватар (логотип) уже можете использовать по назначению. Чтобы избавиться от ненужного фона вне круга, используйте фотошопонлайн.

Ссылка на основную публикацию
Как связаться с инстаграм по телефону
В этой статье расскажем о том, как работает горячая линия линия Инстаграмм, можно ли обратиться по телефону или доступен только...
Как разблокировать телефон samsung galaxy j1 mini
Характеристики Samsung Galaxy J1 mini Отзывы о Samsung Galaxy J1 mini Инструкция Samsung Galaxy J1 mini Прошивка Samsung Galaxy J1...
Как разблокировать флешку от защиты записи
Извиняюсь за заголовок, но именно так задают вопрос, когда при действиях с USB флешкой или SD картой памяти Windows сообщает...
Как связаться с инстаграмом
В этой статье расскажем о том, как работает горячая линия линия Инстаграмм, можно ли обратиться по телефону или доступен только...
Adblock detector