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

Есть видеоверсия этого урока. Я рекомендую проверить это!

Размер

Платформы социальных сетей обычно не запрашивают HD-изображения для значков профилей. Как по высоте, так и по ширине обычно достаточно 800 квадратных пикселей, но я предпочитаю минимум 1000.

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

Кроме того, если вам трудно увеличивать и уменьшать масштаб, чтобы увидеть, хорошо ли выглядит ваша работа в меньшем размере

Если у вас нет навигатора на экране, измените его размер примерно до 100 квадратных пикселей. Теперь вы можете увидеть уменьшенную версию в режиме реального времени.

Заголовок

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

Чтобы сделать круг простым способом, перейдите к вспомогательному инструменту Рисунок (1), затем выберите Эллипс (2). Линия/Заливка (3) должна быть «Создать линию», средний вариант.

Проверьте тип пропорции (4) и нажмите «Указать длину» (5). Вы можете выбрать, сколько пикселей будет в диаметре круга (6), и это здорово.
Поскольку размер холста составляет 1000 квадратных пикселей, введите 1000 для ширины и высоты.

Щелкните левый верхний угол холста.

Появляется идеальный круг.

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

Проверьте это на своем аватаре, чтобы увидеть, находится ли фокус прямо в середине круга.

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

Цвет

Почти на каждой платформе есть светлый и темный режимы. Рекомендуется проверить, будет ли значок профиля хорошо выглядеть в черном, сером и белом цветах. Чтобы проверить, используйте предыдущий шаблон кадрирования и увеличьте его яркость с помощью Edit > Tonal Correction > Hue/Saturation/Luminosity.

Этот значок профиля имеет низкую контрастность.

Попробуйте сравнить его с этим, который имеет более высокий контраст.

Какой из них лучше смотрится в небольших размерах и в любом цветовом режиме?
Для изображений выше персонаж и фон нарисованы в отдельных слоях. Я просто увеличил яркость фона, чтобы выделить силуэт.

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

Но это не чашка чая для всех. Если вы хотите использовать цвета, можно использовать нужные цвета и настроить их позже.

Иконки на основе букв

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

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

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

Конечно, вы можете настроить и стилизовать буквы, чтобы их было легко читать в нижнем регистре. Превратить его во что-то вроде логотипа. Например, вы можете стилизовать букву Б в слове «луч», чтобы сделать ее узнаваемой, даже если люди не могут прочитать остальные три буквы.

Если имя, которое вы используете, состоит из более чем четырех букв, имеет уникальное написание или его трудно запомнить, вы можете выбрать стилизацию первой буквы имени. То же самое происходит, если имя содержит более одного слова. Clip Studio, PlayStation, General Electric — бренды и организации используют это постоянно.

Примечание: это действительно имя человека, которого я знаю в реальной жизни, его родители были слишком изобретательны, давая ему имя!

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

В случае, если инициал слишком распространен (например, TV, WC, AC) или совпадает с инициалами существующих брендов/организаций, вы можете подумать об альтернативе.

Например, инициалы Wanderwort Chronicles будут WC, вместо этого вы можете сократить их до W-Chro. Таким образом, люди не будут думать о унитазе, глядя на значок профиля. Вы также можете вставить полное имя где-нибудь внутри значка.

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

Хотя полное имя в обоих образцах плохо читается или не читается при изменении размера, имя справа все еще узнаваемо из-за огромного W-Chro.

Слова над изображением также работают. Убедитесь, что слова читаемы, сопоставив цвет слова и изображения.

Иконки на основе изображений

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

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

Размер холста для этого эскиза 2000*2000.

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

Потому что оба прекрасно подходят для 1500 и 1000 кругов. Я решил сохранить картинку в исходном размере, а не обрезать.

Скройте круг и начните рисовать. Если вы делаете штриховой рисунок, подумайте о том, чтобы сделать его в векторном слое, а не в растровом. Существует вспомогательный инструмент под названием «Правильная линия» (горячая клавиша Y), который может помочь вам редактировать векторные линии.

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

1. Зажмите векторную линию
2. Утолщение/увеличение ширины. Обработать всю строку: ВКЛ.
3. Уменьшить/уменьшить ширину. Обработать всю строку: ВКЛ.
4. Исправить ширину. Обработать всю строку: ВКЛ.
5. Утолщение/увеличение ширины. Обработка всей строки: ВЫКЛ.
6. Уменьшить/уменьшить ширину. Обработка всей строки: ВЫКЛ.

Процесс рисования:

Цветовое тестирование.

Поскольку проблем со всеми тремя цветовыми режимами нет, дело сделано!

Советы

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

Другой способ — перейти в «Слой» > «Новый корректирующий слой» и использовать одну или несколько из этих трех функций: «Яркость/контрастность», «Коррекция уровня» и «Кривая тона».

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

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

Outro

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

Я надеюсь, что вы найдете это руководство полезным. Спасибо за чтение и получайте удовольствие от рисования~

Примечание: этот урок редактировался дважды. Во-первых, потому что я нашел более простой способ создания круга для обрезки. Во-вторых, добавить ссылку на видео, исправить повествование и обновить / добавить изображения. Я поместил уведомление на случай, если кому-то интересно, почему туториал немного отличается 🙂

Пользователи, которым понравился этот пост

Как сделать изображение значком в Windows 11

В Windows 11 вы можете изменить и настроить значок любой папки, файла или приложения в окне свойств. По умолчанию вы можете выбрать только ограниченное количество значков. Доступные значки обычно представляют собой общие системные значки, предоставляемые Windows. Однако вы можете превратить любое изображение в значок, а затем использовать его в качестве значка приложения, файла или папки в Windows 11.

Существует стандарт, согласно которому Windows распознает изображение как значок. Если изображение или изображение неправильно преобразованы в значок, Windows не сможет использовать изображение в качестве значка, и вы не сможете выбрать изображение при выборе значка для ярлыка, файла, папки или приложения.

См. также : Как изменить расстояние между значками на рабочем столе в Windows 11

Содержание страницы

В этом руководстве мы покажем вам подробную инструкцию о том, как превратить изображение в значок и установить изображение в виде файла. или значок папки в Windows 11.

Шаг 1. Преобразование изображения в формат значка

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

Существует множество сайтов, которые помогут вам преобразовать изображение в ICO. Вы можете использовать следующий веб-сайт или поискать в Google другой инструмент, используя ключевое слово «конвертировать изображение в ICO», если следующее не работает для вас.

 https://image.online-convert.com/convert-to-ico 

Посетите веб-сайт и перетащите изображение, которое вы хотите преобразовать в виде значка, в область с надписью «Перетащите файлы сюда». Как только ваше изображение будет загружено, нажмите кнопку Start .

Затем инструмент начнет обрабатывать изображение и преобразовывать его в формат ICO. После завершения нажмите кнопку Download , чтобы загрузить преобразованный файл ico.

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

Предлагаемое руководство : Как сохранить и восстановить положение значков на рабочем столе в Windows 11

Шаг 2. Установите изображение в качестве значка файла или папки

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

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

Затем выберите вкладку Настройка и нажмите кнопку Изменить значок в разделе значков папок.

В окне, где вы можете выбрать значок, нажмите кнопку Обзор . Значки, показанные в списке значков, являются общими значками, предоставляемыми Windows. Преобразованный значок изображения не будет здесь указан.