Окно инструментов

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

1. Выбор прямоугольной области

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

2. Перемещение выделенной области

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

3. Лассо

Инструмент выделения "Лассо" можно использовать для выделения произвольной области на изображении.

4. Перемещение области выделения

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

5. Выбор области овальной формы

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

6. Масштаб

Инструмент "Масштаб" может использоваться для увеличения (левая кнопка мыши) или уменьшения (правая кнопка мыши) масштаба изображения. С помощью этого инструмента так же можно приблизить отдельную область. Для этого, удерживая левую кнопку мыши, надо выделить соответствующую прямоугольную область.

7. Волшебная палочка

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

8. Рука

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

9. Заливка

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

10. Градиент

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

11. Кисть

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

12. Ластик

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

13. Карандаш

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

14. Пипетка

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

15. Клонирование

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

16. Замена цвета

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

17. Текст

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

18. Линия или кривая

С помощью этого инструмента можно рисовать прямые или кривые линии.

19. Прямоугольник

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

20. Прямоугольник с закругленными углами

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

21. Овал

Этот инструмент используется для рисования эллипсов и окружностей и кругов.

22. Произвольная фигура

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

Инструменты выделения

В Paint.NET существуют четыре инструмента выделения. В этом разделе описаны принципы работы первых трёх из них:

· Выбор прямоугольной области

· Выбор области овальной формы

· Волшебная палочка

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

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

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

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

Кроме обычно варианта выбора "замена", когда новая выбранная область отменяет предыдущий выбор, применение инструментов выделения возможно в четырех дополнительных режимах: добавление (объединение), вычитание, пересечение и инвертирование (XOR). Как использовать эти режимы с помощью комбинаций клавиш клавиатуры можно узнать в разделе Горячие клавиши в Paint.NET. Так же выделенные области могут быть повернуты или перемещены, а так же можно изменить их размер.

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

Для того что бы изменить конфигурацию уже выделенной области можно воспользоваться панелью управления (приведена на рисунке ниже) или использовать комбинацию клавиш клавиатуры в Paint.NET.

Для того что бы выделить две связанные или несвязанные между собой области можно так же удерживать нажатой клавишу Ctrl. Например, область, выделенная на рисунке слева, была получена путем последовательного использования инструментов "Выбор области овальной формы" и "Выбор прямоугольной области" в режиме добавление (объединение).

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

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

Четвертый вариант выделения нескольких областей - инвертирование (XOR) доступен кроме меню из панели инструментов, так же при нажатой клавише Alt и использовании правой, а не левой кнопки мыши. В этом случае останется активным только пересечение двух активных областей. Так если предыдущий пример использовать в режиме инвертирование, то результат будет таким, как на рисунке справа.

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

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

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

Инструменты перемещения

В Paint.NET существуют два основных инструмента перемещения:

· Перемещение выделенной области

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

· Перемещение области выделения

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

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

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

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

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

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

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

3. Поворот. Для осуществления поворота выделенной области перемещайте указатель при нажатой правой кнопке мыши. При повороте посередине выделенной области появится указатель в виде круга с чертой, которая будет показывать текущее состояние угла поворота выделенной области. Числовые значения угла поворота выделенной области можно увидеть в строке состояния Paint.NET.

Удерживая нажатой клавишу Shift , можно ограничить изменение угла поворота, кратное 15 градусам.

Волшебная палочка

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

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

Параметр "Чувствительность"

Аналогично с инструментом "Заливка", при использовании инструмента "Волшебная палочка", результаты выделения области могут отличаться в зависимости от того какой процент будет установлен в качестве параметра "Чувствительность". Пример зависимости результата от значения параметра "Чувствительность" можно проиллюстрировать на следующих трех рисунках. На трех приведенных ниже рисунках. Если мы хотим выделить небо на рисунке, то на первом (слева направо) из рисунков при значении параметра чувствительность 25% инструмент "Волшебная палочка" включает в выделенную область меньше, чем то, что было задумано. На втором рисунке при значении параметра чувствительность 50% инструмент "Волшебная палочка" включает в выделенную область больше, чем мы планировали. На третьем рисунке при значении параметра чувствительность 31% при помощи инструмента "Волшебная палочка" мы осуществили задуманное.

Выделение области сложением в несколько этапов

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

Выделение области путем вычитания

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

Выделение области вычитанием в несколько этапов

Инструмент "Волшебная палочка" позволяет включать или исключать области, содержащие похожие пикселя, "похожие" в переделах заданных значений параметра "Чувствительность". Для приведенного ниже примера наиболее оптимальным вариантом было выделить все изображение целиком. Выделить все изображение в Paint.NET можно из меню "Правка" - "Выделить все" или путем нажатия комбинации клавиш Ctrl+A. После этого черные участки изображения были исключены с использованием инструмента "Волшебная палочка". Для исключения использовалась, как описано выше, правая кнопка мыши и нажатая клавиша Shift.

Градиент

Инструмент "градиент" в Paint.NET позволяет нарисовать несколько вариантов плавных переходов. Использование режима прозрачность для инструмента "градиент" позволяет создавать плавные наложения нескольких изображений друг на друга.

Несколько типов инструмента "градиент" в Paint.NET

В Paint.NET существует пять типов заполнения инструментом "градиент", переключаться между которыми можно в панели инструментов Paint.NET.

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

Линейный градиент

Линейный отраженный градиент

Ромбовидный градиент

Круговой или радиальный градиент

Конический градиент

Как нарисовать градиент в Paint.NET

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

Цветовой режим градиента в Paint.NET

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

Режим прозрачности для градиента в Paint.NET

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

При использовании режима "прозрачность" в Paint.NET градиент будет представлять собой плавный переход от значения прозрачности (альфа) у основного цвета до обратного значения прозрачности (альфа), заданного у дополнительного цвета, в случае, если мы используем левую кнопку мыши. При использовании правой кнопки мыши все будет происходить наоборот. Проще говоря, если в качестве основного и дополнительного цвета заданы непрозрачные цвета, то изменение прозрачности будет происходить от значения 255 - полностью непрозрачный, до значения 0 - абсолютно прозрачный. Поскольку при данном типе градиента меняется только прозрачность слоя, то сами цвета, выбранные в качестве основного или дополнительного, значения не имеют.

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

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

Кисточка

Инструмент "кисть" является одним из простейших инструментов рисования в Paint.NET. Настройки параметров этого инструмента могут осуществляться в панели инструментов Paint.NET.

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

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

Толщина кисти может быть изменена параметром "ширина" в панели инструментов Paint.NET.

Ластик

Инструмент "ластик" в Paint.NET предназначен для стирания или удаления части изображения на слое. Инструмент "ластик" стирает изображение на слое, делая эту область слоя прозрачной. В этом случае на этой области будет отображаться содержимое ниже идущих слоев или шахматный узор, обозначающий прозрачность. Естественно, если на области изображения отображается шахматный узор прозрачности, то в самом изображении эта область, либо будет прозрачной, например, для файлов типа GIF или PNG , или будет заполнена белым цветом, если формат файла не поддерживает прозрачность, например, JPG .

В стандартном графическом редакторе Windows - MS Paint ластик стирает изображение, заменяя его белым цветом или другим цветом, который выбран вместо фонового. Для того что бы достичь этого эффекта в Paint.NET? можно просто воспользоваться инструментом кисть, установив в качестве цвета белый или другой цвет, который нужен.

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

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

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

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

Редактирование на уровне пикселей

В Paint.NET существует два инструмента для работы с изображениями на уровне пикселей - это инструменты "Карандаш" и "Пипетка".

Инструмент "карандаш" используется для редактирования отдельных пикселей изображения. По сути, подобного эффекта можно достичь, используя, например, Paint.NET кисть с отключенным режимом сглаживания и размером кисти 1 (единица).

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

На рисунке слева приведена исходная картинка до редактирования, на рисунке справа - после.

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

Фигуры

Следующие инструменты очень похожи и будут рассмотрены в этом разделе под общим названием "фигуры" как инструменты в Paint.NET. К фигурам могут быть отнесены четыре следующих инструмента:

· Прямоугольник

· Прямоугольник с закругленными углами

· Произвольная фигура

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

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

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

Режим - Контур фигуры

Режим - Сплошная фигура

Режим - Сплошная фигура с контуром

Линия и кривая

Как следует из названия инструмент "Линия или кривая" в Paint.NET используется для рисования прямых или кривых линий. Эти две возможности реализованы в одном инструменте, т.к. обычная прямая линия является частным случаем произвольной кривой. Используя данный инструмент, сначала рисуется прямая линия, которую можно потом изменить, искривляя так, как будет нужно.

Нарисовать линию в Paint.NET просто. Сначала щелкните указателем мыши в точку начала линии и, не отпуская кнопку мыши, перетащите курсор по направлению линии. После этого отпустите кнопку мыши в той точке, где линия должна закончиться. Удерживая в процессе рисования линии кнопку Shift на клавиатуре, можно ограничить изменение угла ее наклона интервалом в 15 градусов. Это особенно удобно, например, для рисования совершенно ровных линий или линий под наклоном, кратным 15 градусам, например, нарисовать пересечение линий под прямым углом. Сразу после того как линия нарисована на ней появятся четыре квадратных маркера. Визуально маркеры представляют собой пульсирующие полупрозрачные квадратики, для того что бы их было проще отличить от самого изображения.

Вышеописанные маркеры необходимы как раз для того, чтобы сделать из прямой линии произвольную кривую. Для искривления линии в Paint.NET, используя указатель мыши, перетащите маркеры линии в сторону искривления. При использовании левой клавиши мыши искривление осуществляется по принципу кубических сплайнов, при использовании правой кнопки мыши по принципу кривой Безье.

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

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

Стиль линий в Paint.NET

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

Текст

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

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

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

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

Цвет текста определяется основным цветом, выбранным в Paint.NET. Изменять цвет текста, можно прямо в процессе работы с инструментом "текст". В этом случае цвет текста сразу изменится на новый цвет.

Заливка

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

Область, которая будет заполнена с помощью инструмента "Заливка" в Paint.NET, представляет собой область похожего цвета, похожего на цвет пикселя, на который вы щелкнули указателем мыши. Похожесть цвета определяется параметром "чувствительность", изменить который можно в панели управления Paint.NET.

В следующем примере было нарисовано две пересекающиеся окружности, область внутри которых была заполнена при помощи инструмента "заливка" Paint.NET. Значение параметра "чувствительность" было установлено в 75% для того что бы область внутри окружностей полностью, в том числе у контура окружностей, где значение цвета может немного отличаться от цвета области из-за параметра сглаживание, включенного при рисовании окружностей. Для заливки областей использовались три различных цвета. Инструмент "заливка" Paint.NET использовался так же три раза, два раза для внешних областей и один раз для области пересечения окружностей.

Изображение Paint.NET до

Изображение после применения инструмента "Заливка":

Замена цвета

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

Для того, что бы выбрать основной цвет при использовании инструмента "Замена цвета", не переключаясь на инструмент Paint.NET "пипетка", можно нажать левую кнопку мыши, удерживая клавишу Ctrl . Аналогичным образом по правой кнопке мыши можно выбрать дополнительный цвет.

Для инструмента "Замена цвета" можно так же настроить в панели инструментов Paint.NET параметр "чувствительность". Если установить значение параметра "чувствительность" равное 0%, то замена цвета будет осуществляться только для точного совпадения цвета. Если установить значение параметра "чувствительность" равное 100%, то замене будут подлежать все цвета. В этом случае действие этого инструмента будет соответствовать инструменту Paint.NET - кисть.

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

Использование инструмента "замена цвета" в Paint.NET дает возможность получить интересные и оригинальные результаты при небольших трудозатратах. Так ниже приведен пример использования замены цвета в Paint.NET. На рисунке слева можно увидеть исходное изображение до замены цвета, на рисунке справа - после.

Окно истории

Окно истории изменения изображения - "Журнал" предназначено для отображения всех действий пользователя после открытия изображения в программе Paint.NET. В этом окне показывается список действий с указанием использованных инструментов. Благодаря этому списку существует возможность отказаться или, наоборот, вернуть назад каждое отдельное действие. Показать или убрать это окно можно с помощью клавиши F6 на клавиатуре.

Каждый раз при выполнении над изображением каких-либо действий: изменении изображения или выделения области, все эти действия будут отражены в окне истории "Журнал". Отмененные действия отображаться внизу окна на сером фоне и при помощи кнопки "Вернуть" могут быть выполнены повторно. Если после отмены каких-либо действий, выполнить новое, то все отмененные действия будут уничтожены, и вернуть их будет невозможно.

Внизу окна "Журнал" расположены кнопки управления историей. Их назначение слева направо:

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

Окно слои

Это окно позволяет управлять различными слоями изображения, работу с которыми поддерживает Paint.NET. Один из слоев всегда является активным, и все изменения осуществляются только на нем. Активный слой подсвечивается в списке цветом, на приведенном рисунке активным является слой "Текст". Каждому слою изображения может быть присвоено имя, а так же для него могут быть заданы индивидуальные параметры смешивания и прозрачности. С помощью этого окна можно делать отдельные слои видимыми или невидимыми. Для этого достаточно установить или снять флажок напротив нужного слоя. Показать или убрать это окно можно с помощью клавиши F7 на клавиатуре.

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

Внизу окна "Слои" расположены семь кнопок управления слоями. Их назначение слева направо:

  • Добавить новый слой - эта кнопка позволяет добавить новый полностью прозрачный слой изображения. По умолчанию новый слой имеет имя "Слой №", где номер определяется по количеству слоев в этом изображении. Новый слой добавляется сверху над активным слоем.
  • Удалить слой - данная кнопка позволяет удалить активный слой изображения. Если изображение содержит только один единственный слой, то удалить его нельзя.
  • Создать копию слоя - эта кнопка копирует содержимое и свойства активного слоя и создает точно такой же слой, расположенный над текущим слоем.
  • Объединение со следующим слоем - эта кнопка позволят объединить текущий слой изображения со слоем, который находится под ним. В результате вместо двух слоев получится один.
  • Переместить слой вверх - эта кнопка перемещает активный слой выше предыдущего. Если слой итак является самым верхним, то эта кнопка неактивна.
  • Переместить слой вниз - эта кнопка перемещает активный слой ниже последующего. Если слой является самым нижним, то эта кнопка неактивна.
  • Свойства - по нажатию на эту кнопку откроется дополнительно окно, которое позволяет посмотреть и изменить свойства активного слоя, его название, видимость, прозрачность и параметры смешивания.

Так же для выполнения действий над слоями в Paint.NET можно использовать команды из меню "Слои".

Окно палитра

Это окно имеет два режима работы сокращенный и расширенный. Переключение между ними осуществляется кнопкой "Меньше" или "Больше", в зависимости от того в каком режиме сейчас оно находится. По умолчанию, при запуске Paint.NET это окно находится в сокращенном режиме. В этом режиме можно легко изменять основной и дополнительный цвета, используя цветовой круг или палитру. Paint.NET позволяет выбрать два цвета - основной и дополнительный цвета. Для переключения между ними можно использовать выпадающее вниз поле в верхней части этого окна или использовать клавишу "C" на английской раскладке клавиатуры. Некоторые инструменты Paint.NET, такие как кисть, карандаш или фигуры позволяют рисовать с помощью основного или дополнительного цвета, в зависимости от того, какая кнопка мыши используется во время рисования. Показать или убрать это окно можно с помощью клавиши F8 на клавиатуре.

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

Если в сокращенном режиме окна нажать на кнопку "Больше >>", то окно будет увеличено и на нем будет представлена более подробная информация о цветах и расширенные возможности их выбора. В этом режиме можно указать точное значение цвета путем задания каждого из компонентов цвета в RGB (Red, Green, Blue) или с помощью ползунков цветового пространства HSV (Hue, Saturation, Value). В расширенном режиме так же возможно задание цвета по его шестнадцатеричному значению. В нижнем правом углу окна расположен ползунок настройки прозрачности (альфа) цвета.

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

В начале этого списка будут расположены пользовательские палитры, которые были сохранены. Щелкнув по ним, можно будет загрузить соответствующие палитры. Последние три пункта меню, приведенные на этом рисунке, позволяют соответственно сохранить текущую палитру в файл, открыть папку с палитрами в проводнике и задать в качестве текущей палитры цвета по умолчанию. Файлы сохранения палитры - это файлы текстового формата (*.txt), которые хранятся во вложенных папках в каталоге "Мои документы".

Клонирование

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

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

Источник копирования и область куда будут скопированы пиксели обозначены окружностями заданного размера (размер окружности можно установить на панели инструментов с помощью параметра «Ширина»).

На нижеприведенном примере с помощью инструмента «Клонирование» в правой части изображения была создана копия ноутбука изображенного в левой его части:

Клонирование элементов изображения

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

Всего в программе GIMP (в разных версиях) разработано от 21 до 23 режимов наложения пикселей. Большинство режимов похожи на режимы программы Adobe PhotoShop , но некоторые режимы являются аналогами режимов из других программ. Некоторые режимы, например, явно заимствованы из фильтров KPT . Учитывая их важность, мы расскажем о каждом из них. В процессе наложения имеют место три составляющие:

Исходный цвет - это цвет пикселей основного рисунка;

Вносимый цвет - цвет пикселей накладываемой области, или пикселей, вносимых инструментами, или пикселей с другого слоя;

Результирующий цвет - цвет пикселей в результате наложения исходных и вносимых пикселей.

При этом также учитываются установки цветового допуска (поле Threshold (Порог)) и уровня непрозрачности (поле Opacity (Непрозрачность)).

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

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

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

При работе с вкладкой Layers (Слои) доступны все режимы, кроме двух: Behind (Позади) и Color erase (Очистка цвета).

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

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

Режим Behind (Позади) доступен только при работе со слоями, имеющими прозрачные области, которые полностью заменяются на вносимый цвет (Рис. 85). В Adobe PhotoShop , например, этот же режим называется Подложкой. Выделять эти прозрачные области не нужно, так как программа сама анализирует активный слой на изображении на наличие таких прозрачных пикселей. Если прозрачных пикселей на слое нет, то режим Behind (Позади) игнорируется.

Рассмотрим весь технологический процесс получения подложки. Сначала был выбран инструмент Пипетка () для взятия образца цвета фона на исходном изображении из мультика. Мы немного забежали вперед и применили режим Color erase (Очистка цвета) для обесцвечивания фона изображения. Применять режим Color erase (Очистка цвета) пришлось дважды: сначала была очищена основная часть фона, а затем фон в верхнем правом углу, так как очистка выполняется только по смежным пикселям. Затем изображение с деньгами (бывшими) было выделено все и скопировано в буферную память. Далее мы убедились, что скопированное изображение попало в список текстур на вкладке Текстуры . Затем мы использовали инструмент Заливка (). На панели параметров переключатель Fill Type (Тип заливки) в положение Pattern fill (Заливка текстурой). Переключатель Affected area (Область применения) был установлен в положение Fill whole selection (Заполнить все выделенное). Дело в том, что заливать нам придется две несмежные области. Поэтому если бы мы выбрали положение переключателя Fill similar colors (Заполнить похожие цвета), то заливать нам пришлось бы дважды. Наконец, был выполнен щелчок инструментом Заливка по прозрачным пикселям - подложка создана. Обратите внимание, как заливается текстурная подложка - как мозаика, заполняя все пространство.

Режим Color erase (Очистка цвета) доступен только при работе со слоями, исходные непрозрачные пиксели которых заменяются на прозрачные (Рис. 86). Выделите слой, на котором необходимо обесцветить пиксели. Для использования режима на слое требуется наличие альфа-канала на этом слое. Наличие альфа-канала в слое легко проверить по внешнему виду имени слоя: если имя слоя оформлено полужирным стилем, то на слое нет альфа-канала и применить режим невозможно. Для создания альфа-канала необходимо щелкнуть правой клавишей мыши по имени слоя на вкладке Слои и выполнить команду Add Alpha Channel (Добавить альфа-канал). Для обесцвечивания пикселей нужно на инструментальной панели выбрать цвет, который Вы собираетесь обесцвечивать на слое. Выбрать цвет можно с помощью инструмента Пипетка (). Причем совершенно безразлично, какой именно тип цвета выбирать - основной или фоновый. Затем возьмите инструмент Заливка (). На панели параметров установите переключатель Fill Type (Тип заливки) в положение FG color fill (Заливка переднего плана) или BG color fill (Заливка фона), в зависимости от того, какой тип цвета Вы выбрали на инструментальной панели. Установите переключатель Affected area (Область применения) в положение Fill similar colors (Похожие цвета). В этом случае обесцвечиваться будут только смежные пиксели указанного цвета. Если выбрать положение Fill whole selection (Все выделение), то обесцвечиваться будут и несмежные пиксели на слое. Щелкните инструментом Заливка по той области на изображении, которое нужно обесцветить. Важным параметром при обесцвечивании является параметр Threshold (Порог) - если после обесцвечивания на оставшихся фрагментах остались крошки цвета, который обесцвечивался в этой операции, то сделайте шаг назад и увеличьте значение порога.

Режим Color (Цвет) - результирующий цвет получается с яркостью Luminosity (Яркость) исходного цвета, но с цветовым тоном Hue (Тон) и насыщенностью Saturation (Насыщенность) вносимого. Это позволяет сохранить серую шкалу. Находит широкое применение для цветного тонирования монохромного изображения. Этот режим сохраняет значения и цветового тона, и насыщенности активного слоя и совмещает их со значениями яркости расположенного ниже изображения. Этот режим очень часто применяется после режима Color erase (Очистка цвета).

Режим Burn (Затемнение) - происходит затемнение базовых цветов для того, чтобы отразить вносимый цвет. Вносимый белый цвет на результат не влияет. Данный режим создает высококонтрастный эффект. Изображение становится очень четким. На конечные цвета влияет параметр Threshold (Порог).

В следующем примере был выбран цвет с параметрами: R = 53, G = 134, B = 244. Был применен инструмент Заливка с режимом Burn (Затемнение). В результате на рисунке (Рис. 87) были наложены дополнительные синие тона и изображение стало значительно четче.

Рис. 87. Применение режима Burn(Затемнение)

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

Режим Darken only (Только темное) - происходит замена исходных цветов, причем только тех, которые светлее вносимого, а цвета, темнее вносимого, остаются без изменения (Рис. 88). Понятия «светлее» и «темнее» не зависят от нашего восприятия. Программа сравнивает уровни яркости пикселей цветного изображения по каналам. Поэтому в каналах могут быть совсем другие понятия о «светлее» и «темнее».

Режим Difference (Разница) - результирующий цвет равняется разнице в яркости исходного и вносимого цветов. Цвета могут получаться самые неожиданные для восприятия, но достаточно четко определяемые математически. Черный цвет и белый цвет определяются тем, что прозрачные пиксели не оказывают влияния в расчетах. Повторное наложение режима на одни и те же области делает результат еще более неожиданном (Рис. 89). Но бесконечно это длиться не может - после нескольких шагов очередное наложение возвращает предыдущий вариант наложения в этой же области.

Режим Dissolve (Растворение) - при установке режима Растворение , нужно дополнительное условие: следует установить в поле Opacity (Непрозрачность) значение, отличное от 100% (например, 70%). Если активный слой полностью непрозрачен и имеет жесткие края, то этот режим работает как режим Normal (Нормальный). В случае растушевки краев слоя этот режим располагает пиксели вдоль краев случайным образом (Рис. 90). В нашем примере мы использовали значение непрозрачности 50%. Некоторым недостатком режима можно считать точечный шум.

Рис. 90. Режим Dissolve (Растворение)

Режим Divide (Деление) создает горящие, буквально выжженные образы с пылающими глазами. Если накладывать два изображения друг на друга, как это мы делаем с двумя нашими исходными изображениями, то каждая комбинация наложения будет создавать разный эффект. Применение заливок также будет создавать разные эффекты. При обработке изображения используется следующая формула: значение цвета пикселя из нижнего слоя умножается на число 256. Полученное значение делится на значение цвета пикселя из верхнего слоя и прибавляется 1.

Режим Grain extract (Извлечение зерна) применяет так называемый эффект извлечения зерна из фильма. При обработке изображения используется следующая формула: из значения пикселя верхнего слоя вычитается значение пикселя нижнего слоя и прибавляется 128. Значение 128 означает нейтральный серый цвет.

Режим Grain merge (Объединение зерна) является противоположным действию режима Grain extract (Извлечение зерна).

Режим Hard Light (Направленный свет) - происходит либо усиление цвета в виде затемнения, как в режиме Multiply (Умножение), либо ослабление цвета в виде осветления, как в режиме Screen (Экран). Это происходит в зависимости от вносимого цвета (Рис. 91). На наложение пикселей влияет параметр Opacity (Непрозрачность). В данном примере мы установили непрозрачность 50%.

Режим Hue (Тон) - результирующий цвет получает цветовой тон (оттенок) вносимого цвета, но сохраняет значения насыщенности Saturation (Насыщенность) и яркости Value (Яркость) исходного цвета. При редактировании черно-белых изображений этот режим недоступен.

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

Режим Multiply (Умножение) - перемножает исходный и вносимый цвета, поэтому результирующий цвет получается всегда темнее исходного. При внесении чистого черного цвета результирующий цвет также становится черным. Белый цвет на исходный цвет не оказывает никакого влияния. Если режим Multiply (Умножение) приводит к слишком темному эффекту, то необходимо уменьшить значение Opacity (Непрозрачность).

Режим Normal (Нормальный) - при установке данного режима происходит полная замена исходного цвета на вносимый, т. е. накладывается совсем непрозрачное изображение (значение в поле Opacity (Непрозрачность) по умолчанию равно 100%). Этот режим, как правило, устанавливается по умолчанию. В сочетании со значением параметра Opacity (Непрозрачность), равным 100%, этот режим отображает каждый пиксель активного слоя в обычном виде независимо от цвета расположенного под ним изображения. Когда значение Opacity (Непрозрачность) составляет меньше 100%, цвет каждого пикселя в активном слое усредняется композитным пикселем в слоях, расположенных под ним, в соответствии со значением Opacity (Непрозрачность).

Режим Overlay (Перекрытие) - усиливает цвет, так же как в режиме Multiply (Умножение), или ослабляет цвет, так же, как в режиме Screen (Экран). Это зависит от исходного цвета: вносимый цвет не заменяет исходный цвет, а накладывается на него. При этом сохраняется соотношение света и тени. Если вносится чистый черный цвет, то результирующий цвет также становится чисто черным, если вносится чистый белый цвет, результирующий цвет становится чисто белым цветом.

Режим Saturation (Насыщенность) - результирующий цвет получает насыщенность вносимого, но сохраняет оттенок Hue (Тон) и яркость Value (Яркость) исходного цвета. На серые оттенки действия не оказывает. Этот режим сохраняет значения насыщенности цвета активного слоя и смешивает значения цветового тона и яркости с изображением, расположенным ниже.

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

Режим Soft Light (Рассеянный свет) - усиливает или ослабляет цвет в зависимости от вносимого цвета. Если вносимый цвет светлее 50%-ного серого цвета, то исходный цвет осветляется. Если вносимый цвет темнее 50%-ного серого цвета, то исходный цвет затемняется. Особо следует подчеркнуть, что чистый белый цвет осветляет, а чистый черный цвет затемняет исходный цвет, но не дает возможности получить ни чисто белый, ни чисто черный цвета.

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

Режим Value (Яркость) - результирующий цвет получается с цветовым тоном Hue (Тон) и насыщенностью Saturation (Насыщенность) исходного цвета, но с яркостью вносимого. В серой шкале результат совпадает с вносимым тоном. Данный режим по своему результату противоположен режиму Color (Цветность). Этот режим сохраняет значения освещенности активного слоя и совмещает их с величинами цветового тона и насыщенности расположенного ниже изображения.

Поговорим о 2D-играх. Независимо от платформы, на которой они разрабатываются - почти всегда они будут использовать 3D-акселлераторы для вывода 2D-спрайтов (iOS, Android, PC… даже Flash уже это учится делать).

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

Вы попытаетесь наложить тайлы внахлест, но швы все равно останутся… И вы начнете ломать голову.

А дело все в злосчастных прозрачных пикселях! Оказывается, у них тоже есть цвет.

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

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

О прозрачности и PNG.

Допустим, у нас есть картинка синего квадрата, где присутствует условие бага - непрозрачные пиксели соседствуют с полностью прозрачными:

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

В ситуации с изображением выше запросто может получиться такая картина:

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

Прозрачность, GPU и масштабирование.

Теперь давайте посмотрим, как видеокарта масштабирует текстуры с прозрачностью.

Для упрощения этого дела, она масштабирует отдельно канал цвета и отдельно - альфа-канал. Например, при масштабировании вышеупомянутой текстуры на 80% (баг проявится при любом скейле), мы получим такую картину:

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

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

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

Как бороться?

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

Самый простой способ, который я нашел - это создать второй слой в фотошопе, положить его под основной, размыть его blur"ом и выставить прозрачность в 1%. В результате, пиксели вокруг нашего изображения будут почти невидимыми (1% прозрачности), но гарантировано иметь цвет, схожий с пограничными. Конечно, эффект блюра подойдет не для каждого спрайта. Где-то можно создать 4 таких (1%) слоя, но не блюрить их, а просто сдвинуть в разные стороны…

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

Имеется два ползунковых регулятора: Непрозрачность (Opacity) и Заливка (Fill). Подвигая их в разные стороны, можно заметить, что изображение, в конечном счете, только лишь одинаково меняет свою прозрачность. Возникает резонный вопрос: «Чем же отличается непрозрачность от заливки, какая между ними разница?»

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

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

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

Если вы примените к своему изображению один или несколько стилей, то параметр Заливка, будет вести себя совершенно по-другому — будет меняться содержимое слоя . Давайте рассмотрим на примере как это выглядит.

На этом исходном изображении я в сравнении покажу как работают непрозрачность и заливка:

Изменим на палитре слоев значение непрозрачности до, например, 50%. Смотрим что получилось:

Теперь для наглядного сравнения установим 50% значение для Заливки у другого текстового слоя, вот что получилось:

Ни какой разницы! В точности такой же результат.

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

Получилась вот такая надпись:

Пришло время продемонстрировать работу Заливки! Изменим значение, например, до 40%, смотрите, что получилось:

Итак, все эффекты видны на 100%, а сам текст стал бледнее. Давайте вообще до ноля снизим ее значение, получится вот что:

Сам текст становится полностью прозрачным, а те эффекты, что мы применили — остались.

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

Подытожим сказанное: Непрозрачность слоя влияет на видимость всего слоя в целом, а Заливка — лишь на его содержимое, оставляя нетронутым стили слоя.

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!

Совет . Выделение прозрачных или непрозрачных пикселов .

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

Длинный путь - использовать инструмент "волшебная палочка", чтобы выделить сначала несколько прозрачных пикселов, а затем выбрать "Similar " в меню Select. Если же Вы хотите выделить все непрозрачные пикселы, выберите команду "Inverse " в меню Select .

Другой способ заключается в выделении всего слоя. Для этого нажимают клавиши CTRL + A (Windows) или Command+A (Macintosh), затем нажимают одну из клавиш управления курсором, чтобы передвинуть все на один пиксел, - при этом окажутся выделенными только непрозрачные пикселы. Чтобы вернуть изображение назад, в его исходное положение, нажмите клавишу со стрелкой в обратном направлении. Если Вам потребуется, чтобы выделенными отказались все прозрачные пикселы, надо будет выбрать "Inverse " в меню Select (чтобы не дергать изображение туда-сюда, можно просто выделить все и нажать Command/CTRL + J . - Прим. ред.) .

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

  1. Щелкните требуемый слой в палитре Layers, чтобы сделать его активным .
  2. Выберите "Load Selection… " в меню Select .
  3. В поле "Source" в разделе "Channel" выберите "Layer X Transparency " (где "Layer X" - имя активного слоя), это действие приведет к выделению непрозрачных пикселов. Если же Вам надо выделить прозрачные пикселы, включите переключатель "Invert". Щелкните кнопку ОК .

Чтобы эту технику можно было использовать быстрее, используйте для загрузки маски прозрачности "горячие клавиши". Щелкните в палитре Layers соответствующий слой и нажмите CTRL + ALT + Т (Windows) или Command+Option+Т (Macintosh) - при этом все непрозрачные пикселы Вашего слоя будут выделены .

Я хочу обрисовать контуры растрового изображения и затем использовать такой контур в Illustrator. Можно ли выполнить эту работу в Photoshop?

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

Впрочем, в случае необходимости, Вы сможете получить такой контур и в Photoshop. Сначала воспользуйтесь любым инструментом Photoshop для выделения областей и любым известным Вам способом выделите область, контур которой Вы хотите получить. Затем конвертируйте выделенную область в контур: в палитре Paths выберите "Make Path… " (или, в версии 4.0, "Make Work Path…") и введите в появившемся диалоговом окне количественный показатель "Tolerance ". При малом допуске будет получен контур, который очень точно очерчивает выделенную область, но будьте осмотрительны: при таком выборе допуска Вы можете получить очень сложный контур, с таким множеством точек, что его будет трудно или даже невозможно отпечатать. Увеличение допуска несколько упростит контур.

После того как Вы получите требуемый контур, можете экспортировать его - с помощью подменю Export меню File; выберите "Paths to Illustrator… ", введите имя файла, проверьте в окне "Write", что Вы экспортируете именно нужный Вам контур (если в Вашем документе их несколько). Теперь Вы сможете открыть этот файл в Illustrator (или в Macromedia FreeHand), где можно будет отредактировать контур, как Вам требуется.

Я замыслил изображение, которое должно выглядеть подобно гравюре. Поможет ли мне в этом Photoshop?

Попытайтесь конвертировать изображение в режим bitmap с высоким разрешением; используйте при конвертировании заказную микроструктуру (pattern) изображения, которую Вы можете сами подготовить в программе Photoshop (более подробно о том, как это сделать, см. статью в Adobe Magazine, September/ October 1996, p. 85). При подготовке заказной структуры попробуйте использовать штриховые сканированные изображения зернистой структуры дерева.

В качестве альтернативы Вы можете попробовать использовать дополнительный модуль Andromeda Software"s Series 3 "Screens" (информацию можно получить у фирмы Andromeda, позвонив по телефонам 880-547-0055 или 805-379-4109).

Photoshop 3.0.x не поддерживает OS/2 и OS/2 Warp

Adobe Photoshop 3.0.x не поддерживает ни одну из версий OS/2, включая и OS/2 3.0 (известную также как OS/2 Warp). Как указывается на упаковке программы Photoshop 3.0.x, а также в руководстве Getting Started, Photoshop 3.0.x поддерживает только Windows 3.1.x, Windows NT 3.5x и Windows 95 (Photoshop 3.0.4 и выше).

Рекомендация :
Вам требуется превратить плавающий фрагмент (плавающую область) в слой. Попробуйте следующее: дважды щелкните плавающую область в палитре Layers, или перетащите плавающую область на пиктограмму New-layer в палитре Layers, или выделите "Make Layer…" во всплывающем меню палитры Layer. При использовании любого из этих методов будет открыто диалоговое окно "Make Layer". Если в этом окне Вы обычно просто щелкаете кнопку ОК , чтобы одобрить установки режимов, принятые в программе по умолчанию, Вы можете и избежать вывода на экран этого окна. Для этого нужно нажать и удерживать нажатой клавишу ALT (Windows) или Option (Macintosh) в то время, когда Вы дважды щелкаете плавающую область в палитре Layers .

Photoshop 3.0.x - это 32-битная прикладная программа. Поэтому при работе в 16-битной операционной системе (например, в Windows 3.1x, OS/2 Warp) программа Photoshop должна использовать модуль Win32s. Photoshop 3.0.x поддерживает Win32s 1.15 и выше, а OS/2 и OS/2 Warp поддерживают Win32s 1.1 и ниже.