Работа с формами блоков

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

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

Давайте посмотрим, как нам сделать, чтобы формы разных блоков (пусть их будет три) слились в один. Это можно осуществить несколькими способами.

Рис. 272. Три блока

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

Рис. 273. Просто наложили фигуры

Теперь, как мы это делали когда-то в CorelDRAW, где не было, кажется, проблем с фантазией по обрезке фигур (а это ведь то же самое, только в Кварке фигуры называются блоками), выбираем опцию Merge с ее подменю.

Выбираем по очереди все три фигуры. Делается это при удерживании нажатой клавиши Shift. Выделили и скомандовали Intersection (Взаимная, Общая поверхность, перекрытие). Я неправильно, может быть, выразился, но по существу это лишь та площадь, которую перекрывают все три фигуры (блока). Все, что оказалось вне пересечения, удалилось этой командой. Этот метод может быть хорош при пересечении не трех, а двух замысловатых фигур, чтоб в образованный контейнер поместилась именно та часть рисунка, которая нам нужна. Такое часто бывает — вырвать из рисунка рваный кусок, проигнорировав все остальное. К примеру, часть карты на фоне какой-то большой и значительной фотографии.

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

Теперь попробуем другую опцию. Возвращаем все на свои места, применив команду Undo из меню «Правка». И повторяем наши действия, но применив теперь команду (по порядку, сверху вниз) Union (Объединение, Слияние). То же самое: программа выполняет действия, имея заглавной лишь первую, нижнюю по слою фигуру.

Рис. 275. Слияние трех блоков

Это примерно то, что мною ожидалось, когда рисовал и собирался слить три блока в один.

Но это не все. Есть и другие опции, которые мы должны внимательно посмотреть. Вариантов ведь много. Итак, возвращаем все на круги своя и командуем теперь Difference (Разделить, Отделить). И на рисунке 276 видим, что от первой же фигуры осталась только та ее часть, которая ничем не перекрыта. Две другие фигуры сыграли свою историческую роль и сошли с арены.

Рис. 276. Обрезали первую фигуру

Теперь я уже не стану рассказывать в который раз, что возвращаем все на свои места, поскольку в Кварке лишь одна отмена действия. Просто скажу: а теперь применили опцию Reverse Difference (Обратная Обрезка). И вот что получилось:

Рис. 277. Обратная обрезка

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

А вот опция Exclusive Or (Обоюдные вычитания):

Рис. 278. Договоримся не видеть лишь друг друга

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

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

Теперь сработала опция Combine (Комбинировать):

Рис. 279. Комбинированное слияние

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

Рис. 280. Взаимное вычитание первой и третьей фигуры

Или второй и третьей:

Рис. 281. То же для второй и третьей

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

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

Что ж, великолепна опция Merge (Слияние, Поглощение). Кстати, я не удержался и привел второе значение перевода этого слова. Впрочем, само слово — глагол, а я перевел как существительное. Но ведь Слово — это Глагол. Причем любое...

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

Рис. 282. Объединили три бесцветных блока

Рис. 283. Перемещен один из узлов

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

Кстати, следующую главу я хочу посвятить узлам. Это интереснейший вопрос. Он, насколько мне известно, в полной мере разработан только в двух программах — CorelDRAW и QuarkXPress. Если вы внимательно посмотрите на Палитру Размеров (Реквизитов), то увидите, что там появились несколько кнопок, на которых нарисованы как раз часть дуги с узлом на ней. Это те самые виды узлов, о которых нам придется говорить.

На рисунке 284 вы видите, что все пять кнопок, обозначающих элементы контура блока, активны. Знаете, что это значит?

Рис. 284. Меню Элемент и подменю Split (Разбиение)

В нем всего две опции — Outside Paths (Наружные Пути) и All Paths (Все Пути). У каждой линии — и прямой, и кривой, и замкнутой, и разомкнутой — есть начало и конец. Движение от начала к концу — есть Путь. В приложениях для работы с графическими объектами это важная опция. Путь нам будет нужен и при работе с узлами.

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

Рис. 285. Так изменился контур блока

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

Теперь давайте попробуем вставить в наш графический блок, хоть он и неказистый, какое-то осмысленное изображение. Что-нибудь из коллекции Windows XP, чтоб ей было не обидно.

Еще один способ вставки графики. Открываем Photoshop 6.0 и в нем откроем наш рисунок. Сейчас нам рассматривать его целиком не обязательно, потому что говорится просто о принципе. Открыв рисунок в Фотошопе, выделяем его и копируем в буфер. Закрыв рисунок, но не закрывая Фотошопа, приходим в Кварк и в меню Правка командуем Paste (Вставить). Как вы помните, при этом должен быть активен инструмент Содержимое. После щелчка просто ждем, когда операция завершится. И...

Рис. 286. Вставили рисунок «Водяные лилии». Виден фрагмент

Теперь нам этот контур не нужен. Если понадобится, нарисуем другой. Поэтому скомандуем ему растянуться до границ рисунка.

Рис. 287. Растянули контур до границ рисунка

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

СОДЕРЖАНИЕ