Глава 5. Обводки, заливки и прозрачности

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

5.1. Обводка

Обводка — это линия произвольной толщины и цвета, проходящая по границе контура. Непосредственно на панели управления можно устанавливать толщину обводки и режим масштабирования. Назначение цвета производится в панели цветов. Основным инструментом для работы с обводками (lines в терминах CorelXARA) является Line gallery. Для задания и редактирования обводок неважно, какой из инструментов в данный момент активен.

Назначение цвета

Напомним, что назначить цвет обводке активного объекта быстрее всего можно, щелкнув правой кнопкой мыши на нужном Образце в панели цветов. Кроме того, назначить цвет обводки можно из редактора цветов или из Color gallery.

Толщина обводки и масштабирование

Замкнутые контуры (объекты) и незамкнутые контуры (линии) могут иметь различную толщину обводки. Толщина задается для всего контура. Толщина обводки задается в пунктах в раскрывающемся списке Set line width на стандартной панели управления (рис. 5.1).

51.jpg

Рис. 5.1. Задание толщины обводки на стандартной панели управления

Возможен выбор значения из раскрывающегося списка или ввод значения с клавиатуры с точностью до 0,01 пункта; минимальная толщина 0,01 пт, максимальная — 2834 пт. Ввод значения должен быть завершен нажатием клавиш <Enter> или <ТаЬ>. Толщина обводки также может быть задана из галереи Line gallery.

Несмотря на то что единицы измерения толщины обводки (пункты) нельзя изменить, вы можете вводить значения в любых единицах. Для этого введите значение и за ним без пробела — латинское сокращенное обозначение единицы измерения (напр. 2cm). Программа автоматически пересчитает введенное значение в пункты (в нашем примере — 56.69 pt).

52.jpg

Рис. 5.2. Масштабирование объектов: масштабируемая обводка (а), обводка постоянной толщины (б)

При масштабировании объектов обводка может вести себя неодинаково:

либо пропорционально изменяться вместе с объектом (рис. 5.2, а), либо сохранять толщину несмотря на масштабирование объекта (рис. 5.2, б). Режим масштабирования обводки управляется кнопкой Scale line width на панели свойств инструмента Selector. Это разумно, поскольку масштабирование и производится этим инструментом. Если кнопка Scale line width находится в активном состоянии (нажата), обводка масштабируется вместе с объектом, если нет — не масштабируется.

Галерея Line gallery

Окно галереи Line gallery вызывается на экран одноименной командой меню Utilities или клавишей <F12>. Внешний вид галереи представлен на

рис. 5.3.

53.jpg

Рис. 5.3. Окно галереи Line gallery

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

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

Толщина, сопряжение, концы линии

В верхней части окна галереи располагаются раскрывающиеся списки:

 Set line width — установка толщины обводки. Это делается точно так же, как и установка толщины в аналогичном списке стандартной панели управления. После выбора существующего значения оно сразу присваивается активному объекту. Если толщину вводить с клавиатуры, то чтобы атрибут был присвоен линии, следует нажать клавишу <Enter> или <ТаЬ>, или кнопку Apply галереи.

 Set join type — раскрывающийся список, определяющий вид сопряжения сегментов обводки при наличии углов. На рис. 5.4 представлены примеры различных видов сопряжения и соответствующее значение списка.

 Set line cap — в этом списке определяется внешний вид концов обводки незамкнутого контура. Примеры разных форм концов и соответствующие значения списка приведены на рис. 5.5.

54.jpg
Рис. 5.4. Виды сопряжения линий

55.jpg

Рис. 5.5. Различные концы обводки

В библиотеке Line Widths имеются несколько вариантов толщины обводки. Для того чтобы задать этот параметр для выделенного объекта, сделайте двойной щелчок мышью на соответствующем элементе библиотеки.

Стиль обводки — пунктиры и наконечники

По умолчанию линии обводки сплошные, однако возможна и пунктирная обводка разных типов. Для определения вида пунктира предназначена библиотека Dash Patterns. В раскрытом виде она представлена на рис. 5.3. Первый элемент библиотеки — сплошная линия, он активен по умолчанию. Остальные — пунктиры на любой вкус. Для придания обводке одного из стилей выберите нужный образец и нажмите кнопку Apply (или просто сделайте двойной щелчок на образце обводки). Стиль пунктира также можно задавать перетаскиванием (для активного объекта или для задания по умолчанию при отсутствии выделенных объектов).

CorelXARA позволяет задавать незамкнутым контурам наконечники, превращая обычные линии в стрелки. Библиотека наконечников называется Arrowheads. В развернутом виде она представлена на рис. 5.3. Каждая линия имеет "голову" (head) и "хвост" (tail), т. е. конечную и начальную точки. Начальной считается точка, с которой начали строить линию, конечной — та, на которой закончили. По умолчанию обе эти точки лишены наконечников, и выделенной линии соответствуют элементы No head и No tail, указанные под строкой с названием библиотеки. Для присвоения наконечника активному объекту можно сделать двойной щелчок на образце или выбрать нужный наконечник и нажать кнопку Apply. Присвоение наконечников этим способом имеет особенность. Если вы присваиваете обводке наконечник в виде стрелки, то он станет "головой линии", т. е. будет находиться в начальной точке линии. Если же определять наконечник в виде оперения стрелы или кружка, то он будет "привязан" к конечной точке контура.

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

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

56.jpg

Рис. 5.6. Определение наконечника перетаскиванием: для начала линии (а), для конца линии (б)

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

57.jpg

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

5.2. Заливки

Кроме обычной заливки сплошным цветом, задание и редактирование которой рассмотрено в главе 4, объекты могут иметь сложные заливки. Инструмент для задания и редактирования заливки — Fill (клавиатурное сокращение для вызова инструмента <F5>). На рисунке также приведен вид курсора инструмента (рис. 5.8).

58.jpg

Рис. 5.8. Пиктограмма инструмента Fill на панели инструментов и вид его курсора

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

 Простая заливка (Flat П11). Первый пункт списка Flat fill активен по умолчанию и соответствует сплошной заливке объекта выбранным цветом. Панель свойств инструмента Fill в случае сплошной заливки объекта имеет вид, как на рис. 5.8. Рабочими оказываются только список типов заливки и информационная область в правой части. В ней указаны тип заливки (Flat fill) и имя использованного цвета

59.jpg

Рис. 5.9. Панель свойств инструмента Fill для сплошной заливки

Градиентные заливки: Linear, Radial, Elliptical, Conical, Diamond, Three color. Four color. Заливка, при которой осуществляется переход от одного цвета к другому по определенному правилу, называется градиентной заливкой или просто градиентом. Программа поддерживает несколько типов градиентов. Все операции с градиентами интерактивны, характер и параметры градиента задаются векторами, ограниченными манипуляторами. Градиенты отличаются количеством и свойствами векторов и манипуляторов.

 Точечные заливки: Fractal clouds, Fractal plazma. Bitmap. Это заливки по точечной маске. Они имеют много общего с градиентами, в частности, также определяются векторами и манипуляторами и могут иметь переходы цветов. Однако точечные изображения, лежащие в основе такой заливки, отличаются по свойствам от объектов CorelXARA. Этот тип заливок рассмотрен в главе 9, посвященной точечным изображениям.

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

5.3. Градиентные заливки Линейный градиент

Этому градиенту соответствует пункт Linear списка типов заливки на панели свойств инструмента Fill. Если выбрать этот пункт списка при активном объекте, то его заливка превратится в простейший тип градиента (рис. 5.10). Вид градиента определяется вектором заданной длины и направления, находящимся в определенном месте на странице документа. Концы вектора обозначены манипуляторами. Они задают цвета перехода. Начальная точка вектора отмечает чистый исходный цвет, конечная — чистый конечный. В пространстве между этими точками расположены смешанные цвета. Длина вектора определяет плавность перехода, его направление — направление изменения цвета. Активный манипулятор имеет вид красного квадрата. Для активизации щелкните на нужном манипуляторе. Клавишей <ТаЬ> активность переводится с одного манипулятора на другой.

510.jpg

Рис. 5.10. Линейный градиент

511.jpg

Рис. 5.11. Установка цветов градиента: начального (а), конечного (б)

При выборе любого двухцветного градиента по умолчанию CorelXARA устанавливает его цвета так: начальный цвет— белый, конечный— первоначальный цвет заливки объекта.

Для установки начального или конечного цвета градиента нужно активизировать соответствующий манипулятор, а затем выбрать его цвет, так же как и для сплошной заливки — щелкнуть на образце цвета в панели цветов, выбрать цвет в редакторе или галерее цветов. При задании цвета перетаскиванием вид курсора для определения начального и конечного цвета градиента изображен на рис. 5.11. Заданный цвет можно в дальнейшем переопределить или отредактировать средствами Color editor.

В общем случае цвета градиента редактируются для выбранного объекта при активном инструменте Fill. Однако если в панели свойств инструмента Selector активизировать режим Show filll edit handles (см. рис. 3.48), то векторы заливок выбранного объекта будут отображаться и при активном инструменте Selector, а, следовательно, могут быть отредактированы. Такой режим позволяет меньше переключаться с инструмента на инструмент, и этим удобен. С другой стороны, если на странице много объектов, отображение их векторов заливки мешает редактированию формы и расположения фигур.

512.jpg

Рис. 5.12. Панель свойств инструмента Fill для линейного градиента

Панель свойств при выбранном типе заливки Linear имеет вид как на рис. 5.12. Активный манипулятор и его цвет отображаются в информационных полях справа. Кроме того, в панели свойств активен раскрывающийся список Fill effect. Он устанавливает принцип перехода в градиенте. Переход между цветами может исполняться программой несколькими способами (рис. 5.13):

513.jpg

Рис. 5.13. Варианты перехода в градиенте в зависимости от значения поля Fill effect

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

В средней части цвет является смесью начального и конечного цветов. Этот принцип в списке носит название Fade (рис. 5.13, а).

Второй способ — переходы по спектру или радуге. Чтобы понять, что обозначают остальные два пункта списка Fill effect, представьте себе цветовой круг. Цвета градиента находятся в некоторых точках на этом круге. От одного цвета к другому переход осуществляется по цветовому кругу, спектру или радуге (rainbow). Когда в списке выбран пункт Rainbow, переход осуществляется по наиболее короткой дуге окружности, соединяющей цвета градиента (рис. 5.13, б). Если же активен пункт Alt Rainbow, то цветовая растяжка проводится по наиболее длинной дуге, соединяющей два цвета, например, переход от красного к красному пройдет через все цвета спектра (рис. 5.13, в).

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

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

514.jpg

Рис. 5.14. Изменение длины и направления линейного градиента

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

Радиальный градиент

Этому типу градиентной заливки соответствует пункт Circular в списке Fill type. Градиент описывается одним вектором, переход цвета осуществляется по радиусу окружности (рис. 5.15). Начальная точка вектора— это центральный манипулятор градиента. Он отмечает центр круга и исходный цвет перехода. По мере удаления от центра цвет круга постепенно заменяется на конечный. Длина вектора отражает радиус круга градиента. Точка вектора на окружности отражает конечный цвет градиента. Панель свойств радиального градиента такая же, как для линейного, она содержит информационные поля и раскрывающийся список Fill effect, пункты которого описаны выше.

515.jpg

Рис. 5.15. Радиальный градиент

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

516.jpg

Рис. 5.16. Изменение радиуса и положения начальной точки радиального градиента

Создать радиальный градиент можно интерактивным инструментом Fill так же, как и линейный. Он получается при нажатой клавише <Shift>.

Эллиптический градиент

Растяжка такого типа похожа на радиальную, она также двухцветная, и переход цветов осуществляется от центра эллипса к его краям. Поскольку эллипс, в отличие от круга, имеет два радиуса, то данный градиент описывается двумя векторами (рис. 5.13). Для установки данного типа градиента предназначен пункт Elliptical списка Fill type. Панель свойств для него такая же, как для линейного и радиального.

517.jpg

Рис. 5.17. Эллиптический градиент

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

518.jpg

Рис. 5.18. Редактирование эллиптического градиента

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

Этому типу заливки соответствует пункт Conical списка Fill type. Вектор этого градиента представляет собой дугу 180°, на концах которой расположены начальный и конечный манипулятор (рис. 5.19). Переход цвета осуществляется по радиусу дуги и образует цветовую растяжку, сходящуюся в точке, обозначенной центральным манипулятором. Коническим этот вид градиента назван, поскольку примерно такой вид имеет цветной конус, если смотреть на него сверху. Эта растяжка также двухцветная. Конический градиент имеет осевую симметрию, ось симметрии проходит через все три манипулятора.

519.jpg

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

520.jpg

Рис. 5.20. Изменение направления и положения градиента

Задание цветов производится для начального и конечного манипуляторов градиента. Эти же манипуляторы позволяют вращать дугу, изменяя направление градиента, и изменять радиус дуги (что никак не сказывается на внешнем виде растяжки). Для перемещения положения градиента используется центральный манипулятор. На рис. 5.20 показан результат редактиро- . вания манипуляторов конического градиента. Панель свойств градиента такая же, как и для остальных. Для конической растяжки также возможен выбор режима в списке Fill effect.

Ромбический градиент

Тип Diamond списка заливок соответствует ромбической цветовой растяжке. Она также двухцветная, как и эллиптическая, имеет два вектора и проходит от центральной точки к периферии. Однако переход цвета осуществляется не по эллипсам, а по ромбам; векторы градиента описывают форму и размер ромба. В результате получается нечто похожее на сияющую четырехконечную звезду (рис. 5.21). Принципы управления ромбическим градиентом те же, что и эллиптическим, однако есть и различие — в ромбическом градиенте можно независимо менять не только длину, но и направление каждого вектора. Панель свойств та же, что и для других градиентов.

521.jpg

Рис. 5.21. Ромбические градиенты

Многоцветные градиенты

Градиенты Three color и Four color позволяют создавать растяжки по трем и четырем цветам, размещенным на углах треугольника (рис. 5.22, а) или параллелограмма (5.22, б). Каждая из вершин фигуры, образованной векторами, является манипулятором, цвет которого задается стандартным образом. Перемещение начального манипулятора растяжки приводит к ее перемещению (рис. 5.23, б}, перетаскивание конечных манипуляторов обеспечивает изменение формы и размера фигуры из векторов и, соответственно, вида градиента (рис. 5.23, б)

522.jpg

Рис. 5.22. Многоцветные градиенты

523.jpg

Рис. 5.23. Редактирование: начальной точки (а), манипуляторов (б)

При выборе трехцветного градиента по умолчанию устанавливаются следующие цвета: начальный — белый, первый конечный (горизонтальный вектор) — изначальный цвет заливки объекта, второй конечный (вертикальный вектор) — чистый красный (если в библиотеке есть цвет Red, то применяется он, в противном случае генерируется локальный). Для четырехцветного градиента цвета те же, третьим конечным (в вершине параллелограмма напротив начальной точки) по умолчанию выбирается чистый желтый (если в библиотеке есть цвет Yellow, то ставится он, если нет — локальный).

Панель свойств многоцветных градиентов несколько отличается от двухцветных. Для них невозможен переход цветов по спектру (список Fill effect недоступен), однако работает другой раскрывающийся список. Fill tiling, устанавливающий повторяющуюся заливку. По умолчанию активен пункт Single, и цветовой переход в объекте выполняется один раз (рис. 5.24, и).

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

524.jpg

Рис. 5.24. Однократная и повторяющаяся заливки

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

5.4. Заливка нескольких объектов

Любой из типов заливок можно применить одновременно к нескольким выделенным объектам. При этом наблюдается интересная особенность. Заливка, присвоенная совокупности объектов, является, на первый взгляд, единой для них. Более того, если объекты изначально имели некие цвета, то эти цвета сохраняются в качестве конечных цветов градиентов. Если объект был окрашен градиентом, то цвета градиента сохраняются. В этом случае в панели свойств инструмента Fill для конечного цвета (End color) устанавливается значение Many (много).

525.jpg

Рис. 5.25. Задание радиальной заливки: к каждому объекту по отдельности (а), одновременно нескольким объектам (б)

Так например, на рис. 5.25 приведен пример присвоения радиальной заливки трем объектам по отдельности (и) и одновременно (б). Как видите, в первом случае построено три вектора, во втором — лишь один.

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

526.jpg

Рис. 5.26. Перемещение объекта с радиальной заливкой

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

Взаимодействие градиента и объекта

Градиентная заливка, заданная объекту, изменяется вместе с ним. При перемещении и повороте объекта соответственно перемещается центр градиента. При деформациях объекта форма градиентной заливки изменяется, "подстраиваясь" под изменившиеся форму и размер. При деформации объектов с радиальной заливкой она превращается в эллиптическую. На рис. 5.27 представлен пример взаимодействия заливки и объекта.

Если такая взаимосвязь нежелательна, при операциях с объектом удерживайте клавишу <-> (минус на цифровой клавиатуре). Тогда заливка не будет зависеть от перемещения и деформации объекта. Векторы градиента останутся неизменными (рис. 5.28).

527.jpg
Рис. 5.27. Градиент связан с объектом

528.jpg

Рис. 5.28. Связи между градиентом и объектом нет

5.5. Прозрачность

Любой объект программы может характеризоваться большей или меньшей прозрачностью. При наложении такого объекта из-под него будут частично видны нижележащие. На рис. 5.29 показаны несколько прозрачных объектов. Как видите, прозрачными могут быть как фигуры, так и незамкнутые контуры, и даже растровые изображения.

529.jpg

Рис. 5.29. Примеры прозрачных объектов

Для придания объекту прозрачности и ее редактирования предназначен инструмент Transparency (клавиатурное сокращение <F6>) (рис. 5.30). На этом же рисунке приведен вид курсора.

530.jpg

Рис. 5.30. Инструмент Transparency и его курсор

Для прозрачностей, так же как и для заливок, возможно включение кнопки Show fill edit handles на панели свойств инструмента Selector, тогда можно редактировать форму прозрачности.

Прозрачность и заливка

Эти две характеристики объекта с точки зрения программы весьма схожи. Действительно, прозрачность можно рассматривать как заливку специальной "прозрачной краской", не закрашивающей, а наоборот, удаляющей часть краски с объекта. Таким образом, прозрачность представляет собой маску, в соответствии с которой удаляется часть заливки объекта. Цвет "прозрачной краски" — это степень прозрачности. Если прозрачность равна 100%, объект полностью исчезает, 50% — становится наполовину прозрачным и т. д.

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

Отсутствие заливки объекта (примененный параметр no color) это не то же самое, что прозрачность 100%. В первом случае объект действительно пустой внутри, во втором — несмотря на кажущуюся пустоту воспринимается программой как заполненный определенным цветом. Кроме того, параметр no color может быть применен отдельно к заливке и обводке. Прозрачность — это характеристика всего объекта. Если объект имеет прозрачность 100%, то он не виден вовсе— ни заливка, ни обводка. Разница между прозрачностью 100% и отсутствием заливки сказывается и на печати (см. главу 11). Если у вас есть выбор, то использование атрибута no color предпочтительнее.

Типы и степень прозрачности

Панель свойств инструмента в правой части содержит раскрывающийся список Transparency type. И заливка и прозрачность делятся на несколько типов — это сплошные, градиентные, растровые прозрачности и заливки. Типы заливок и прозрачностей одни и те же, элементы и приемы управления у них одинаковы. По умолчанию объект непрозрачен, и в списке активен пункт No transparency. Наиболее простой тип прозрачности — сплошной, ему соответствует пункт списка Flat. Выбор этого пункта приводит панель свойств инструмента к виду, изображенному на рис. 5.31.

531.jpg

Рис. 5.31. Панель инструмента Transparency для сплошной прозрачности

Бегунок справа определяет степень прозрачности. Для типа Flat этот параметр задается при выбранном объекте или совокупности объектов. Разная степень прозрачности одного и того же объекта и соответствующее положение бегунка Transparency иллюстрируются рис. 5.32.

532.jpg

Рис. 5.32. Изменение прозрачности объекта

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

При выборе градиентной прозрачности любого типа появляется вектор прозрачности, такой же как вектор заливки этого типа. Выбрав манипулятор, вы назначаете цвет, т. е. степень прозрачности. В панели свойств в информационном поле отображаются выбранный манипулятор и установка прозрачности для него (на этом месте в панели инструмента Fill отображается цвет манипулятора). В соответствии с заданным интервалом прозрачность объекта меняется от начального к конечному манипулятору в соответствии с типом. Для линейного, радиального, эллиптического и ромбического градиентов задаются два параметра прозрачности. Прозрачности Three points и Four points аналогичны заливкам Three colors и Four colors и определяются соответственно тремя и четырьмя значениями прозрачности.

533.jpg

Рис. 5.33. Радиальная, кони- 'ическая прозрачности

На рис. 5.33 приведены pa^in •шыс IIIIILI прозрачностей. Вместо цветов начальной и конечной точкам векторов задается степень прозрачности (бегунок Transparency). Как и многоцветные заливки, такие прозрачности могут иметь режим повторения Repeating, устанавливаемый в списке Transparency tiling.

Режимы наложения прозрачности

Особым свойством прозрачности является режим наложения, или type, в терминах CorelXARA. Он задается в раскрывающемся списке Transparency type, активном для всех видов прозрачности. Тип прозрачности определяет представление как самого прозрачного объекта, так и нижележащих объектов, т. е. фона.

Mix. Объект, обладающий этим атрибутом, как бы нарисован поверх других, более или менее разбавленной краской, в результате полупрозрачный объект такого типа имеет нежные, прозрачные краски, словно он нарисован пастелью. Цвет прозрачного объекта более или менее замещает цвет фона. При этом неважно, какой из цветов светлее, замещение цвета происходит в любом случае (рис. 5.34). Белый полупрозрачный объект на черном фоне будет серым, желтый на красном — оранжевым. Прозрачность Mix 0% соответствует непрозрачному, 100% — невидимому объекту.

534.jpg
Рис. 5.34. Режим прозрачности Mix

535.jpg

Рис. 5.35. Режим прозрачности Stained glass

Stained Glass. Прозрачный объект в этом режиме — это кусочек цветного стекла, наложенный на фон (рис. 5.35). Прозрачность регулирует количество пигмента в стекле, иначе говоря, насыщенность цвета. Пикселы фона приобретают цвет, полученный при сложении исходного цвета с цветом заливки объекта. Чем больше прозрачность, тем меньше процент привносимого цвета (насыщенность цвета стеклянного фильтра), тем ближе цвет фона к исходному. Прозрачность 100% сводит цвет фильтра на нет, т. е. фон рассматривается сквозь бесцветное, невидимое стекло. Напротив, прозрачность 0% доводит насыщенность прибавляемого цвета до максимальной, стекло в этом случае "наиболее цветное".

Режим Stained glass имеет следующие особенности:

 В любом случае при наложении объекта на фон происходит затемнение цвета.

 Если цвет фона является чистым, 100%-ным основным по одной из цветовых моделей, а в цвете фильтра соответствующий компонент также является ведущим, то фильтр не оказывает влияния на такой фон.

 На черном фоне объекты с атрибутом прозрачности Stained glass не видны ни при каких значениях прозрачности.

536.jpg
Рис. 5.36. Режим прозрачности Bleach

Bleach. Этот режим можно рассматривать как противоположность режиму Stained glass. Объект в таком режиме прозрачности заменяет цвета фона на собственный цвет заливки, в результате образуется цветной блик (рис. 5.36). При значении прозрачности Bleach 100% прозрачный объект невидим, 0% — цвет фона заменяется на цвет объекта. Этот режим наиболее сложен для понимания, ему трудно подобрать эквивалент в физическом мире. Цвет области перекрывания образуется, в общем случае, в результате вычитания цветов объекта и фона. Цвета при этом осветляются. Это правило работает, если цвет смешан из нескольких компонентов. Чем темнее объект, тем менее маскирован фон при одинаковых параметрах прозрачности.

 

Вот несколько особенностей этого режима прозрачности:

 Черный объект не оказывает влияния на фон при любой прозрачности.

 Белый объект полностью заменяет собой фон при прозрачности 0%, далее чем выше прозрачность, тем более виден фон. Цвета области перекрывания при этом не меняются.

 Серые объекты при прозрачности 0% частично маскируют фон, и чем выше процент черного в сером, тем более виден фон под объектом при том же значении его прозрачности.

 Если цвет прозрачного объекта — один из основных цветов CMYK любой насыщенности, то при прозрачности 0% цвета фона полностью заменяются на цвет объекта. При снижении яркости цвета объекта (добавлении черного) цвета фона проявляются тем более, чем больше черного добавлено к цвету, т. е. чем меньше яркость цвета объекта. Повышение прозрачности объекта действует аналогично, т. е. чем выше прозрачность, тем меньше искажаются цвета фона.

Прозрачность, заливка и обводка являются независимыми характеристиками, однако изменение любого параметра воздействует на внешний вид всего объекта. Число комбинаций воистину бесконечно. На рис. 5.37 приведено несколько примеров сочетания прозрачности и заливки.

537.jpg

Рис. 5.37. Примеры сочетания заливки и прозрачности

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

Цвета заливки и обводки, тип заливки, тип и толщина обводки, параметры прозрачности — все это атрибуты объекта. При копировании или вырезании объекта в буфер его атрибуты также копируются. В дальнейшем они могут быть присвоены другому выделенному объекту или совокупности объектов командой Paste attributes меню Edit. В этом случае форма объектов не меняется, но все атрибуты становятся такими, какие были у первоначально скопированного (вырезанного) объекта.

5.6. Пример 1. Контуры, заливка, прозрачность

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

Построение контура карандаша и тени

Установите по умолчанию отсутствие заливки и обводку 0,5pt, сопряжение 1иний Round join, концы линий — Round cap. Создайте фигуры, как показано на рис. 5.38. Соблюдайте порядок построения!

538.jpg

Рис. 5.38. Исходные фигуры

1. Перед построением рекомендуем вам создать три горизонтальные направляющие, отмечающие края и среднюю линию. Создайте эллипс 1 и прямоугольник 2.

2. Перетащите мышью прямоугольник направо, удерживая клавишу <Ctrl>, чтобы двигаться точно по горизонтали. Создайте на новом месте его копию, для чего нажмите левую кнопку мыши, отпустите правую кнопку, затем левую. Измените размеры полученного прямоугольника 3.

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

4. Группу 4 отразите относительно вертикальной оси направо и скопируйте ее для получения группы 5. Отрегулируйте ее размеры.

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

6. Дальнейшие операции проводятся инструментом Shape editor. Исказите эллипс и прямоугольники 2 и 3. Фигуру 3 немного увеличьте по вертикали.

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

539.jpg

Рис. 5.39. Фигуры после редактирования по точкам (а), размещение контуров в рисунке (б)

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

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

10. Маленький треугольник справа, изображающий грифель карандаша, постройте инструментом Pen. Придайте ему более живой вид, исказив вертикальную сторону треугольника.

11. Залейте каждую из фигур каким-нибудь цветом. У нас грифель карандаша синий, заточенная деревянная часть желтая, сам карандаш синий и голубой, патрон для резинки серый, резинка розовая. Соберите фигуры вместе (рис. 5.40).

12. Измените положение объектов относительно друг друга (на странице документа они располагаются как бы в стопке). Для помещения объекта на задний план используется сочетание клавиш <Ctrl> + <В>, на передний план — <Ctrl> + <F>. Подробно о смене расположения объектов см. главу 6. Выделите все фигуры 1, 2, 3. Поместите их на задний план.

13. Создайте тень карандаша (рис. 5.41, а) любым инструментом рисования. Окрасьте ее в темно-серый цвет.

14. Совместите тень и карандаш. Поместите тень на задний план.

15. Выберите карандаш и переведите его в режим вращения. Установите центр вращения на кончике грифеля. Разверните карандаш, как показано на рис. 5.42.

540.jpg

Рис. 5.40. Рисунок карандаша

541.jpg
Рис. 5.41. Рисование тени

542.jpg

Рис. 5.42. Карандаш с тенью

Заливка карандаша и тени

С помощью градиентных заливок придадим карандашу объем. Прежде чем приступать к раскрашиванию, создайте четыре новых именованных цвета в документе с помощью редактора цветов Color editor. Вот их характеристики:

Имя

H

s

V

Brown

0

100

40

Pale

60

30

100

Light Brown

36

95

95

Dark Blue

220

100

70


Кроме этих четырех цветов нам понадобятся цвета из стандартной панели цветов документа: Magenta, Mid Blue, Sky Blue.

1. Придайте резинке эллиптическую градиентную заливку, как показано на рис. 5.43, а. Начальный цвет White, конечный Magenta. Фигуре 2 также придайте эллиптическую заливку из белого в черный, разместив градиент, как показано на рис. 5.43, б.

2. Для фигуры 3 выберите ромбический градиент из белого в черный, чтобы получить металлические грани (рис. 5.43, в).

543.jpg

Рис. 5.43. Раскрашивание наконечника с резинкой

3. Раскрашиваем группу 4. Для средней части постройте очень длинный линейный градиент от White к Mid Blue (рис. 5.44, а). Заметьте, что чем длиннее вектор градиента, тем мягче цветовой переход. В данном случае один край карандаша лишь слегка темнее другого.

4. Нижнюю и верхнюю части группы 4 также заполните линейными градиентами (рис. 5.44, б), для верхней части — от White к Mid Blue, для нижней — от Dark Blue к Mid Blue. Направления градиентов указаны на рисунке.

544.jpg

Рис. 5.44. Раскрашивание карандаша

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

6. Остальные два среза карандаша созданы линейными градиентами, направленными так, как показано на рис. 5.45, б. Цвет нижнего среза — от Dark Brown к Pale, верхнего — от Brown к Pale.

7. Грифель (рис. 5.45, в) заполните ромбическим градиентом от Dark Blue к White.

545.jpg

Рис. 5.45. Раскрашивание конического среза и грифеля

8. Отмените обводку всех частей карандаша.

9. Тень от карандаша залейте эллиптическим градиентом и придайте ей линейную прозрачность, как показано на рис. 5.46.

546.jpg

Рис. 5.46. Обработка тени

10. Последний штрих: подчеркнем грани карандаша, создав ребра. Нарисуйте два очень тонких прямоугольника на ребрах карандаша. Залейте верхний из них белым, нижний темно-синим цветом (рис. 5.47). Первый объект рисунка готов!

547.jpg

Рис. 5.47. Готовый рисунок карандаша

Создание цветка

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

1. Нарисуйте десятиугольник инструментом QuickShape. У исходного объекта углы не скруглены. Не переводите его в кривые! В данном случае нам понадобятся именно особые свойства примитивов CorelXARA.

2. Нажмите мышью точку посередине верхней стороны объекта и перемещайте курсор вверх, пока не получите звезду с очень длинными лучами (5.48, а).

3. Нажмите мышью примерно посередине левой стороны верхнего луча и перемещайте курсор влево примерно на половину расстояния между лучами (5.48, б, в}.

548.jpg

Рис. 5.48. Создание основы цветка

4. Выберите в панели свойств инструмента QuickShape режим Starred shapes. Объект превращен в звезду. Вид ее зависит от соотношения сторон первоначального многоугольника, направления и степени его искажения и может несколько различаться (5.49, а). Однако у полученной фигуры обязательно будет "два комплекта" лепестков, накладывающихся друг на друга. Нажмите мышью вершину одного из лепестков и поверните так, чтобы лепестки одного комплекта располагались в промежутках другого (рис. 5.49, б).

549.jpg

Рис. 5.49. Создание элементов цветка

5. Придайте цветку заливку типа Four colors. Цвета: Start color — White, End color — Sky Blue, End Color! — Magenta, End Color3 — Dark Blue Размещение градиента показано на рис. 5.50.

6. Придайте цветку прозрачность типа Three points в режиме Repeating. Параметры прозрачности для векторов можно оставить по умолчанию, а вот сам градиент разместите так, как показано на рис. 5.51.


550.jpg
Рис. 5.50. Заливка элемента цветка

551.jpg

Рис. 5.51. Установка прозрачности

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

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

9. Нарисуйте стебель и листок инструментом Pencil (цвет обводки Dark Blue), подберите толщину обводки.

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

552.jpg
Рис. 5.52. Создание копий элемента лепестков

553.jpg

Рис. 5.53. Рисование сердцевины цветка

554.jpg
Рис. 5.54. Готовый рисунок цветка и карандаша

555.jpg

Рис. 5.55. Тень от листа бумаги

Создание листа бумаги и тени

1. Лист бумаги — просто прямоугольник без обводки. Он заполнен линейным градиентом от White к Sky Blue, направленным по диагонали к левому верхнему углу.

2. Для создания тени нарисуйте черный прямоугольник размером примерно в четвертую часть созданного листа бумаги (рис. 5.55, а). Примените к нему прозрачность по четырем направлениям в режиме Simple. Параметры прозрачности: Start — 20%, остальные — 100%. Размещение и размеры градиента приведены на рис. 5.55, б.

j. Создайте две копии объекта, отразив его по вертикальной и горизонтальной осям (рис. 5.55, в).

4. Поместите лист бумаги поверх тени (его нужно будет поместить на передний план командой <Ctrl> + <F>).

5. Выберите цветок и карандаш, поместите их на передний план и расположите на листе бумаги. Рисунок готов (рис. 5.56).

Рис. 5.56. Готовый рисунок

556.jpg