Как сделать иконку для Windows 10 или 11 из любого изображения

Нинтендо

Мы представили множество красиво оформленных иконок для Windows, но задумывались ли вы когда-нибудь, как создать свои собственные? Загрузите веб-браузер и GIMP (или ваш любимый фоторедактор), и мы покажем вам, как превратить любое изображение в файл ICO.

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

Захват графики для пользовательских иконок

Ваши новые значки могут быть любыми, какими вы захотите, или тем, что вы можете найти в Google. Вы можете создать свой собственный дизайн, если вы склонны к творчеству, но для демонстрации мы просто возьмем что-нибудь простое из Google Images. Если есть несколько версий графики, которую вы ищете, возьмите самую лучшую из них с самым высоким разрешением, которое должно быть выше 256 x 256 пикселей. Чем выше, тем лучше, но меньше может дать вам значок с низким разрешением!

Подготовка изображения

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

К счастью, в нашем примере изображение имеет чистые, четкие черные линии вокруг объекта и простой фон. Это делает инструмент нечеткого выделения (Magic Wand в Photoshop) идеальным инструментом для работы. Для изображений с более сложным фоном вам понадобятся более сложные методы.

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

Откройте свое изображение в GIMP, затем перейдите к правой стороне и найдите меню слоев. Вероятно, будет только один слой, если только вы не загрузили что-то вроде PSD-файла. Щелкните слой правой кнопкой мыши и выберите «Добавить альфа-канал». Если опция неактивна, вам повезло — загруженное вами изображение уже имеет альфа-канал.

Затем нам нужно настроить некоторые параметры инструмента нечеткого выделения. Активируйте суетливый инструмент выделения, щелкнув значок в левом верхнем углу, затем установите флажок «Показать маску».

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

Нинтендо

В этом случае однократного щелчка по белому фону недостаточно, поскольку черные линии, очерчивающие Марио, сходятся с краем изображения. У вас есть три варианта:

1. Удаляйте белый фон по частям, пока он не исчезнет полностью.
2. Удерживая нажатой клавишу Shift, щелкните левой кнопкой мыши по каждой области, образованной черным контуром Марио (или его самолета), смыкающимся с краем изображения, а затем удалите их все сразу.
3. Отрегулируйте допуск палочки нечеткого выделения, чтобы выбрать все регионы одним щелчком мыши, а затем удалить их одновременно.

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

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

Нинтендо

Нажмите «Файл» > «Экспортировать как» и экспортируйте изображение в формате PNG. Оставьте настройки сохранения по умолчанию и назовите изображение как хотите.

Создание иконки

После того, как мы очистили наше изображение, нам нужно сделать его правильного размера. Иконки бывают разных размеров, но они всегда квадратные. Обычные размеры значков Windows: 256×256, 48×48, 32×32, 24×24 и 16×16, но есть и множество других. Файлы значков, ICO, часто хранят несколько версий одного и того же значка с разным разрешением. Таким образом, значок можно использовать в разных размерах.

Сначала измените размер изображения, нажав Shift + s или выбрав Инструменты > Инструменты преобразования > Масштаб. В появившемся окне показаны ширина и высота изображения, с которым вы работаете — измените большее из двух значений на 256, затем нажмите «Масштаб». Другое количество должно измениться соответственно. Если изображение не идеально квадратное, не беспокойтесь об этом.

Теперь нам нужно изменить размер холста до 256×256. Перейдите в «Изображение» > «Размер холста», установите размер холста 256×256 и нажмите «Изменить размер».

Если ваше начальное изображение не было точно 256 × 256, оно не будет должным образом центрировано ни по оси длины, ни по оси ширины. Самый простой способ исправить это — просто посмотреть на это с помощью инструмента перемещения.

Вы можете добавить направляющие, чтобы помочь вам получить его точно по центру, если вы хотите быть более точным. Перейдите в «Изображение» > «Направляющие» > «Новая направляющая (в процентах)» и поместите направляющую на 50%. Если ваше изображение не центрировано по вертикали, используйте горизонтальную направляющую; если он не центрирован по горизонтали, используйте вертикальную направляющую.

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

Как только это будет сделано, вам нужно создать другие размеры. Щелкните правой кнопкой мыши исходный слой и выберите «Дублировать слой» или щелкните слой левой кнопкой мыши и нажмите Ctrl+d. В этом примере есть четыре дубликата. Дважды щелкните каждый слой и переименуйте его во что-нибудь описательное, например 256 × 256, 48 × 48, 24 × 24 и т. д. Затем выберите каждый слой и масштабируйте его до нужного размера с помощью инструментов преобразования, как вы делали раньше.

Создание дополнительных направляющих для каждого размера значка упрощает позиционирование слоев. Для любого заданного размера значка вам нужно разместить направляющие на половине общей ширины и высоты, чтобы определить центральную точку. Еще раз перейдите к «Изображение»> «Направляющие», но на этот раз выберите «Новое руководство» вместо «Направляющие в процентах». Например, если у вас размер 48 × 48, поместите горизонтальную и вертикальную направляющие на 24. Затем используйте инструмент перемещения, чтобы переместить каждый значок на место.

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

Нажмите «Файл» > «Сохранить» и сохраните весь проект в формате XCF. Если есть проблема или вы хотите что-то изменить позже, наличие рабочего файла бесценно.

После этого вам нужно перейти в «Файл»> «Экспортировать как», нажать «Выбрать тип файла» и найти «.ico» в списке расширений файлов. Назовите свой значок, затем нажмите «Экспорт». Продолжайте и сохраните настройки по умолчанию во всплывающем окне, затем снова нажмите «Экспорт».

Создание значка было сложной задачей — все, что осталось, это использовать свой собственный значок. Если вы хотите создать совершенно новый значок, вы также можете сделать это в GIMP. В качестве альтернативы вы можете использовать такую ​​программу, как Inkscape.