Как в html документе сделать толщину кисти

Изменение мазков векторной кисти

Мазок векторной кисти, примененный к странице, остается полностью редактируемым. Чтобы его изменить, необходимо предварительно его выделить. На контекстной панели инструментов можно изменить жирность мазка или его цвет. На панели «Мазок» можно изменить его профиль, а на панели «Кисти» можно сменить кисть.

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

Параметры

В диалоговом окне «Кисть», в разделе Мазок доступны приведенные далее параметры.

• Ширина кисти : используется для установки размера мазка.
• Отклонение размера : используется для установки величины допустимого отклонения ширины кисти в процессе рисования мазка.
• Отклонение непрозрачности : используется для установки величины допустимого отклонения прозрачности в процессе рисования мазка.
• Во всплывающем меню контроллера размер и непрозрачность кисти меняются в соответствии с заданными параметрами: «Нажим» для планшетов со стилусом и устройств с технологией Force Touch и «Скорость» или «Инверсия скорости» при использовании мышей или трекпадов.
• Во всплывающем меню контроллера размер и непрозрачность кисти меняются в соответствии с заданными параметрами: «Нажим» для планшетов со стилусом и «Скорость» или «Инверсия скорости» при использовании мышей. Последние два параметра используются для имитации нажима относительно скорости движения мыши. Нажмите значок профиля смежного линейного градиента, чтобы выбрать стандартный профиль среди расположенных ниже пиктограмм или создать собственный, используя диаграмму линейного градиента. Перемещайте узлы круглой формы для изменения формы линейного градиента, добавляйте узлы, нажимая точки на линии, или выделяйте узлы для их удаления с помощью (упрощение линейного градиента). Установите флажок для параметра Линейная для того, чтобы узлы были соединены прямыми линиями. Если флажок не установлен (нелинейная), узлы будут соединены плавными кривыми.
• Во всплывающем меню профиля можно задать поведение контроллера.
• Основная часть : определяет способ рисования центральной части мазка по всей длине.
• Углы : определяет способ прорисовки углов мазка.
• Смещение головки : устанавливает точку перехода, в которой головка переходит в основную часть.
• Смещение хвоста : устанавливает точку перехода, в которой основная часть переходит в хвост.
• Чтобы установить длину основной части кисти, перетащите красные пунктирные линии на нижнюю часть области просмотра. Значения параметров «Смещение головки» и «Смещение хвоста» будут обновляться в соответствии с изменением положения.
• Сбросить : используется для возврата всех параметров мазка к настройкам сохраненной ранее предустановки кисти.
• Дублировать : используется для сохранения текущих параметров мазка в качестве предустановки кисти.
• Закрыть : используется для выхода из диалогового окна и применения параметров мазка к выбранному объекту.

1. Выберите инструмент «Векторная кисть» (если он еще не выбран).
2. Удерживая , наведите указатель на мазок кисти и нажмите.
3. На контекстной панели инструментов нажмите Дополнительно .
4. Выберите нужные параметры в разделе Начертание .
5. Нажмите Закрыть .

Можно рисовать на странице, пока открыто диалоговое окно «Кисть». К мазку будут применены текущие параметры, заданные в диалоговом окне. Таким образом, можно регулировать все параметры кисти в процессе рисования для повышения эффективности.

Дополнительную информацию о сохранении параметров в виде предустановок см. в разделе Создание пользовательских кистей.

ТАКЖЕ СМ.:

• Мазки кисти рисования
• Создание пользовательских векторных кистей
• Инструмент «Векторная кисть»
• Панель «Кисти»

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

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

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

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

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

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

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

1. На панели Кисти выберите кисть и нажмите Изменить кисть .
2. В диалоговом окне нажмите Дублировать , а затем Закрыть .
3. Выберите новую кисть в нижней части панели и нажмите Изменить кисть еще раз.
4. Выберите нужные параметры в диалоговом окне. Дополнительную информацию см. в разделе Изменение кистей.
5. Нажмите Закрыть .

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

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

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

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

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

1. Создайте основную кисть или дублируйте выбранную кисть на панели Кисти .
2. Выберите новую кисть и нажмите Изменить кисть .
3. Откройте вкладку «Подкисти».
4. Нажмите Добавить растровое изображение , выберите NIB-файл для своей подкисти и нажмите Открыть .
5. Дважды нажмите на запись кисти в окне, чтобы запустить редактор подкисти.
6. Настройте параметры подкисти, как для базовой кисти, и нажмите Закрыть .
7. В диалоговом окне «Изменение кисти» настройте следующие параметры подкисти.
   • Рисование : этот параметр используется для управления местом использования подкисти по отношению к основной кисти.
   • Наложение : этот параметр определяет способ наложения подкисти на основную кисть.
   • Синхронизировать размер : если этот параметр включен, он используется для установки ширины мазка по умолчанию, равной ширине мазка основной кисти.
   • Синхронизировать интервал : если этот параметр включен, он используется для установки расстояния между точками наконечника, равного тому же расстоянию для основной кисти.

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

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

Переместите кисти в любую созданную категорию, нажав и выбрав имя категории в пункте меню Переместить кисть в категорию . Пользовательским категориям присваивается условное имя «Кисти», «Кисти 2», «Кисти 3» и т. д.

ТАКЖЕ СМ.:

• Панель «Кисти»
• Изменение кистей
• Растрирование

Как в html документе сделать толщину кисти

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

Рисунок 4.16. Диалог описания анимированой кисти

Этот диалог появляется тогда, когда изображение сохранено как поток изображения GIMP .

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

Растояние (процент)

Определяет растояние между последовательными отпечатками кисти в одном мазке. Об этом легче думать как о печати, вне зависимости от инструмента рисования. Если растояние мало, то печати будут лежать близко друг к другу, и мазок будет казатся сплошным. Если растояние велико, печати лежат отдельно. Диапазон значений от 1 до 200, где под 100% принимается размер диаметра кисти.

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

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

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

На пример, нужно получить кисть размером 100×100 точек с восьмью разными аспектами. Это можно взять из слоя в 400×200 точек или из слоя в 300×300 точек, не используя одну ячейку.

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

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

Измерения, порядки, выделения

Ниже следует описание работы GIMP для того, чтобы понять, как распределить ячейки и слои.

GIMP берёт ячейки из каждого слоя и кладёт их на стек по принципу первый внутрь — первый наружу. Первая ячейка считается на верху стека. В примере с четырьмя слоями и двумя ячейками стек получается следущий (сверху вниз): первая ячейка первого слоя, вторая ячейка первого слоя, первая ячейка второго слоя, вторая ячейка второго слоя, . вторая ячейка четвёртого слоя. Результат не меняется от того, сколько ячеек в слою. Стек можно увидеть в диалоге слоёв .gih файла.

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

В компьютерной науке массив в трёх измерениях имеет форму « массив(x,y,z) ». Двухмерный массив легко представить: на бумаге это строки и столбцы

Для трёхмерных массивов говорят не об строках и столбцах, а об Измерениях и Порядках . Первое измерение идёт по x, второе — по y, третье — по z. У каждого измерения есть порядок ячеек.

Чтобы заполнить этот массив, GIMP берёт ячейки с верха стека. Это напоминает одометр: сначала изменяются малозначащие цифры, а когда они достигают максимального значения, изменяется следующее по значимости число. Так, для массива (3,2) вы получите последовательность (1,1),(1,2),(2,1),(2,2),(3,1),(3,2).

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

• Постепенный : GIMP выбирает порядок из измерения согласно последовательности, по которой эти порядки сохранены в измерении.
• Случайный : GIMP выбирает порядок случайным образом.
• Угловой : GIMP выбирает порядок согласно углу движения кисти. Первый порядок берётся для направления 0°, вверх. Другие порядки используются в диапазоне до 360°/число порядков, считая против часовой стрелки. Так, с четырьмя порядками в измерении, угол изменится до 90° против часовой стрелки на каждое изменение направления. Второй порядок изменится до 270° (-90°) (влево), третий — до 180° (вниз), а четвёртый — до 90° (вправо).
• Скорость , Давление , наклон по x и y — параметры для графических планшетов.

Изготовление одномерного изображения

Ниже мы покажем на примерах, для чего всё это годится. Вы можете вставить в новое измерение новые свойства кисти.

Начнём с одномерной кисти, которая позволит нам изучить работу режимов выделения. Мы можем представить это, как показано здесь:

1. Откройте новое изображение с размером 30×30 точек, RGB с прозрачным заполнением. Используя инструмент Текст, создайте слои « 1 », « 2 », « 3 », « 4 ». Удалите слой фона.
2. Сохраните это изображение сначала с расширением .xcf , а затем как .gih .
3. Открывается диалог « Сохранить как »: выберите, куда сохранить изображение. Нажмите Сохранить . Появится диалог GIH: выберите промежуток 100, дайте название в поле ввода, размер ячейки 30×30, 1 измерение, 1 порядок и « Постеренное » для выделения.Нажмите Сохранить .
4. У вас могут возникнуть трудности при сохранении прямо в директорию кистей GIMP . В этом случае сохраните .gih вручную в директорию gimp/gimp 2.0/brushes . Затем идите обратно в панель инструментов GIMP , нажмите на кнопку кистей, чтобы открыть диалог кистей и нажмите кнопку Обновить . Новая кисть появится в окне кистей. Выберите её, потом выберите, к примеру, инструмент Карандаш и нажмите и держите его на новом изображении:

Анимированная кисть с тремя измерениями

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

Первым делом необходимо определить нужное число изображений. Мы резервируем первое измерение (x) для направления кисти (4 направления). Второе измерение (y) будет для чередования левый/правый. Третье измерение (z) будет использовано для цвета. Такую кисть можно представить трёхмерным массивом «myarray(4,2,2)»:

В первом измерении (x) есть 4 порядка, во втором (y) — 2 и в третьем (z) — 2. Видно, что есть 4x2x2 = 16 ячеек. Поэтому необходимо 16 изображений.

1. Создание изображений одного измерения (x) : Откройте новое изображение размером 30×30 точек, RGB с прозрачным типом заполнителя. Нарисуйте левую руку с пальцами вверх. Используйте масштаб для точного рисования. Сохраните изображение как handL0k.xcf (левая рука, 0° поворота, чёрная). Откройте диалог слоёв. Нажмите дважды на слой чтобы получить диалог свойств слоя и переименуйте его на handL0k. Сдублируйте слой handL0k, сделайте только его копию видимой и выберите её. Переименуйте его на handL-90k. Примените команду Слой → Преобразование → Повернуть на 90° против часовой стрелки . Повторите те же операции для создания handL180k и handL90k.
2. Создание изображений двух измерений (y) . У этого измерения в нашем пример два порядка — для левой стороны и для правой. Первый порядок, левый, уже существует. Мы построим правый порядок с помощью горизонтального отражения. Сдублируйте слой handL0k, сделайте только его видимым и выберите его. Переименуйте его на handR0K. Примените команду Слой → Преобразование → Отразить горизонтально . Повторите ту же операцию над другими слоями слева, чтобы создать им правосторонний эквивалент. Пересортируйте слои, чтобы получить вращение против часовой стрелки сверху вниз с чередованием слева направо: handL0k, handR0k, handL-90k, handR-90k, . handR90k.
3. Создание изображений трёх измерений (z) . У третьего измерения два порядка, один для чёрного цвета, другой для синего. Первый порядок, чёрный, уже существует. Видно, что изображения третьего порядка — синие копии изображений второго порядка. Таким образом получаются 16 изображений. Для удобства управления, мы используем слои с двумя изображениями. Выберите слой handL0k и сделайте только его видимым. Измените размер холста до размера 60×30 точек с помощью меню Изображение → Размер холста . Сдублируйте слой hand0k. В копии залейте руку синим с помощью инструмента Плоская заливка. Теперь выберите инструмент Перемещение. Нажмите на него дважды, чтобы получить доступ к его параметрам. Выберите параметр « Переместить активный слой ». Переместите синюю руку в правую часть слоя. Для точного позиционирования используйте масштаб. Убедитесь, что только handL0k и его синяя копия показаны. Нажмите правой кнопкой на диалоге слоёв. Примените комманду « Слить видимые слои » с настройкой « Расширить по мере надобности ». вы получите слой размером 60×30 точек с чёрной рукой слева и синей рукой справа. Переименуйте его на handL0. Повторите эту операцию над другими слоями.
4. Установить слои по порядку : слои должны быть установлены по порядку, чтобы GIMP мог найти необходимое изображение во время использования кисти. Наши слои пока в порядке, но необходимо понимать, как их растанавливать по порядку. Есть два способа представления процесса упорядочивания. Первый способ — математический: GIMP сначала разбивает 16 слоёв на 4. Это даёт 4 группы по четыре слоя каждая в первом измерении: каждая группа представляет собой направление кисти. Затем GIMP делит каждую группу на 2. Это даёт 8 групп по 2 слоя каждая во втором измерении: каждая группа представляет собой чередование Л/П. Последуещее деление на 2 для третьего измерения представляет собой цвет, выбранный случайно между чёрным и синим. Второй способ — зрительный, используя представление массива. Соотношение между двумя методами показано в следующем изображении:

Как GIMP читает этот массив?: GIMP начинает с первого измерения, которое указано как « угловое », на пример -90°. В этом порядке -90° (жёлтый), во втором измерении он выбирает чередование Л/П « постеренным » образом. Потом, в третьем измерении, случайным образом, он выбирает цвет. И наконец, слои должны быть в следующем порядке:

• Измерение 1: 4 порядка Выделение: Угловое
• Измерение 2: 2 порядка Выделение: Постепенное
• Измерение 3: 2 порядка Выделение: Случай

Сохраните .gih файл в папке кистей GIMP и обновите список кистей. Теперь новую кисть можно использовать.

Рисунок 4.17. Вот результат штрихования кистью эллиптичесого выделения:

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

Как в html документе сделать толщину кисти

Рисунок 7.23. Диалог выбора кисти

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

3.2.1. Активация диалога

Диалог кистей можно прикрепить на панель. Более подробно об этом написано в разделе Диалоги и панели. Вызывается диалог кистей несколькими способами:

• Через меню панели инструментов: Файл → Диалоги → К исти .
• Через меню панели инструментов: Файл → Диалоги → Создать новую панель → Кисти, шаблоны и градиенты . С помощью этого пункта меню создается панель, содержащая три диалога, один из которых является диалогом выбора кистей.
• Через панель инструментов, нажав на индикатор кисти в области Кисти/Шаблоны/Градиенты.
• Через меню изображения: Диалоги → К исти .
• Через меню закладок на любой панели: Добавить закладку → К исти .
• Через диалог «Параметры инструментов» для любого из инструментов рисования, нажав на кнопку со значком кисти. Обратите внимание, на то, что при определенных настройках кисть, выбранная таким образом, может применяться лишь к активному инструменту, а не ко всем инструментам рисования. Для получения дополнительной информации смотрите раздел Настройка параметров инструментов.

3.2.2. Использование диалога кистей

3.2.2.1. Режимы списка и таблицы

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

В том же меню закладки, при помощи пункта Размер пред. просмотра можно указать размер изображения кисти.

Рисунок 7.24. Диалог выбора кистей

Использование диалога выбора кисти (режим таблицы)

Диалог выбора кисти (режим списка)

Режим таблицы

В верхней части диалога содержится имя активной кисти и её размер в пикселах.

Ниже находится таблица со всеми доступными кистями, причем выбраная кисть выделена контуром. Если вы видите маленький знак «+» правее кисти, это означает, что кисть больше, чем ее изображение в списке. Маленький красный треугольник означает, что эта кисть анимированная («image hose»). Нажав один раз на изображении кисти вы сделаете её активной. Двойное нажатие открвыает редактор кистей.

В большинстве случаев диалог работает одинаково и в режиме списка, и в режиме таблицы, однако есть исключение:

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

3.2.2.2. Buttons at the bottom

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

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

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

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

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

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

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