WWW.DISSERS.RU

БЕСПЛАТНАЯ ЭЛЕКТРОННАЯ БИБЛИОТЕКА

   Добро пожаловать!

Pages:     | 1 |   ...   | 8 | 9 || 11 | 12 |   ...   | 19 |

«Александр Тайц Александра Тайц CorelDRAW GraphicsSuite ВСЕ ПРОГРАММЫ ПАКЕТА ц иди о ЖДЮШЛЪО Содержание Введение ...»

-- [ Страница 10 ] --

Размер страницы Браузер никак не ограничивает размер Web-страницы: она может быть сколь угодно длинной или широкой. Тем не менее, не рекомендуется создавать страницы шире, чем окно браузера и длиннее, чем две-три его высоты. Прокрутка окна браузера, особенно горизонтальная, создает читателю существенное неудобство. Если при нять, что в среднем разрешение имеющегося парка мониторов примерно 800x600 пикселов, то полезный размер окна браузера не превысит 400*600 пикселов.

CorelDRAW позволяет легко перейти от полиграфических и метрических единиц измерения к пикселам, удобным для Web-дизайнера. Для этого следует установить в подразделе Size (Размер) диалогового окна Options (Параметры) единицу измерения pixels (пикселы) и необходимое разрешение в раскрывающемся списке Resolution (Разрешение). Если вы правильно укажете разрешение, то CorelDRAW корректно \ Глава 10. Публикация в WWW отобразит страницу на экране, а вы получите возможность использовать для задания размеров не только пикселы, но и любые другие единицы измерения.

Разрешение монитора определяется множеством факторов: размером диагонали, размером видимой области, установленными размерами экрана в пикселах, разме ром точки монитора. Впрочем, точное значение не должно особо интересовать Web-дизайнера. Достаточно знать наиболее употребительный диапазон значений: от 72 ppi до 96 ppi. На среднем мониторе с диагональю 15 дюймов разрешение 72 ppi примерно соответствует размеру 800*600 пикселов, а 96 ppi — 1024*768 пикселов.

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

Таким образом, в списке Resolution (Разрешение) надо установить разрешение из указанного диапазона (обычно используют его крайние значения), а в счетчиках Width (Ширина) и Height (Высота) размеры страницы в пикселах. Если страница должна занимать по вертикали несколько экранов, то это тоже следует учесть, зада вая ее размер.

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

Поэтому рассмотрение возможностей CorelDRAW в части создания Web-страниц мы начнем именно с текста.

Как вы знаете, HTML предоставляет довольно ограниченные возможности редакти рования текста, по крайней мере, по сравнению с CorelDRAW. По этой причине атрибуты текста, которые вы можете назначать в CorelDRAW несовместимы с HTML. Чтобы видеть, как будет выглядеть текст на Web-странице, и редактировать только те его атрибуты, которые там имеют смысл, CorelDRAW должна знать, что вы планируете экспортировать текст в HTML. Тогда программа предоставит особые возможности форматирования, которые может воспроизвести браузер. CorelDRAW может обеспечить совместимость с HTML только для обычного текста. Фигурный текст автоматически преобразуется в точечное изображение.

Автоматическое растрирование текста CorelDRAW автоматически растрирует текст при экспорте в формат HTML в трех случаях. Во-первых, в точечное изображение преобразуется любой фигурный текст.

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

560 Часгь /. CorelDRAW И в-третьих, в точечные изображения преобразуется текст, пересекающий графиче ские объекты. Как ни странно, это преобразование происходит, даже если при экс порте применяются каскадные стилевые листы (CSS).

Для каждого текстового блока CorelDRAW, который вы перенесете на Web-страни цу, необходимо выполнить команду Make Text Web Compatible (Сделать текст со вместимым с Web). Вы найдете ее в меню Text (Текст) или контекстном меню. Ко манда приводит имеюиееся форматирование текста в соответствие с возможностями HTML.

Команда Make Text Web Compatible (Сделать текст совместимым с Web) форматиру ет весь текст шрифтом. установленным в браузере по умолчанию. В раскрывающемся списке Font List (Шрифт) вы можете выбрать для текста произвольный шрифт, но наверняка не каждый -пггатель сможет увидеть его в своем браузере. Браузер спосо бен передать форматирование только теми шрифтами, которые установлены на компьютере. Например, использовав шрифт Verdana (кстати, он широко распро странен на сайтах многих компаний, таких как Microsoft Corp. и Corel Corp.), вы можете быть уверены только в том, что он будет виден на компьютерах, где уста новлен браузер Internet Explorer версии 4.0 и выше. На остальных компьютерах этот шрифт может быть заменен браузером на тот, который установлен пользователем по умолчанию. HTML позволяет указывать не конкретный шрифт, а семейство шриф тов. Это позволяет хоть как-то сохранить дизайн, избежав замены рубленого шрифта на антикву (название icnacca шрифтов с засечками) или антиквы на моноширинный.

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

Вопреки полиграфической традиции, кегль шрифта в HTML задается не в привыч ных пунктах, а в условных единицах. Например, размер 1 соответствует кеглю в 10 пунктов, размер 2 — 1 3 пунктам, 3 — 1 6 пунктам и т. д. Чтобы вам легче было представить себе соотношения размеров, на панели свойств вы можете задавать кегль шрифта и в тех и в других единицах.

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

Кнопка Format Text (Форматирование текста) открывает знакомое вам одноименное диалоговое окно. Для HTML-текста большинство параметров форматирования не доступны из соображений совместимости с HTML. Кроме тех атрибутов, которые можно установить на панели свойств, там находятся три варианта выключки (по левому краю, центру и правому краю), установка верхних и нижних индексов, а также редко применяемый атрибут зачеркивания. Также текст HTML можно отфор матировать в одну или несколько колонок.

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

При создании текстового объекта, совместимого с HTML, CorelDRAW автоматиче ски создает для него особый слой Internet Layer, расположенный выше всех осталь Глава 10. Публикация в WWW ных. В дальнейшем на него помещаются все остальные текстовые объекты и особые, в терминах CorelDRAW, Internet-объекты.

Internet-объекты Internet — интерактивная среда. На многих сайтах встречаются формы, заполняя которые, вы передаете серверу форматированные данные, удобные для автоматиче ской обработки. Некоторые рекламные объявления (баннеры) меняются при каждом посещении страницы. Симпатичные эффекты с изображениями и текстом создатели Web-страниц реализуют с помощью Java-апплетов. Все это примеры программиро вания для WWW, делающие эту среду такой, какая он есть сейчас.

CorelDRAW поддерживает размещение на странице некоторых объектов, действия которых обрабатываются с помощью программ на языке Java и сценариев CGI (Common Gateway Interface).

Большинство этих объектов используются при создании форм: кнопки, переключа тели с зависимой и независимой фиксацией, поля ввода строк, обычные, раскры вающиеся и комбинированные списки (рис. 10.1). Чтобы вставить любой из этих объектов, выберите его тип во вложенном меню Insert Internet Object (Вставить Internet-объект), находящемся в меню Edit (Правка). Затем щелкните мышью на том месте страницы, где вы хотите разместить объект, точнее — там, где должен быть его левый нижний угол. После этого на странице появится изображение выбранного объекта. К сожалению, CorelDRAW не позволяет увидеть Internet-объекты и протес тировать их работу. То, что вы видите на экране — всего лишь "фотография" объек та, каким он будет виден в браузере. Функции всех этих объектов определяются сценарием CG1, находящимся на сервере. Он же выполняет всю обработку данных, получаемых после заполнения формы.

-JflLsJ jLorem ipsum dolor sii amet Laem ipsum dolor it anet Locem ips doloc sit _«em ipsum dolot sit amel...

т ± [Choice 3 2\ hoiceZ ^ M/ Computer Рис. 10.1. Объекты, необходимые для создания форм на странице CorelDRAW (а) и в браузере (б) Часть I. CorelDRAW Свойства Internet-объектов устанавливаются в докере Object Properties (Свойства объекта). Здесь вы найдете две вкладки, определяющие их вид и поведение. Вкладка Rectangle (Прямоугольник) содержит свои элементы управления, индивидуальные для каждого типа объекта. На вкладке Internet вы можете присвоить любому из пе речисленных объектов любые дополнительные атрибуты. Их обработка полностью лежит на сценарии обработки формы.

На Macintosh вместо вкладок в палитре Properties (Свойства) сделан раскрывающийся список, в котором выбирается соответствующий раздел. Раздел, содержащий инди видуальные настройки Internet-объектов, носит название выбранного объекта, а раз дел с дополнительными атрибутами — Metalist.

Сценарий-обработчик В HTML-коде страницы для каждой формы необходимо указывать имя CGI-сценария, который должен осуществлять обработку формы. Чтобы это сделать, отмените выделение всех объектов и обратитесь к вкладке SideFold (Сценарий CGI) (к разделу Form на Macintosh) докера Object Properties (Свойства объекта) (рис. 10.2).

В поле URL of CGI Script (URL CGI-сценария) введите абсолютный или относи тельный адрес сценария, например /cgi-bin/form.cgi. В раскрывающемся списке Method (Метод) выберите вариант посылки формы POST или GET (обычно исполь зуется первый). В раскрывающемся списке Target (Фрейм) выберите фрейм окна браузера, в который должна быть загружена форма.

.:....;

: x ' *fc Object Properties тг-^r^r URL of CGI Script Method:

[POST !

| Target:

_ ;

i ggi Рис. 10.2. Докер Object Properties, вкладка SideFold Где разместить сценарий Как правило, обработка формы выполняется сценариями, размещаемыми на том же сер вере, где и Web-страница, в особом каталоге (обычно \cgi-bin). Права доступа к этому ка талогу часто имеет только администратор сервера. Если вы решили воспользоваться на Глава 10. Публикация в WWW писанным вами или для вас сценарием и не имеете доступа к каталогу сценариев, то об ратитесь к администратору сервера.

Кнопки Вкладка Internet для кнопок (Simple, Submit и Reset) содержит только поля Name (Имя) и Value (Значение) (рис. 10.3). В первом из них указывается имя объекта, под которым он фигурирует в CGI-сценарии. Во второе поле вводится текст, который виден на кнопке в браузере. Размер кнопки автоматически устанавливается таким, чтобы на ней помещался введенный текст.

Переключатели Переключатели с зависимой (Radio Button) и независимой (Checkbox) фиксацией кроме полей Name (Имя) и Value (Значение), имеют еще один атрибут, задаваемый флажком Checked by default (Установлен по умолчанию). Если флажок установлен, то эта позиция переключателя будет установлена в момент загрузки страницы.

Списки Обычный (Options List) и раскрывающийся (Popup Menu) списки имеют одинаковые элементы управления (рис. 10.4). Кроме поля имени, по которому сценарий распо знает элемент управления, необходимо заполнить таблицу (List elements (Элементы списка)), в которой указываются все элементы списка (Label (Метка)) и их иденти фикаторы (Value (Значение)).

1 Object Properties 10 oiec! Properties,Software Drop Down Menu Options List:

Jame:

i"' Allow multiple selection btnCalculate Value: Visible Rows;

[Calculate П Graphics ! И Lavout fi.......

Рис. 10.4. Свойства списков Рис. 10.3. Свойства кнопок в докере Object Properties в докере Object Properties Часть I. CorelDRAW По идентификаторам сценарий на сервере сможет определить, какие элементы спи ска были выделены пользователем. Если установлен флажок Allow multiple selection (Разрешить выбор нескольких элементов), то пользователь сможет выбрать в списке сразу несколько элементов. Состояние списка по умолчанию задается флажками в левой позиции списка List elements (Элементы списка). Те элементы, у которых этот флажок установлен, будут выделенными в списке на момент загрузки страницы.

Размер списка по горизонтали определяется самым длинным его элементом, а по вертикали — количеством одновременно видимых элементов Visible Rows (Видимые строки). Переключатель Drop Down Menu/Options List позволяет сделать из раскры вающегося списка обыкновенный и наоборот.

Поля ввода Поле ввода (Text Edit Box) также имеет параметры Name (Имя) и Value (Значение) (рис. 10.5). Первый из них, как и у других элементов, определяет имя этого элемента управления. Параметр Value (Значение) задает текст, который будет присутствовать в строке ввода сразу посте загрузки страницы. Если поле будет использоваться для ввода паролей, то установите флажок Password field (Поле пароля), тогда введенный в него текст будет отображаться на экране звездочками. В счетчике Size of field (Размер поля) задается размер строки ввода по горизонтали, а счетчике Max. characters (Максимальное количество символов) — количество знаков, которые может вместить поле ввода.

Текстовые поля Для поля ввода текста (Text Edit Box) на соответствующей вкладке в докере Object Properties (Свойства объекта) вы можете задать его размер, выраженный в количе стве символов по горизонтали (Row (Рядов)) и вертикали (Column (Колонок)) и начальное значение поля (Text (Текст)). Введенный текст будет находиться в поле после загрузки страницы в браузере пользователя (рис. 10.6).

10 biect Properties I Ob ect Properties вс| щ 9 щ|н «tj " Name:

Нагпе:

Column: fjs »tJ [txtO ccupation Row: |vo~^ (brief desciption) Jext:

Max. characters: [31" ^ Lorern ipsum dolor sit =1 amet, consetetur ize of field: [si ^ sadipscing elitr, sed "~ Password field D Рис. 10.5. Свойства поля ввода Рис. 10.6. Свойства текстового поля в диалоговом окне Object Properties в диалоговом окне Object Properties Глава 10. Публикация в WWW Java-апплеты Особыми видами Internet-объектов являются Java-апплеты. Вы легко можете ожи вить свою страницу в Internet каким-нибудь из множества свободно распространяе мых апплетов. На том месте страницы CorelDRAW, куда вы вставили Java-апплет командой подменю Insert Internet Object (Вставить Internet-объект), появляется пик тограмма с буквой "J" (рис. 10.7, а). В докере Object Properties (Свойства объекта) на вкладке Java applet (Java-апплет) введите о нем необходимые сведения (рис. 10.7, б).

В строке ввода Applet Class (Класс) введите имя класса апплета. В поле Code Base (Код) введите URL или путь к файлу, содержащему этот класс. Текст, отображае мый в браузере, пока загружается апплет (например, "Подождите, пожалуйста" или подобная успокаивающая нервы надпись), следует ввести в поле Alternate Text (Альтернативный текст). Этот же текст, а не сам апплет, увидит и пользователь браузера, не поддерживающего Java.

10 biect Properties Apple! Class:

I calculate. class CodeBase:

Рис. 10.7. Пиктограмма :';

'j http://www. domain, net Java-апплета на странице Alternate Text:

CorelDRAW (а) и его параметры Calculate Calories в докере Object Properties (б) Parametet j Value _^j bkcolor ItGrey _J textcolot Black Апплеты Java могут иметь параметры, которые определяют особенности их функ ционирования или внешний вид. Эти параметры должны быть указаны в HTML-коде страницы. Список параметров находится в нижней части вкладки Java applet (Java-апплет), и вам его необходимо заполнить.

CorelDRAW не может знать, сколько места займет апплет на Web-странице. Поэто му вам придется задать его самостоятельно. С помощью инструмента Pick (Указатель) или панели свойств придайте пиктограмме апплета тот размер, который он будет иметь. Учтите, что размер некоторых апплетов может не быть фиксирован ным, а должен задаваться параметрами. Поэтому пространство, которое вы отвели ему на странице, не должно быть меньше, чем заданное в списке параметров на вкладке Java applet (Java-апплет).

566 Часть I. CorelDRAW Внедренные объекты Довольно редко на Web-страницах используются внедренные объекты. Чтобы пока зать внедренный объект, браузер должен "знать" этот тип объектов и иметь средства его отображения, встроенные или реализованные как подключаемые модули.

CorelDRAW умеет только создавать для таких объектов необходимый HTML-код.

После того как вы выберете в меню Insert Internet Object (Вставить Internet-объект) команду Embedded File (Внедренный файл), CorelDRAW поместит на страницу пик тограмму, изображенную на рис. 10.8, а.

1 Object Properties HO I Рис. 10.8. Вид пиктограммы Embedded File:

внедренного объекта (а) jnlfo.swf P) и его свойства в докере Object Properties (б),^._**J ;

Единственное, что необходимо указать для вставки объекта, это имя файла, в кото ром он находится. Размер объекта на странице задается так же, как и для Java-апплета — простым масштабированием пиктограммы.

Гипертекстовые ссылки Вся технология WWW базируется на гипертекстовых ссылках. Они позволяют пере ходить от одного документа к другому, формируя пространство WWW. He обойтись без создания гипертекстовых ссылок и в CorelDRAW.

Для управления гипертекстовыми ссылками вам понадобятся специальная панель управления Internet) и/или докер Object Properties (Свойства объекта). Чтобы вывес ти на экран предопределенную панель управления Internet), выберите ее в контекст ном меню панелей управления или в разделе Customization (Настройка) диалогового окна Options (Параметры).

Создание закладок Закладка делает объект доступным для гипертекстовых ссылок с других объектов.

Чтобы сопоставить объгкту закладку:

1. Выделите объект инструментом Pick (Указатель).

2. Откройте вкладку Internet докера Object Properties (Свойства объекта) (рис. 10.9).

3. Выберите в раскрывающемся списке Behavior (Поведение) пункт Bookmark (Закладка).

4. Введите произвольное имя закладки в поле Internet Bookmark (Закладка).

Глава 10. Публикация в WWW I Object Properties Behavior:_ ц Bookmark ~I~ZZZZ {"(objectOO? ~ Apply ;

I Рис. 10.9. Определение закладки в докере Object Properties Также для ввода имени закладки можно воспользоваться панелью управления Inter net. На ней тоже имеется раскрывающийся список Behavior (Поведение) и поле для ввода идентификатора закладки (рис. 10.10).

Пред зарительный Пове ^ение r росмотр объ зкта (ссылка/зан ладка/звук) Горяч, po лловеров точке Разделить Дублировать Сделать текст ролловер состояние совместимым Целевой на объекты с web фрейм Подсказка ролловера S? с). I NORMAL т" 1 ;

http: //www, apple.com * : [none] т ;

^ (Щ <0 I У^ипГ ' : H U.K^ 1 I URL Создать ЗавериjHTb Удалить Показ редактир звание состояние ролловер горячих роллов ера „ ролловера точек Состояние Диалога юе окно Редактировать ролловера Публикаи ия в Web ролловер ж Define hotspot using:

По форм<) объекта — -^ф Objecls tape Имя закладки По габ аритному ® box of object прямоугольнику i/й Bookma* » ^ ^i^,hn.,v_poin • 'V Н :|э^а 1, AS i Фон -^- Backgtoun г ' •:

Рис. 10.10. Панель управления Internet Закладку можно определить не только для графических объектов, но и для фрагментов текста. Чтобы это сделать, выделите фрагмент текста инструментом Text (Текст) и дальше действуйте одним из описанных выше способов.

Список всех созданных в документе закладок приводится в докере Bookmark Man ager (Диспетчер закладок) (рис. 10.11). Для каждой закладки указан и номер страни цы, на которой находится соответствующий объект.

С помощью докера Bookmark Manager (Диспетчер закладок) можно быстро находить объекты, соответствующие той или иной закладке, удалять и переименовывать за кладки. Щелкните на строке любой закладки и нажмите кнопку Select (Выделить) в 568 Часть I. CorelDRAW нижней части докера. Объект, соответствующий выбранной закладке, будет немед ленно выделен. Чтобы переименовать закладку, щелкните на ее имени в докере Bookmark Manager (Диспетчер закладок), подождите, пока на месте имени появится поле ввода, и дайте закладке новое имя. Чтобы удалить закладку, выделите ее строку и нажмите кнопку Remove (Удалить) с изображением мусорного бака в нижней части докера. Удаляя закладку, вы не удаляете объект: просто он становится недоступным для гипертекстовых ссылок.

Bookmark Bookmark objected?

objectOCE Select Рис. 10.11. Докер Bookmark Manager Имена всех закладок, определенных в документе, появляются не только в докере Bookmark Manager (Диспетчер закладок), но и в раскрывающемся списке Internet Address (Адрес Internet;

на панели управления Internet) и списке URL на вклад ке Internet в докере Object Properties (Свойства объекта). Имена закладок в этих списках образуются из префикса номера страницы и имени закладки:

_PAGEXXX#Name, где XXX представляет номер страницы, a Name — имя закладки.

По сути именно это выражение и является "настоящим" именем закладки. Благодаря такому способу именования закладок не возникает конфликтов между одинаковыми закладками, размещенными на разных страницах.

Обратите внимание, что для каждой страницы документа CorelDRAW автоматически создает особую закладку с именем Top of Page XXX, где XXX — номер страницы.

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

Создание ссылок Если объекту соответствует закладка, то к нему может вести гипертекстовая ссылка как изнутри документа, так и из других документов. Чтобы создать ссылку на такой объект, воспользуйтесь докером Bookmark Manager (Диспетчер закладок). Инстру ментом Pick (Указатель) выделите объект, с которого хотите организовать ссылку (он может и не иметь закладки). Затем в докере Bookmark Manager (Диспетчер за кладок) щелкните на имени той закладки, куда должна вести ссылка, и нажмите кнопку Link (Связать) в нижней части докера.

Глава 10. Публикация в WWW Альтернативным способом является выбор закладки в раскрывающемся списке In ternet Address (Адрес в Internet) на панели управления Internet или в списке URL на вкладке Internet докера Object Properties (Свойства объекта).

Таким образом создаются ссылки в пределах одного документа. Любые внешние ссылки требуют ввода URL объекта, на который организуется ссылка. В самом общем случае этот объект может располагаться где угодно в Internet. Тогда URL может выглядеть так: http://www.corel.com, http://www.corel.com/products или ftp://tucows.wplus.net/files/ и т. п. Чтобы создать такую ссылку, выделите объект и введите URL в список Internet Address (Адрес в Internet) на панели управления Internet) или в список URL на вкладке Internet докера Object Properties (Свойства объекта).

Для создания ссылки на документ, находящийся на том же сайте, что и создавае мый вами, нет необходимости указывать в ссылке полный URL. Проще и эффек тивнее указать относительный путь к этому документу. Если, например, вы хотите создать ссылку на документ с именем doc01.html, находящийся в том же каталоге, просто введите его имя в те же самые списки. Чтобы организовать ссылку на объ ект, находящийся в документе doc01.html и имеющий закладку с именем objOl, вве дите имя документа и закладки, разделив их символом "#": doc01.html#obj01. Если документ doc01.html находится во вложенном каталоге \docs, то правильной ссыл кой будет docs/doc01.html#obj01. Если каталог \docs находится на том же уровне, что и каталог текущего документа, ссылка будет выглядеть следующим образом:

../docs/doc01.html#obj01.

Проверка внешних ссылок CorelDRAW 11 берет на себя проверку не только внутренних, но и внешних ссылок.

Все гипертекстовые ссылки приведены в докере Link Manager (Диспетчер ссылок), с которым вы уже знакомы по связыванию внешних файлов растровых изображений.

Около неверных ссылок будет соответствующая пиктограмма с изображением крас ного косого креста. Кроме того, программа предлагает удобный способ проверки внешних ссылок простым открыванием их в браузере. Если ссылка верна, то вы увидите в нем ожидаемый документ. В противном случае браузер выдаст ошибку 404. Чтобы открыть адресуемый документ в браузере, выберите команду Jump to Hy perlink in Browser (Открыть ссылку в браузере) из контекстного меню, открывающе гося щелчком мыши на объекте — источнике ссылки. К сожалению, для относи тельных ссылок этот способ срабатывает далеко не всегда.

Все URL и относительные ссылки, введенные в список Internet Address (Адрес в Internet) на панели управления Internet или в список URL на вкладке Internet докера Object Properties (Свойства объекта) будут присутствовать там до тех пор, пока они присвоены хоть одному объекту. Это позволяет организовать несколько ссылок на один и тот же объект.

Если в документе определено не слишком много закладок, то для создания ссылок удобно воспользоваться контекстным меню, открывающимся щелчком правой кноп кой мыши на любом объекте при активном инструменте Pick (Указатель). В этом кон текстном меню есть вложенное меню Internet Links (Гипертекстовые ссылки), в кото ром приведен список всех закладок. Таким образом, для создания ссылки достаточно 570 Часть I. CorelDRAW выбрать нужную закладку. Размер списка ограничен пятнадцатью закладками. Пункт More (Другие) этого списка открывает диалоговое окно More Internet Bookmarks (Другие закладки), изсбраженное на рис. 10.12. В левой его части находится список Page (Страница), позволяющий сослаться на любую страницу документа. В этом слу чае используется закладка Top of Page XXX. Справа находится список остальных за кладок, определенных в окне Internal Bookmark (Внутренние закладки). Выбрав в нем какую-либо закладку, ны создадите ссылку на соответствующий ей объект.

I M of e 1 nleinal В ookmaiks Hj -Page 1 r- Internal Bookmark — JT Т op Of Page Л.

10 1 1 objbmk 11 objbrnk i I Id : 16 _J 2. 1 i 20 i I oo 1 I — ' "— j A"pp|) j| Cancel Рис. 10.12. Диалоговое окно More Internet Bookmarks Как видите, CorelDRAW предлагает множество способов сделать одно и то же — создать ссылку. Такое многообразие вариантов позволяет вам выбрать наиболее удобный для вас способ.

Цвета гипертекста Вы, наверное, уже привыкли, что фрагменты текста, которые являются ссылками, отмечены в гипертексте подчеркиванием. Этой традиции следует и CorelDRAW.

Цвета гипертекстовых ссылок настраиваются в подразделе Links (Связи), вложенном в разделы Publish to Internet (Публикация в Internet) и Document (Документ) диало гового окна Options (Параметры), которое изображено на рис. 10.13.

По умолчанию в нем установлен флажок Underline (Подчеркивание), что заставляет CorelDRAW автоматически подчеркивать гипертекстовые ссылки в тексте. Затем следуют три раскрывающихся списка Normal Link (Обычная ссылка), Active Link (Активная ссылка) и Visited Link (Просмотренная ссылка). В них устанавливают обычный цвет текста ссылки, цвет выделенной и уже просмотренной ссылки соот ветственно.

Глава 10. Публикация в WWW - Workspace Document I— General Underline Ш- Page ф- Guidelines MoiwalLink i Grid I Rulers Active Link [» Styles j— Save Visited Link И Publish To The Web ;

•••• Image !•• Text Й- Global Cancel Help Рис. 10.13. Подраздел Links диалогового окна Options Карты ссылок В языке HTML не определено такое множество графических примитивов, как в CorelDRAW. Программа предлагает два варианта решения этой проблемы. Первый состоит в том, чтобы вместо реального контура объекта использовать его габаритный прямоугольник. Второй способ, менее экономичный с точки зрения размера HTML-файла, для более точного описания формы контура предусматривает работу с вписанным многоугольником. Это описание применяется при создании гипертексто вых ссылок и определяет форму области, щелчок на которой задействует ссылку. Если выбран первый вариант, то щелчок на прямоугольнике, описывающем объект, заста вит браузер перейти по соответствующей ссылке. Во втором варианте пользователь должен щелкнуть именно во внутренней области объекта. Если объекты с разными ссылками не перекрываются, то имеет смысл описывать их габаритными прямоуголь никами. В противном случае такое описание введет пользователя в заблуждение, по скольку в пределы габаритного прямоугольника одного объекта может попасть фраг мент другого перекрывающегося объекта. Тогда щелчок на этом фрагменте откроет совсем не тот документ, который ожидается.

Чтобы выбрать между приведенными вариантами описания формы объекта, выдели те его инструментом Pick (Указатель) и нажмите на панели управления Internet ли бо кнопку Bounding box of object (Граница объекта), либо кнопку Object Shape (Форма объекта). Этот выбор также можно сделать переключателем Define hotspot using (Определить горячую зону используя) на вкладке Internet в докере Object Prop erties (Свойства объекта).

Часть I. CorelDRAW В сложных ситуациях вам наверняка захочется увидеть, как CorelDRAW разметила границы объектов. Программа позволяет выделить рассчитанные границы штрихов кой произвольного цвета на произвольном фоне. Впрочем, как правило, бывает дос таточно одного из этих атрибутов. Цвет штриховки выбирают в списке Cross-hatch (Штрихи), а фоновый цвет — в списке Background (Фон) на панели управления Internet. Чтобы штриховка стала видна, следует установить флажок около соответст вующего списка. Результат включения штриховки (фоновый цвет не выбран) пока зан на рис. 10.14.

Рис. 10.14. Демонстрация границ Internet-объектов штриховкой Когда ситуация с границами объектов прояснится, и вы исправите возможные не точности, отключите демонстрацию штриховки сбросив флажки около списков Cross-hatch (Штрихи) и Background (Фон).

Если вы уже пробовали себя в Web-дизайне, то знаете, что такой способ описания ссылок называется картой ссылок (image map). Он позволяет назначать одному изо бражению несколько гипертекстовых ссылок: отдельным фрагментам изображения назначаются различные адреса ссылок.

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

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

Ролловеры Ролловеры — это интерактивные элементы Web-страницы, которые изменяют свое состояние (внешний вид) в зависимости от нескольких возможных событий:

П отсутствие событий — обычное состояние (NORMAL);

О курсор мыши находится на элементе (OVER);

D курсор мыши находится на элементе и нажата левая кнопка мыши (DOWN).

Глава 10. Публикация в WWW На английском языке такие элементы называются rollovers (от англ, roll over — перека тываться, переворачиваться). К сожалению, в русском языке эквивалентный термин отсутствует, а Web-дизайнеры называют их между собой ролловероми. Мы так и будем называть их далее, да простит нам читатель столь прямое заимствование.

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

Создание ролловера Ролловер создается на основе одного или нескольких объектов CorelDRAW. Инстру ментом Pick (Указатель) выделите на странице те объекты, которые должны составить ролловер. При этом учитывайте, что ролловер может иметь только прямоугольную форму. Затем выберите в меню Effects (Эффекты) команду Rollover (Ролловер) > Cre ate Rollover (Создать ролловер) или нажмите одноименную кнопку на панели управ ления Internet. С этого момента CorelDRAW будет считать выбранные объекты еди ным объектом — ролловером. Чтобы изменить его содержимое и/или переопределить состояния, необходимо перейти в особый режим редактирования.

Редактирование ролловера Редактирование ролловера включается командой Effects (Эффекты) > Rollover (Ролло вер) > Edit Rollover (Редактировать ролловер) или одноименной кнопкой на панели управления Internet. Предварительно он должен быть выделен на странице документа инструментом Pick (Указатель). В режиме редактирования становятся доступными три состояния ролловера. Каждому из них отвечает ярлык, появляющийся в нижней части окна документа на месте ярлыка страницы (рис. 10.15). На панели управления Internet также находится список состояний Active Rollover State (Активное состояние роллове ра), позволяющий при редактировании выбрать нужное.

Finish editing Ро1ЬуеП1РШнМА1Ж OVER / DOWN Г [ 195,780;

127,621 ) Click an object twice for rotating/skewing;

dbl-clicking to( Рис. 10.15. Ярлыки состояний ролловера в окне документа Щелкнув на ярлыке состояния, вы переходите к его редактированию. Поначалу все состояния ролловера одинаковы. Чтобы он проявлял интерактивность, хотя бы два из них должны отличаться. Вы можете отредактировать объекты ролловера любым спосо бом: изменить цвет, размер, параметры эффектов, и наконец, просто удалить. Если вы хотите, чтобы ролловер имел только два состояния, то активизируйте "лишнее" и на жмите кнопку Delete Rollover State (Удалить состояние ролловера) на панели управле Часть I. CorelDRAW ния Internet. Изменение одного состояния ролловера никак не затрагивает остальные.

Редактирование ролловера непременно завершается командой Effects (Эффекты) > Rollover (Ролловер) > Finish Editing Rollover (Закончить редактирование ролловера) или нажатием одноименных кнопок на панели управления Internet или навигатора.

Ролловеры в Диспетчере объектов Состояния ролловерсв отображаются в Диспетчере объектов (рис. 10.16).

= X Х Layer ЁЫ. Rollover [NORMAL]..... Щ Rectangle ф-Д Rollover [OVER] ;

..... Ц Rectangle B~A Rollover [DOWN] '..... Щ Rectangle Master Page Рис. 10.16. Ролловер в Диспетчере объектов Для примера возьмем простейший случай: прямоугольник-ролловер, изменяющий цвет, когда на нем оказывается курсор мыши или делается щелчок. Чтобы создать такой ролловер и определить его состояния, проделайте следующие шаги:

1. Нарисуйте на странице документа прямоугольник инструментом Rectangle (Пря моугольник).

2. Придайте ему завивку красного цвета и отмените обводку.

3. Убедитесь, что прямоугольник выделен. В противном случае выделите его инст рументом Pick (Указатель).

4. Выберите команду Create Rollover (Создать ролловер) в меню Effects (Эффек ты) > Rollover (Ролловер) или нажмите одноименную кнопку на панели управле ния Internet. Ролловер создан.

5. Убедитесь, что прямоугольник выделен. В противном случае выделите его инст рументом Pick (Указатель).

6. Выберите команду Edit Rollover (Редактировать ролловер) меню Effects (Эффекты) > Rollover (Ролловер) или нажмите одноименную кнопку на панели управления Interact.

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

Глава 10. Публикация в WWW 8. Щелкните на ярлыке OVER или выберите вариант OVER из раскрывающегося списка Active Rollover State (Активное состояние ролловера) в панели управления Internet. Придайте прямоугольнику синюю заливку. Состояние OVER определено.

9. Щелкните на ярлыке DOWN или выберите вариант DOWN из раскрывающегося списка Active Rollover State (Активное состояние ролловера) в панели управле ния Internet. Придайте прямоугольнику зеленую заливку. Состояние DOWN оп ределено.

10. Выберите команду Finish Editing Rollover (Закончить редактирование ролловера) меню Effects (Эффекты) > Rollover (Ролловер) или нажмите одноименную кнопку панели управления Internet или навигатора. Ролловер готов.

Тестирование ролловера CorelDRAW позволяет протестировать работу ролловеров прямо на странице доку мента без генерации необходимых файлов и загрузки их в браузер. Для этого необ ходимо выбрать команду-переключатель View (Вид) > Enable Rollover (Включить ролловер) или нажать кнопку Live preview of Rollovers (Предварительный просмотр ролловеров) на панели управления Internet. С этого момента все ролловеры в доку менте станут "действующими". В режиме тестирования никакие операции редакти рования ролловеров, вплоть до перемещения, невозможны. Чтобы вернуться к ре дактированию ролловеров, надо отменить режим тестирования повторным выбором указанной команды-переключателя.

Для окончательного тестирования ролловеров целесообразно экспортировать их в выбранный формат (HTML или Flash). О том, как это сделать, рассказано ниже.

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

Параметры HTML Чтобы экспортированный HTML-файл быстро загружался, и его было легко редак тировать, код должен иметь простую структуру. Множество даже специализирован ных визуальных редакторов HTML не могут этим похвастаться. Рациональность ко да, генерируемого CorelDRAW, зависит от содержимого трех счетчиков в подразделе Publish To The Web (Публикация в Web) раздела Document (Документ) в диалоговом окне Options (Параметры) (рис. 10.17):

О Position tolerance (Допуск размещения). В этом счетчике вводится возможное отклонение в положении объектов на Web-странице от того, которое вы задали в CorelDRAW. Этот параметр важен в случае применения таблиц для форматиро вания страницы и позволяет избежать появления строк или столбцов шириной в 1—2 пиксела. По умолчанию это число равно 0, но мы советуем задавать ббль шие значения: они создают более эффективный и понятный код.

Часть I. CorelDRAW Sb Workspace ф- Document Oositjon tolerance:

1 I- General ;

ф Page |UioA.j;

Image ahite space:

! Й Guidelines Position white space;

j- Grid T~^i | Ruleis j~ Styles ;

Save ••• Image Text Links Ш Global OK. Cancel Help Рис. 10.17. Подраздел Publish To The Web диалогового окна Options О Image white space (Пробел между изображениями). Этот параметр тоже имеет смысл только при использовании таблиц HTML. Если размещение элементов макета таково, что изображение занимает сразу две ячейки, CorelDRAW позволя ет выбрать между разрезанием изображения с размещением фрагментов в разных ячейках и слиянием ячеек. Если изображение занимает значительную часть вто рой ячейки, то предпочтительнее слияние ячеек. В противном случае более эф фективно разрезание. Параметр определяет минимальное количество пикселов изображения в ячейке, достаточное для того, чтобы CorelDRAW слил обе ячейки, не разрезав изображение.

П Position white space (Свободное размещение). Параметр задает максимально до пустимое свободное пространство вокруг изображений. Оно иногда позволяет сделать HTML-код проще и эффективнее.

Параметры текста Текст, созданный в CorelDRAW, можно экспортировать в формат HTML по разному. Можно выбрать подходящий вариант в подразделе Text (Текст) диалого вого окна Options (Параметры), изображенном на рис. 10.18.

П Export HTML compatible text as text (Экспортировать текст, совместимый с HTML как текст). Этот переключатель соответствует представлению обычного текста CorelDRAW как текста и на Web-странице. Фигурный текст все равно пе реводится в точечное изображение. Такой вариант предпочтительнее остальных, поскольку делает загрузку страницы максимально быстрой. Недостаток способа в том, что вы имеете очень ограниченные возможности шрифтового оформления.

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

Workspace Document Export HTML compatible text as.text. All other text is i- General exported as images.

ф- Page Export all text as.images. The page will take longer to ф Guidelines download however text will look the same on all browsers.

|-Grid Export HTML compatible text as text using TrueDoc(TM) font ;

Rulers technology. :;

• I-- Styles Fonts used in your page will be downloaded with the page. TrueDocJTMJ (•••• Save requires Netscape Communicator(TM). Other browsers may not display text И Publish To The Web correctly.

!- Image TrueDoc(TM) requires that you specify the domain tor the fonts, ie:

http: //www. Corel, com Links »j "For copyright reasons fonts will not Global work outside the specified domains.

»I OK Cancel Help Рис. 10.18. Подраздел Text диалогового окна Options О Export all text as images (Экспортировать текст как изображение). Весь текст экс портируется из CorelDRAW как точечное изображение. Этот способ приводит к созданию очень больших изображений, долго загружающихся в браузер. Позво ляет полностью сохранить форматирование.

a Export HTML compatible text as text using TrueDoc(TM) font technology (Экспор тировать текст, совместимый с HTML как текст, используя технологию True Doc).

Этот метод позволяет экспортировать текст из CorelDRAW как текст, но при этом полностью сохранить шрифтовое оформление. Для этого шрифтовая техно логия TrueDoc подразумевает загрузку необходимых шрифтов вместе с Web-страницей. Пока технология TrueDoc поддерживается только браузером Netscape Navigator. Для других браузеров требуется свободно распространяемый подключаемый модуль, который можно получить на сайте создателя технологии фирмы Bitstream (www.bitstream.com). Поскольку шрифты требуют лицензирова ния, технология TrueDoc не позволит использовать их на других сайтах. Вводите адрес своего сайта в текстовое поле в нижней части раздела.

Параметры изображений GIF, JPEG и PNG — точечные графические форматы, которые безусловно поддержи ваются всеми браузерами. Поэтому CorelDRAW использует их для представления всех Часть I. CorelDRAW графических объектов, размещенных в документе. Эти форматы позволяют достичь наибольшей компактности файлов, что является наиболее критичным для Internet.

Параметры экспорта изображений собраны в разделе Image (Изображения) диалого вого окна Options (Параметры), представленном на рис. 10.19.

Workspace Document Export images using:

i- General Ш Page '"•' JPEG Cp Guidelines •-" S)f \ 256 Color GIF Ada... _» ~ Grid I- Rulers С PNG j256 Color PNG Ad... j» !-••• Styles ;

-• Save («' Export bitmaps as Distinct files. Bitmaps greater than 256 colors will be В Publish To The Web exported as JPEG.

[^ fjiesample bitmaps to screen resolutiori Text Links f? fihti-Alias Ш Global '•• НГ'Л Г ''L<>I:

ImageMap: ]V Client Г Server OK Cancel Help Рис. 10.19. Подраздел Image диалогового окна Options Переключатель Export images using (Экспортировать изображения в формате) позво ляет выбрать для экспорта изображений один из трех перечисленных форматов и установить его параметры. Параметры сжатия или индексирования выберите в спи ске для выбранного формата. Наилучший вариант состоит в сочетании разных фор матов. Обычно для рисунков (векторных объектов) предпочтительнее формат GIF, a для фотографий — JPEG. Чтобы использовать оба формата, установите флажок Ex port bitmaps as distinct files (Экспортировать изображения отдельно). Тогда объекты, содержащие более 2:56 цветов, будут экспортироваться как JPEG, а остальные будут преобразованы в формат GIF.

Флажок Resample bitmaps to screen resolution (Понизить разрешение изображений до экранного) позволит вам не заботиться о разрешении точечных изображений в до кументе — CorelDRAW автоматически приведет его к минимально необходимому для Web-страницы.

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

Глава 10. Публикация в WWW В разделе Image Map (Карта ссылок) можно задать формат карт ссылок в HTML-документе. Флажок Client (Клиент) устанавливает наилучший из них (и при нятый по умолчанию). Этот формат подразумевает обработку карт ссылок браузером пользователя, а вся необходимая для этого информация помещается в тело HTML-файла. Вариант Server (Сервер) используют, если необходима какая-то осо бая обработка ввода пользователя, не ограничивающаяся простым переходом по ссылке. Карту ссылок в этом варианте обрабатывает сценарий на сервере. Для обра ботки карт ссылок сервером существуют два стандарта: NCSA и CERN (по именам учреждений, их выдвинувших). Переключатель справа от флажка Server (Сервер) позволит вам выбрать параметр, подходящий для вашего сценария.

Команда Publish To The Web Экспорт страницы в формат HTML происходит по команде File (Файл) > Publish To The Web (Публикация в Web) > HTML. Прежде чем начать экспорт, CorelDRAW предложит вам сделать некоторые настройки (рис. 10.20).

Publish To The Web General j Details ] Images ' Advanced j Summary ! (3" No Issues HTML Layout Method;

г Destination -- FTP j [оЛсЖТоЙ^Тт ТЙШ1ЫТ1Г. jH f..... FTP Upload i ( Use HTML name forimage sub-folder i Image folder: |images\ i I fieplace existing files : i D ispfay! n rowsef When D one rEsipoilRange — ••* AJi • Pages i ^ Current Page ' ^election Presets: j default OK Cancel Browser Preview...

Рис. 10.20. Диалоговое окно Publish To The Web, вкладка General Язык HTML быстро развивается, допуская все большие возможности управления форматированием, расширяя интерактивность и мультимедийные возможности. Ка ждая новая версия браузеров Microsoft Internet Explorer и Netscape Navigator, глав ных представителей на этом рынке, расширяет возможности HTML. При этом со вместимость между расширениями языка для этих браузеров оставляет желать много лучшего. CorelDRAW позволяет учесть эти особенности браузеров при экспорте.

Часть I. CorelDRAW П HTML Table (most compatible) (Таблицы HTML (наилучшая совместимость)).

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

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

"прозрачного пиксела". Прозрачный пиксел — это индексированное точечное изображе ние размером 1<1 пиксел. Причем этот единственный пиксел изображения объявлен прозрачным, и потому не виден в браузере.' HTML позволяет жестко задать произволь ный размер любого изображения, независимо от его реальных размеров. Если реальный размер изображения не совпадает с заданным в коде страницы, то браузер отмасштаби рует его (возможно даже непропорционально) до указанных размеров. CorelDRAW зада ет для прозрачного пиксела размер, который должна иметь ячейка таблицы. В результа те браузер не сможет уменьшить ее, даже при изменениях ширины окна. Так что не удивляйтесь, еспи среди изображений, полученных в результате экспорта, окажется очень маленький графический срайл, содержащий один пиксел. Ни в коем случае не уда ляйте его, иначе страница будет показана в браузере искаженной.

П Layers (Netscape 4) (Слои (Netscape 4)). Слои — расширение языка, предприня тое Netscape в четвертой версии браузера Netscape Navigator. Microsoft Internet Explorer, с которым, кстати, работает наибольшее количество читателей в Internet, не поддерживает это расширение. Авторы не советуют использовать этот вариант экспорта, чтобы не потерять большую часть посетителей.

П Styles (Netscape 4/MS IE 4,5) (Стили (Netscape 4/MS IE 4,5)). Каскадные стиле вые листы (Cascading Style Sheets, CSS) поддерживаются большинством совре менных браузерон и стандартизованы консорциумом W3C. Идея стилевых листов состоит в отделении содержания документа от его форматирования. Кроме того, стилевые листы позволяют очень точно задать размещение объектов на Web-странице и использовать на ней несколько слоев. Очень похоже на слои в CorelDRAW, не гравда ли? Если выбран этот вариант, то становятся доступными два флажка настроек на вкладке Advanced (Дополнительно). Флажок Use ID for CSS layout styles (Использовать ID в стилях CSS) разрешает CorelDRAW приме нять расширенные средства форматирования CSS. Флажок Use CSS file for text styles (Создавать файл CSS с текстовыми стилями) размещает стилевую инфор мацию в отдел эном файле с расширением ess, а не в начале каждого HTML-файла. Это уменьшает размер HTML-файлов и дает возможность много кратного применения одних и тех же стилей, практически не модифицируя код страниц. На сегодняшний день вы можете использовать CSS на своих Web-страницах, практически не опасаясь сократить количество посетителей.

О Single Image with Image Map (Изображение с картой ссылок). Это наименее рекомен дуемый вариант экспорта страницы. По нему CorelDRAW экспортирует всю страницу в одно большое изображение и создает для него карту ссылок. Большой размер полу чаемых изображений делает этот способ мало пригодным в Internet, где минималь ный размер графических файлов служит одним из главных ключей к успеху.

В группе Destination (Назначение) выберите папку для экспортированных файлов.

Введите ее имя в поле ввода или выберите в раскрывающемся списке, открываю щемся расположенной рядом кнопкой.

Глава 10. Публикация в WWW Во втором поле ввода (Image folder (Папка с изображениями)) задается имя катало га, в котором будут размещены изображения. Большинством принята традиция хра нить изображения отдельно от HTML-файлов во вложенном каталоге с именем images. Такая стандартизация позволяет легче ориентироваться в содержимом ката логов сервера и облегчает написание сценариев. Впрочем, вы можете ввести в эту строку любое другое имя или установить флажок Use HTML name for image sub folder (Использовать имя HTML-файла в имени папки с изображениями). В послед нем случае каталог с изображениями будет носить имя HTML-файла, заданное в раскрывающемся списке выше.

Флажок Replace existing file (Заменить существующий файл) разрешает программе записать новую версию экспортированных файлов поверх старой. Чтобы получен ные Web-страницы автоматически загрузились в браузер, установите флажок Display in Browser When Done (По окончании открыть в браузере). Вместо сохранения ло кальной копии файлы можно сразу поместить на сервер. Для этого установите фла жок FTP Upload (Загрузка по FTP), настроив при необходимости параметры встро енного FTP-клиента в диалоговом окне, открывающемся кнопкой FTP Settings (Настройки FTP).

В группе Export Range (Диапазон) задайте диапазон экспортируемых страниц. Это может быть текущая страница (Current Page), весь документ (All), произвольный набор его страниц (Pages) или только выделенные объекты (Selection).

На вкладке Details (Подробно) диалогового окна Publish To The Web (Публикация в Web) скорректируйте имена получающихся HTML-файлов и их названия в колонках File name (Имя файла) и Title (Page Name) (Название страницы) соответственно (рис. 10.21). На вкладке Images (Изображения) вы можете проделать то же самое с именами файлов изображений и их параметрами сжатия (рис. 10.22).

Дополнительные настройки HTML-кода (рис. 10.23) сосредоточены на вкладке Ad vanced (Дополнительно) диалогового окна Publish To The Web (Публикация в Web).

Если вы хотите дать пользователю возможность рассмотреть изображения на странице не только с экранным, но и с более высоким разрешением, действуйте следующим образом. Создайте изображения высокого разрешения. Затем поместите их на страни цу документа при помощи механизма связывания. Для этого установите флажок Link bitmap externally (Связать внешний файл) в диалоговом окне Import (Импорт). Если на вкладке Advanced (Дополнительно) установить флажок Maintain links to externally linked files (Сохранять связи с внешними файлами), то CorelDRAW сопоставит изо бражениям на странице ссылки копии с высоким разрешением.

Флажок Generate JavaScript for roll-overs (Генерировать JavaScript для ролловеров) включает автоматическую генерацию JavaScript-кода для имеющихся в документе ролловеров. Каждое состояние любого ролловера экспортируется в отдельный гра фический файл, а сценарий JavaScript управляет их демонстрацией в зависимости от положения курсора и кнопок мыши.

Технология TrueDoc, разработанная фирмой Bitstream, позволяет внедрять в Web-страницы любые шрифты. Точнее, шрифты размещаются в отдельном PFR файле (Portable Font Resource), на том же сервере, что и Web-страница. Для того чтобы они загрузились в браузер пользователя, необходим специальный подключае мый модуль.

Часть I. CorelDRAW Щ 1 Publish Tp The Web General Details images | Advanced j Summary 5" No Issues | • ages aeing exported:

Ради 1 Title (Page Name) I File name 1 j Graphic2.htm : Graphic2_page2.htm.Graphic2_page3.htm OK Browssr Preview... i Cancel Help Рис. 10.21. Диалоговое окно Publish To The Web, вкладка Details 1 Publish (To The Web H Genefiil ] Details ij.m.?.9?.y Advanced | Summary | ty № Issues j 1 mage s В eing E xported:

Image Name Type I hexO HighQualityJPG hex3 256 Color G 1 F Adaptive ** hex4 ;

H ighest Q uality J PG hex^ M edium Q uality J PG Pro...:

hex : 128 Color GIF Adaptive hex? 64 Color GIF Adaptive Di...

hexS! Web-safe GIF Dithered hex!) Grayscale GIF hex" 0 : 256 Color G I F Adaptive...

hex'1 Highest Quality JPG Pro...

Options... Це1р Browser Preview... I OK | Cancel Рис. 10.22. Диалоговое окно Publish To The Web, вкладка Images Глава 10. Публикация в WWW Publish To The Web Generalj Details! Images Advanced j Summary | No Issues t !•/" Maintain links to externally linked files [v* Generate JavaScript for roll-overs [ User ID for CSS layout styles Г Use CSS file for text styles jy mbed fonts using ТшеОос [Include tartd.jri.i chafacter set.^ OK Cancel Help Browser Preview...

Рис. 10.23. Диалоговое окно Publish To The Web, вкладка Advanced Флажок Embed fonts using TrueDoc (Встроить шрифты через TrueDoc) заставляет CorelDRAW создать PRF-файл со всеми использованными шрифтами и включить в код Web-страницы ссылку на него, и на подключаемый модуль, находящийся на сер вере Bitstream (www.truedoc.com). Если у пользователя нет этого модуля, то он загру зится с этого сайта автоматически. Ограничение на лицензированное использование шрифтов не допускает использования внедренных шрифтов с "чужих" сайтов. По этой причине в PRF-файл встраивается адрес сайта, имеющего соответствующую лицен зию, т. е. вашего сайта. Его доменное имя необходимо указать в поле ввода, располо женном ниже флажка. По умолчанию в PRF-файл помещаются только те символы шрифтов, которые встречаются на странице. Флажок Include standard character set (Включить стандартный набор символов) включает в ресурс весь стандартный (ANSI) набор символов. Если вы планируете расширять наполнение сайта, то имеет смысл установить этот флажок, чтобы не генерировать PRF-файл заново для новых симво лов. Технология TrueDoc пока еще не завоевала широкой популярности и далеко не у каждого пользователя установлен подключаемый модуль. Поэтому из соображений совместимости мы не рекомендуем использовать ее без серьезной необходимости.

Вкладка Summary (Статистика) диалогового окна Publish To The Web (Публикация в Web) поможет оптимизировать экспортированные Web-страницы. Она содержит перечень всех элементов страницы и время их загрузки в браузер пользователя в зависимости от скорости соединения (рис. 10.24). Найдите графические файлы, ко торые грузятся слишком долго и постарайтесь их оптимизировать или уменьшите их геометрические размеры. Флажок Publish statistics as frame (Показать статистику в отдельном фрейме) создает в экспортированном документе отдельный фрейм, в ко тором приводятся все те же статистические данные (рис. 10.25). В правом фрейме оказываются сами Web-страницы.

584 Часть I. CorelDRAW tamam ННИИИВКШ \ Publish | Т he Web o Genera \ Details | Images i Advanced Summary 1 [|J> 4o Issues | Filename: Graphic2.htm total size 491 50 Bytes Total files: Download Т irrte i File Sizes j 144k j 28.8k i 33.6k i 56k » :

49150 By... 27s 13s 11s 7s Total file:

1 File list Os Os _l ;

•'{* irnaes/hex0.jpg :1800Bytes 1S OS :2171 Bytes 1s Os 0s 0s « imasies/hex2.jpg 2171 Bytes 1s Os Os Os imaties/hei(12.ipg 3067 Byles 1s Os Os Os imat|es/hex3.gil 101 96 By... 5 s 2s 2s 1s : imai)es/hex4.jpg ;

1443 Byles O s Os Os Os imaijes/hexS.jpg -. '"7^ j., ^., ~-,-^ ^ ^ „ J цj k- :

Iv» Publish statistics as frame "IMIDl Bfov sei Preview.,, i Cancel help Рис. 10.24. Диалоговое окно Publish To The Web, вкладка Summary 3 nevtky_prospecl.htm - Mitra | Fte Edit View Favorites Tools Help j ^Back> Ч • ® ill 4}'i «QSearch ^iJFavoiites ^History ! ;

% j Address | J My Documents\Corel User Files\F_nev5kyj3raspect.htm _»] ^ httf ://www.spb.ru/cityscapep/ palace square.htin^palace_squafe f revious Next il |Щ My Computer Рис. 10.25. Статистический отчет, созданный CorelDRAW Глава 10. Публикация в WWW Ссылки Previous (Назад) и Next (Дальше) позволяют перелистывать экспортирован ные страницы. На наш взгляд, для анализа эффективности страниц такой способ бо лее удобен и нагляден.

Последняя вкладка Preflight (Проверка) (рис. 10.26) диалогового окна Publish To The Web (Публикация в Web) содержит результаты автоматической проверки документа на актуальность гипертекстовых ссылок и совместимость с языком HTML. Отчет программы проверки позволит вам избежать грубых ошибок и подскажет способы их устранения.

Publish To The Web No Issues !

General j Details j Images ] Advanced j Summary * freightfor;

jDefaultSettings 51 Settings... I j \Цу> There are currently no issues to report * This page will list potential problems or issues that you should be aware of regarding your document.

There are no known issues with the current document or settings. Check again just before printing, publishing or sending a document to someone else.

Tip: You can view or change which issues are checked for by clicking on 'reflight Settings, above.

Help Cancel Browser Preview...

Рис. 10.26. Диалоговое окно Publish Tq The Web, вкладка Preflight Теперь, когда сделаны все настройки, нажмите кнопку ОК в диалоговом окне Pub lish То The Web (Публикация в Web), чтобы программа начала генерацию Web-страниц. Вы найдете готовые HTML-файлы и растровые изображения в папке, указанной на вкладке General (Общие).

Редактирование готовых Web-страниц CorelDRAW располагает специализированным фильтром импорта HTML и поэтому дает возможность редактировать уже готовые Web-страницы. Импорт HTML-файлов выполняется точно так же, как и импорт других форматов, с помощью команды Import (Импорт) меню File (Файл).

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

20 Зак. Часть I. CorelDRAW Экспорт Flash До недавнего времени инструменты создания изображений и анимации в формате Flash (расширение swf) поставляла только сама компания Macromedia Inc. Теперь большинство популярных программ векторной графики тоже обогатились этой воз можностью. Пакет CorelDRAW не стал исключением. С созданием "статических" иллюстраций и роллоиеров в формате Flash справляется сама программа иллюстри рования CorelDRAW. Для изготовления анимации вам придется обратиться к от дельной программе Corel RAVE, также входящей в пакет (см. главу 21).

Для того чтобы экспортировать текущий документ в формат Flash, выберите коман ду File (Файл) > Publish To The Web (Публикация в Web) > Flash embedded in HTML (Flash, внедренный в HTML). Эта команда открывает стандартное диалоговое окно Export (Экспорт), в котором следует выбрать имя и папку для Flash-файла. Затем после нажатия кнопки Export (Экспорт) CorelDRAW предоставит диалоговое окно Flash Export (Экспорт Flash), содержащее настройки экспорта.

На вкладке General (Общие) находятся параметры Flash (рис. 10.27). Переключатель Bounding Box Size (Размеры иллюстрации) задает, каким будет размер иллюстрации на странице в браузере. Он может определяться либо размером страницы документа (Page (Страница)), либо изображения (Objects (Объекты)).

•M H H MM •• « "« •• ^™ I Flash Exioit •x T "^ General | HTML cj3 2 1 ssues | r Optimization — -Biti nap setting — —.

JFG Compression:

i/ Convert dashed outlines 20 ^J Resolution (dpi): 72 Rounded caps and coineis : * Use default fountain steps Snoothing: -Bounding Box Size |q?

File Protection from import '-• Page Г Objects P/ Use sound behaviors • Coripression: Low ^ J_!

Presets:

[ Preview... ^1 Cancel Help !' ;

_J Рис. 10.27. Диалоговое окно Flash Export, вкладка General Раскрывающиеся списки группы Bitmap setting (Параметр изображения) задают па раметры сжатия JPILG для всех растровых изображений в иллюстрации. В списке Глава 10. Публикация в WWW JPEG Compression (Сжатие JPEG) установите коэффициент сжатия, но помните, что излишне высокое значение приведет к недопустимому ухудшению качества изобра жений. Предварительное размытие может несколько увеличить эффективность JPEG-сжатия. В списке Smoothing (Размытие) подберите наилучшую силу сжатия.

В списке Resolution (dpi) (Разрешение) задайте разрешение, к которому следует при вести все растровые изображения на странице. Обычно оно принимается равным или 96 dpi.

Ролловеры в формате Flash можно снабдить звуковыми эффектами. Флажок Use sound behaviors (Использовать звук) включает их генерацию. Степень сжатия звуко вой информации, обратно пропорциональная качеству, определяется выбором в раскрывающемся списке Compression (Сжатие) среди четырех возможных градаций.

Оптимизация векторных объектов для формата Flash включается флажками в группе Optimization (Оптимизация).

Флажок File Protection from import (Защита файлов от импортирования) запрещает импортирование сгенерированного файла Flash в программы, имеющие такую функцию (CorelDRAW к ним не относится). Таким образом вы защитите созданные файлы от несанкционированного редактирования.

Изображения в формате Flash размещаются в коде Web-страницы с помощью тегов HTML или . Первый из них описан в стандарте HTML и пред почтительнее с точки зрения совместимости с разными версиями браузеров. С дру гой стороны, поскольку спецификация HTML 4 вышла относительно недавно, то тег еще не всеми браузерами обрабатывается безошибочно. По умолча нию CorelDRAW генерирует HTML-код для внедрения объектов Flash используя оба тега в соответствии с шаблоном \Corel Graphics 11 \Custoni\SWF Templates\ Default.html. Вы можете создать для этого и иной шаблон, указав его положение на диске в поле Flash HTML Template (Шаблон HTML для Flash) на вкладке HTML диалогового окна Flash Export (Экспорт Flash). На этой вкладке задаются и другие параметры тегов HTML (рис. 10.28).

В группе Image Size (Размер изображения) задается размер объекта Flash на Web-странице. По умолчанию он совпадает с размером на странице документа CorelDRAW, о чем говорит установленный флажок Match Movie (Как в документе).

Чтобы задать произвольный размер или коэффициент масштабирования, введите их в поля счетчиков, расположенных правее. В раскрывающемся списке Scale (Масш таб) выберите, как будет размещена иллюстрация в пределах указанных границ, а в раскрывающемся списке HTML Alignment (Выравнивание HTML) — горизонтальное выравнивание на Web-странице. Если вы используете расширенные возмож?юсти DHTML браузеров Internet Explorer и Netscape Navigator, то в раскрывающемся спи ске Window Mode (Режим окна) выберите режим наложения иллюстрации Flash на другие объекты страницы.

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

Оно устанавливается в списке Quality (Качество).

Перед экспортом CorelDRAW автоматически проверяет документ на предмет соот ветствия требованиям Flash. Отчет находится на вкладке Preflight (Проверка) диа Часть I. CorelDRAW логового окна Flash Export (Экспорт Flash). Там вы найдете сообщения о найденных ошибках и способах их устранения.

Flash Expdit General HTML | & 2 Issues ] Flash HTML Template:

Use loth OBJECT and EMBED tags to display Flash.

-lrraijeSize — [$ Match Movie Quality:

PiiusedAt Start Loop Window Mode:

Display Menu HTML Alignment:

Scale: | Default (Show All) Pie /iew.. Help Cancel Рис. 10.28. Диалоговое окно Flash Export, вкладка HTML Экспорт запускается нажатием кнопки ОК. По его завершении вы обнаружите в заданной папке файлы с расширениями swf и htm. Первый содержит экспортиро ванную иллюстрацию в формате Flash, а второй — код, необходимый для ее демон страции в браузере.

Экспорт отдельных изображений Несмотря на кажущееся многообразие возможностей создания Web-страниц, CorelDRAW не умеет делать множество вещей, совершенно необходимых Web-дизайнеру. Достаточно сказать, что CorelDRAW не позволяет использовать стандартную стилевую разметку HTML, применять JavaScript или VBScript, напря мую проверять гипертекстовые ссылки и формы, управлять разметкой страниц вручную и многое другое. Даже "по основной специальности" инструмент Publish To Internet (Публикация в Internet) имеет множество недостатков. Например, вы не можете отредактировать палитру индексированных изображений, задать разные па раметры сжатия JPEG для разных изображений и т. д.

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

Экспорт в растровые форматы При экспорте иллюстрации в любой точечный формат CorelDRAW предоставляет вам по очереди три диалоговых окна. Первое из них предназначено для выбора имени файла, в котором будет находиться изображение (рис. 10.29). Кроме обычных элементов, знакомых вам по аналогичным диалоговым окнам, в нем находится ряд флажков. Флажок Export this page only (Экспортировать только текущую страницу) позволяет экспортировать только текущую страницу. Для Web-дизайнера даже это — слишком большое изображение. Как правило, требуется экпортировать только ка кой-то фрагмент. Чтобы это сделать, его надо выделить инструментом Pick (Указатель) перед выполнением команды Export (Экспорт), тогда становится дос тупным флажок Selected only (Только выделенные объекты). Установленный флажок Web_safe_filenames (Имена файлов для Web) удаляет из имени файла пробелы (заменяя их на символ подчеркивания) и специальные символы. Этим обеспечива ется совместимость имен с другими операционными системами. Флажок Do not show filter dialog (He показывать окно фильтра) заставляет CorelDRAW принять па раметры экспорта, выставленные по умолчанию. Эта возможность может пригодить ся при экспорте большой серии похожих изображений. В остальных случаях не ус танавливайте этот флажок, чтобы контролировать настройки фильтра экспорта.

Savejn: | ^ PHOTO-PAINT Tutorials {fif bannet_B g banner_BR tff banner_G |Tbannet_GB gf banne[_Q Iff bannei_R banner WWW File дате:

Save as Jype: | JPG - JPEG Bitmaps >~~.

Sort type: Default V S elected W.eb_safe_fitenames Do not show filter Dialog Cancel Export Рис. 10.29. Диалоговое окно Export Часть /. CorelDRAW После того как вы нажмете кнопку Export (Экспорт), откроется следующее диалого вое окно Convert to Bitmap (Преобразовать в растровое изображение), одинаковое для всех точечных форматов (рис. 10.30). Оно должно напомнить вам уже известное диалоговое окно Resantple (Изменить размер), поскольку выполняет похожую зада чу: в нем задаются размеры изображения и его тип.

Convert to Bitmap Image size:

Width: ;

"'>|18аав"^5|ТооГ^х [millimeters [192341 -j-j J100 jg % tieight:

Resolution:

I Paletted (8-bit) olor node:

File si:e:

Original: 774.468 bytes 774,468 bytes I lew:

i Anti-aliasing Apply |CC profile SUSIES asP?Sl ta!' Maintain original size OK Reset Help Cancel PMC. 10.30. Диалоговое окно Convert to Bitmap Тип точечного изображения устанавливается в раскрывающемся списке Color mode (Цвет). Для разных форматов файлов содержимое списка может отличаться. Оче видно, это происходи! потому, что разные форматы способны хранить разные типы изображений. В области Image size (Размер изображения) расположены счетчики Width (Ширина) и Height (Высота), в которых можно задать размер изображения в пикселах или выбрать один из предустановленных размеров. В счетчике Resolution (Разрешение) выберите экранное разрешение. Как правило, стоит установить фла жок Anti-aliasing, чтобы края объектов на изображении не имели "зазубрин".

Последнее, третье, диатаговое окно, через которое проводит вас CorelDRAW при экс порте точечных изображений — собственно окно фильтра экспорта. Для каждого форма та оно будет совершенно иным. Нас особо интересуют фильтры экспорта GIF и JPEG.

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

Глава 10. Публикация в WWW CorelDRAW позволяет визуально оценить потерю качества и подобрать оптималь ную величину сжатия. Для этого служит диалоговое окно JPEG Export (Экспорт JPEG), открывающееся после диалогового окна Convert to Bitmap (Преобразовать в растровое изображение). Основную его часть (рис. 10.31) занимают области предва рительного просмотра. Нажатие кнопки с изображением прямоугольника на строке заголовка окна переключает количество областей. Если область просмотра одна, то в ней отображается результат сжатия, т. е. вид, который будет иметь изображение в браузере. Если областей просмотра две, то в левой демонстрируется исходное изо бражение, а в правой — результат сжатия, что позволяет оценить ущерб качеству.

После каждого изменения параметров сжатия не забывайте обновлять область про смотра нажатием кнопки Preview (Просмотр).

JPEG Export Result.

Original:

Encoding Method: Properties:

fTF f~ E'og'essive f" Optimise Compression: j~ fTT - ]• Subfotmat: (Standard(4:2:2) _J| Smoothing:

Image Size 2320843 File Size;

[ Preview ]| Reset )K Cancel Help Рис. 10.31. Диалоговое окно JPEG Export Наибольшее влияние на результат оказывает положение ползунка Compression (Сжатие). Чем сжатие больше, тем ниже качество изображения, но меньше размер файла. Размер сжатого файла отображается в информационном поле File Size (Размер файла). Несколько улучшить качество изображения и уменьшить размер файла позволяет предварительная размывка изображения. Ее сила регулируется пол зунком Smoothing (Размытие).

В области Encoding Method (Способ кодирования) задаются параметры алгоритма JPEG. Флажок Optimize (Оптимизировать) включает оптимизацию внутренней структуры JPEG-файла. Это никак не сказывается на качестве изображения, но со кращает размер файла. Оптимизированная структура JPEG может неправильно счи тываться некоторыми браузерами, но это не касается ныне лидирующих на рынке Internet Explorer, Netscape Navigator и Opera. Поэтому не бойтесь держать этот фла жок установленным. Раскрывающийся список Sub Format (Формат) определяет со отношение выборок яркостной и хроматических компонентов изображения. Вариант Optional (4:4:4) (Дополнительный (4:4:4)) означает, что на четыре пиксела канала Часть I. CorelDRAW яркостей в JPEG-файле будет приходиться 4 пиксела каждого из двух хроматических компонентов. Обычно используется вариант Standard (4:2:2) (Стандартный (4:2:2)).

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

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

Флажок Progressive (Прогрессивная) задает для браузера пользователя прогрессив ную развертку изображгния. Она заставляет браузер демонстрировать изображение с постепенно возрастающей детализацией (рис. 10.32). Это удобно для пользователя, поскольку дает ему возможность судить об изображении еще до окончания его за грузки и решить, стоит ли ее дожидаться. Мы рекомендуем прогрессивную разверт ку для всех изображен^, не служащих для навигации (кнопками, меню и т. п.).

t'lnnnnn / Canada/ '/ United status U United States UinLuJ lULui.

•,U'V »T ' il *.!Л.% \.t If* t *^ - &.

Latin i-iiiii 1 MI America IIIIIKI it i Рис. 10.32. Чересстрочная развертка изображения Нажатие кнопки ОК в диалоговом окне JPEG Export (Экспорт JPEG) завершает процедуру экспорта в этот формат.

Экспорт GIF и PNG Поскольку GIF — формат индексированных изображений, при экспорте в него добав ляется стадия создания ограниченной цветовой палитры. В CorelDRAW такая про цедура выполняется в диалоговом окне Convert to Paletted (Преобразовать в индекси рованное), рассмотренное в главе 5 (см. рис. 5.30). После того как вы подберете же лаемое количество цветов, оптимизируете палитру изображения и нажмете кнопку ОК, программа предоставит окно фильтра GIF Export (Экспорт GIF) изображенное на рис. 10.33. Интерфейс фильтра очень похож на фильтр JPEG, отличаются только элементы управления. Большинство из них недоступны и применяются только в Corel PHOTO-PAINT. В CorelDRAW вы можете просмотреть палитру изображения и вы брать "прозрачный цвет" пипеткой на изображении или в палитре.

Глава 10. Публикация в WWW Cancel Reset Це1р Preyiew flK:

Рис. 10.33. Диалоговое окно GIF Export Экспорт формата PNG в ограниченной палитре ничем не отличается от GIF. Перед вами откроются те же диалоговые окна с теми же параметрами.

Диалоговое окно Web Image Optimizer По замыслу авторов все функции экспорта в новой версии CorelDRAW сосредото чены в новом едином диалоговом окне Web Image Optimizer (Оптимизация изобра жений для Web) (рис. 10.34). Оно открывается одноименной командой меню File (Файл) > Publish To The Web (Публикация в Web).

Основную его часть занимают области предварительного просмотра. Они дают воз можность оценить вид оптимизированного изображения, не прибегая к его экспорту и загрузке в браузер. Поскольку оптимизация состоит в поиске компромисса между минимальным размером файла и максимальным качеством, всегда приходится срав нивать эти параметры для нескольких вариантов. Диалоговое окно Web Image Op timizer (Оптимизация изображений для Web) допускает одновременное сравнение до четырех вариантов оптимизации. Для каждого из них отводится отдельная область просмотра и панель управления параметрами сжатия. Количество вариантов для сравнения выбирается кнопками в правом верхнем углу окна.

В списке в левом верхнем углу панели управления каждой области просмотра выбе рите формат файла: JPEG, GIF, PNG8 и PNG24. PNG8 соответствует индексиро ванному изображению, a PNG24 — полноцветному. В соседнем списке выберите один из предустановленных параметров сжатия и нажмите кнопку Preview (Просмотр).

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

Web Image Optimizer.;

ч Ш| ;

а »--—^мг аин»Г'*-' Нг1ШИ'' '' - -~^ШЩЬ Original " \ g]583.41 KB Q Яйрх Р° Advanced., M |f 100.00 JQ392px rrrrnirzrril Reset Preview Cancel Help Рис, 10.34. Диалоговое окно Web Image Optimizer Для дальнейшей оптимизации нажмите кнопку в правом верхнем углу панели области просмотра. Он открывает описанные выше диалоговые окна с параметрами оптимиза ции выбранного формата. После того как вы нашли наилучшие параметры оптимиза ции, сохраните их нажав кнопку "+" на панели области просмотра. Новый именован ный набор настроек те лерь будет фигурировать в списке наряду с предопределенными, и вам не придется повторять настройку для очередного изображения.

Выведя две или четыр;

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

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

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

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

О При экспорте в формат HTML CorelDRAW преобразует фигурный текст в точеч ные изображения, а обычный оставляет текстом. Чтобы текст в браузере выгля дел так же, как и на странице CorelDRAW, его необходимо сделать совместимым с HTML командой Make Text HTML Compatible (Сделать текст совместимым с HTML).

О CorelDRAW позволяет размещать на странице поля форм, Java-апплеты и вне дренные объекты. Параметры этих Internet-объектов задаются в докере Object Properties (Свойства объекта) и панели управления Internet.

О Для текста и Internet-объектов CorelDRAW автоматически создает специальный слой Internet layer. Он располагается поверх остальных слоев, и объекты на нем не должны перекрываться.

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

D Для экспорта документа в формат HTML предназначена команда Publish To The Web (Публикация в Web). Часть параметров экспорта задается в диалоговом окне Options (Параметры).

П CorelDRAW берет на себя контроль за совместимостю макета с языковыми сред ствами HTML и правильностью внешних ссылок.

О CorelDRAW позволяет создавать ролловеры — интерактивные элементы Web-стра ницы, меняющие свой вид в зависимости от действий пользователя мышью.

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

ЧАСТЬ II COREL PHOTO-PAINT Глава 11. Знакомство с Corel PHOTO-PAINT Глава 12. Использование цвета в PHOTO-PAINT Глава 13. Тоновая и цветовая коррекция изображений Глава 14. Специальная обработка изображений и эффекты Глава 15. Маски Глава 16. Объекты Глава 17. Анимация и Internet Глава Знакомство с Corel PHOTO-PAINT Второй большой пакет, входящий в комплект CorelDRAW Graphics Suite 11 PHOTO-PAINT. Эта программа предназначена для обработки растровых изображе ний. С ее помощью вы сможете подготовить изображение для печати или Web, сде лать монтаж, улучшить качество фотографии, создать дизайн на основе готовых изображений и даже нарисовать собственные оригинальные рисунки. Методика и принципы работы с растровым изображением сильно отличаются от работы с объек тами — здесь вам необходимо помнить о разрешении, глубине цвета, линиатуре и геометрических размерах не только в момент печати, но и в процессе редактирова ния. В общем, процесс обработки растровых изображений, особенно фотографий, более трудоемкое дело, чем создание объектных иллюстраций. Однако если вы рабо таете тщательно, старания будут вознаграждены реалистичными иллюстрациями.

Растровое изображение состоит из сетки точек. В нем нет самостоятельных объек тов, которые программа выделяет по вашей команде. Для выполнения действий не обходимо определить, на какую группу точек распространяются изменения, и дать команду программе обработать эту группу точек. Именно поэтому в программах ти па PHOTO-PAINT так много внимания уделяется приемам и инструментам выделе ния. В противоположность растровым, векторные иллюстрации состоят из объектов, для выделения которых достаточно одного щелчка мыши. При этом разрешение вывода объектов всегда наибольшее возможное для данного устройства вывода. Так что же — векторные объекты лучше растровых изображений? На самом деле это не так. Простота управления объектами оборачивается некоторой упрощенностью таких иллюстраций. Для создания действительно реалистичной иллюстрации требуется масса объектов. Поскольку каждый из них необходимо создать и расположить в нужной позиции, создание такого проекта очень трудоемко. В растровом изображе нии вы имеете возможность редактировать буквально каждую точку изображения, и это многократно расширяет изобразительные возможности. Кроме того, для получе ния идеально реалистичной растровой композиции зачастую достаточно просто от сканировать уже имеющуюся фотографию или сделать монтаж из нескольких фото графий. Получается, что каждый тип изображений имеет свою область применения.

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

Подробный сравнительный анализ свойств растрового и объектного изображения приводится в главе 28. Для подготовки растровых изображений PHOTO-PAINT, без условно, достойный выбор.

Часть II. Corel PHOTO-PAINT Интерфейс Если вы знакомы с программой PHOTO-PAINT или читали первую часть книги, то интерфейс PHOTO-PAfNT не вызовет у вас затруднений. По простой причине — он точно такой же, как и з CorelDRAW. Вообще, программы имеют очень много общих элементов. Это и диалоговые окна, и элементы интерфейса, и приемы работы. Как и CorelDRAW, PHOTO-PAINT обладает широчайшими возможностями настройки.

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

Запуск программы После установки пакета в меню запуска Windows помещается группа Corel, в кото рой необходимо выбрать пиктограмму Corel PHOTO-PAINT. Щелкнув на ней, вы запустите программу. Перед вами окажется главное окно, а поверх него — "приглашение", изображенное на рис. 11.1. В этом окне выбирают действие, которое вы намерены предпринять в первую очередь.

Welcome to Corel PHOTO-PAINT Open Image New Image Open Last Edited H Scan Image CorelTUTOR What's New?

Click a graphic to begin...

www.designer.com Show this Welcome Screen at startup Рис. 11.1, Диалоговое окно Welcome to Corel PHOTO-PAINT П New Image (Создать) Команда создания нового изображения. После ее выбора от крывается диалоговое окно, в котором вы задаете параметры создаваемого документа.

D Open Last Edited (Открыть последнюю). Загрузка последнего из документов, кото рые вы открывали в предыдущем сеансе. Эта кнопка недоступна при первом за пуске PHOTO-PAINT.

D Open Image (Открыть). Переход к окну открытия файла, в котором вы выбираете документ для загрузки.

Глава 11. Знакомство с Corel PHOTO-PAINT П Scan Image (Сканирование). В комплект PHOTO-PAINT включен модуль скани рования. Если на компьютере установлен и включен сканер, то щелчок на кноп ке открывает диалоговое окно сканирования и активизирует сканер. Вы получае те возможность сканирования изображения.

О CorelTUTOR (Учебник CorelTUTOR). Запуск обучающей программы, построен ной на пошаговых инструкциях к созданию простого монтажа. Выполняя инст рукции, вы знакомитесь с основными приемами работы в PHOTO-PAINT.

О What's New (Что нового?). Щелкнув на этой кнопке, вы откроете "путеводитель" по новым возможностям версии 11.

В отсутствие открытых документов в главном окне располагаются лишь основные элементы. Для начала работы следует создать или открыть документ. Для того чтобы осмотреть элементы управления, достаточно открыть любое растровое изображение или создать новый файл с характеристиками по умолчанию. Щелкнув на кнопке Open an image from disk (Открыть изображение), вы перейдете к окну открытия доку ментов (рис. 11.2). В списке файлов выберите подходящий файл, например в фор мате РСТ (формат PHOTO-PAINT) и, не меняя параметров по умолчанию, нажмите кнопку ОК.

Open an Image Ш Look jn: 1 3 Undersea Й 858030.jp2 И] 8Э301 9.jp ja«]828018.jp2 g] 864069.|p Q 864078.ip g] 828031. |p 8] 828032.jp2 H B64079.ip gj 828046.jp Э 828055.jp2 864086.jp Filename: (864081 Fjteview Files of type: j Д|| file Formats "H I Full Image Sojt type: | Default Image size: 512 X 768 Pixels. 16.7 Million Colors (24-bit) File loimat: JP2 - JPEG 2000 Bitmaps JPEG 2000 Wavelet Notes:

Check foi ^atermaik Do not show Шег Dialog Cancel Open Рис. 11.2. Диалоговое окно Open an Image Если вы открываете файл с компакт-диска (все эти файлы имеют атрибут read-only (только для чтения)), программа откроет окно предупреждения (рис. 11.3), где со общит о невозможности впоследствии сохранить открываемый файл по тому же Часть II. Corel PHOTO-PAINT адресу. Если вы не нуждаетесь в постоянных напоминаниях на эту тему, отключите флажок Show warning again (Показать сообщение снова).

т Corel PHOTO-PAINT File D:\Photos\Misc\624041.wi is read-onlji. Save is disabled.

OK П/ jjhow warning again;

Рис. 11.3. Окно предупреждения при открытии файла с атрибутом read-only Элементы окна Итак, вы открыли один из растровых документов без специальной обработки. Он размещается в отдельном окне документа, которое при работе в среде Windows на ходится внутри главного окна программы (рис. П.4).

ИВ Corel PHOTO PAINT 11 804064 jp je Edit View [mage Effects Mask Object Movie Web Jools Window Help Memory: Swap: 1749MB Mem 221 KB Рис. 11.4. Главное окно PHOTO-PAINT с открытым документом Глава 11. Знакомство с Corel PHOTO-PAINT В состав окна документа входят следующие элементы:

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

О заголовок, где содержится информация о названии документа, цветовой модели, масштабе просмотра и текущем слое);

О рамка, перетаскивая которую вы изменяете размер окна документа. При работе на Mac OS X масштабирование окна выполняется перетаскиванием правого нижнего угла окна документа (помечен серой штриховкой);

D системные кнопки в правой части окна (на Mac OS X — в левой части окна), с помощью которых окна документов можно масштабировать, перемещать, закры вать, сворачивать и разворачивать.

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

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

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

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

О Главное меню, через которое осуществляется доступ ко всем функциям программы.

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

П Панель инструментов (Toolbox), в которой собраны инструменты программы.

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

П Панель управления (Control Panel). Наиболее распространенные команды меню имеют собственные пиктограммы и вынесены в панель управления.

П Панель свойств (Property Bar). Здесь собраны установки и элементы управления текущего инструмента. Содержимое панели меняется в зависимости от выбора 604 Часть II. Corel PHOTO-PAINT инструмента в панели Toolbox (Панель инструментов). В новой версии панель свойств имеет стандартный и расширенный режимы, переключаемые кнопкой с двойной стрелкой в правой части.

О Палитра цветов (Color Palette). В ней находятся образцы цветов. По умолчанию в палитру входят наиболее употребительные цвета.

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

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

Общая настройка интерфейса Абсолютно все элементы окна программы и многие режимы работы настраиваются.

Вы можете не только изменить размещение панелей, но и вывести на экран новые элементы, создать собственные панели, изменить клавиатурные сокращения команд и даже изменить содержание главного меню. Настройка производится в разделе Workspace (Рабочая область) диалогового окна Options (Параметры). Это окно словно капитанская рубка, в которой собраны самые важные, стратегические рычаги и кнопки. Доступ к окну производится разными способами. Самый общий команда Options (Параметры) меню Tools (Сервис) (рис. 11.5). На Mac OS X данная команда называется Preferences (Свойства) и вызывается одноименной командой меню Corel PHOTO-PAINT. В дальнейшем при ссылках на окно свойств мы будем называть его так, как оно названо в среде Windows.

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

Фактически каждый раздел, каждая вкладка — это диалоговое окно, посвященное одной из сторон работо! программы.

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

, инструментов, а для работы с файлами высокого разреше ния — другой, подготовка изображения для Internet потребует третьего набора на строек. Программа позволяет сохранять комплекты настроек (Workspaces) и активи зировать их по мере необходимости. В комплект PHOTO-PAINT входят две рабочие области, имитирующие работу в программе Adobe Photoshop или Picture Publisher.

Например, если вашей любимой программой до сегодняшнего дня был Photoshop, a сейчас вы намереваетесь работать в PHOTO-PAINT, то можно выбрать в списке Глава 11. Знакомство с Corel PHOTO-PAINT Workspaces available (Доступные конфигурации) "родное" имя. После нажатия кноп ки ОК программа PHOTO-PAINT приобретет вид, сходный с Photoshop. Будут пере компонованы панели и даже команды в главном меню разместятся максимально похоже на меню Photoshop. Известно, что элементы интерфейса программы на страиваются. После настройки вы можете перейти к разделу Workspace (Рабочая об ласть) и сохранить текущий комплект настроек в файл, нажав кнопку Export (Экспорт). Возможен и импорт готовых комплектов кнопкой Import (Импорт). На стройки интерфейса программ PHOTO-PAINT и CorelDRAW совершенно идентич ны, и вы можете прочитать о них в главе 1.

rkspaee 0 Workspace I :• General I Description: • !~ Warnings [J Adobe(R)Photoshop(R) Default workspace \ Display D Corel PHOTO-PAINT !• Save U Picture Publishet(R) ;

Tent !•• Memory j VBA !•• Plug-ins ! Й Customization Si Document 51 Global Import.

«porL.

Cancel Help Рис. 11.5. Диалоговое окно Options Главное меню Особенностью программ пакета Corel является недостаточность главного меню. Далеко не все команды и режимы работы помещены в него, их слишком много. Доступ к большей части функций программы осуществляют из панелей управления, докеров, палитр и диалоговых окон. Главное меню преимущественно управляет этими элемен тами и содержит команды, стандартные для любого приложения Windows.

П File (Файл). Меню содержит стандартные команды открытия, закрытия, импорта, экспорта и сохранения файлов. Здесь же расположены команды печати изобра жения, подготовки изображения для публикации в Internet и PDF, пакетной об работки, работы с версиями файлов, доступа к сайту фирмы Corel. В самом низу размещаются названия четырех файлов, которые вы открывали последними (для 606 Часть II. Corel PHOTO-PAINT Windows). Ha MEC OS X список файлов, открытых последними, вызывается командой Open Recent (Открыть последние) меню File (Файл).

О Edit (Правка). Здесь находятся стандартные команды работы с буфером обмена и внедренными объектами, дублирования, повторения и отмены действий, а также команды заливки.

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

О Image (Изображение). В этом меню находятся команды управления изображени ем — тоновой и цветовой коррекции, трансформации, слияния нескольких изо бражений в одно, управления каналами изображения, определения цветовой мо дели, изменения разрешения и размера фона изображения.

П Effects (Эффекты) Меню содержит команды, управляющие фильтрами эффектов.

a Mask (Маски). Здесь размещаются команды управления масками — специально выделенными пользователем группами пикселов.

П Object (Объект). Команды управления объектами. Объекты PHOTO-PAINT мож но сравнить со слоями прозрачной пленки, на каждом из которых есть некое изображение. Программа позволяет свободно оперировать объектами.

П Movie (Анимация). Команды, управляющие анимацией, находятся в этом меню.

О Web. В этом разделе меню собраны команды для подготовки изображения к про смотру на Web — команды управления ролловерами и переключатель видимости Web-объектов.

О Tools (Сервис). Меню содержит команды настройки интерфейса и режимов PHOTO-PAINT, а также команды управления встроенным редактором скриптов.

П Window (Окно). Кроме стандартных команд управления несколькими открытыми окнами документов, меню содержит список большинства докеров.

П Help (Справка). Содержит команды вызова справочной системы.

Панели управления, состояния и свойств Большинство операций PHOTO-PAINT производится с помощью панелей. По умолчанию на экране находится стандартная панель управления (рис. 11.6). Она содержит кнопки команд, используемых для создания, открытия, сохранения, им порта, экспорта и печати документов, работы с буфером обмена, отмены ошибоч ных действий, установки масштаба отображения в окне документа, расширения ра бочей области, получения информации о документе, вызова других программ Corel, выхода в Internet и справки.

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

Щелкнув на ней, вы закроете панель. Для закрепления плавающей панели нужно перетащить ее к любому краю главного окна программы.

Глава 11. Знакомство с Corel PHOTO-PAINT Переход к другим компонентам Полноэкранный Новь и Bt грезать Имп пакета Corel просмотр маски докум(SHT Отмена Отмена изображения Сохранить действия маски D &^^Штш^^\й : rr ;

ffy ! '"Л '^Л 1 -"#'f Тi Л~1^' -ч» l li : ^ jl "ll 'S ^l !

1 : * * i !/wf ' f^tjfj '^V| LjEZ I *v* j *tU'« г ij Показ рамки Масштаб Вклеить объектов Леча! ь просмотра Открыть Показ Инверсия Вз ов ат Копировать.Р документ действия фрагментов маски Рис. 11.6. Стандартная панель управления Ниже панели управления размещается панель свойств. Это удобное средство доступа к большинству функций программы. Содержимое панели свойств зависит от вы бранного инструмента и соответствует его назначению. Она предоставляет именно те настройки, которые соответствуют выполняемому действию. Попробуйте выби рать различные инструменты на панели инструментов и понаблюдайте, как изменя ется панель свойств. Заметьте, что если выбрать инструмент с большим числом на стоек (например, Text (Текст)), то в правой части панели свойств появляется кнопка с двойной стрелкой. Щелкните на ней, и число элементов управления в панели свойств увеличится — панель перейдет в расширенный режим. Повторный щелчок на кнопке вернет панель в стандартный режим работы, с минимумом кнопок. Ис пользуйте панель свойств как можно чаще, это позволяет избежать обращений к командам меню и диалоговым окнам (наиболее медленный способ работы).

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

В нижней части окна размещается строка состояния. В ней выводится информация о текущем изображении. Кнопка со стрелкой открывает список, который позволяет вы брать характер информации — размер файла, текущий инструмент, геометрический размер, модель цвета, свободная память (рис. 11.7). В правой части строки состояния выводятся контекстные подсказки для пользователя. Как и большинство элементов интерфейса PHOTO-PAINT, строка состояния свободно конфигурируется.

Подсказка для пользователя Информационная строка •» ! Use CTRL to subtract, SHIFT to add both to overlap Memory: Swap: 1748 MB Mem: 239 KB Переключение характера информации Рис. 11.7. Строка состояния Панель инструментов Стандартная панель инструментов размещается по умолчанию вдоль левого края окна документа (рис. 11.8). Нажатие кнопки на этой панели (выбор инструмента) Часть II. Corel PHOTO-PAINT указывает программе, каким видом работ вы собираетесь заниматься. Например, нажатие кнопки Rectangle Mask (Прямоугольное выделение) позволит выделить прямоугольную область изображения, активизация кнопки Paint (Кисть) — рисовать линии на изображении и т. п.

r~ «3 0 Ellipse Mask Object Pick :h Freehand Mask ip €••* ч t> Zoom Crop Lasso Mask p Magnetic Lasso Mask Tft ft (' ':

•• ч / Magic Wand Mask V;

Eyedropper Brush Mask W:

Red Eye Removal,-'S Л* «я Clone Paint A f* Text *» -* Effect jfc Rectangle и Si.

Image Sparyer n п i Ellipse U4 Undo Brush V >?* > Sri Replace Color Brush Ч 4» Line RL О v^ a, Path «f Interactive Object transparency и *f % Color Transparency Fill Image Slicing f> P Swap Color и Object Transparency Brush Interactive Fill Foreground Color u n Fill •a r Reset Рис. 11.8. Набор инструментов На экране видна только часть инструментов. На пиктограммах некоторых из них есть черная треугольная стрелка, показывающая, что за этим инструментом скрыва ется еще несколько. Чтобы получить к ним доступ, подведите курсор мыши к пик тограмме инструмента, нажмите левую кнопку мыши и подержите ее нажатой пару секунд (рис. 11.9).

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

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

Глава 11. Знакомство с Corel PHOTO-PAINT Рис. 11.10. Плавающая (а) и закрепленная (б) панели инструментов Ниже перечислены группы инструментов в панели Toolbox (некоторые группы со стоят только из одного инструмента):

П Object Pick (Выбор объекта). Инструмент предназначен для выделения объектов обособленных пользователем фрагментов изображения и их трансформации. В этой же группе размещен инструмент Mask Transform (Трансформация маски), пред назначенный для редактирования формы активной маски.

О Rectangle Mask (Прямоугольное выделение). В этой группе размещаются инстру менты для создания масок (выделенных областей) разной формы.

П Crop (Кадрирование). Инструмент для кадрирования изображения.

П Zoom (Масштаб). В эту группу включены инструменты управления отображением иллюстрацией в окне документа: ее масштабом и видимым фрагментом.

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

CJ Eraser (Ластик). Здесь размещен инструмент для удаления пикселов изображения.

П Text (Текст). Инструмент ввода и редактирования текста.

П Clone (Клонирование). Группа инструментов для клонирования.

П Rectangle (Прямоугольник). Группа инструментов для создания разных геометри ческих фигур — прямоугольников, эллипсов, прямых, многоугольников. В этой же группе находится и инструмент Path (Контур), предназначенный для созда ния и редактирования формы контуров. В программе PHOTO-PAINT контуры, т. е. векторные объекты, используются как вспомогательные.

D Fill (Заливка). Инструменты для придания объекту заливки цветом или специаль ных заливок.

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

В ту же группу входит Undo Brush (Кисть возврата) — инструмент для местной отмены последнего действия П Interactive Drop Shadow (Тень). Группа, состоящая из специального инструмента для организации падающей тени, а также трех инструментов регулирования про зрачности, с помощью которых частично удаляют пикселы изображения. В ре зультате их действия область изображения приобретает прозрачность.

CJ Image Slicing (Фрагмент). Инструмент для разрезания изображения на фрагменты (используется для подготовки изображений для WWW).

610 Часть II. Corel PHOTO-PAINT Другие элементы интерфейса Остальные элементы главного окна PHOTO-PAINT совершенно такие же, как в CorelDRAW. Поэтому опишем их кратко. Подробную информацию можно найти в соответствующих планах, посвященных программе CorelDRAW.

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

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

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

Докеры (в версии дл* Mac OS X они заменены палитрами) — специальные элементы пакета Corel. Это большие палитры, закрепленные у правого края главного окна.

С помощью докеров осуществляется доступ к большому количеству функций. Докеры могут существовать в двух состояниях — закрепленном или плавающем. В плавающем состоянии это практически обычные палитры. Большинство докеров программы дос тупны в списке Dockers (Докеры) меню Window (Окно). Общие для докеров элементы управления рассмотрены в главе 1. Вид каждого из них определяется назначением.

В процессе изучения PHOTO-PAINT вы познакомитесь со всеми докерами.

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

Раздел Global (Глобадьные) позволяет настраивать параметры системы управления цветом, сохранения файлов, печати и подключать к PHOTO-PAINT фильтры экс порта/ импорта. Настройки в разделах Workspace (Рабочая область) и Global (Общие) действуют для всех документов, открываемых и создаваемых в PHOTO-PAINT. Па раметры, задаваемые в разделе Document (Документ), работают в пределах текущего документа. Исключительно удобна возможность конфигурации интерфейса программы под собственные нужды. Пользуясь вкладками подраздела Customization (Настройка), вы сможете назначать "горячие" клавиши, создавать собственные панели управления и свойств, размещать элементы интерфейса в произвольном порядке.

Глава 11. Знакомство с Corel PHOTO-PAINT Устройство и элементы окна установок стандартны для программ пакета Corel и описаны в главе 1.

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

: Automatic ijew resize Дп startup: 'WelcomeScreen *•;

: Warnings V eep dialog position :

-Display Opening |oom: 1100% "*";

v ^ulti-tasking ;

;

•- Save V Shape cursor for ^rush tools :

Text ursor type: I Tod "• I [v Show pixel gjid at maximum zoom Memory •» ;

Units: -'•• j millimeters V Show titles on floating dockers j VBA У nable Sounds Plug-ins (Judge (pixels): 1.;

-, j ffi Customization Pop-ups Й- Document Super nudge (и1 pixels): • 10 "Н |V Show йор-up help 3 Global v Show Object Tjps ;

Bitmap Effects Overscroll (pixels): И ™ Scanning и Printtig ^ Close scan Dialog after acquire ci Filters Duplicate Offset Associate Horizontal (pixels): Pen Tablet Vertical {pixels):

Con|iguration Отмена Help Рис. 11.11. Подраздел General диалогового окна Options Здесь мы рассмотрим лишь отличающиеся элементы, об остальных читайте в главе 1.

О On startup (При запуске). Раскрывающийся список, в котором определяется дей ствие программы при открытии. По умолчанию активен пункт Welcome Screen (Окно приглашения). Возможны и другие варианты: в положении Open File (Открыть) при запуске программы сразу активизируется окно открытия, в поло жении New File (Новый файл) — создания файла и т. д. В положении Nothing (Без дополнительных окон) при запуске появляется только главное окно.

П Opening zoom (Масштаб при открытии). В раскрывающемся списке выбирают масштаб отображения документа при открытии.

D Cursor type (Тип курсора). Список типов курсора. Если активен пункт Tool (Инструмент), то курсор на изображении имеет вид пиктограммы инструмента, при активном пункте Shape (Форма) — форма кисти для рисующих инструментов и пиктограмма для всех остальных, Crosshair (Перекрестие) — курсор в виде пе рекрестия для всех инструментов. Если активен последний пункт, то можно ус тановить флажок Shape cursor for brush tools (Перекрестие для кистей) — тогда 612 Часть II. Corel PHOTO-PAINT курсор рисующих инструментов будет повторять форму кисти, а всех осталь ных — перекрестия.

Nudge (Шаг смещения). Перемещение курсора (в пикселах) в программе можно производить клавишами. Расстояние, на которое перемещается курсор при од ном нажатии клавиши, называют шагом. Шаг задается в данном поле.

Super nudge (Ускоренное перемещение). Увеличенный шаг курсора (в пикселах) его смещение при нажатой клавише .

Overscroll (Поле). Ширина дополнительного серого поля вокруг изображения.

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

) 894060. wi (24-Bit RGB) ($33% - Вас.. ti 894060 wi (24 Bit RGB) @33% - Background ЯЕШ Рис. 11.12. Параметр Overscroll равен 10 (а) и 50 (б) пикселов О Область Pen Tablet (Планшет) посвящена настройкам графического планшета, если он подключен к вашему компьютеру:

нажав кнопку Configuration (Конфигурация) (только для Windows), вы открое • те конфигурационное окно планшета. В нем необходимо нарисовать по край ней мере пять линий, охватив весь диапазон нажимов, который вы собирае тесь использовать в работе;

флажок Save last used tool for each stylus (Сохранить инструмент для каждого • пера) устанавливается, только если вы располагаете несколькими перьями для работы на планшете. Для этого следует выбрать нужный инструмент в панели Toolbox (Панель инструментов) каждому из перьев при открытом диалоговом окне и установленном флажке.

П Automatic view resize (Автоматическое изменение размера). Установка флажка приводит к автоматическому изменению размера окна документа при смене масштаба отображения.

О Keep dialog positior (Сохранить положение диалоговых окон). Если флажок уста новлен, то диалоговые окна открываются повторно на том месте, куда вы их пе реместили во время предыдущего сеанса работы с ними.

Глава 11. Знакомство с Corel PHOTO-PAINT П Multi-tasking (Многозадачность). При установленном флажке разрешается одно временное выполнение нескольких операций (только для Windows).

О Shape cursor for brush tools — если этот флажок установлен, то независимо от зна чения, выбранного в списке Cursor type (Тип курсора) для инструментов, исполь зующих кисти, вид курсора соответствует форме и размеру кисти.

П Show pixel grid at maximum zoom (Координатная сетка при максимальном увеличе нии). Установка флажка приводит к отображению координатной сетки при мак симальном увеличении (линии сетки через каждый пиксел).

О Группа Pop-ups (Всплывающие подсказки) содержит флажки управления окнами подсказок и предупреждений. Они включают следующие режимы:

• Show pop-up help (Всплывающие подсказки). Всплывающие подсказки инстру ментов и элементов интерфейса;

• Show Object Tips (Всплывающие подсказки объектов). Всплывающие подсказ ки некоторых объектов.

П Единственный флажок настройки сканирования — Close scan dialog after acquire (Закрыть диалог после сканирования) — активизирует режим закрытия окна ска нирования после того, как процесс сканирования завершен.

Известно, как раздражает опытного пользователя неумеренное использование про граммой окон предупреждений и уточнений. В то же время для новичка постоян ный автоматический контроль — защита от ошибки. Используя вкладку Warnings (Предупреждения) раздела Workspace (Рабочая область), вы сможете настроить функции предупреждения. Вкладка очень проста и состоит из большого поля со списком предупреждений. Каждая строка списка в поле имеет флажок. Если он ус тановлен, программа выдает соответствующее окно предупреждения на действие.

Если флажок снят, то действие выполняется без подтверждения.

Операции с документом Большинство операций с документами в программе PHOTO-PAINT проводится точно так же, как и в других современных приложениях. Команды управления фай лами собраны в меню File (Файл).

Создание Нажав кнопку Opens a new file (Создать документ) или выбрав команду New (Создать документ) меню File (Файл), вы переходите к созданию нового документа. Для рас трового изображения установки — цветовая модель, разрешение, глубина цвета — исключительно важны, их изменение отражается на качестве изображения. Поэтому при создании документа вы первым делом попадаете в диалоговое окно Create a New Image (Новое изображение) (рис. 11.13).

В раскрывающемся списке Color mode (Цвет) устанавливается модель и глубина цве та для будущего изображения. PHOTO-PAINT позволяет работать с изображениями различной глубины цвета и в разных цветовых моделях (см. главу 28).

CJ 1-bit Black and White (Монохромный 1 бит) — документ с глубиной цвета 1 бит.

Монохромное изображение.

Часть II. Corel PHOTO-PAINT О 8-bit Grayscale (Полутоновой 8 бит). Полутоновое изображение с глубиной цвета 8 бит.

О 8-bit Paletted (Индексированный 8 бит). Индексированное изображение с глуби ной цвета 8 бит.

О 24-bit RGB (RGB 24 бит). Изображение в модели RGB. Глубина цвета 24 бит (по 8 бит на каждый vs трех каналов).

П 24-bit Lab (Lab 24 бит). Изображение в модели Lab. Глубина цвета также состав ляет 8 бит на каждый канал, т. е. 24 бита для изображения.

D 32-bit CMYK (CMYK 32 бит). Изображение в модели CMYK. Поскольку в мо дели четыре канала, на каждый отводится по 8 бит, суммарная глубина цвета — 32 бит.

П 16-bit Grayscale (Полутоновый 16 бит). Полутоновое изображение с глубиной цве та 16 бит.

О 48-bit RGB (RGB 48 бит). Изображение в модели RGB с глубиной цвета 48 бит (по 16 бит на канал).

Create a New Image Color mode: 124-Bit RGB "i Papercolor: _LJ"j RGB: 255,255, I Nk> Background Image Size ж j jze: Custom 127,0 ****, •• millimeters Width:

. Height: "H millimeters Resolution: j 72 "-] dpi Create a 1 ffioviej Number of frames: j Image size: 531 KB Memory available: 186Э4Э2 KB OK Cancel Help Рис. 11.13. Диалоговое окно Create a New Image Поле Paper color (Цвет) при щелчке раскрывается показывая образцы цвета. В этом поле выбирают цвет фона, которым будет заполнен новый документ.

Элементы группы Image Size (Размеры изображения) посвящены заданию размеров изображения. В раскрывающемся списке Size (Размер) можно выбрать один из стан дартных форматов бумаги и задать его ориентацию переключателем внизу списка (рис. 11.14).

Глава 11. Знакомство с Corel PHOTO-PAINT Рис. 11.14. Ориентация Portrait (а) и Landscape (б) Чаще всего требуемый размер иллюстрации отличен от стандартного размера стра ницы. Его ширину и высоту задают в счетчиках Height (Высота) и Width (Ширина).

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

В счетчике Resolution (Разрешение) вводится разрешение будущего изображения количество пикселов на дюйм. В главе 31 описаны принципы выбора разрешения изображений, предназначенных для разных целей. Обычно для типографской печати используются изображения разрешением 200—300 dpi, для вывода на офисном принтере — 150—200 dpi, для электронного распространения — 72 или 96 dpi.

Если вы собираетесь создать файл анимации, установите флажок Create a movie (Создать анимацию), а затем введите или выберите количество кадров в счетчике Number of frames (Число кадров).

Во время создания изображения обратите внимание на информационные поля вни зу окна — Image size (Размеры изображения) и Memory available (Доступная память).

В первом из них отображается размер будущего изображения, во втором — объем свободной памяти компьютера.

Открытие документа Команда Open (Открыть) или соответствующая кнопка панели управления (Opens an image from disk) активизируют окно открытия существующего документа (рис. 11.15).

Оно может находиться в двух режимах — стандартном и расширенном. Для пере ключения между режимами используется кнопка Options (Параметры). Это вполне обычное системное окно, в котором определяется местонахождение файла и произ водится выбор формата в раскрывающемся списке Files of type (Тип файла). В рас крывающемся списке File name (Имя файла) отображается имя выбранного документа.

Ниже, в раскрывающемся списке Sort type (Тип сортировки), вы можете определить алгоритм сортировки файлов в списке форматов. После того как файл выбран, в окне появляется информация о нем — размеры в пикселах, глубина цвета, формат и способ сжатия, если файл хранится в сжатом формате.

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

616 Часть II. Corel PHOTO-PAINT lOpen an Image "И | ~Ш :

nlui..cjj ilisl UP™ Look in: ! '|internal j ^ G Q logoart! Cancel Q graphic!

] i " charts 1Щ navbar i _•>" contours ш imagemap Sj panorama.mov 1 -j, distribute _ imposition Sy panorama2.mov ;

Л duplex H lesabre_ext.mov и*] panorama3.mov ^ '«i Ш r^Hi i is*] floppy. 3dm • * links SS (ractaljextures Q logoart S] panoramaS!

IJL) _J JJ navtiar File name: V _Preview ^i\ ]1тш1ш^™И Tj Files of type: [All File Formats ±j Sort type: |Defiiult 380 X 1 00 Pixels, 1 6.7 Million Colors (24-bit] Image size:

File format: CPT • Corel PHOTO-PAINT Image Mixed Notes:

i Check for \jvjatermark ! Г" Do not show filter Dialog Рис. 11.15. Диалоговое окно Open an Image Ниже кнопок Open (Открыть) и Cancel (Отменить) располагается область предвари тельного просмотра. Если в поле File name (Имя файла) выбран файл, то в области просмотра вы увидите миниатюру — уменьшенное изображение, хранящееся в фай ле. Предварительный просмотр облегчает выбор нужного файла, если его имя неин формативно. Режим предварительного просмотра несколько замедляет работу в диа логовом окне Open (Открыть) и может быть отключен снятием флажка Preview (Просмотр). Открываемые файлы могут и не содержать миниатюры. Если ее нет, то область предварительного просмотра останется пустой.

Раскрывающийся сплсок команд, расположенный чуть ниже флажка Preview (Прос мотр), позволяет выполнить некоторые действия с изображением прямо при откры тии. Содержимое этого списка зависит от выбранного файла. Если это файл в од ном из растровых форматов, то список состоит из трех пунктов — Full Image (Целиком), Crop Image (Обрезка рисунка) и Resample (Изменить размер).

В случае выбора опиии Full Image (Целиком) документ открывается без дальнейших вопросов именно таким, каким хранится в файле. Только в этом режиме открывается именно тот файл, который вы выбрали. Во всех остальных случаях программа, не изменяя и не открывая выбранный файл, создает на его основе новый, безымянный документ, который и открывает для редактирования.

Если выбрать в списке пункт Crop (Обрезка), то после нажатия кнопки ОК вы увидите окно обрезки Crop Image (Обрезка рисунка), показанное на рис. 11.16. Сверху в окне отображается полное имя файла, после имени расположено уменьшенное изображение с рамкой обрезки. Перемещая маркеры рамки, вы можете уменьшить область, ею ограни ченную. Счетчики rp;

Tinbi Select area to crop (Выделение области обрезки) предназначе Глава 11. Знакомство с Corel PHOTO-PAINT ны для численного задания смещения и размеров рамки. В раскрывающемся списке Units (Единицы) выбирают единицы измерения для расчета смещения рамки. Строка New image size (Новый размер) показывает новый размер файла после обрезки. Щелчок на кнопке Select All (Выделить все) снова выделит все изображение.

После того как изображение обрезано по вашему выбору, нажмите кнопку ОК.

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

Если выбран пункт Resample (Изменить размер), PHOTO-PAINT при открытии по зволяет пересчитать разрешение и размеры открываемого изображения. После нажа тия на кнопку ОК откроется окно Resample Image (Изменить размер изображения), показанное на рис. 11.17. В ссчетчиках Width (Ширина) и Height (Высота) либо вво дят новый размер по горизонтали и вертикали, либо задают степень уменьшения в процентах. Флажок Maintain aspect ratio (Сохранять пропорции), если его устано вить, позволяет менять размеры только пропорционально. В группе Resolution (Разрешение) определяют разрешение отдельно по каждому измерению. Если уста новить флажок Identical values (Равные значения), то значения разрешения по высо те и ширине должны совпадать. В нижней части окна размещается информация о первоначальном размере файла и о размере после изменения.

Crop Image D:V..\navbar.cpt Resample Image P:\-..\navbar.cpt Width: Height: Units: | pixels I ^ Maintain aspect ratio r Resolution — г Select area lo crop— dpi j Horizontal: I Jop:

dpi I Vertical: I Left: 1235 Height ™ h/ Identical values I Units: ! pixels »j Select All j Original image size: 114,000 bytes „ -..,. — _ i New image size: 114,000 bytes New image size: 43,600 bytes OK Help Cancel OK Cancel Help Рис. 11.17. Окно пересчета размеров Рис. 11.16. Окно кадрирования и разрешения при открытии изображения изображения при открытии 21 Зак. 618 Часть II. Corel PHOTO-PAINT Если в диалоговом окне Open an Image (Открыть) выбран файл анимации, содержа щий несколько кадров, то, кроме трех перечисленных, доступен и вариант Partial Load (Частичная загрузка). Если выбрать его, то после нажатия на кнопку ОК откро ется диалоговое окно Partial Load Movie (Частичная загрузка анимации), позволяю щий открыть в качестве нового документа некоторые из кадров (рис. 11.18). В поле просмотра при открытии окна представлено уменьшенное изображение первого кадра. Перемещая ползунок, вы просматриваете все кадры анимации. Внизу разме щаются элементы, похожие на кнопки управления бытовым магнитофоном. Они и действуют аналогичным образом. Нажав на зеленый треугольник, вы даете команду воспроизведения анимации: программа начинает демонстрировать кадры по очере ди. Кнопка с квадратом останавливает воспроизведение. Кнопки с различными со четаниями красного треугольника и черты регулируют перемещение между кадрами (действуют как кноп<и видеомагнитофона). Для выбора диапазона кадров предна значены счетчики From (От) и То (До). Если установить флажок Play only selected range (Воспроизводить только выбранный диапазон), то при воспроизведении будут демонстрироваться только кадры выбранного диапазона. Кнопка Reset (Восстано вить) приводит параметры в окне в первоначальное состояние. Определившись с требуемым диапазоном, щелкните на кнопке ОК. Будет создан новый файл, содер жащий только выбранные кадры.

|в Phihal Load Movie OK Cancel Help Reset | Frame 27 of From: И •• «{ t o :( 3 3 Щ Play only selected range Рис. 11.18. Окно частичной загрузки файла анимации Если в списке окна Open an Image (Открыть) выбран файл векторного формата, то список действий недоступен. Разумеется, что открыть векторный файл в растровой программе невозможно — PHOTO-PAINT просто не сможет трактовать объекты такого файла. Вместо этого при попытке открытия файла программа импортирует его в растровый формат. После нажатия на кнопку ОК будет активизировано диа логовое окно Convert to Bitmap (Преобразовать в растровое изображение). В нем оп ределяют параметры растрового документа, созданного на основе исходного вектор ного. Общие сведения об импорте файлов приведены в главе 5.

Глава 11. Знакомство с Corel PHOTO-PAINT Флажки в нижней части окна Open an Image (Открыть) управляют дополнительными функциями.

П Extract embedded ICC profile (Извлечь внедренный профиль ICC). Установка флажка дает команду извлечь профиль управления цветом из открываемого до кумента и поместить его вместе с остальными установленными профилями в папку \Corel Graphics I l\Color\ главной папки приложения.

О Check for Watermark (Проверять цифровую метку) (только для Windows). Если флажок установлен, то при открытии документ проверяется на наличие цифро вой метки Digimark.

О Do not show filter dialog (He показывать окно фильтра). Когда вы установите фла жок, то окна импорта не активизируются ни при каких режимах открытия фай ла — все действия при открытии производятся в соответствии с параметрами по умолчанию.

Размеры и кадрирование В процессе работы вы будете оперировать с несколькими определениями размеров.

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

Для изменения размера изображения (и размера файла) предназначены команды Resample (Изменить размер), Paper Size (Размер бумаги) меню Image (Изображения), команда Crop (Обрезка) того же меню и инструмент Crop (Обрезка).

Pages:     | 1 |   ...   | 8 | 9 || 11 | 12 |   ...   | 19 |



© 2011 www.dissers.ru - «Бесплатная электронная библиотека»

Материалы этого сайта размещены для ознакомления, все права принадлежат их авторам.
Если Вы не согласны с тем, что Ваш материал размещён на этом сайте, пожалуйста, напишите нам, мы в течении 1-2 рабочих дней удалим его.