Растровые изображения
ГЛАВА 10 CorelXARA для WWW
С каждой новой версией CorelXARA все более отчетливо проявляется ориентация программы на web-дизайн. Это стремительно развивающееся направление дизайна вызывает и столь же быстрое появление инстр
Webстраница
Web-дизайн имеет ряд особенностей по сравнению с полиграфическим. Эти особенности связаны с техническими возможностями Internet столь же тесно, как полиграфия с бумагой.
Размеры webстраницы
Коренное для верстальщика отличие web-страницы от бумажной в том, что web-страница не имеет строго определенных размеров. Страница в окне браузера может прокручиваться вниз и вправо, что позволяе
Размер webстраницы
В web-дизайне удобно использовать пиксел в качестве единицы измерения для изображений. Это избавляет от необходимости использования пары параметров размер/разрешение и позволяет легче соотнести р
Адреса объектов в Internet
Вторая важнейшая особенность web-страниц — их интерактивность, обеспечиваемая специальным языком описания страниц. Основной язык Internet —HTML (Hypertext Markup Language, язык разметки гипертекс
Таблица 10 1
Тип ресурса Название сервиса Протокол доступа http:// Ресурсы WWW (World Wide Web) Hypertext Transfer Protocol (HTTP) ftp:// Ресурсы файловых серверов File Transfer Protocol (FTP) mailto: Адрес э
Язык описания страниц HTML
Текст HTML в первом приближении состоит из собственно полезного содержания (текст, графика и т. п.) и тэгов (от английского tag — метка), определяющих размещение элементов страницы и гипертекстов
Простейший документ HTML (а) и его вид в браузере (б)
Язык HTML очень примитивен по сравнению, скажем, с PostScript. Это накладывает на содержание и форматирование документов очень серьезные ограничения: HTML не позволяет внедрять в документы шрифты
WIDTH=/! Ширина изображения в
пикселах.
HSPACE=w Отступ
слева. VSPACE=«. Отступ сверху. SRC=w/. URL-адрес файла изображения. USEMAP=Mr/. URL-адрес карты ссылок для изображения. Примеры использования тэга: IMG SRC=mygraphic.bmp IMG SRC= регулярное сглаживание (ordered) (г) К сожалению, единого цветового стандарта для компьютеров разного типа (IBM, Macintosh, Sun и т. п.) или работающих под разными операционн
Форматы файлов
Как только передача графической информации по глобальным сетям стала обычным делом, компания CompuServe (крупнейшая онлайновая служба) предложила формат GIF, который использовал эффективный алгор
Чересстрочная развертка
Невозможность создания полноцветных изображении с прозрачными участками в рамках форматов GIF и JPEG привела к появлению нового формата. Формат PNG был разработан в качестве альтернативы формату
Экспорт файлов
CorelXARA имеет очень удобные фильтры экспорта для перечисленных форматов точечных изображений. Все они построены по одной схеме, и мырассмотрим их на примере наиболее часто используемого фильтра
Диалоговое окно GIF export bitmap options
В нижней части окна расположены три вкладки, содержащие настройки типа и размера точечного изображения. Вкладка Palette Options разделена на четыре группы. В группе Color Depth (Bits per pixel) р
Вкладка JPEG Options диалогового окна фильтра экспорта
Вкладка Формат Options содержит флажки Transparent и Interlaced. Первый соответствует прозрачному фону и доступен только для индексированных изображений. Если этот флажок установлен, то в
Вкладка Bitmap Size диалогового окна фильтра экспорта
Расположенная ниже вкладок кнопка Preview позволяет увидеть в активной области предварительного просмотра результат растрирования до выполнения самой операции. Это позволит вам легко эксперименти
Элементы дизайна
Web-страницы содержат специфические элементы дизайна, свойственные только электронным публикациям. В этом разделе мы рассмотрим создание таких наиболее характерных элементов с помощью CorelXARA.
Кнопки
Гипертекст предполагает навигацию с помощью ссылок. Ссылками могут быть как элементы текста, так и графические элементы. Наиболее часто ими являются кнопки.' В самой общей формулировке кнопкой мо
Примеры кнопок созданных в CorelXARA
К сожалению, в CorelXARA, даже если кнопке назначена ссылка средствами команды Web Address меню Utilities, она не включается автоматически в тэг IMG при установленном флажке Put HTML Image Tag On
Карты ссылок
В отличие от кнопок, карта ссылок позволяет использовать одно изображение для организации нескольких ссылок. Карта ссылок (image map) представляет собой перечень адресов ссылок и соответствующих
Описание областей карты ссылок
Very closely (a); Closely (б);
Not at all
(r) многоугольниками. Точность описания, определяемая количеством углов, может иметь несколько градаций от Very closely (очень точно) до Not at all (очень приблизительно). Как правило, лучше выбра
Фоны
Любая web-страница может содержать фоновое изображение или заливку. Фоновая заливка задается параметром BGCOLOR в тэге BODY. Например, BODY BGCOLOR="#EEBB33" соответствует сплош
Текстуры повторяющиеся по вертикали
На сервере CorelXARA имеется отличная коллекция профессионально выполненных фонов для web-страниц. Для импорта библиотеки воспользуйтесь кнопкой Get Fills в окне галереи Fill gallery. Еще полторы
Просмотр в браузере
При экспорте файлов CorelXARA не только предоставляет удобнейший интерфейс с двумя областями предварительного просмотра, но и возможность просмотра результата экспорта непосредственно в браузере.
Plain Background
(стандартный фон браузера). Как правило, это сплошная белая или серая заливка. Простой фон удобен для тестирования правильности размеров изображения.
Document Background
(заливочный или мозаичный текстурный фон документа CorelXARA). Дает возможность проверить, как будет смотреться изображение на выбранном фоне в браузере. Редактирование текстурного фона не отображ
Bitmap As Background
(экспортируемое изображение выступает как "элементарная ячейка" мозаичного текстурного фона). Идеальное средство тестирования при создании мозаичных текстур средствами CorelXARA.
Checkered Background
(специальный фон для тестирования прозрачных областей изображения). Он выглядит как шахматная доска из серых и белых клеток. Такой фон страницы невозможно спутать с фоном самого изображения.
Предварительный просмотр изображения
На странице предварительного просмотра может быть выведена дополнительная информация об изображении: глубина цвета и размеры изображения, имя и размер его файла, время загрузки в зависимости от с
Дополнительная информация об изображении при предварительном просмотре
Если вам настолько понравился предварительный просмотр в браузере, что вы готовы отказаться от просмотра средствами фильтра, то установите флажок Show all previews in browser. Теперь нажатие кноп
Прочие элементы дизайна
Есть еще много характерных элементов, встречающихся на страницах WWW, например, разделители и маркеры. Давно стало отдельным жанром создание надписей "New" и "Under Construction
открытая непосредственно (б)
Инструменты Zoom и Push действуют и в окне браузера
Команда Full View закроет текущую web-страницу и откроет в окне браузера сам файл иллюстрации. В этом случае вы также можете пользоваться инструментами Zoom и Push. Недоступной становится только
Создание
Создание изображений в формате WEB исключительно просто. Любую иллюстрацию, открытую в CorelXARA, следует экспортировать в него обычным фильтром экспорта. Диалоговое окно фильтра (br>
Диалоговое окно Export web file options
Главная задача оптимизации состоит в сокращении и без того компактного объектного изображения. Для уменьшения размера файла вы можете удалить из него данные, не влияющие на вид иллюстрации. Устан
GIFанимация
Мы уже упоминали возможность создания простейшей мультипликации средствами формата GIF. Этот способ в силу своей простоты и компактности преобладает на web-страницах. Он поддерживается подавляющи
GIF89a
Говоря о GIF-анимации, имеют в виду именно эту спецификацию формата. Более ранние его версии не поддерживают многостраничное как базы анимации. GIF 89a позволяет хранить в одном файле любо
Галерея Frame gallery
CorelXARA имеет встроенный GIF-аниматор, который работает со специальным типом документов. Для создания такого документа следует использовать специальный предопределенный шаблон Animation. Для ск
Окно галереи Frame gallery
Кнопки с изображениями глаза и стрелки имеют тот же смысл, что и в окне галереи Layer gallery — они включают видимость всех кадров анимации и их одновременное редактирование соответственно. Испол
Параметры анимации
Кнопка Properties в окне галереи Frame gallery открывает диалоговое окно с четырьмя вкладками. Это же окно открывает команда Animation Properties меню Utilities. Вкладка Frame, на которой открыва
Диалоговое окно Animation properties Вкладка Animation Loop and Speed
На вкладке Animation Colors находятся параметры палитры всех кадров анимации (Для адекватной демонстрации мультипликации на компьютерах с офаниченной палитрой цветов необходимо ис
Диалоговое окно Animation properties Вкладка Preview in Browser
Предварительный просмотр Вкладка Preview in Browser диалогового окна Animation properties предоставляет возможность предварительного просмотра готовой анимации в браузере (Ю.24). Способ п
Browser Preview
Для запуска просмотра минуя диалоговое окно Animation Properties воспользуйтесь командой Preview Animation in Browser меню Utilities. Предварительный просмотр анимации возможен не только в окне бр
Экспорт анимации
Создание кадров мультипликации ничем не отличается от обыкновенных иллюстраций. Копирование кадров с помощью команды Copy галереи Frame gallery позволяет легко создавать последовательности кадров
Импорт анимации
Можно создать анимацию и редактированием готовых файлов. Открытие анимированного GlF-файла командой Open приводит к созданию документа-анимации. Любопытно, что CorelXARA корректно открывает даже
Примеры 4 и 5
В этом разделе мы приведем два примера, реализующих GIF-анимацию и карту ссылок. При этом мы будем использовать уже готовые иллюстрации из примеров к главам 5 и 9. Начнем с примера анимации.
Анимация
Откройте иллюстрацию из примера к главе 5 (на ней изображен карандаш, рисующий цветок). "Оживим" эту иллюстрацию, создав несколько фаз рисования. 1. Создайте новый документ по шаблону A
Кадры анимации
Осталось изготовить отдельные кадры. Например, это можно сделать так, как показано на При создании кадров удобно пользоваться следующим алгоритмом: 11. Откройте очередной фрагмент
Изображениекарта ссылок
Создавая HTML-версию примеров для этой книги, авторы использовали карты ссылок для пояснения деталей работы. Отдельным объектам и фрагментам иллюстрации были сопоставлены гипертекстовые ссылки, п
Таблица 10 2
Объект Адрес ссылки Небо (прямоугольник) sky.htm Море (прямоугольник) sea. him Луна moon.htm Лучи маяка (оба объекта) ray.htm Ограждения площадки фонаря fence.htm Башня маяка tower, htm Крыша дом
Контур ограничивающий область в карте ссылок
.ом мы создали отдельную ссылку для береговой поло-.юд воду. Контур этого объекта — просто прямоуголь-гого чтобы вы его видели, мы придали ему обводку. умеется, была отменена. -..-ур и назначьте
Вид изображениякарты ссылок в окне браузера
Большинство определении областей пропущено для экономии места. AREA SHAPE=RECT HREF="sky.htm" TARGET="_self" COORDS="0,0,705,520" /МАР IMG SRC= вторая часть (б)
Печать нескольких копий документа на одном листе бумаге
Настройки печати На вкладке Output диалогового окна Print options находятся настройки, управляющие интерпретацией объектов CorelXARA драйвером принтера (II.8). Переключатель Print layers
Диалоговое окно Print options Вкладка Output
Вне зависимости от выбранного режима печати прозрачности CorelXARA всегда представляются принтеру в виде точечных изображений, поскольку ни один язык описания страниц принтера не имеет аналогов э
Печать
Для печати воспользуйтесь командой Print меню File или комбинацией клавиш Ctrl + Р. Она открывает одноименное диалоговое окно, содержащее ряд дополнительных настроек (br>
Диалоговое окно Print
В этом же окне вы можете установить требуемое количество копий документа в поле Copies. Как правило, это можно сделать и в диалоговом окне драйвера принтера, но здесь это выполняется быстрее и уд
Диалоговое окно статуса печати Printing
11.2. Растрирование Процессы типографской печати требуют наличия в макете иллюстраций, обработанных специальным образом. Полутоновые одноцветные иллюстрации должны быть растрированными, а цветны
Линейные растры
С линейными растрами вы уже неоднократно встречались как при подготовке иллюстраций, так и в повседневной жизни. Растрирование применяется практически всеми цифровыми устройствами вывода от монит
Имитация темных и светлых оттенков серого с помощью растра
Таким образом, воспроизведение полутонов серого типографским способом, дающим возможность печатать фотографии, целиком и полностью построено на оптическом обмане. Глаз воспринимает градации серог
Цифровые растры
Растрирование цифровыми методами организовано другим способом. Изображение в лазерных принтерах и фотонаборных автоматах создается лазерным лучом. Луч не может иметь переменный размер для создани
Различные формы растровых точек Spot1 (a); Elliptical (б); Square (s); Line (г)
Какое же устройство выполняет функции растеризатора? В подавляющем большинстве случаев задача растеризации возлагается на само устройство вывода — принтер или фотонаборный автомат. Растеризатор
отпечаток (б) Назначим красному кругу голубую обводку. После этого присвоим ей атрибут печати с наложением с помощью команды Utilities\Imagesetting\Overprint Line. Теперь обводка будет печататься
Цветоделенные формы с проделанным треппингом
Таблица 11.1. Зависимость величины треппинга отлиниатуры печати Линиатура растра, Ipi Ширина треппинга, пункты 65 0,55-2,20 100 0,36-1,44 133 0,27-1,08 150 0,24-0,96 200 0,18-0,72 В большинстве
Замечания о выводе на устройства PostScript
CorelXARA имеет ряд возможностей, не поддерживаемых языком PostScript непосредственно. К ним относятся, например, трех- и четырехцветные градиентные заливки, связанные цвета, прозрачности и др. П
Глава 9 Растровые изображения
Графические программы можно условно разделить на программы для создания точечной (растровой) и объектной (векторной) графики. Такая специализация сложилась ввиду абсолютно разного способа описани
Точечная графика
На различии объектной и точечной графики мы уже кратко останавливались в первой главе. Еще раз повторим, что принцип кодирования точечной графической информации коренным образом отличается от объ
Мозаичная структура точечных изображений
В CorelXARA подобная операция проделывается при экспорте иллюстрации в точечные форматы и при создании копии ее фрагментов в виде точечных изображений с помощью команды Create bitmap copy меню Ar
Разрешение и размеры
Чем больше кусочков стекла составляют мозаику, тем больше деталей может передать художник. Точечное изображение тоже характеризуется количеством составляющих его точек. В силу частого отождествле
Глубина цвета
До сих пор, говоря о переводе изображений в цифровую форму, мы не касались способа кодировки цвета, отделываясь замечанием о том, что компьютер "запоминает цвета". В действительности во
Форматы файлов
Описывая кодирование цветовой информации, мы имели в виду скорее принцип, чем непосредственную реализацию. Разумеется, способ хранения изображений в памяти компьютера определяют разработчики конк
Импортирование изображений
CorelXARA, как и большинство программ для подготовки иллюстраций, не имеет собственного интерфейса со сканером. Единственным способом поместить изображение в документ является его импортирование.
Диалоговое окно Import file
Поскольку CorelXARA может определять формат импортируемого файла, процедура импорта упрощается до перетаскивания его пиктограммы из папки Windows Explorer в окно документа. Наиболее удобен импорт
Растрирование объектов
Точечная графика имеет свои достоинства перед объектной. Каким бы сложным ни было объектное изображение, оно будет отличаться от фотографии, как чертеж от художественного полотна. В тех случаях,
Диалоговое окно Create bitmap options
В нижней части окна расположены три вкладки, содержащие настройки типа и размера точечного изображения. Вкладка Palette Options разделена на четыре группы. В группе Color Depth (Bits per pixel) р
Коррекция изображений и специальные эффекты
В общем случае для качественной обработки изображений встроенных инструментов CorelXARA явно недостаточно, но часто (например, для web-дизайна или при создании эскизов) это и не требуется. Фильтр
Структура диалоговых окон фильтров эффектов
Изменение глубины цвета Если вам необходимо изменить глубину цвета импортированного изображения, воспользуйтесь командой Color Depth из подменю Bitmap Effects. Выбор новой глубины цвета осуществ
Диалоговое окно фильтра Resize
Изменение размеров Изменить размер точечного изображения можно с помощью команды Resize из подменю Bitmap Effects. В диалоговом окне, выводимом этой командой (расположены поля ввод
Поворот и отражение
Этой функцией CorelXARA предпочтительно пользоваться при изготовлении макетов для тиражирования. Такие макеты, как правило, выводятся на устройствах, использующих язык описания страниц PostScript
Таблица 9 1
Команды поворота и отражения Команда Описание Flip horizontally Зеркальное отображение относительно вертикальной оси Flip vertically Зеркальное отображение относительно горизонтальной оси Rotate b
Диалоговое окно фильтра Brightness Contrast
Яркость и контраст Настройка яркости и контраста точечных изображений — это простейший случай коррекции недостатков изображения. Она осуществляется в диалоговом окне Brightness Contrast, о
Специальные эффекты
Хотя все эти функции сгруппированы в диалоговом окне Special Effects, многие из них стоит отнести к стандартным приемам коррекции недостатков изображения. К таковым относятся фильтры изменения ре
Диалоговое окно фильтра Special Effects
Не менее часто используется и обратная операция — уменьшение резкости или размывка. Этот эффект тоже имеет три градации (Blur (Low), Blur (Medium) и Blur (High) в порядке усиления эффекта) и плав
Подключаемые модули
Мы уже отмечали в главе 2 возможность подключения к CorelXARA модулей сторонних производителей. Там же был описан механизм подключения таких модулей. Остается только добавить, что речь идет именн
Изображения как объекты
CorelXARA трактует импортированные точечные изображения как прямоугольные контуры. К ним применимы все операции трансформирования, которые существуют для контуров: перемещение, масштабирование, в
Трансформирование изображений оригинал (а); масштабирование (б);
отражение (в); наклон (г); вращение (д) Особого обсуждения достойны заливка и обводка изображений. Импортированное изображение CorelXARA считает не имеющим заливки и обводки. Тем не менее, вы мож
Точечные заливки и прозрачности
В CorelXARA имеются многочисленные типы заливок и прозрачностей, дающих иллюстрации богатейшие возможности. Ранее уже рассматривались уникальные градиентные заливки и прозрачности, а теперь вы по
Создание точечных заливок
Для того чтобы использовать точечное изображение в качестве заливки, его необходимо импортировать в документ. После импортирования его можно сразу же удалить со страницы, поскольку это не приводи
Панель свойств для точечных заливок
Справа от списка с типами заливок находится список с параметрами повторения заливки. По умолчанию изображение заполняет весь контур, независимо от его размера. Если изображение меньше контура, то
Варианты повторения точечной заливки Repeating tile (a);
Repeat inverted (б); Single tile (в) точечной заливки для выделенного объекта отображаются манипуляторы заливки (в виде векторов), перемещая которые легко изменить ее размер, положение, или угол
Трансформирование точечной заливки оригинал (а);
масштабирование (б); отражение (в); искажение (г); поворот (д) Во время перемещения, наклона, масштабирования или вращения заливки нажатие клавиши ТаЬ переключает режим перерисовки экрана
Тонирование точечной заливки
Так же как и отдельное, изображение, используемое для заливки, может быть тонировано. Процедура тонирования точечной заливки похожа на назначение граничных цветов градиентным заливкам. Для задани
Разрешение точечной заливки на панели свойств
При масштабировании объекта, имеющего точечную заливку, заливка масштабируется вместе с объектом. Поэтому после того как вы установили окончательный размер объектов, проверьте разрешение точечных
Фрактальные заливки
Фракталами являются геометрические фигуры, которые при последовательном делении дают фрагменты, повторяющие (хотя бы приблизительно) исходную фигуру в уменьшенном виде. Таким образом, графическое
Фрактальные заливки с различными значениями зернистости
Fractal Clouds (a);
Fractal Plasma (б)
В отличие от точечных заливок, для фрактальных определены варианты перехода цветов: Fade, Rainbow и Alt Rainbow. Они имеют тот же смысл, что и для градиентных заливок.
Обтравка точечных изображений
Точечные изображения всегда имеют прямоугольную форму. Это ограничение часто вызывает проблемы при их размещении на странице макета или иллюстрации. Приведем простой пример. Допустим, у вас имеет
Изображение на странице макета
до обтравки la): после обтравки (б)
Обтравка сложного контура
Обтравка сложного контура может занять много времени. Возможно, некоторую помощь в этом вам предоставит трассировщик точечных изображений CorelXARA, но такие случаи вряд ли будут часты. Автоматиз
Галерея Fill gallery
Работая с точечными заливками, вы наверняка обнаружите, что наиболее часто требуются заливки, имитирующие натуральные поверхности, т. е. текстуры. Это изображения, имитирующие различные камни, тк
Окно галереи Fill gallery
Рассматривая точечные заливки, мы предлагали использовать для них импортированные точечные изображения. Текстуры галереи Fill gallery тоже трактуются программой как импортированные точечные изобр
Точечные прозрачности
Как вы уже успели заметить, для CorelXARA заливка и прозрачность очень близки. Прозрачность — это по сути заливка, выполненная "краской прозрачности". Такая краска не сама является проз
Панель свойств для точечной прозрачности
Управление точечной прозрачностью осуществляется с помощью манипуляторов, аналогично точечным запивкам. Вы можете теми же самыми способами масштабировать, вращать и наклонять точечные прозрачност
Галерея Bitmap gallery
Галерея Bitmap gallery (имеет особое значение в CorelXARA, поскольку предназначена для управления всеми имеющимися в документе точечными изображениями, независимо от способа их испо
Окно галереи Bitmap gallery
Сервис, предоставляемый галереей Bitmap gallery, не столь обширен, как, скажем, в галерее Clipart gallery. Вы не имеете возможности автоматической сортировки изображений (изображения размещаются
Bitmap gallery
позволяет придавать объектам точечные заливки (кнопка Fill) и прозрачности (кнопка Transp), а также придавать странице фоновую текстуру (кнопка Background). При этом, в отличие от галереи Fill gal
Трассировка
Объектные изображения имеют ряд неоспоримых преимуществ перед точечными. Они очевидны там, где требуется точность линий, чистота цветов, свободное масштабирование и т. п. Трассировка перекидывает
Планирование решений в экономике
- перейти
Оптимизация бизнес процессов
- перейти
Финансовый менеджмент
- перейти
Финансовое планирование
- перейти
История экономического анализа
- перейти
Финансовый анализ
- перейти
Торговля золотом
- перейти
Концепция контроллинга
- перейти
Управление проектами
- перейти
Маркетинг
- перейти
Говори на языке диаграмм
- перейти
Бизнес презентация
- перейти
Бизнес и люди
- перейти
Психология финансов
- перейти
Психология бизнеса
- перейти
Forekc.ru
Рефераты, дипломы, курсовые, выпускные и квалификационные работы, диссертации, учебники, учебные пособия, лекции, методические пособия и рекомендации, программы и курсы обучения, публикации из профильных изданий