Как из картинки сделать значок для ярлыка

Как создать свои иконки для Windows

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

В числе этих вещей – смена предустановленных иконок. Системные иконки на свои можем поменять:
• В свойствах папок,

• В свойствах ярлыков,

• В параметрах значков рабочего стола для системных элементов.

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

1. Веб-сервисы иконок

Iconizer.Net является не только хранилищем дизайнерского контента, это, как сами создатели его окрестили, генератор иконок. С помощью функционала этого сервиса выбранные на сайте рисунки перед скачиванием можно редактировать: менять цвета, оттенок, насыщенность, размер, вращать объекты, выбирать фон, выбирать формат файла.

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

Так, отправив в редактор Iconizer.Net свою картинку, на выходе сможем получить файл формата «.ico» с нужным размером, скажем, 128х128. Базовые возможности сервиса Iconizer.Net бесплатны.

2. Утилита AveIconifier2

Ждём пару секунд – и иконка готова. По умолчанию утилита будет преобразовывать большие изображения в файлы «.ico» со стандартными размерами 128х128. Но если нужно получить на выходе иконку с меньшими размерами, кликом правой клавиши мыши по левой части окошка утилиты можем открыть перечень доступных размеров и убрать галочки ненужных из них.

Это папка для временного хранения данных, и после каждого преобразования готовые иконки из неё нужно перемещать в другое какое-нибудь место.

3. Штатные средства Windows

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

Устанавливаем выделение: обрамляем акцентный объект, но так, чтобы он был не прямо по центру, а справа оставалось чуть больше ненужного фона. Жмём кнопку обрезки.

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

Жмём «Изменить размер».

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

В проводнике активируем отображение расширений файлов.

В Windows 10 можно использовать и приведённый выше способ, и другой: изображение отредактировать с помощью штатного приложения «Фотографии», а затем конвертировать это изображение в формат «.ico» утилитой AveIconifier2. Приложение «Фотографии» не позволяет переопределять размеры картинок и сохранять их в другие форматы, зато оно может предложить юзабильный инструментарий для обрезки картинок и наложения эффектов.

Открываем нужную картинку в приложении. Выбираем функцию «Изменить».

Далее – «Обрезать и повернуть».

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

Подтягиваем маску на нужный объект картинки. По итогу нажимаем «Готово».

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

Как сделать иконку (значок) папки из своей фотографии

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

Сделать иконку (значок) папки из своей фотографии можно в стандартной программе – Paint, которая у каждого должна быть в операционной системе windows 7

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

Вот небольшой пример. Такой вид папки ускоряет поиск среди большого количества похожих папок.

Найти программу “ Paint “ можно через “ Пуск ” и “ Все программы ” Запустите её и перетащите рисунок в окно программы. А ещё проще, это вызвать контекстное меню, щёлкнув по изображению, которое хотите поставить в роли значка, правой клавишей мышки. Выбираем пункт “ Изменить ” Откроется программа “ Paint “

Создаём значок в программе Paint

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

Обрезаем. На панели программы выбираем инструмент “ Выделить ” В параметрах выделения указываем фигуру “ Прямоугольная область ” Левой клавишей мышки выделяем фрагмент фото. Удерживая клавишу, смотрим, как изменяется размер в нижней панели программы.

Подогнали размер, жмём кнопку “ Обрезать “

Теперь фотография получилась квадратная, продолжаем.

После обрезки меняем размер будущего значка. Жмём “ Изменить размер ” Изменяем в пикселях и вводим размер 64 по вертикали и горизонтали. Сохраняем “ ОК “

Осталось только сохранить готовый значок на рабочий стол или какую-нибудь папку. Сохранять изображение будем в формате “ВМР”.

Ставим свой значок на папку

Всё заготовка есть, применяем её к папке. Наводим курсор на любую папку и правой клавишей мышки вызываем меню. В самом низу списка заходим в пункт “свойства ” Далее “ Настройка ” И внизу кнопка “ Сменить значок.. “

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

Кстати в проводнике вы его можете не найти, так как наше изображение не является значком формата “ico” Чтобы его увидеть выберите отображать “ Все файлы *.* “

Теперь всё в порядке, жмём “ОК“

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

Но это ещё не всё. Собственные иконки можно применить и к ярлыкам. Смотрите, как они выглядят на моём рабочем столе.

Это кнопки с командами – спящий режим, перезагрузить компьютер, сменить пользователя и выключить компьютер. Хотите себе такие же? Смотрите, как это сделать “Как создать ярлык «выключить» и «перезагрузить» компьютер?“

Хитрость, которая сделает Ваш компьютер бессмертным!

Сегодня мои коллеги из команды Клабпрофи, впервые рассказывают о хитрости, которая делает Ваш компьютер неуязвимым к любым невзгодам:

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

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

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

О том, как это работает и как внедрить данную технологию уже в новогодние праздники, смотрите здесь:

Помощь пенсионерам

Блоггер

держи свои воспоминания живыми

Как создать свою иконку в Windows

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

Чтобы создать свою иконку в Windows, воспользуемся стандартным графическим редактором Paint. Это приложение входит в список стандартных программ и есть на каждом компьютере. Нажимаем на кнопку ПУСК, в списке программ находим строку «Стандартные – Windows». Нажимаем на треугольник в конце этой строки, чтобы раскрыть весть список стандартных приложений. Затем нажимаем на Paint.

Откроется окно редактора Paint. Далее нам необходимо загрузить в этот редактор картинку, из которой мы будем создавать иконку. Жмем на вкладку «Файл» в левом верхнем углу редактора, затем на «Открыть». Откроется окно Проводника. В нем выбираем папку с изображениями и выделяем картинку, с которой будем далее работать. Нажимаем на «Открыть». Если ваша картинка окажется огромного размера, то измените её на вкладке «Вид».

Теперь нам надо обрезать нашу картинку. Нажимаем на вкладку «Выделить» и выбираем Прямоугольную область для обрезки.

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

Вот теперь можно обрезать картинку с правой стороны. Внизу в редакторе Paint вы сможете видеть изменения в результате обрезки. Обрезаем правую сторону до тех пор, пока ее размер не сравняется с остальными сторонами картинки. Размеры моей картинки 307 Х 307 пкс. Это большой размер. Надо его уменьшить.

Нажимаем на вкладку «Изменить размер». Ставим галочку на «пиксели». Указываем новый размер 128 Х 128. Не забудьте отметить галочкой сохранение пропорций. Нажимаем на кнопку ОК.

Отправляемся в папку, в которую мы сохранили нашу картинку. Нажимаем на эту картинку правой клавишей мыши. В открывшемся контекстном меню выбираем команду «Переименовать».

Присваиваем какое-то имя файлу. Я написала ikonka. А справа после точки вместо формата bmp пишем ico. Появится окошко с предупреждением о том, что файл может стать недоступным. Не беспокойтесь, файл будет доступен. Нажимаем на кнопку «Да».

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

Как создать свою иконку в Windows вы теперь знаете. А, как ее применить? Как изменить стандартную иконку на только что созданную? Сначала выберем папку. Нажимаем на нее правой клавишей мыши. В контекстном меню нажимаем на «Свойства».

Откроется окошко, в котором на вкладке «Настройка» меняем старый значок папки на новый.

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

Другие похожие статьи на этом сайте

Планировщик заданий Windows 10. Планировщик заданий нам нужен для различных настроек компьютера. Допустим, мы хотим настроить его автоматическое отключение после…

Изменить значок папки в Windows 10 при желании можно легко и просто. По умолчанию в ОС Windows все папки выглядят…

Как сделать иконку из картинки для папки и ярлыка

01.10.2017 [00:12], aleks

Как сделать иконку из картинки для папки, программы или ярлыка самому:

Откроется окно проводника для выбора изображения. Выберите изображение для иконки и нажмите “Открыть” (вы можете даже фотографию сделать иконкой).

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

Откроется окно с выбором разрешения вашей будущей иконки. Можно оставить исходные размеры, но использование изображений большого разрешения для иконок может негативно повлиять на скорость работы системы. Выберите разрешение и нажмите кнопку Save As.

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

Теперь нужно применить новую иконку к вашей папке:

Готово, вы сделали свою иконку для папки.

У вас получилось сделать иконку своими руками? Пишите свои вопросы в комментарии!

Как сделать иконки на рабочем столе меньше или больше

Чтобы сделать свои иконки для папок (значков), можно использовать специальные программы или онлайн-конвертеры, которые сохраняют изображения в формат ico. Просто поменять расширение картинки на ico не получится, так как файл всё равно останется картинкой, а нам нужна именно иконка. Поменять размер иконки можно без программ. Как сделать иконки на рабочем столе меньше или больше:

Во время действия должен быть активен рабочий стол, кликните по пустому месту на нём левой кнопкой мыши.

Поэтапное руководство по созданию иконок

Статья была опубликована на smashingmagazine автор статьи Scott Lewis.

Найти недорогие качественно сделанные иконки и векторные изображения не составляет труда – именно для этого есть такие веб-сайты, как Iconfinder (где работает автор настоящей статьи). В распоряжении дизайнеров тысячи наборов иконок премиум класса, и сотни наборов доступны для бесплатного скачивания.

В данной статье приводится руководство по дизайну векторных иконок, которое включает в себя шесть этапов. Мы рассмотрим эти этапы после того, как разберем основные принципы успешного дизайна иконок. Эти принципы хорошо известны и подробно рассмотрены в таких работах, как Руководство по дизайну иконок Джона Хикса, а также в руководстве от Google Материальный дизайн в разработке системных иконок. Шесть этапов, которые мы будем рассматривать в данной статье, должны восприниматься, как рекомендации, а не как догмы. Способность чувствовать, где нужно следовать правилам, а когда их лучше нарушить – это важное качество, которое должен развить в себе каждый хороший дизайнер, и мы наглядно это продемонстрируем.

Все этапы будут разобраны на примере исправления иконки с изображением собаки (познакомьтесь, это Корги). Иконка была неплохая, но не дотягивал до наших высоких стандартов. Наши специалисты дали автору несколько простых советов, и после доработки изображение было одобрено. Внизу представлены изображения Корги до и после исправлений. Далее в статье мы подробно разберем, как происходила эта трансформация.

Изображение слева – это оригинальный вариант. Изображение справа – иконка после внесения исправлений в соответствии с принципами, описываемыми в статье

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

Три составляющие эффективного дизайна иконок

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

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

Форма

Форма – это структура, на основе которой выполнен дизайн иконки. Если вы опустите детали и обведете основные фигуры, составляющие иконку, что это будет: квадрат, круг, прямоугольник, треугольник, или более плавные очертания? Основные геометрические фигуры, такие как круг, квадрат и треугольник являются устойчивой визуально уравновешенной базой для дизайна иконок. В нашем примере, голова собаки состоит из двух треугольников и двух эллипсов. Здесь можно провести аналогию с черчением – так же, как при выполнении чертежа, дизайнер начинает с крупных основных форм, и потом прорабатывает детали, добавляя ровно столько, сколько необходимо и достаточно для передачи своей идеи.

Красными линиями очерчены основные геометрические фигуры, образующие форму иконки

Эстетическая целостность

Под эстетической целостностью понимается набор элементов, которые повторяются среди иконок из одного набора. Это могут быть скругленные или квадратные углы, а также их размеры (например, 2 пикселя, 4 пикселя и т.д.); толщина линии; (например, 2 пикселя, 4 пикселя и т.д.); стиль (плоские, контурные, залитые цветом, глиф); цветовая палитра и так далее. Эстетическая целостность набора иконок – это хорошо прослеживаемая последовательность различных элементов и дизайнерских приемов, которые позволяют воспринимать все иконки, как единое целое. В нашем примере с собакой Корги среди таких элементов можно назвать одинаковый радиус скругления, глаза одинакового размера и формы, а также нос в форме сердечка.

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

Узнаваемость

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

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

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

Шесть этапов

Всегда начинайте с сетки

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

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

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

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

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

Квадратные иконки также выравниваются по центру сетки, но, как правило, не доходят до границ рабочей зоны. Для поддержания единообразия с круглыми и треугольными иконками, большинство прямоугольных и квадратных иконок выравниваются по основной линии в середине (оранжевая область на рисунке ниже). Решение, по какой основной линии следует выравнивать иконку, принимается исходя из ее внешнего вида, а чувство, какой выбрать размер в каждом отдельном случае, развивается практикой. Три концентрических квадрата, о которых шла речь выше, обозначены на рисунке голубым, оранжевым и светло-зеленым цветом.

Выравнивание и выбор размера круглого и квадратной иконки относительно сетки

На следующих картинках внутри сетки 32х32 пикселя вы заметите прямоугольники размером 20х28 пикселей, которые сориентированы горизонтально или вертикально – в зависимости от дизайна иконки.

Выравнивание и выбор размера вертикально и горизонтально ориентированных иконок

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

Выравнивание и выбор размера диагонально ориентированных иконок

Помните, что вы не обязаны точно соблюдать описываемое расположение иконки относительно сетки и вспомогательных линий. Сетка – это только вспомогательный инструмент; если перед вами стоит выбор, сделать что-то по-настоящему оригинальное, или остаться в рамках правил, правилами можно пренебречь. Однако это должен быть обдуманный шаг. Как сказал Хеммо де Йонг, известный под псевдонимом Dutch Icon:

«Индивидуальность иконки перевешивает необходимость соблюдать единообразие набора иконок».

Начните с простых геометрических форм

Начните дизайн своей иконки с грубого наброска основных форм, используя круги, треугольники и прямоугольники. Даже если вы планируете создать иконку с плавными естественными формами, начните с инструмента «Фигура» в Adobe Illustrator. Когда дело доходит до дизайна иконок, особенно это касается рисования на экране иконок небольшого размера, рисование вручную неизбежно влечет появление небольших диспропорций по краям, и от этого внешний вид иконки сильно проигрывает. Если начать с простых геометрических форм, это поможет получить четкие одинаковые кромки (особенно в местах закругления), а также упростит выбор размера различных элементов и их ориентирование относительно сетки и основных форм.

Основа иконки Корги – это простые геометрические фигуры: два треугольника и два эллипса

Все починено цифрам: кромки, линии, углы и кривые

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

В большинстве случаев можно посоветовать использовать углы 45°, либо кратные этому значению. Сглаживание неровностей при данном значении угла производится равномерно (активные пиксели хорошо прилегают друг к другу), и результат получается четким и лаконичным. Кроме этого, 45 градусов – это идеальная диагональ, приятная глазу. Последовательное использование такой привычной конфигурации позволяет получить целостную картину, как каждой отдельной иконки, так и всего набора. Если выбранный вами дизайн требует нарушения данного правила, лучше делить на два (22,5°; 11,25° и т.д.), либо использовать углы кратные 15°. Каждая ситуация индивидуальна и требует такого же индивидуального подхода. Преимущество использования углов кратных 45° состоит в том, что при таких значениях получается наилучшее сглаживание неровностей при переходах.

Крупный план сглаживания контура под углом 45°

Кривые

Одни из самых бросающихся в глаза элементов, которые могут значительно снизить качество иконки, наглядно показывающие разницу между профессионалом и любителем – это кривые. Тогда как человеческий глаз отчетливо улавливает малейшее несоответствие формы, наша координация не позволяет нам достигать такой же точности при рисовании от руки. Поэтому при создании кривых рекомендуется пользоваться линейкой и инструментами формы в программе, вместо того, чтобы полагаться на свою руку. Когда от черчения от руки не уйти, пользуйтесь клавишей модификатора ограничений (например, Shift в Adobe Illustrator), либо, еще лучше – используйте VectorScribe и InkScribe от Astute Graphics – данные инструменты позволяют получить наилучший результат при создании кривых.

Линии, нарисованные от руки, получаются низкого качества

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

Эти идеальные кривые созданы в Adobe Illustrator с помощью инструмента для построения кривых Безье

Самым распространенным размером для скругления углов является 2 пикселя. Для иконки размером 32х32 пикселя такое значение радиуса дает хорошо видимое скругление, и при этом не слишком «смягчает» углы (что приводит к «размытому» виду). Размер радиуса закругления зависит от характера, который вы хотите предать своему дизайну. Решение о том, использовать ли закругленные углы, основывается на анализе эстетической привлекательности всего набора.

Точно закругленные углы

Возвращаясь к нашему Когри: начав с геометрически сложно очерченных форм, мы перешли к скруглению углов с помощью инструмента формы, использовав значение радиуса закругления 2 пикселя. Внешний вид уже стал лучше.

Первый этап переделки Корги

Уже просматривается основная идея нового дизайна: скругленные углы и плавные кривые.

Оптимизация пикселей

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

Как уже упоминалось, идеальным является угол 45° (безусловно, после прямых линий), потому что пиксели располагаются относительно друг друга строго по диагонали. То же самое можно сказать об углах и кривых: чем математически более точно они выполнены, тем лучший результат вы получите при сглаживании. Здесь стоит отметить, что оптимизация пикселей не дает ощутимого результата для больших размеров и для дисплеев высокого разрешения, таких как Retina.

Толщина линий

Если говорить о толщине линий, идеальным значением является 2 пикселя, но иногда лучше 3 пикселя. Здесь целью является обеспечить требуемую соподчиненность и разнообразие, но при этом не увлечься, чтобы не нарушить целостности набора иконок. Толщина линий более 3 пикселей привести к тому, что набор потеряет целостность. Преимущество использования линий толщиной 2 и 4 пикселя состоит в том, что они легко масштабируются переходят из одной в другую. В большинстве случаев следует избегать использования очень тонких линий, особенно для иконок в стиле глиф и плоском стиле. Вообще, если в ваши намерения не входит создание иконки в контурном стиле, для обозначения формы следует полагаться на свет и тень, а не на линии.

Эта иконка iPhone показывает пример взвешенного использования толщины линий

Последовательно используйте разные элементы и не смещайте акценты в пределах одной серии иконок

Об этом аспекте дизайна иконок Хеммо де Йонг (Dutch Icon) произнес целую речь на конференции Icon Salon 2015. Хеммо со своим партнером уже два года занимаются разработкой значков для датского правительства, и их фирменным стилем стало использование метки в виде прореза. Прорез присутствует не на всех иконках, но на большинстве из них. Подобный акцент, примененный ко всей серии, связывает иконки вместе и способствует их узнаваемости среди тысяч других.

Использование общих элементов дизайна

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

Общие элементы, использованные для дизайна иконок с собаками

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

Использование одинаковых элементов в другом стиле

Умеренное использование деталей и декоративных

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

Минимальное количество деталей эффективно передает смысл

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

Сделайте иконку уникальной

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

Уникальность дизайна Корги состоит в форме его носа

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

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

Изображение слева – это оригинальный вариант. Изображение справа – иконка после внесения исправлений в соответствии с принципами, изложенными в статье

Как сделать иконку для Windows 10

В этом посте мы покажем вам, как создать значок в Windows с помощью Microsoft Paint 3D или любого бесплатного программного обеспечения для создания значков или онлайн-инструментов. Вы даже можете преобразовать картинку в иконку. Создайте столько иконок, сколько захотите. Когда значки готовы, вы можете изменить значки для ярлыков на рабочем столе, папок и т. Д.

Как сделать иконку для Windows 10

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

Давайте проверим, как с их помощью сделать иконку для Windows 10.

1]Paint 3D

Paint 3D — это встроенное приложение и один из лучших вариантов для создания значков для Windows 10. Больше всего мне нравится то, что он позволяет добавлять 3D формы для создания значка. Вы можете использовать его 3D Библиотека найти и вставить 3D-фигуры и создать красивый значок. Кроме того, у него есть 2D формы, разные кисти, прохладно наклейки, а текстовый инструменти т. д. Помимо этих функций, также полезно удалить фоновое изображение в Windows 10, сохранить рисунок в формате GIF или видео, преобразовать 2D-фигуры в 3D-объекты и т. д.

Чтобы создать значок с помощью Paint 3D в Windows 10, запустите его с помощью меню «Пуск» или поля поиска. После этого создайте новый проект, используя Меню. Когда проект создан, используйте доступные инструменты, видимые в верхней части его интерфейса. Вы также можете вставить изображение (PNG, JPG, ICO, BMP, TIFF и т. Д.) С ПК и использовать инструменты рисования для создания своего значка.

Для каждого из выбранных инструментов справа отображается несколько параметров. Например, если вы выбрали инструмент «Текст», вы можете использовать такие параметры, как добавление текста в 2D или 3D форме, изменение шрифта текста, цвета текста, заливки фона, выделения текста курсивом, полужирным шрифтом, подчеркиванием и т. Д. Аналогичным образом, если вы выбрали Кисти инструмент, тогда вы можете использовать Маркер, Ручка для каллиграфии, Мелок, Пиксельное перо, Аэрозольи т. д. Толщина и цвет для выбранной опции также можно установить с помощью боковой панели.

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

Когда последний значок будет готов, используйте Сохранить как вариант в меню, а затем выберите Изображение вариант. Сейчас же, установить произвольную ширину и высоту для значка вывода. Вы также можете выбрать формат вывода — PNG, Гифка, TIFF, JPG, или же BMP.

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

2]Конвертировать ICO

ICO Convert удобен, когда у вас уже есть изображение в PNG, BMP, или же JPG формат, который вы хотите преобразовать в файл значка. Однако это не просто сервис конвертации иконок. Есть несколько интересных функций, таких как обрезать изображение, используйте разные формы (или стили), и размер получить иконку. Все эти функции делают его хорошим сервисом для создания иконок.

Эта ссылка откроет свою домашнюю страницу. Загрузите изображение поддерживаемого формата (до 50 МБ). Когда изображение загружено, обрежьте его до выбранной области или используйте все изображение. После этого выберите доступные стили. Есть 10+ стили, такие как форма сердца, квадрат, круг и т. д. Выбирайте стили или просто игнорируйте их.

Теперь вам нужно выбрать формат вывода — PNG или же ICO. Также есть Нестандартные размеры возможность выбрать любой из указанных размеров для файла значка. Она имеет 192 * 192, 16 * 16, 64 * 64, 128 * 128, и другие размеры. Выберите размер.

Наконец, используйте Конвертировать ICO кнопка. Вы получите zip-файл, который вы можете скачать, чтобы сохранить значки, доступные в разных стилях.

3]X-Icon Editor

Сервис X-Icon Editor предоставляет три способа создания значка. Вы можете импортировать существующее изображение и преобразовать изображение в значок, создать значок с нуля и создать значок вместе с загруженным изображением и инструментами для создания значков. Это обеспечивает текст, карандаш, щетка, пипетка, линия, прямоугольник, круг, и ластик инструменты. Вы можете создать значок четырех размеров: 32 * 32, 24 * 24, 16 * 16, и 64 * 64. После этого вы можете сохранять иконки в формате ICO одну за другой.

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

4]Младший редактор иконок

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

Чтобы создать значок, загрузите это программное обеспечение. После установки откройте его интерфейс и используйте Файл меню, чтобы открыть новый файл значка или вставить изображение. Он поддерживает ICO, PNG, XPM, BMP, и PNG форматировать изображения.

Когда новый файл будет создан, используйте Инструменты меню на левой боковой панели, чтобы начать создание значка. Меню с правой стороны помогает выбрать цвета, установить непрозрачность фона, прозрачность переднего плана и предварительно просмотреть значок. Проявите свое творчество и сделайте красивую иконку. Чтобы сохранить окончательный результат, используйте Сохранить как вариант в Файл меню.

5]Быстрый Any2Ico

Quick Any2Ico — еще одна хорошая программа для создания иконок. Вы можете добавить JPG, PNG, или же BMP изображение и преобразовать его в файл значка в формате ICO или PNG. Помимо этого, он имеет две уникальные особенности, которые делают его немного особенным. Это позволяет вам извлечь значок из открытого приложения и двоичные файлы (DLL, EXE и т. Д.). Кроме того, если исходное изображение не имеет квадрата для вывода, это позволяет вам установить изображение в режим обрезки, растяжения или центрирования, чтобы у вас был лучший файл значков.

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

Когда изображение получено из источника, выберите выходную папку. По умолчанию он генерирует значок в формате ICO. При желании вы можете изменить его на формат PNG, выбрав Сохранить как PNG вместо ICO вариант. После этого выберите размер значка. 512 * 512, 16 * 16, 256 * 256, 24 * 24, 64 * 64, и другие размеры доступны.

Это последний шаг. Нажмите Извлеките это! и сохранит иконку в заданной вами папке.

Здесь я закрываю список, в котором показано, как создать значок для Windows 10. Лучший и самый быстрый способ — преобразовать изображение в значок. Если вы хотите создать значок с самого начала, то, вероятно, лучшим вариантом будет Microsoft Paint 3D.

5 лучших онлайн редакторов иконок

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

Подобные сайты редакторы иконок очень эффективны. Они позволяют вам:

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

IconsFlow

IconsFlow.com — векторные иконки + редактор позволяющий создавать персонализированные наборы и экспортировать их в хорошем качестве (SVG, ICO & PNG). Главным преимуществом сервиса является наличие двух редакторов:

Если вы уже создали иконки в Illustrator, просто загрузите файлы SVG и поэкспериментируйте с разными фонами. В IconsFlow существуют определенные ограничения при бесплатном использовании, поэтому убедитесь, что вы с ними ознакомились перед стартом. Для начинающих пользователей имеются уроки и раздел помощи, к тому же есть возможность работать в редакторе иконок на русском.

Вид векторного редактора IconsFlow:

FlatIcons

С помощью FlatIcons.net вы можете создать свою флэт-иконку (в плоском стиле) на основе готовых шаблонов. Задавайте размеры, выбирайте рисунок и основной фон (круги, кольца, прямоугольники), меняйте цвет. Этот редактор иконок бесплатный, но у него есть два недостатка:

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

Launcher Icon Generator

Проект Launcher Icon Generator бесплатный и, как мы думаем, больше подходит для продвинутых пользователей. Данный онлайн редактор иконок позволяет загружать изображения / клипарты и добавлять текст. Вы можете скачать по одной иконке за раз в 5 размерах (48 x 48; 72 x 72; 96 x 96; 144 x 144; 192 x 192).

В качестве базового клипарта используется набор графики в стиле Material Design из GitHub. Сервис содержит такие настройки как: отступы, форма, цвет или прозрачность фона, масштабирование + дополнительные эффекты. Результат:

Android Material Icon Generator

Android Material Icon Generator — еще один инструмент создания флэт-иконок. Фишкой сервиса определенно является эффект в виде длинной тени. Если вам нужны подобные решения — этот редактор иконок будет идеальным вариантом.

Начните с выбора картинки из галереи, потом определите цвет, форму заднего фона (круг или квадрат), длину тени, насыщенность, затухание – и ваша иконка готова. Все предельно просто. Для персонального использования сайт полностью бесплатный.

После скачивания в файле-архиве найдете 6 PNG разного размера и векторный файл SVG. В Illustrator иконка SVG будет размытой, но, к счастью, она хорошо смотрится в браузере. В итоге получается что-то вроде:

Simunity

Сайт Simunity – это генератор на базе HTML5, где можно создать иконку и затем скопировать код, чтобы отобразить ее в ваших веб-проектах. В качестве исходных материалов используются иконки из Font Awesome, для которых выбираются разные параметры: цвет, рамка, размер и стиль теней.

Данный сервис пригодится, если вам необходимо быстро создать простые оригинальные иконки для сайта. Результат применения Simunity:

Итого. Рассмотренные выше онлайн редакторы иконок – отличные инструменты для оптимизации работы дизайнеров. Нет смысла скачивать какие-то программы, когда все можно легко и быстро делать в сети. Из этой подборки, пожалуй, можно выделить IconsFlow. В нем собрано максимально большое число функций: галерея иконок, загрузка SVG, код для встраивания, предварительный просмотр, создание собственных шаблонов, экспорт PNG, ICO и SVG, адаптация размера, модные стили и встроенный векторный редактор. К тому же это единственный бесплатный редактор иконок на русском, если для вас это важно.

Если знаете еще какие-то похожие сервисы, присылайте варианты в комментариях.

Как создать значок или другое изображение

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

Значки и курсоры: ресурсы изображений для устройств отображения

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

Создание образа устройства (значок или курсор)

При создании нового ресурса или значка курсора Редактор изображений сначала создает изображение в определенном стиле (32 × 32, 16 цветов для значков и 32 x 32, монохромный для курсоров). Затем можно добавлять изображения различных размеров и стилей к начальному значку или курсору и при необходимости редактировать каждое дополнительное изображение для различных устройств вывода. Можно также изменить изображение с помощью операции вырезания и вставки из существующего типа изображения или из растрового изображения, созданного в графической программе.

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

Если в проекте еще нет RC-файла, см. раздел Создание нового файла описания ресурсов.

Диалоговое окно Создание позволяет создать новый образ устройства указанного типа. Чтобы открыть диалоговое окно » Создание «, последовательно выберите пункты изображение>создать типизображения. Включены следующие свойства: тип целевого образа и Пользовательский.

В свойстве тип целевого образа перечислены доступные типы изображений, в которых выбирается тип образа, который нужно открыть:

16 x 16, 16 цветов
32 x 32, 16 цветов
48 x 48, 16 цветов
64 x 64, 16 цветов
96 x 96, 16 цветов

16 x 16, 256 цветов
32 x 32, 256 цветов
48 x 48, 256 цветов
64 x 64, 256 цветов
96 x 96, 256 цветов

16 x 16, монохромная
32 x 32, монохромная
48 x 48, монохромная
64 x 64, монохромная
96 x 96, монохромная

Все существующие образы не будут отображаться в этом списке.

Диалоговое окно пользовательский образ позволяет создать новый образ с пользовательским размером и числом цветов. Включены следующие свойства:

Диалоговое окно Открытие используется для открытия образов устройств в проектах C++. В нем перечислены существующие образы устройств в текущем ресурсе (изображения, которые являются частью текущего ресурса). Включается следующее свойство:

Создание нового значка или курсора

В диалоговом окне Вставка ресурсавыберите значок или курсор и нажмите кнопку создать. Для значков это действие создает ресурс значка с размером 32 × 32, 16-цветным значком. Для курсоров создается изображение размером 32 × 32, монохромное (2-цветное).

Если рядом с типом ресурса Image в диалоговом окне Вставка ресурса отображается знак «плюс» ( + ), это означает, что доступны шаблоны панели инструментов. Щелкните знак «плюс», чтобы развернуть список шаблонов, выберите шаблон и нажмите кнопку создать.

Добавление изображения для другого устройства вывода

Перейдите в меню изображение>создать изображение устройстваили щелкните правой кнопкой мыши в области редактора изображений и выберите пункт создать изображение устройства.

Копирование образа устройства

Последовательно выберите пункты изображение>Открыть изображение устройства и выберите изображение из списка текущие изображения. Например, выберите версию значка 32 × 32, 16 цветов.

Копировать отображаемое в данный момент изображение значка (CTRL+C).

Вставьте изображение значка (CTRL+V) из одного окна редактора изображений в другое. При копировании большего размера в меньший размер можно использовать маркеры значков для изменения размера изображения.

Удаление образа устройства

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

Создание прозрачных или инвертированных областей в образах устройств

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

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

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

Создание прозрачных или инвертированных областей

В окне цвета выберите Цвет экрана Selector или Инверсный цвет.

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

Изменение экрана или инвертированного цвета

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

Использовать палитру 256-Color

При использовании редактора изображенийзначки и курсоры могут иметь большой размер (64 × 64) с палитрой типа «256-Color». После создания ресурса выбирается стиль изображения устройства.

Создание значка или курсора 256-цвета

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

Последовательно выберите пункты меню изображение>создать изображение устройства и выбор стиля изображения 256-Color.

Выбор цвета из 256-цветовой палитры для крупных значков

Чтобы нарисовать выделенный фрагмент из 256-цветовой палитры, необходимо выбрать цвета в палитре цвета в окне цвета.

Выберите крупный значок или курсор или создайте новый крупный значок или курсор.

начальная палитра, используемая для изображений 256-color, соответствует палитре, возвращаемой CreateHalftonePalette Windows API. все значки, предназначенные для оболочки Windows, должны использовать эту палитру для предотвращения мерцания во время реализации палитры.

Установка активной точки курсора

Выберите пиксель, который требуется назначить в качестве горячей точки курсора.

В свойстве Hotspot в окне свойства отображаются новые координаты.

При создании точечного рисунка изображение создается в формате точечного рисунка (.bmp). Однако можно сохранить изображение в формате GIF или JPEG или в других графических форматах.

Этот процесс не применяется к значкам и курсорам.

Перейдите в меню файл>Открыть, а затем выберите файл.

Точечный рисунок откроется в редакторе изображений.

Внесите необходимые изменения в новый точечный рисунок.

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

Необходимо создать или открыть точечный рисунок вне проекта, чтобы сохранить его как файл другого формата. Если создать или открыть его в проекте, команда Сохранить как будет недоступна. дополнительные сведения см. в разделе просмотр ресурсов в файле скрипта ресурсов за пределами Project (автономный).

Щелкните Сохранить.

Преобразование изображения из одного формата в другой

Вы можете открывать изображения в формате GIF или JPEG в редакторе изображений и сохранять их в виде растровых изображений. Кроме того, можно открыть файл точечного рисунка и сохранить его в формате GIF или JPEG. Изображения, с которыми вы работаете, не должны быть частью проекта для редактирования в среде разработки (см. раздел Редактирование автономных образов).

Откройте изображение в редакторе изображений.

Последовательно выберите файл> менюСохранить имя файла как.

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

Щелкните Сохранить.

Добавление нового ресурса изображения в неуправляемый проект C++

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

Если рядом с типом ресурса Image в диалоговом окне Вставка ресурса отображается знак «плюс» ( + ), это означает, что доступны шаблоны панели инструментов. Щелкните знак «плюс», чтобы развернуть список шаблонов, выберите шаблон и нажмите кнопку создать.

в Обозреватель решенийщелкните правой кнопкой мыши папку проекта (например, WindowsApplication1).

В контекстном меню выберите Добавить, а затем выберите Добавить новый элемент.

В области шаблоны выберите тип ресурса, который вы хотите добавить в проект.

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

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

Как сделать иконку для ярлыка

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

Обратите внимание, что значки для ярлыка могут быть только такими размерами: 16х16, 32х32, 64х64 и 128х128 пикселов.

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

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

Добавляем картинку для ярлыка

В этом разделе урока мы уже будем изменять картинку ярлыка. Как видите на скриншоте ниже, у меня создался ярлык вообще с белым листом. Одним словом, меня это не впечатляет.

Иконку мы уже сделали в формате ICО в уроке выше. Теперь берем нужный ярлык и нам нем кликнем правой кнопкой мыши и выбираем «Свойства».

В окне, что выскочило, вы можете также выбрать стандартные значки, которые присутствуют в системе Windows. Но мы хотим добавить свою иконку, нажимаем «Обзор» и идем в нашу созданную папку за картинкой.

Находим нашу иконку и нажимаем «Открыть»

Для того чтобы сменить значок папки или ярлыка в операционной системе Windows необходимо:

Кроме этого, можно также воспользоваться картинками из файлов ПК с расширением icl или ico.

Изменение значков всех папок

Кроме возможностей, которые предоставляет операционная система, для изменения значков папок можно воспользоваться дополнительными приложениями, например, такие программы: TuneUp Utilities, Microangelo On Display, Stardock IconPackager и многие другие, которые можно без проблем найти в сети Интернет.

Смена значка, назначенного ярлыку

Для этого необходимо:

Как создать значок? Чтобы ответить на вопрос, как создать значок для папки (файла, ярлыка) рассмотрим 2 варианта:

Первый вариант

Второй вариант

С помощью бесплатной программы EasyPicture2icon для Windows XP, 7, Vista, 2000.

В числе этих вещей – смена предустановленных иконок. Системные иконки на свои можем поменять:
В свойствах папок,

В свойствах ярлыков,

В параметрах значков рабочего стола для системных элементов.

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

1. Веб-сервисы иконок

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

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

Так, отправив в редактор свою картинку, на выходе сможем получить файл формата «.ico» с нужным размером, скажем, 128х128. Базовые возможности сервиса бесплатны.

2. Утилита AveIconifier2

Это папка для временного хранения данных, и после каждого преобразования готовые иконки из неё нужно перемещать в другое какое-нибудь место.

3. Штатные средства Windows

Устанавливаем выделение: обрамляем акцентный объект, но так, чтобы он был не прямо по центру, а справа оставалось чуть больше ненужного фона. Жмём кнопку обрезки.

В проводнике активируем отображение расширений файлов.

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

Здравствуйте, друзья!
Порой нашу скучную систему хочется немного приукрасить.
Давайте начнем с самого простого, но не менее полезного — научимся изменять внешний вид папки.

Что-бы изменить внешний вид папки, существует достаточно простой способ с привлечением стандартных средств Windows.

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

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

Скачиваем и распаковываем архив. Теперь нажимаем «обзор» и выбираем в моей папке любой понравившийся значок.

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

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

Сегодня нам предстоит узнать, что такое иконка для папки. Вообще, с данным объектом знаком даже начинающий пользователь. Только не каждый знает, что можно редактировать иконки. Как сделать это? Давайте попробуем разобраться в этом вопросе. Это не так уж и трудно, если знать, с чего начинать.

Описание

Изменение из стандарта

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

Рисунок или загрузка

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

Как создать иконку для вашего проекта: советы и полезные сервисы

Сделать иконку (значок) папки из своей фотографии можно в стандартной программе – Paint, которая у каждого должна быть в операционной системе windows 7

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

Вот небольшой пример. Такой вид папки ускоряет поиск среди большого количества похожих папок.

Найти программу “Paint“ можно через “Пуск” и “Все программы” Запустите её и перетащите рисунок в окно программы. А ещё проще, это вызвать контекстное меню, щёлкнув по изображению, которое хотите поставить в роли значка, правой клавишей мышки. Выбираем пункт “Изменить” Откроется программа “Paint“

Что такое иконка

Создаём значок в программе Paint

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

Обрезаем. На панели программы выбираем инструмент “Выделить” В параметрах выделения указываем фигуру “Прямоугольная область” Левой клавишей мышки выделяем фрагмент фото. Удерживая клавишу, смотрим, как изменяется размер в нижней панели программы.

Подогнали размер, жмём кнопку “Обрезать“

Теперь фотография получилась квадратная, продолжаем.

После обрезки меняем размер будущего значка. Жмём “Изменить размер” Изменяем в пикселях и вводим размер 64 по вертикали и горизонтали. Сохраняем “ОК“

Осталось только сохранить готовый значок на рабочий стол или какую-нибудь папку. Сохранять изображение будем в формате “ВМР”.

Как создать собственную уникальную иконку

Файлы иконок для Windows создаются при помощи специальных программ. В качестве картинки можно использовать любое понравившееся изображение (например, фотографию любимой кошки). Программ для создания иконок существует много. Одной из них является Easy Picture2Icon. Это не самая функциональная программа, зато она является бесплатной, простой в использовании, занимает мало дискового пространства и позволяет создавать иконки размером 16Х16, 32Х32 и 48Х48 из фотографий форматов JPEG, GIF, PNG, BMP. • Easy Picture2Icon
:

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

Анализ ассоциаций

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

Как изменить иконку папки или ярлыка

Для того чтобы поменять стандартную иконку папки или ярлыка на другую, необходимо щелкнуть по нему правой кнопкой мышки, в открывшемся контекстном меню выбрать пункт «Свойства». Затем …
Для папки: в открывшемся окне перейти на вкладку «Настройка», нажать на кнопку «Сменить значок», в окне «Искать значки в следующем файле» указать необходимый файл иконки и подтвердить внесение изменений (см. изображение, для увеличения нажмите на него мышкой).

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

Экспорт (сохранение) иконки в нужном формате

Это всё, но осталось правильно сохранить. В «Gimp 2.8» нужно экспортировать, это можно сделать нажав на верхнем баре кнопку «Файл» и выбрав «Экспортировать».

Открывается окно с сохранением работы. Обратите внимание, название файла не имеет значения, оно может быть любым, а формат должен быть только «.ico», как на скриншоте.

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

То есть, первое «отделение» с пятью картинками должно быть «8 bpp», второе — «24 bpp», а третье — не изменяйте. Всё, поздравляю вас, теперь вы умеете делать качественные «.ico». Вот пример использования этой иконки интегрированной в программу.

Я приму вашу критику, помогу разобраться если вы что-то не поняли. Спасибо за внимание.

Как изменить иконку файла

Как уже было сказано выше, в операционной системе Windows поменять иконку можно не для какого-то конкретного файла, а для всех файлов определенного типа одновременно. Чтобы поменять значок для определенного типа файлов в Windows XP
:

1. Открыть любую папку или раздел, один раз щелкнуть левой кнопкой мышки по пункту «Сервис», находящемуся в верхней части открытой папки, и в появившемся списке выбрать пункт «Свойства папки» (
см. рисунок
). 2. В открывшемся окне перейти на вкладку «Типы файлов» и в окошке с названием «Зарегистрированные типы файлов» выделить (одним щелчком мышки) тип файлов, для которого необходимо сменить значок, затем нажать кнопку «Дополнительно», находящуюся под этим окошком (см. изображение). 3. Откроется еще одно окно с названием «Изменение свойств типа файлов», в котором нужно нажать кнопку «Сменить значок…» и в проводнике указать на новый файл иконки, которую необходимо присвоить этому типу файлов, затем подтвердить внесение изменений.Чтобы поменять значок для определенного типа файлов
в Windows Vista / 7 / 8
понадобится специальная утилита, поскольку необходимые штатные средства в этих версиях Windows отсутствуют.

Утилита называется Default Programs Editor. Она представляет собой единый файл и не требует установки. Просто скачайте ее и запустите двойным щелчком левой кнопки мышки.
• Default Programs Editor
:

⇒
В окне утилиты необходимо нажать «File Type Setings», а на следующем этапе — «Icon». Появится окно со списком типов файлов. В нем необходимо выделить тип файлов, для которого нужно поменять иконку (одним щелчком левой кнопки мышки), после чего нажать кнопку «Next» (см. изображение). На следующем этапе нужно нажать кнопку «Browse…», в открывшемся проводнике указать на новый файл иконки и подтвердить внесение изменений.

Ставим свой значок на папку

Всё заготовка есть, применяем её к папке. Наводим курсор на любую папку и правой клавишей мышки вызываем меню. В самом низу списка заходим в пункт “свойства ” Далее “Настройка ” И внизу кнопка “Сменить значок.. “

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

Кстати в проводнике вы его можете не найти, так как наше изображение не является значком формата “ico

” Чтобы его увидеть выберите отображать “Все файлы *.* “

Теперь всё в порядке, жмём “ОК

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

Но это ещё не всё. Собственные иконки можно применить и к ярлыкам. Смотрите, как они выглядят на моём рабочем столе.

Хитрость, которая сделает Ваш компьютер бессмертным!

Сегодня мои коллеги из команды Клабпрофи, впервые рассказывают о хитрости, которая делает Ваш компьютер неуязвимым к любым невзгодам:

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

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

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

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

Одними из основных компьютерных понятий являются такие вещи как файл, ярлык, и папка.

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

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

Определите приоритетность размера

Существует два подхода к создания иконки.

Первый: создать ее в большом размере с максимальной детализацией, а на ее основе уже проработать варианты меньшего размера и более схематичного вида. Второй – противоположен первому: сначала создается иконка наиболее часто используемого размера, а уже путем добавления или убавления деталей прорабатываются остальные варианты. Какой путь выбрать? Решайте сами, оба варианты рабочие.

Поменьше деталей

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

Вторая иконка приложения смотрится лучше за счет простоты и минимализма.

Material Icon Maker

Для создания новой иконки приложение Material Icon Maker предлагает всего 4 простых шага:

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

Исследование конкурентов

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

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

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

Iconic

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

Для отрисовки ярлыков приложение содержит удобные инструменты:

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

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