Как сделать собственные иконки на компьютере с Виндовс

Здравствуйте. Скачать готовую картинку и сделать из неё иконку очень просто. Многие хотят сделать свою иконку из скриншота или фотографии.

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

А если ничего этого нет? Давайте попробуем..

 

 

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

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

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

Конечно вы знаете, но я всё же напомню, что скриншот можно сделать простым нажатием на клавишу Print Screen.

Предположим у меня на Рабочем столе есть папки Фото и Музыка. Я хочу сделать для них специальные иконки.

Я сам нарисовал пару иконок.

Самопальные иконки от Юртаева:

Иконка музыка           Иконка фото

 

Иконки сделаны по этой инструкции. И вот по этой. Благодарю авторов.

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

Такая программа есть на любом компьютере с Windows, это Paint. Открыть Paint можно по-разному. Можно просто нажать на клавишу Windows и начать печатать название приложения английскими буквами.

Программа нашлась, открываю её.

Чтобы вставить скриншот из буфера обмена, можно просто нажать на кнопку Вставить. Или нажать на стандартную комбинацию ставки Ctrl + V.

Скриншот вставлен. Разверну окно программы во весь экран.

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

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

Сохраняю нужный фрагмент нажимаю Файл навожу на Сохранить как сохранять промежуточные результаты будем формате .png выбираю вот этот пункт сохраним на Рабочий стол выбираю его здесь назвать заготовку можно по желанию например Иконки нажимаю Сохранить на Рабочем столе появилась заготовка для двух иконок Разворачиваю снова Paint выделяю первую иконку для этого нажимаю стрелку под кнопкой Выделить и выбираю Прямоугольную область выделяю с небольшим запасом на выделенном фрагменте правая клавиша Копировать теперь нужно создать новый файл нажимаю Файл Создать фон нужно сделать квадратным для этого нажимаю Файл Свойства в окне свойств изображения вожу вот так 256 на 256 нажимаю ОК правая клавиша Вставить располагаем иконку примерно посредине фона сохраняем аналогично в .png формате на Рабочем столе назову его Музыка сворачиваю Paint если присвоить такую картинку в качестве иконки папке то папка так и будет выглядеть с белым фоном мне кажется нужно избавиться от него это можно сделать сегодня на множестве сайтов в описании этого видео есть линк № 5 нажимаю на него здесь нажимаю кнопку Загрузить изображение выбираю мою подготовленную картинку на Рабочем столе нажимаю Открыть фон удаляется здесь автоматически мы уже видим результат шашечками в графических приложениях принято обозначать прозрачный фон мы можем сравнить результат с оригиналом в моем случае границы между картинкой и фоном довольно четкие поэтому фон удален хорошо если у вас получилось не очень то можно попробовать что-то изменить для этого нажимаю Редактировать а здесь есть вкладки Стереть и Восстановить если остались какие-то остатки фона можно попробовать их удалить для этого можно изменить размер кисти здесь его видно и при активной клавише Стереть кликать в тех местах где нужно удалить дополнительные фрагменты я восстановлю удаленное нажатием на эту закругленную стрелочку на этой вкладке можно наоборот восстановить то что автоматически удалил сайт например можно вернуть белый фон вот на это место можно увеличить картинку после редактирования можно скачать картинку прямо отсюда и здесь нажимаю Скачать изображение картинка скачалась теперь она без фона лежит в Загрузках Теперь нужно преобразовать нашу картинку в формат иконки в некоторых видео вам предложат сохранить в формате .bmp и поменять расширение на .ico я бы не советовал если ваша картинка имеет белый непрозрачный фон а со скриншотами это всегда так бывает то вы получите черную некрасивую обводку вокруг и иконки преобразовать любую картинку в формат иконки можно сейчас опять же на огромном количестве сайтов за несколько секунд один такой сайте есть в описании перехожу обратно на описание видео линк № 7 нажимаю здесь все довольно просто нажимаю на кнопку Выбор файла здесь нужно выбрать ту картинку которая без фона она лежит в Загрузках выбираю Загрузки вот моя картинка выделяю ее нажимаю Открыть рядом с кнопкой появилось название файла разрешений можно пометить несколько файл будет один он будет содержать в себе эти несколько разрешений я дополнительно отмечу 256 пикселей больше ничего настраивать не нужно просто нажимаю кнопку Convert готовая иконка скачалась в папку Загрузки сворачиваю браузер можно присвоить иконку папке для этого правый клик по нужной папке выбираю пункт Свойства здесь перехожу на вкладку Настройка и нажимаю на кнопку Сменить значок в открывшемся окне можно выбрать любой из стандартных системных значков чтобы выбрать нашу самодельную иконку нажимаю Обзор иконку мы скачали в папку Загрузки вот она выбираю её вот иконка со стандартным иконочным расширением выделяю и нажимаю Открыть в этом окне нажимаю ОК и в этом еще раз ОК теперь папка имеет вот такой индивидуальный вид в общем не плохо но возни довольно много не правда ли можно же сделать как-то быстрее давайте попробуем Сегодня в сети есть множество сервисов позволяющих легко работать с изображениями один из таких сайтов photopea.com в описании этого видео есть линк № 1 нажимаю это окошко с описанием можно закрыть крестиком или через некоторое время оно закрывается само по интерфейсу и возможностям это онлайн предложение похоже на Photoshop оно позволяет работать не только с обычными картинками но с файлами формата Photoshop обычный пользователь найдет в приложении все что необходимо при этом приложение бесплатно только реклама с правой стороны используя это онлайн-приложение мы можем полноценно работать со скриншотом наших иконок давайте развернём окно браузера на всю ширину я загружу сюда картинку с обеими и иконками для этого нажимаю Файл Открыть в проводнике открываю Рабочий стол компьютера и выбираю картинку с двумя иконками нажимаю Открыть картинка с иконками загружена чтобы вырезать из картинки фрагмент используется вот эта кнопка приложение Photopea позволяет работать с разными выделениями делаю правый клик по кнопке здесь есть обычное прямоугольное выделение выделение форме эллипса или окружности а также несколько видов лассо я выберу сейчас прямоугольное выделение действую так же как и в Paint левый клик и выделяю нужный кусок с небольшими отступами перетаскиваю мышь удерживая нажатой левую клавишу так эту иконку мы уже сделали давайте сделаем вторую просто выделяю другой фрагмент перетащил отпускаю появился контур выделения если навести курсор внутрь контура то на курсоре появляются стрелочки мы можем кликать внутри и перетаскивать контур куда нужно если нужно чуть-чуть передвинуть попиксельно то просто нажимаем соответствующие клавиши управления курсором удалить контур можно кликом снаружи или нажатием на комбинацию Ctrl + D это стандартная Photoshop комбинация также можно просто отменить последнее действие нажав Ctrl + Z эта комбинация работает практически везде итак вернемся к будущими иконкам я выделил вторую иконку теперь нужно скопировать то что выделено просто в меню нажимаю Редактирование и выбираю Копировать можно также использовать стандартную комбинацию Ctrl + C картинка скопирована теперь ее нужно куда-то вставить приложение Photopea позволяет работать с несколькими файлами одновременно для того чтобы начать работу с еще одним файлом нажимаю Файл Новый открывается окно под названием Новый проект обратите внимание вот на этот размер он соответствует размеру картинки которую я скопировал в буфер обмена здесь лучше задать стандартный размер который мы уже использовали укажу ширину 256 и высоту тоже можно также задать цвет фона я выберу прозрачный нажимаю Создать то что открылось перед нами в графических приложениях принято называть холст шашечки как я уже сказал говорят о том что это прозрачный фон вставляю скопированную картинку можно опять через Меню Редактирование или просто нажать Ctrl + V здесь придется разрешить сайту Photopea читать наш буфер обмена нажимаю Разрешить картинка вставлена ровно по центру с правой стороны мы видим боковую панель здесь есть вкладка Слои мы видим наш слой и напротив значок замка слой заблокирован чтобы работать со слоем можно просто кликнуть по замку теперь можно например передвинуть слой для этого выбираю инструмент Перемещения и передвигаю слой вот эти направляющие показывают центр холста когда появляется перекрестие значит центр картинки находится по центру холста картинка у меня большая поэтому мне нужно уменьшить размер это можно сделать так я перетащил чтобы был доступен край картинки теперь нажимаю вот на эту кнопку Контроль трансформации и можно изменить размер если сделать это так то картинка искажается отменить неправильное действие можно нажав Редактирование Шаг назад если сначала нажать и удерживать клавишу Shift а затем менять размер то он меняется пропорционально без искажений я нажимаю Shift и перетаскиваю за уголок вот так будет неплохо я показал несколько основных простейших приемов работы со слоем для нашей иконки достаточно удалить белый фон и сохранить ее с расширением .ico все это мы сделаем прямо в этом приложении для удаления фона делаю правый клик по кнопке Выбор объекта и выбираю Волшебную палочку чтобы аккуратнее работать с фоном можно визуально увеличить то что мы видим для этого нажимаю Control + я уже выбрал волшебную палочку теперь просто кликаю по тому фону который хочу удалить появились контуры выделения чтобы удалить выделенное нажимаю клавишу Delete при этом удален только фон вокруг картинки те фрагменты белого которые есть на самой картинке остались и это правильно при желании их можно удалить отдельно давайте я удалю вот этот круг на месте объектива просто кликаю снова сюда и нажимаю Delete можно сохранять иконку для этого нажимаю Файл навожу на Экспортировать как здесь есть несколько форматов например .png или .jpeg если навести на пункт Больше то появляется еще несколько форматов среди них есть формат .ico выбираю его открылось окно Сохранить для интернета здесь виден формат сохраняемого файла и его размеры оставляем все как есть и нажимаем Сохранить готовая иконка скачалась можно присвоить её моей папке мы это уже делали пояснять нет необходимости вот моя иконка получилась вот такая иконка думаю вы согласитесь, что если опустить время на пояснения то этот способ быстрее Давайте вернемся на сайт Photopea мы можем на одну картинку или иконку добавить нескольких готовых слоев мне нужно скопировать эту картинку для этого делаю правый клик по этой кнопке выбирая Прямоугольное выделение выделяю то что мне необходимо Редактирование Копировать теперь создаю Новый проект Файл - Новый здесь оставлю те же самые 256 пикселей фон оставляю прозрачный нажимаю Создать сделаю немножко поближе картинку Control + вставляю то что скопировано в буфер обмена Редактирование - Вставить теперь переходим на первую вкладку сначала удалю белый фон нажимаю на Волшебную палочку делаю клик нажимаю Delete теперь выделяем фрагмент который мне нужен Прямоугольное выделение Редактирование - Копировать перемещаюсь на последний проект и вставляю сюда то что скопировал теперь нужно сделать изображение поменьше маркеры уже видно достаточно нажать на Shift и перетаскивать к нужному размеру теперь изменю размер фото это для этого нужно выделить слой снять замок и снова с Shift-ом уменьшаю картинку чтобы работать со слоем можно выделять его прямо здесь ну вот так будет неплохо можно сохранять нажимаю Файл - Экспортировать как - Больше иконка здесь оставляю все без изменений нажимаю Сохранить сворачиваю окно присваиваю скачанную иконку как видите мы довольно быстро в приложении объединили два изображения и присвоили их качестве иконки Иногда пользователи хотят сделать иконку не из скриншота а из фотографии в принципе приемы работы с фотографией мало отличаются но обычное фото из мобильника имеет довольно большой размер я покажу только один прием работы с круглым выделением именно о таком выделении многие задают вопросы у меня есть фотографии моих кошек поэтому будем тренироваться на кошках открывая сайт Photopea нажимая Файл Открыть фотка лежит у меня в папке Изображения открываю например вот эту картинка загружалась чуть дольше чтобы вырезать круг или эллипс делаю правый клик по этой кнопке выбираю Выделением в форме эллипса эллипс выделяется очень просто кликнули потащили отпустили кликнув внутри эллипса можно его подвигать направляющие подсказывают центр холста снимаю выделение кликом снаружи чтобы выделить идеальную окружность сначала нажимаю Shift и затем уже кликаю растягиваю на нужный диаметр размер подсказывет, что круг действительно идеальный точнее окружность аналогично можно подвигать дальше можно действовать по тем правилам которые мы рассмотрели ранее а можно сделать так: у нас сейчас выделено то что внутри окружности если мы хотим удалить все остальное то можно инвертировать выделение правый клик по выделению в контекстном меню есть пункт Инвертировать выбираю его появилось прямоугольное выделение сейчас выделено то что за пределами окружности чтобы удалить это просто нажимаю кнопку Delete остался только нужный фрагмент можно убрать лишний фон для этого нажимаю в меню Изображения выбирают Тримминг кликаю за пределами выделение снято с этим слоем можно много чего сделать: эффекты, тени, комбинировать с другими слоями но об этом поговорим в другом видео, если вы захотите, а сейчас просто сохраняю для этого нажимаю Файл - Экспортировать как если нам нужна иконка то лучше сразу сохранить в нужном формате навожу на Больше и выбираю уже знакомой формат появилось сообщение что максимальный размер иконок 256 на 256 вручную сделаем ресайз готово формат ico размер 256 на 256 пикселей вес у этой иконки будет довольно большой почти 100 Килобайт нажимаю Сохранить вот наша иконка присваивать мы уже знаем как Я покажу как вернуть вид иконки в первоначальное состояние правый клик по нужной иконке выбираю Свойства Настройка Сменить значок здесь есть кнопка Восстановить значение по умолчанию нажимаю нажимаю ОК, готово иконка папки теперь стандартная в приложении Photopea есть Русский язык если у вас она вдруг загрузилась на другом языке то включить Русский просто рассмотрим на примере Английского слева от красной кнопки Аккаунт нажимаю на кнопку в английском варианте это More навожу на Language и выбираю Русский теперь приложение на Русском если вы работаете в масштабе окна где текст довольно мелкий то кнопки в левой панели управления будут отличаться и я уменьшу масштаб к примеру у вас будет отдельная кнопка с Прямоугольным выделением и Выделением форме эллипса и отдельная кнопка для выделения лассо разобраться будет нетрудно если потеряли какую-то кнопку попробуйте поиграть масштабом Онлайн приложение Photopea имеет много возможностей мы рассмотрели крошечную их часть к примеру в приложении можно работать в любой операционной системе Windows, Linux, Mac OS, даже на планшете если хотите продолжить знакомство с приложением поддержите это видео своими замечательными лайками и комментами за неделю видео наберёт 5000 лайков продолжим серию Чтобы не пропустить новое видео не забудьте подписаться на канал и включить колокольчик если это видео было вам полезно ставьте лайки и делитесь видео с друзьями Спасибо! Я благодарю вас за просмотры, лайки, комментарии отдельная благодарность тем кто поддерживает мой канал и подписывается на дополнительный канал Спасибо! Всем зрителям желаю здоровья! Меня зовут Евгений Юртаев До встречи!


 


 

Добавить комментарий