Часть 4.Изучаем панель инструментов

  Это последний урок посвящённый знакомству с панелью инструментов Paint.NET. 

На очереди инструмент "Пипетка".

[показать]

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

[показать]

  Узнаёте?  Если нет, посмотрите ещё раз на предидущую картинку.  Да, да, это увеличенное в 32 раза изображение обведённой красным кружком пипетки.  Теперь вы видите, что из себя представляет растровое изображение без прикрас.  Те участки пипетки, которые казались нам однотонными, на самом деле состоят из множества близких, но всё же отличающихся цветов.

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

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

[показать]

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

[показать]

  Это меню позволяет настроить какой инструмент у нас станет активным после добавления цвета пиксела в палитру.  Предлагается три варианта: после щелчка по выбраному цвету остаётся пипетка, включается инструмент который был выбран до "Пипетки" и наконец переключение на инструмент "Карандаш".  Третий режим представляется самым логичным.  Действительно, пробу цвета брали для того что бы перекрасить другой пиксел, вот нам тут же и всунут в руку карандаш, чтобы покрасить выбраным цветом нужные квадратики.  

  Следующий инструмент нашего курса - "Замена цвета".  Честно скажу, почему он называется "Замена цвета", не соображу.  Работает этот инструмент несколько иначе, чем может показаться из названия.  Но всё по порядку. 


  [показать]

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

[показать]

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

[показать]

  Во первых, нужно определиться какой цвет мы хотим убрать, а какой вместо него вставим.  Для этого идём в панель "Палитра" и назначаем цвета.  В левом верхнем углу палитры есть два квадрата, один наложен на другой.  Верхний квадратик указывает на основной цвет, а нижний на дополнительный.  Основным руководит левая кнопка мыши, а вспомогательным правая.  При работе с "Заменой цвета", ситуация меняется.  На левую кнопку вешаем цвет который хотим вставить, на правой же цвет, который хотим заменить. 
  Давайте перекрасим "наркошу" в зелёный цвет.  Можно конечно взять "Кисть", увеличить картинку и аккуратно начать закрашивать бледное тельце.  Можно, но хлопотно.  Кисть неизбежно будет заезжать на контуры, или наоборот не прокрашивать некоторые участки, в общем "Замена цвета" предоставляет более скоростной способ.
  
  Применяем.  Как назначить меняющий цвет?  Просто заходим в палитру и кликаем левой кнопкой по зелёному цвету. 
Теперь выберем заменяемый цвет.    Выбираем "Пипетку", кликаем правой  кнопкой по белому цвету на картинке и видим, что в палитре дополнительным, а в данном случае заменяемым становится белый, и снова выбираем "Замена цвета".   Далее, настроим чувствительность.  Мы уже сталкивались с этой настройкой, и всё же напомню принцип её работы.  Чувствительность определяет близость редактируемых цветов к назначенному.  В нашем случае назначенным является "Белый",  тогда при чувствительности "0" редактироваться, в данном примере заменяться, будет строго указаный оттенок белого.  Это очень узкий диапазон, пригодный только для попиксельного редактирования, ведь даже простой белый на картинке содержит в себе множество оттенков этого цвета.  Поэтому я предлагаю установить "20", при такой чувствительности гарантировано поменяется белый цвет, и гарантировано не будут затронуты остальные.

  И наконец ширина, так как инструмент работает избирательно, мелочиться не будем и поставим "100", так быстрее.  Теперь смело размахиваем инструментом по картинке, получаем...
  
[показать]

  Оцениваем результат как "хорошо".  Смотрите заменился только белый цвет, ни красный, ни жёлтый, чёрный и серый не заменились.

  И всё же однозначно "Заменой цвета" этот инструмент я бы не назвал.  Поставьте чувствительность на уровне "100" и закрасьте картинку снова.  Получим следующее...

[показать]

  На официальном англоязычном сайте создателей Paint.NET утверждается, что при 100% настройке чувствительности инструмент работает как "Кисть", то есть меняет все цвета, однако это не так.  И что бы убедиться в этом, возьмите зелёную кисть и поводите по картинке, видите разницу.  Здесь же эффект интереснее, он не заменяет цвета, а как бы смешивает, как если бы мы наложили зелёное стекло на изображение, при этом например красный глаз не изменился вообще.  Совершенно непрогнозируемый результат получился.

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

  Далее рассмотрим инструмент "Линия или кривая".  Мне очень понравилось обьяснение обьединения этих функций в одном инструменте на том же официальном сайте WarrenPaint.com.  Насладитесь: - "Прямая линия, есть частный случай кривой", и ведь не поспоришь.

[показать]

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

[показать]

  Оно задаёт стиль линии и состоит из трёх менюшек.

[показать]

  Первое меню задаёт начало линии, второе среднюю часть, третье соответственно конец линии.  Видно, что можно задать сплошную, и штрих-пунктирные варианты линии.  Кроме того в начале и конце есть возможность задать стрелки.  Понятно, что цвет задаётся в "Палитре".   Посмотрим пример создания линии.
 
[показать]

  В этом случае я выбрал чёрный цвет, толщина "10", начало и конец "Стрелка", середина "Сплошная".  Получилась прямая размерная линия.  Как сделать кривую.  Очень просто.  Обратите внимание на точки на концах и в середине прямой.  Если навести курсор на такую точку(узел), зажать её левой кнопкой мыши и начать двигать, линия начнёт трансформироваться по нашему желанию.
[показать]

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

  Следующая группа инструментов "Рисование фигур"

[показать]

  Есть четыре доступных варианта фигур: прямоугольник(квадрат, как частный случай), овал(круг), прамоугольник и произвольная фигура.  При вызове одного из инструментов смотрим в главную панель.  Видим три меню.  Опять же "Ширина" и "Заливка", их мы знаем, а вот первое меню уникально. 

[показать]

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

[показать]

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

[показать]

  Кликаем по пиктограмме "Градиент" и смотрим какие настройки нам предлагает Paint.NET.  Во первых пять типов заливки.  Вот пример ромбовидной заливки.

[показать]

  Красота, не правда ли?  Но не только для красоты нужен градиент.  Этот инструмент помогает создавать иллюзию объёма.  Посмотрите, я сделал в три клика заготовку для кнопки скроллинга,  подработать края, нанести насечку и полноценная кнопка готова.

[500x]

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

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