Иконка png внимание: Иконки внимание — 7,305 бесплатных иконок — Независимое театральное объединение "Зрительские симпатии"

Содержание

Язык иконок: самоучитель

Как использовать пиктограммы в презентациях.
Тренируемся на кошках и лосях

Татьяна Проскурина

Дизайнер

От автора. Мотивирующее предисловие

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

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

У языка иконок есть преимущества перед немецким. В нём нет артиклей, нет огромных слов в половину строки и нет странных временных форм. Главное преимущество — его вообще не надо учить. Надо просто начать на нём говорить.

Глава 1. Лексика. Разберитесь, зачем вам иконки

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

Ответ прост. Задача слайда — сделать идею наглядной, визуализировать смысл. И здесь возникают три цели.

Удержать внимание аудитории

Мы все визуалы. Ленивые визуалы. Нас разбаловали соцсети, фильмы-сериалы и книжки в кратком пересказе. Наше поколение уже не приспособлено, даже не способно, изучать длинные полотна текста размером в 100 или 1000 страниц.

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

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

Донести свою мысль

Самая базовая вещь, которую вы обязаны сделать — структурировать ваш текст. На блоки и пункты. Чем структурированнее материал, тем легче его понять. Аудитория за вас этого не сделает. Вы должны поднести информацию на блюдечке с золотой каёмочкой. Дайте зрителям точки опоры и обозначьте основные пункты. Иконки послужат вам красной строкой: они визуально разделят контент на слайде и расставят акценты.

Ускорить восприятие идей

Мы получаем около 90% информации через визуальные каналы (великие британские ученые). Грузить мозг мы не любим. Emoji считываются быстрее слов. Иконки на слайдах считываются быстрее, чем текст. Иконка с небольшим поясняющим текстом «дойдёт» быстрее, чем просто набор слов.

Глава 2. Орфография. Изучите базовые правила работы с иконками

Выбирайте иконки одного типа

Условно все их можно разделить на 4 категории:

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

Вот так ещё страшнее. Контурная иконка контурной иконке рознь. Следите за тем, чтобы контуры были одной толщины.

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

Придерживайтесь единства цветовой гаммы

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

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

Делайте иконки визуально равнозначными

Размер и выравнивание должны быть (спасибо, кэп). Задайте себе параметры максимальных ширины и высоты иконки и мысленно придерживайтесь их.

Что касается выравнивания. Настройте сетку и направляющие, если вы ещё как-то без них живёте. Если скачиваете иконки в PNG, обрезайте их так, чтобы по бокам не оставалось пустого пространства. Дальше выравнивайте объекты, как душе угодно.

Подкрепите иконку текстом

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

Глава 3. Стилистика. Избегайте шаблонных иконок

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

То же самое с презентациями. Воспринимайте их как искусство: избегайте очевидного. Мода на реализм прошла. Включайте в себе Дали.

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

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

Подумайте о метафорах

Ищите картинку того, что всплывает в мозгу первым, когда вы слышите слово.

Используйте многозначные слова

Если вам надо отрекламировать магазин бензопил «Пила 2», ищите иконку женщины со скалкой в руках.

Подберите тематические иконки

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

Не ограничивайте себя:-)

Глава 4. Грамматика. Ищите иконки на правильных ресурсах

На запрос «download icon» Google выдаёт около полумиллиарда ссылок. На самом деле, в 99% случаев достаточно будет и одного-двух сервисов. Чаще всего я пользуюсь Flaticon. На сайте около 250 тысяч иконок, и если вы не ищете что-то нишевое, то вам сюда. Можно отсортировать иконки по цвету, а потом выбрать: контурные или с заливкой.

Заполярье от Flaticon. Оленей с буквой S можно скачивать, имея базовый аккаунт.

Если вам, как когда-то мне, понадобится иконка человека в мусорном контейнере (или что-то более экзистенциальное) — переходите на The Noun Project. База иконок сервиса в разы больше, чем у Flaticon. Но возможности их фильтровать нет, поэтому готовьтесь искать иголки-иконки в стоге сена. Могут попасться крутые. Ещё минус — перекрашивать изображения в бесплатном аккаунте нельзя.

The Noun Project специализируется на черно-белых иконках. Олени есть и с интеллектом на мордах, и без.

К слову о стоимости использования сервисов. Если хотите пользоваться бесплатными версиями, то по правилам сайтов должны указывать ссылки с именами авторов (хотя nobody cares). Платные подписки на The Noun Project и Flaticon стоят по $ 10 в месяц, смотрите сами 🙂

Скачивать иконки на Flaticon можно в PNG, EPS, PSD и SVG. Если хотите послать все три буквы на три буквы — маленький экскурс:

В формате PNG вы скачиваете нередактируемое изображение нужного вам размера и цвета без фона
В EPS вы скачиваете чёрное нечто, с чем можно работать напрямую в PowerPoint
PSD и SVG можете забыть, в PowerPoint не пригождается

Очень долго я работала по схеме «Найти иконку на Flaticon → выбрать PNG → перекрасить → скачать → вставить». Это очень простой и классный вариант, но не лишённый недостатков. Если вы сделали презентацию с классными красными иконками, а потом решили изменить цветовую гамму на условный фиолетовый, придётся всё скачивать заново. Звучит не очень страшно, пока количество иконок не приблизится к сотне.

Сейчас я предпочитаю работать с EPS. EPS-изображения можно редактировать прямо в PowerPoint, и это, кажется, секретная функция (про которую молчит даже техподдержка Microsoft). Так что только сегодня и только сейчас:

Заходите на Flaticon, выбираете что-нибудь милое и скачиваете
Вставляете изображение на слайд
Кликаете правой кнопкой мыши – выбираете «Изменить рисунок», соглашаетесь со всем, на что ругается PowerPoint
Удаляете контуры у получившейся группы. Восхитительно! Теперь можно перекрашивать.

Работа с EPS — процесс более трудоёмкий, но усилия оправданные. Можно, извращаться с градиентами и с разноцветными заливками. Круто смотрятся, например, частично залитые контурные иконки. Но самое главное не как вставлять, а что. Поэтому уделите достаточное внимание первым трём главам этой статьи 🙂

Глава 5. Орфоэпия. Избегайте ошибок, которые портят слайды

Не помещайте много иконок на один слайд

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

Не оставляйте иконку на слайде одну

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

Не путайте иконки с буллет-поинтами

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

Знайте меру

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

Реинкарнация белых клипартовских человечков — это путь в ад

Простите за качество и водяные знаки, не хочу этой заразой диск засорять. Это результаты запросов «Manager», «Process», «Idea». Не надо возвращать 1997-й, пожалуйста! Ищите лучше, из 250 тысяч иконок можно выбрать что-то и без людей-светильников.

Брат, сила в иконках

Иконки – это хорошо. Они вдыхают жизнь в презентации и помогают аудитории оторвать глаза от телефонов.
Хорошие иконки надо искать на специализированных сайтах. Не скачивайте что-то шаблонно-стоковое. Визуализируйте смыслы, а не слова.
Заранее определитесь с цветовой гаммой и стилем иконок. Не используйте на одних и тех же слайдах контурные иконки и иконки с заливкой.
Не превращайте презентацию в выставку достижений народного хозяйства. Соблюдайте меру во всем: в цветах, в количестве иконок и в количестве слайдов с ними.
А теперь включите PowerPoint или Keynote и примените советы на практике.

Да пребудет с вами Flaticon.

Икономатик (Icon-O-Matic)

Содержание

Пиксельные иконки BeOS против векторных иконок Haiku
Иконки — это атрибуты
Создание иконок в Icon-O-Matic
Контуры
Форма
Стиль
Трансформаторы
Сохранение иконки
Полезные советы

Икономатик (Icon-O-Matic)

Расположение в Deskbar:		Приложения (Applications)
Расположение в Tracker:		/boot/system/apps/Icon-O-Matic
Настройки хранятся по адресу:		~/config/settings/Icon-O-Matic

Перед тем как мы подойдем к созданию иконок в Икономатике, скажем несколько слов о иконках Haiku в целом.

Вопреки традициям BeOS, в Haiku используются векторные иконки. Специальный формат векторных иконок Haiku (Haiku Vector Icon Format) (HVIF) был оптимизирован для небольших размеров файла и быстрой отрисовки. Это объясняет, почему наши иконки чаще всего значительно меньше чем иконки пиксельного или широко распространенного SVG-формата. Кроме того, в отличие от пиксельных иконок BeOS, иконки в Haiku не ограничены 8-битной палитрой (256 цветов).

Для примера сравним эти иконки Terminal:

Пиксельные	SVG	HVIF

1,024 байт + 256 байт	7,192 байт	768 байт

Обратите внимание, что в BeOS используется 2 версии иконки: одна размером 16×16, а вторая 32×32, для четкого отображения в режиме списка (List) и в режиме Иконки (Icon View mode).

Подобный трюк не нужен для векторных иконок. За счет повышения объема файла на несколько сот байт, векторные иконки масштабируются гораздо лучше, чем пиксельные (Замечание: BeOS позволял отображать иконки только двух размеров — 16×16 и 32×32.)

	16×16	32×32	64×64	128×128
Пиксельные
Векторные

Иконки сохранены в виде атрибута файла, к которому относятся. Правда это не значит, что каждый файл должен иметь такой атрибут, чтобы его иконка отобразилась в окне Tracker: файлы с данными наследуют свои иконки от своего типа файла. Чтобы глобально поменять иконку типа файла, вы можете воспользоваться панелью настроек Типы Файлов (FileTypes).

А если хотите назначить особенную иконку определенному файлу, вам следует воспользоваться Дополнение Тип Файла (FileType add-on) на этом файле. Смотрите Типы файлов (Filetypes) для дополнительной информации.

Будучи атрибутом, индивидуальная иконка для файла сможет сохраняться только в файловой системе, поддерживающей атрибуты. Так, если вы перемещаете файлы с вашего BFS-диска, упакуйте их в zip-архив, чтобы иконки или другие атрибуты не были потеряны.

Icon-O-Matic — это векторный редактор иконок для Haiku, который может сохранять ваши работы в формате HVIF, SVG или PNG. Иконка также может быть прикреплена как атрибут к существующему файлу или же экспортирована в виде ресурсного файла или файла исходного кода, используемых разработчиками. Оптимизация работы с HVIF отразилась на внутренней работе с ним.

В отличие от обычных векторных графических редакторов, вы не будете иметь дело с отдельными объектами, которые включают такие специфические свойства, как контуры, цвет штриха, его ширину, цвет заливки и др. Здесь вы будете составлять ваши объекты («формы» — «shapes») из общих контуров и цветов («стилей» — «styles») и устанавливать для них некоторые свойства. Многократное использование одних и тех же элементов — секрет эффективности HVIF. Хотя это и накладывает некоторые ограничения на разработку иконки, преимущества все же существуют.

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

Приведем краткий обзор окна Icon-O-Matic:

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

Каждый элемент имеет набор свойств, которые устанавливаются в панели Свойства (Properties) view.

Контур (Path)

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

Обычный клик на канве создаст первую точку. Во время добавления точки вы определяете, будет ли результирующая линия прямой или кривой: нажатие и отпускание кнопки мыши создаст прямую линию, удерживание нажатой кнопки мыши — кривую Безье. Разумеется, тип линии можно сменить позже.

Чтобы перейти от «A» к «B», вам необходимо изменить некоторые точки из угловых в точки кривых. Сделать это можно удерживая клавишу ALT во время клика на точке и перемещении опорных вершин. Результатом чего будет: вторая вершина переместится вместе с первой. Если потребуется перемещать опорные вершины независимо, снова кликните и протяните по опорной точке линии Безье, удерживая зажатой клавишу ALT.
И наоборот, для преобразования в угловую точку удерживайте нажатой клавишу ALT и кликните на нужной точке.

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

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

Текущий режим отображается указателем мыши:


Перемещение точек	Вставка точки	Добавление точки	Удаление точки CTRL	Прямая↔Кривая Безье ALT	Выделение точек SHIFT

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

Выбрать все (Select all)	ALT A	Выделяет все точки текущего контура.
Трансформация (Transform)	T	Помещает все выбранные точки в окно трансформации, в котором вы можете перемещать, масштабировать и вращать их все вместе. Принцип действия подобен принципу действия форм, описанному ниже.
Разделить (Split)		Разделяет выделенную точку на две, одна находится поверх другой.
Перевернуть (Flip)		Вращает выбранные точки на 180°. Имеет эффект только для точек кривых Безье.
Удалить (Remove)	DEL	Удаляет выбранные точки.

Меню Контуры (Path) содержит несколько простых элементов, таких как Добавить прямоугольник (Add Rectangle) и Добавить круг (Add Circle), Дублировать (Duplicate) и Удалить (Remove) путь. Приведем ниже еще несколько, для которых может понадобиться объяснение:

Обратить (Reverse)		Если контур не замкнут (смотрите Свойства Контуров ниже), клик на канве всегда присоединяет новую точку к последней добавленной. «Обратить» («Reverse») изменит этот порядок, и новая точка будет присоединена к начальной точке.
Оптимизировать (Clean Up)		Наиболее полезна для импортированных изображений SVG. Эта функция удалит избыточные точки.
Вращать начало контура вправо (Rotate Indices Right)	ALT R	Фактически, эта функция меняет точку начала контура. Ее действие заметнее всего на незамкнутых контурах со стилем и форме с трансформированным штрихом. Если в данный момент путь имеет следующий вид ⊂, эта функция будет менять начало контура в следующем порядке: ⊂ ∩ ⊃ ∪.
Вращать начало контура влево (Rotate Indices Left)	ALT SHIFT R	Производит те же действия, но в обратном порядке.

Свойства контура

Свойства (Properties) в верхней левой части окна позволяет настроить все доступные параметры выбранного в данный момент объекта. Контур имеет только 2 параметра: Имя (Name) и Замкнут (Closed) ли он или нет.

Форма (Shape)

Форма группирует между собой один или несколько контуров со стилем. Практически, это объект, который вы видите на канве. Группировка производится флажками, находящимися перед контурами стилями в списке: просто выберите вашу форму и отметьте желаемый контур (или контуры) и стиль.

Форма определяет каким образом контур и стиль будут применены. Например, объект может быть закрашен или только оконтурен (соответствующие настройки производятся с использованием трансформаторов (Transformers) над формами, о них мы поговорим позже). Кроме того, форма может быть перемещена, повернута и масштабирована без затрагивания использованного контура. Таким образом, вы можете многократно использовать один контур и получать различные, но и связанные формы.

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

Удерживание нажатой клавиши SHIFT заблокирует направление во время перемещения, ограничит шаг вращения 45° и сохранит соотношение сторон при масштабировании. Как и ранее, указатель мыши отображает текущий режим работы:


Переместить (Move)	Масштабировать (Resize)	Вращать (Rotate)	Переместить (Move) точку вращения

Формы лежат друг на друге, каждая — в своем слое, если хотите. Для их реорганизации перетащите нужную форму в другое место в списке.

Помимо упомянутых ниже возможностей, меню Форма (Shape) позволяет Добавить пустую (Add Empty), С Контуром/Стилем/Контуром и стилем (With Path/Style/Path&Style), а так же Дублировать (Duplicate) или Удалить (Remove) форму. Приведем оставшиеся:

Сбросить изменения (Reset Transformation)		Отменяет все перемещения, изменения масштаба и вращения, примененные к форме.
Применить изменения (Freeze Transformation)		Когда вы изменяете форму, контур, связанный с ней остается в прежнем месте. Возможно, этот контур используется где-либо еще, более чем в одной фигуре, возможно он просто нужен вам в таком начальном виде или вы использовали пункт меню Свойства \| Выровнять по сетке (Options \| Snap to Grid) для выравнивания точек по пиксельным границам. Если это не так, «Применить изменения» («Freeze Transformation») отнесет текущие изменения формы на связанный контур. Применение «Сбросить изменения» («Reset Transformation») будет отменять все изменения к этому сотоянию.

Свойства формы

Кроме Имени (Name), меню Свойства (Prioperties) для формы имеет следующие опции:

Минимальный УД (Min LOD)		Минимальный уровень детализации
Максимальный УД (Max LOD)		Максимальный уровень детализации

Уровень детализации (УД)

16×16	32×32	64×64

Заметили, что на 16px иконке BeVexed нет номеров? Это сделано с помощью свойства «Уровень детализации» («Level of Detail») для формы с номерами.
УД позволяет контролировать видимость формы, в зависимости от ее размера. Таким образом, вы можете убрать детали, которые хорошо смотрятся на большой версии иконки, и портят вид маленькой версии.

Как это работает: УД 1.0 определен как иконка размером 64px. Чтобы полудить УД для других размеров, просто поделите этот размер на 64, т.е. 16px иконка имеет УД 16/64 = 0.25. Форма не будет видна, если значение ниже Минимального УД (Min LOD) и выше Максимального УД (Max LOD).

Так, если вы установите для формы Минимальный УД (Min LOD) равный 0.0 и Максимальный УД (Max LOD) равный 0.5, то это значит, что форма размером меньшим либо равным 32px видны не будут. Если необходимо исключить размер 32px, выберите значение меньшее чем 0.5, скажем, 0.49.

УД используется не только для отображения форм, но и, например, для смены толщины штриха, если вам это нужно. Просто продублируйте форму, сделайте изменения, установите соотвествующие значения УД так, чтобы одновременно отображалась только одна форма. Здесь кроется возможная путаница, когда вы невольно перекрываете УД форм, и размышляете о том, почему при некоторых размерах обе формы остаются видимыми…
Например, если Форма 1 должна была быть видима при размере меньшем 48px и Форма 2 — при размере большем 48px (УД: 48/64 = 0.75):

	Верно		Не верно!
Форма 1	Минимальный УД	0.00	Минимальный УД	0.00
Форма 1	Максимальный УД	0.74	Максимальный УД	0.75

Форма 2	Минимальный УД	0.75	Минимальный УД	0.75
Форма 2	Максимальный УД	4.00	Максимальный УД	4.00

Стиль

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

Перетащите выбранный цвет в список стилей — будет создан новый стиль.

Если вы создаете градиент, установите его тип (Линейный (Linear), Радиальный (Radial), Ромбовидный (Diamond), Конусный (Cone)), а после этого определите начальные и конечные цвета. Сделать это можно, перетащив нужный цвет в соответствующий индикатор цвета под градиентом.
Разумеется, вы можете перемещать эти индикаторы для изменения вида градиется как посчитаете нужным. Чтобы добавить больше цветов — добавьте индикатор, дважды кликнув по градиенту. Нажатие клавиши DEL удалит выбранный индикатор.

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

Меню Стиль (Style) позволяет Добавить (Add), Дублировать (Duplicate) или Удалить (Remove) стиль и Сбросить изменения (Reset Transformation).

Свойства стиля

Имя (Name) — единственный пункт в меню Свойства (Properties) для стилей.

Трансформаторы (Transformer)

Трансформаторы (Transformers) могут изменять внешний вид форм. Однако, эффект от их применения несколько тоньше, чем превращение грузовика в боевого робота.

Обводка (Contour)		Добавляет обводку к форме.
Штрих (Stroke)		Штрихует контур фигуры, вместо закрашивания его стилем.

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

Свойства трансформатора

Кроме пункта Имя (Name) и текущей Ширины (Width) для трансформаторов, в меню Свойства (Properties) имеются следующие пункты (в зависимости от типа трансформатора могут слегка различаться):

Конец линий (Caps)		Только для штриха. Определяет форму конца линий: Встык (Butt), Квадратный (Square) or Скругленный (Round).
Определить положение (Detect Orient.)		Только для обводки. Определяет расположение обводки — внутри или снаружи контура.
Соединение (Joins)		Опрелеляет вид соединения линии и точки: Клин (Miter), Округлость (Round) или Скос (Bevel).
Допуск клина (Miter Limit)		Только когда вид Соединения (Joins) установлен как «Клин» («Miter»), определяет вид соединения клина.

Сохранение иконки

Сверху окна расположено привычные вам пункты меню: Файл (File), Правка (Edit), Параметры (Options). Их назначение говорит само за себя, поэтому рассмотрим лишь способ сохранения вашей работы.

Файл | Сохранить как… (File | Save As…) сохранит файл в специальном формате Icon-O-Matic, который позволяет хранить такую информацию как имена контуров, форм и стилей. Сохранять иконку в таком формате очень удобно — таким образом вы создаете резервную копию своей работы Эти данные удаляются для экономии пространства, когда вы экспортируете иконку. А работать с объектами названными «<path>/<shape>/<style>» довольно утомительно.

Файл | Экспортировать как… (File | Export As…) открывает диалог сохранения файла с меню, позволяющим выбрать следующие типы:

HVIF		Векторный формат иконок Haiku (Haiku Vector Icon Format)
HVIF RDef		Сохраняет ресурс, используемый программистами
HVIF Source Code		Сохраняет в виде файла с исходным кодом, используемом программистами
SVG		Сохраняет в формате SVG
PNG		Сохраняет PNG размером 64x64px
Набор PNG (PNG Set)		Сохраняет 16, 32 и 64px PNG
BEOS:ICON Attribute		Выберите файл для назначения ему иконки
META:ICON Attribute		Выберите файл для назначения иконки в виде метаданных

Полезные советы

Есть несколько вещей, которые вы должны помнить при работе с Icon-O-Matic и несколько советов, относящихся к ним:

Прочтите статью Icon Guidelines, чтобы узнать о таких важных характеристиках иконок Haiku, как перспектива, тени и палитра цветов Haiku.
Всегда старайтесь минимизировать использование контуров — они наиболее накладны в отношении объема данных. Многократно используйте одни и те же контуры — где это только возможно, а так же манипулируйте формами, а не трансформаторами. Мудрое применение градиентов так же поможет сохранить объем.
Где это возможно, включите режим привязки к сетке из меню Опции (Options), когда редактируете контуры. Точки контуров, выровненные по 64×64 сетке требует меньше пространства. Для получения наиболее четкого изображения, установите точки по границам пикселей. Например, важно выровнять наиболее выраженные элементы по сетке 16×16.
Проверяйте по предварительному просмотру, выглядит ли ваша иконка хорошо в размере 16×16. Возможно, вам понадобиться использовать Уровень детализации (Level Of Detail), описанный в разделе, посвященном формам.
Есть простой способ создания букв, несмотря на то, что в Icon-O-Matic этого не предусмотрено. Просто введите текст в любом текстовом редакторе, например, в StyledEdit, выберите шрифт и стиль и просто перетащите (или скопируйте и вставьте) его в Icon-O-Matic. Это создаст соответствующие контуры и формы.
Когда вы назначаете более одного контура для формы, их пересекающиеся зоны взаимоисключат друг друга. Когда один контур перекрывает другой — он практически создает дыру в результирующей форме.
Вы можете увеличивать и уменьшать масштаб канвы, прокручивая колесо мыши. Парнорамирование осуществляется нажатием и протягиванием средней кнопкой мыши, либо левой с удерживаемой клавишей SPACE.

12 830 значков внимания — бесплатно в SVG, PNG, ICO

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

Получить полный доступ

Внимание Значок

Внимание почта Значок

Внимание Значок

Внимание файл Значок

Внимание Значок

Знак внимания Значок

Внимание Значок

Внимание Примечания Значок

Внимание Значок

Треугольник внимания Значок

Внимание Значок

Внимание Документ Значок

Внимание Значок

Внимание Примечания Значок

Внимание Значок

Внимание Png — Предупреждение Плоский Значок Png

Вы здесь： Скачать клипарт » Внимание Png — Предупреждение Плоский Значок Png

Attention Png — Предупреждающий плоский значок Png является одним из клипартов по теме значок клипарт,праздничный клипарт,выпускной клипарт. Это изображение клипарта имеет прозрачный фон и формат PNG. Вы можете скачать (600×600) Внимание ПНГ — Предупреждение Плоский Значок ПНГ png картинки бесплатно. Это высокое качество и простота в использовании. Кроме того, найдите больше png клипарт о опасности клипарт, логотип клипарт, значки бизнес клипарт. Пожалуйста, не забудьте поделиться им с друзьями, если хотите.

Если вы обнаружите какие-либо неприемлемые изображения на ClipartMax.com, свяжитесь с нами, и мы примем соответствующие меры.

Отчет DMCA

Обратный поиск изображения

Скачиваний: 10

Разрешение: 600×600
имя: Внимание ПНГ — Значок Предупреждения Плоский ПНГ
Лицензия: Личное использование
Формат файла: PNG
PNG Размер: 9 КБ

Связанные теги：

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

Скачать PNG

Регистрация не требуется.