Компьютерная графика
Векторная и растровая графика. Форматы файлов компьютерной графики. Основной принцип построения графических объектов. Цветовые режимы и модели. Сканирование и коррекция изображений. Подготовка графических элементов web-страниц, оптимизация изображений.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | книга |
| Язык | русский |
| Дата добавления | 26.05.2014 |
| Размер файла | 3,4 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Так как возросла роль оформления web-страниц, то потребовались люди, обладающие достаточными знаниями и навыками для его разработки. Если раньше оформление (дизайн) сайта разрабатывали те же люди, которые писали все необходимое программное обеспечение и HTML-код, то теперь на должность web-дизайнера нанимают отдельного человека, от которого часто не требуется владение языками программирования -- он должен уметь рисовать. Для того чтобы нарисовать хороший сайт (часто эскизы сайта именно рисуются в виде одной картинки), надо уверенно владеть пакетами графических программ. Именно с их помощью осуществляется подготовка графических элементов, размещаемых на сайте. Существует множество графических редакторов, но лидирующее положение среди них занимает Adobe PhotoShop -- наиболее известный пакет для обработки растровой графики, распространенный как на PC, так и на компьютерах Macintosh.
Эта работа посвящена изучению особенностей применения Adobe PhotoShop версии 7.0 для разработки графического оформления сайта. Работа, в первую очередь предназначена тем, кто только начал осваивать премудрости и тонкости web-дизайна, но уже имеет основные навыки работы с этой программой. Впрочем, если вы пользуетесь более ранними версиями PhotoShop, то также можете обратиться к этой книге -- основные приемы работают во всех версиях этого графического пакета.
Работа состоит из четырех частей:
· «Форматы файлов изображений» -- для того чтобы готовить графические элементы web-страниц, надо иметь представление об используемых для их хранения форматах файлов. В этой части книги вы ознакомитесь с основными форматами web-графики (GIF, JPEG и PNG), а также с форматами, применяемыми на промежуточных этапах разработки (в том числе и с форматом PSD -- собственным форматом Adobe PhotoShop);
· «Adobe PhotoShop и web-графика» -- в этой части вы сможете найти описание основных приемов работы с изображениями, используемых в web-дизайне. Вы научитесь корректировать отсканированные или отснятые фотокамерой изображения, выделять фрагменты картинок, готовить собственные графические элементы и, наконец, собирать из отдельных картинок законченный макет страницы. Также вы научитесь сохранять изображения в форматах, используемых во Всемирной паутине;
· «Adobe ImageReady» -- совместно с Adobe PhotoShop поставляется программа Adobe ImageReady, ориентированная специально на подготовку графики для web-страниц. С ее помощью не очень удобно рисовать, но зато можно с легкостью сохранять файлы в различных форматах, оптимизировать степень сжатия, готовить анимацию и карты-изображения. Эта часть посвящена изучению основных возможностей ImageReady;
· «Построение web-страниц» -- чтобы подготовить хороший макет страницы, мало просто уметь рисовать. Надо знать, какие технологии будут использованы на последующих этапах подготовки сайта и в чем заключаются их особенности. Это поможет разработать макет, пригодный для превращения в web-страницу. В данной части книги рассматриваются основы языка HTML, используемого для описания структуры web-страниц. Вы также научитесь регистрировать сайт на бесплатном сервере (они хорошо подходят для тренировки дизайнеров) и загружать на сайт подготовленные файлы страниц.
Советуем вам почаще обращаться к компьютеру и проверять полученные знания на практике. Это позволит вам быстрее освоить описанные в книге приемы и, может быть, найти собственные пути решения поставленной задачи. В любом случае, как следует освоить рисование, в том числе и на компьютере, можно только путем проб и ошибок.
Успехов вам в освоении новых технологий и просторов Сети!
2.5 Форматы файлов изображений
2.5.1 Форматы исходных и промежуточных изображений
· Формат PSD
· Формат TIFF
· Формат BMP
· Формат TGA
· Формат JPEG
· Что нового мы узнали?
Начиная работу над новой web-страницей, вам придется прежде всего решить, какие графические элементы будут на ней использоваться и откуда эти элементы можно получить. Многие из них, например кнопки или маркеры списков, можно нарисовать самостоятельно, используя графический редактор. В некоторых случаях можно обойтись вообще без графики, воспользовавшись, например, таблицами с цветным фоном и различными начертаниями шрифтов. Но если вы хотите использовать фотографии или другую сложную графику, то вам придется потратить некоторое время на поиск файлов с подходящими изображениями, сканирование фотографий или на съемку цифровой камерой. Независимо от того, каким из этих методов вы воспользуетесь, рано или поздно вы столкнетесь с необходимостью сохранить промежуточные результаты обработки или найденные изображения. Этот урок посвящен форматам файлов, используемых на начальном и промежуточных этапах подготовки графики для web-страниц.
2.5.2 Форматы web-графики
· Формат GIF
· Формат JPEG
· Формат PNG
· Что нового мы узнали?
В этом разделе книги мы подробно рассмотрим три формата изображений, используемых в настоящее время для сохранения графического оформления web-страниц и для его доставки на компьютер пользователя. Это форматы GIF, JPEG и PNG.
Хотя каждый из этих форматов имеет свои уникальные особенности, у них есть одна общая черта -- все они обеспечивают сжатие данных, описывающих изображение. Это позволяет уменьшить объем файлов, а, следовательно, и время загрузки web-страницы на компьютер пользователя. Так как различные алгоритмы сжатия, применяемые в форматах web-графики, оптимальны для сохранения изображений разных типов, можно значительно уменьшить общий объем изображения, комбинируя форматы при сохранении его частей.
2.6 Adobe Photoshop и web-графика
2.6.1 Цветовые режимы и модели
После знакомства с форматами файлов, применяемых в web-дизайне, можно перейти к рассмотрению тонкостей подготовки графического оформления web-страниц.
Работая с Adobe PhotoShop, вы, наверное, не раз обращали внимание на то, что и заголовке окна документа, кроме его имени, отображаются различные дополнительные символы. Это хорошо видно на рис. 2.1.
Рис. 2.1. Дополнительная информация в заголовке окна документа
В данном случае там видно имя файла (Car.tif), текущий уровень увеличения (@ 100%), а также обозначение цветового режима, в котором находится документ ((RGB)). Для многих начинающих пользователей последняя из этих надписей выглядит довольно загадочно.
Цветовой режим представляет собой правило обозначения цветов пикселов документа. Так как компьютер использует для обозначений цветов числа, необходимо ввести некоторое правило преобразования этих чисел в отображаемые устройствами вывода цвета и наоборот. Таких правил может быть несколько, поэтому каждое из них получает свое название. В заголовке окна выводится название правила или режима, применяемого в данный момент к документу.
2.6.2 Сканирование и коррекция изображений
Первая проблема, с которой вы столкнетесь, приступив к работе над оформлением web-страницы, -- подбор графического материала. Некоторые элементы вы решите нарисовать самостоятельно, но многое придется искать и добывать да различных источников. Это касается в первую очередь различных схем, чертежей и фотографий. Схемы и чертежи часто выполняются в различных специализированных программах и, следовательно, имеются в электронном виде. Единственная проблема, которую придется решить перед их использованием, -- преобразование изображения их исходного формата в формат, распознаваемый графическим редактором. Если же речь идет о фотографиях, то чаще всего они представлены в виде «твердых» (бумажных) копий и могут быть оцифрованы при помощи сканера. Казалось бы, никаких проблем тут возникнуть не может -- включил сканер, загрузил в него картинку, и готово... Но все не так просто -- из-за дефектов фотографии или низкого качества сканера полученное изображение по качеству может оказаться пригодным разве что для устрашения посетителей вашей странички. Поэтому перед использованием выбранных кадров их надо подготовить -- произвести коррекцию цветов и при необходимости устранить дефекты. Этому и будет посвящен данный урок.
2.6.3 Выделение фрагментов изображения
Очень часто при работе с графикой возникает необходимость выделить какую-либо часть изображения. Это может быть нужно для выборочного применения команды или фильтра, перемещения или удаления объектов, рисования в ограниченной области и многого другого. В этом уроке мы рассмотрим способы создания выделений различной формы, а также методы выделения фрагментов изображений.
Прежде всего следует сказать несколько слов о том, что представляет собой «выделение». Под этим термином понимают область изображения, отделенную от остальной картинки специальными методами. Выделенная область остается частью изображения (до оробой команды она не выносится на отдельный слой или в отдельный файл). Любые действия, обычно выполняемые над всем изображением, при наличии выделения выполняются только над пикселами, находящимися внутри него. В окне документа граница выделения отображается в виде переливающейся пунктирной линии.
В Adobe PhotoShop выделения задаются с помощью так называемых альфа-каналов. Альфа-канал -- это самостоятельное монохромное изображение, содержащее до 256 градаций яркости и имеющее размер равный размеру изображения. Таким образом, каждой точке обычной картинки при создании выделенной области ставится в соответствие точка в альфа-канале. Цвет этой точки определяет степень «выделенности» точки обычного изображения. Черный обозначает полное выделение (100%), белый -- отсутствие выделения (0%), оттенки серого -- промежуточные степени. Например, если точка в альфа-канале имеет цвет 50% черного, то точка на изображении будет выделена на 50%. Это значит, что все применяемые к ней операции будут ослаблены на 50%. К точкам, выделенным на 100%, все действия применяются в полной мере. К невыделенным точкам (белый цвет в альфа-канале) команды и эффекты не применяются. Такое представление о выделении участков изображения позволяет редактировать выделение как обычное изображение. При этом можно использовать практически все инструменты, фильтры и команды. Работа в этом режиме будет рассмотрена несколько позже. Начнем рассмотрение работы с выделенными областями изображения с самых простых приемов.
Рис. 2.2. Кнопки вызова инструментов работы с выделенными областями изображений
2.6.4 Подготовка графических элементов web-страниц
Основными графическими элементами web-сайта являются заголовки, кнопки, маркеры списков и текстуры. Они позволяют придать странице приятный внешний вид и сделать ее удобной для использования. В этом уроке мы рассмотрим основы подготовки этих элементов с использованием Adobe PhotoShop.
На заре эпохи Всемирной паутины основным назначением web-страницы было представление научной информации. Поэтому в языке разметки страниц (HTML -- Hypertext Markup Language -- Язык разметки гипертекста) предусмотрели возможность создания текстовых массивов, содержащих таблицы, списки, рисунки и ссылки на другие тексты. На рис. 2.3. приведен пример подобного сайта.
Рис. 2.3. Так могли выглядеть первые web-страницы
Вначале элементы страниц использовались по своему прямому назначению. Потом люди стали понимать, что сайт может быть не только информативным, но и действительно красивым. Постепенно начало складываться новое направ ление искусства, которое теперь называют web-дизайном. Во многом развитию художественного оформления страниц способствовал рост популярности Интернета среди обычных пользователей, ищущих не информацию по научным вопросам, а развлечения. Для привлечения посетителей руководству сайтов, ориентированных на таких людей, пришлось серьезно задуматься над их внешним видом.
2.6.5 Подготовка макета web-страницы в Adobe PhotoShop
Для подготовки web-страницы надо решить две задачи -- разработать внешний вид (оформление) и написать HTML-код, реализующий его. В обязанности web-дизайнера часто входит только первая задача -- разработка и реализация идеи оформления страницы, отвечающей требованиям заказчика. Подготовка описания страницы на языке HTML во многих фирмах, занимающихся разработкой сайтов, возлагается на плечи специалистов в области web-программирования. Одновременно с этим могут разрабатываться необходимые серверные программы (сценарии), базы данных и другие программные элементы. При такой организации работ от дизайнера, как правило, требуют представить рисунок страницы со всеми необходимыми графическими элементами и образцами текста -- макет. Программист, пользуясь графическим редактором, разрезает макет на элементы и использует их при окончательной компоновке страницы. Разумеется, далеко не все возможности современных графических редакторов можно совместить с довольно жесткими ограничениями HTML, поэтому дизайнер должен хорошо представлять возможности языка HTML и различных версий браузеров.
2.6.6 Сохранение файлов в форматах GIF и JPEG
· Сохранение в формате GIF
· Сохранение в формате JPEG
· Сохранение с помощью команды Save For Web... (Сохранить для Web...)
· Экспорт файлов GIF для Web
· Экспорт контуров в Adobe Illustrator
· Мастер экспорта прозрачных изображений
· Что нового мы узнали?
В этом уроке мы научимся различать тонкости использования форматов GIF и JPEG, выбирать способ сохранения и использовать некоторые «подготовительные» команды.
Использование форматов GIF и JPEG обусловлено тем, что web-специфика заставляет считаться с таким основополагающим критерием, как размер файла. Все изображения, которые встречаются на web-страницах, упрощенно можно разделить на две группы: фотографии и логотипы. Фотография -- многоцветное изображение с непрерывным фоном, логотип -- высококонтрастное изображение с текстом, содержащее ограниченное количество цветов.
Выбор делается в пользу формата GIF, если сохраняемое изображение имеет хотя бы одну из ниже перечисленных позиций:
· прозрачные области;
· анимация;
· использование не больше 256 цветов палитры RGB;
· использование режимов Grayscale (Оттенки Серого) или Indexed Color (Индексированный Цвет).
Следовательно, изображение типа «логотип» идеально подходит для сохранения в формате GIF.
Фотографии и многоцветные картинки, не содержащие слоев и альфа-каналов, хранят в формате JPEG.
Теперь мы умеем классифицировать изображения, использующиеся в web-графике. Рассмотрим процедуру сохранения в форматах GIF и JPEG.
Сохранение в формате GIF
Чтобы сохранить цветное изображение в формате GIF, необходимо преобразовать его к цветовой модели RGB с помощью команды Image > Mode > RGB (Изображение > Режим > RGB), а затем воспользоваться командой Image > Mode > Indexed Color... (Изображение > Режим > Индексированный Цвет...).
2.7 Adobe Imageready
2.7.1 Подготовка и оптимизация изображений
· Отличия инструментов и команд PhotoShop и ImageReady
· Работа с цветом
· Оптимизация изображений
· Автоматическая оптимизация настроек
· Что нового мы узнали?
Программа Adobe ImageReady дополняет Adobe PhotoShop, начиная с версии 5. Она включает в себя не только большинство инструментов редактирования изображений, имеющихся в PhotoShop, но также средства подготовки и оптимизации web-графики. Кроме того, ImageReady позволяет создавать динамические изображения: анимированные графические ссылки и кнопки. В этом уроке мы рассмотрим вопросы подготовки изображений непосредственно в Adobe ImageReady и их оптимизации.
Если изображение не предназначено для печати и не предполагает сложной обработки или коррекции, то принципиальной разницы, где его создавать или редактировать -- в PhotoShop или ImageReady -- нет. Но, в отличие от PhotoShop, ImageReady обладает арсеналом средств для редактирования динамических изображений. Переход из одной программы в другую проще простого: чтобы попасть из PhotoShop в ImageReady, нужно лишь нажать кнопку в нижней части панели инструментов. Для обратного перехода аналогичная кноп ка есть и в ImageReady.
Отличия инструментов и команд PhotoShop и ImageReady
Программы, безусловно, похожи, но не являются сестрами-близнецами. Рассмотрим, чем отличаются друг от друга инструменты и команды меню PhotoShop и ImageReady (рис. 2.4, табл. 2.1).
Как видно из рисунка, некоторые инструменты являются общими для обеих программ. Работа с этими инструментами описана в соответствующей главе.
Таблица 2.1. Отличия функций инструментов рисования программах PhotoShop и ImageReady
|
PhotoShop |
ImageReady |
|
|
Можно использовать инструменты рисования для создания контуров |
Контур создать нельзя |
|
|
На одном слое можно нарисовать много фигур и потом указать, как они должны перекрываться |
На слое можно нарисовать только одну фигуру |
|
|
После того, как фигура нарисована, ее можно редактировать |
Фигуры можно только двигать и изменять |
а б
Рис. 2.4. В PhotoShop (а) и ImageReady (б) панели инструментов немного отличаются друг от друга
Исходя из этого можно сделать вывод о том, какие изображения имеет смысл создавать и обрабатывать в ImageReady, а какие нет.
К различиям между командами также стоит отнестись внимательно, чтобы не стало сюрпризом, что какая-либо известная из PhotoShop команда работает не так или не совсем так, как ожидалось. И, естественно, рассмотрим работу команд, которые есть только в ImageReady.
2.7.2 Создание анимированных изображений
· Работа с кадрами
· Использование слоев для редактирования кадров
· Метод удаления фона
· Оптимизация анимированных изображений
· Сохранение анимированных изображений
· Что нового мы узнали?
Под анимированным изображением в ImageReady понимается последовательность изображений или кадров, каждый из которых отображается на экране определенный промежуток времени, что создает иллюзию движения.
Создание анимации, работа с кадрами и их обработка, просмотр и оптимизация анимированных изображений -- вот круг вопросов, рассматриваемых в этом уроке.
Панель анимации (рис. 2.5) позволяет создавать, просматривать и задавать настройки кадров анимированных изображений.
а
б
Рис. 2.5. Внешний вид панели анимации (а) и соответствующее меню (б)
Изменить размер миниатюр кадров можно с помощью команды Palette Options... (Настройки панели...) из меню панели анимации.
Основным способом создания анимированных изображений является преобразование каждого слоя многослойного изображения в отдельный кадр. В этом случае анимированное изображение может являться одним из состояний анимированной кнопки.
Работа с кадрами
Добавить кадры можно двумя способами.
1. Открыть многослойное изображение и преобразовать его в последовательность кадров. Для этого нужно выполнить следующие команды:
o File > Open (Файл > Открыть) и выбрать нужный PSD-файл;
o Make Frames From Layers (Сделать кадры из слоев) в меню палитры анимации.
2. Создать последовательность кадров из набора файлов. Предназначенные для этого изображения должны иметь одинаковый размер, одинаковый формат и храниться в одной папке. Для удобства можно присвоить им названия, соответствующие порядку отображения кадров. Команда, соответствующая этому способу: File > Import > Import Folder As Frames (Файл > Импорт > Импортировать папку как кадры).
Для создания кадра можно либо воспользоваться кнопкой на панели анимации, либо выбрать команду New Frame (Новый кадр) из меню этой панели.
2.7.3 Карты-изображения в ImageReady
· Создание карт-изображений
· Конвертирование карт-изображений
· Просмотр карт-изображений
· Выбор типа карты-изображения
· Что нового мы узнали?
Карта-изображение позволяет сделать рисунок или его часть гиперссылкой на текст, другую картинку, мультимедиа-файл или web-страницу. В этом урок,е мы рассмотрим создание карт-изображений, их применение, специфические настройки, просмотр и другие связанные с ними вопросы.
С точки зрения математики карта-изображение -- это координаты, которыми определяются ее границы.
При создании ссылок на различные объекты можно использовать не только карты-изображения, но и нарезку (табл. 2.2).
Таблица 2.2. Различия при задании ссылок с помощью карт-изображений и нарезки
|
Карта-изображение |
Фрагмент изображения |
|
|
Экспортируется на web-страницу в одном файле с рисунком |
Экспортируется на web-страницу как отдельный файл |
|
|
Возможность создания круглых, многоугольных и прямоугольных ссылок |
Предполагает только прямоугольные ссылки |
ВНИМАНИЕ. Не рекомендуется совмещать карты-изображения с нарезкой, если в последней уже содержатся гиперссылки: они могут игнорироваться некоторыми браузерами.
Создание карт-изображений
Создать карту-изображение можно двумя способами: с помощью соответствующего инструмента или на основании слоя. Рассмотрим первый способ.
В наше распоряжение предоставлены следующие инструменты: и для создания карт-изображений разной формы и выбора. Следить за происходящим помогают три панели (рис. 2.6).
а
б
в
Рис. 2.6. Панель настроек инструмента позволяет задать фиксированные размеры прямоугольной (о) или эллиптической (б) области ссылки, а также автоматически выравнивать расположение областей и интервалы между ними (в)
а
б
Рис. 2.7. Панель карты-изображения, управляющая позиционированием, размерами, настройками (a) и соответствующее меню (б)
В правой части этой панели (рис. 2.7.) указаны текущие координаты и размеры карты-изображения.
Рассмотрим назначение четырех полей, находящихся слева:
1. Name (Имя). Позволяет задать имя активной области или изменить автоматически присвоенное. При помощи имени программы внедренные в код страницы могут получать доступ к параметрам элементов документа.
2. URL. Содержит адрес гиперссылки, который может быть абсолютным или относительным.
3. Target (Цель). Определяет, в каком фрейме будет отображаться карта-изображение. Предполагает либо указание имени фрейма, либо выбор значения параметра из ниспадающего меню. В зависимости от значения параметра файл, на который ссылается карта-изображение, будет открыт браузером следующим образом:
o _blank -- в новом фрейме;
o _self -- в том же фрейме, что и текущий документ;
o _parent -- в окне или фрейме, одним из вложенных фреймов которого является текущий документ. Если в окне открыт только один файл (без фреймов), то этот параметр эквивалентен параметру _self;
o _top -- документ будет загружен в текущее окно браузера, он заместит собой все имевшиеся в окне фреймы.
4. Alt (Эквивалент). Указывает браузеру, какой текст выводится на экран при отсутствии рисунка или в случае, когда курсор находится за пределами карты-изображения.
При нажатии кнопки ® в правом верхнем углу этой панели появляется меню управления картами-изображениями (рис. 2.7., б). В нем собраны команды удаления, дублирования, автоматического выравнивания и преобразования активных областей карт-изображений.
2.7.4 Подготовка анимированных кнопок
Состояния анимированных кнопок
· Работа со слоями
· Что нового мы узнали?
Анимированной кнопкой называется область изображения, изменяющая свой вид при выполнении какого-либо действия с помощью мыши. Для определения активной области используется фрагмент нарезки или карта-изображение. Работой с анимированными кнопками управляет соответствующая панель (рис. 2.8).
а
б
Рис. 2.8. Панель анимированных кнопок (а) и соответствующее меню (б)
Чтобы изменить размер миниатюр, нужно выполнить команду Palette Options... (Настройки панели...) из меню панели анимированных кнопок и выбрать в диалоговом окне подходящий размер.
Состояния анимированных кнопок
Состояние анимированной кнопки определяется расположением слоя, его стилями и другими атрибутами (табл. 2.3 и 2.4).
Таблица 2.3. Состояния анимированных кнопок, связанные с выполняемыми пользователем действиями
|
Состояние |
Действие пользователя |
|
|
Over |
Мышь наведена на изображение, но кнопка мыши не нажата |
|
|
Down |
Нажатие кнопки мыши на области. Состояние длится, пока кнопка мыши нажата |
|
|
Click |
Щелчок мышью на области анимированной кнопки. Состояние длится до тех пор, пока не будет выполнено другое действие |
|
|
Out |
Мышь за пределами активной области изображения |
|
|
Up |
Кнопка мыши отпущена |
Таблица 2.4. Состояния анимированных кнопок, не связанные с действиями пользователя
|
Состояние |
Описание |
|
|
/Normal |
Характеризует вид анимированной кнопки при первой загрузке изображения в браузер |
|
|
Custom |
Характеризует отличное от стандартных состояние, которое можно создать, используя код JavaScript |
|
|
.None |
Сохраняет текущее состояние изображения для дальнейшего его использования в качестве состояния анимированной кнопки. Это состояние на web-странице не отобразится |
По умолчанию каждый фрагмент, кадр, изображение или карта-изображение имеют одно состояние -- Normal. Ниспадающее меню состоянии, если состояние отлично от Normal, появляется при нажатии правой кнопки мыши на миниатюре изображения на панели анимированных кнопок.
Чтобы создать состояние, нужно выбрать фрагмент или карту-изображение, а затем выполнить одно из следующих действий:
· нажать кнопку, находящуюся в нижней части панели анимированных кнопок;
· выполнить команду New Rollover State (Новое состояние) из меню панели анимированных кнопок.
2.7.5 Экспорт изображений
К экспорту изображений в ImageReady можно отнести несколько групп команд. В первую очередь, это, конечно, команда File > Export Original... (Файл > Экспорт Оригинала...), затем File > Save (Файл > Сохранить), File t Save As... (Файл > Сохранить как...), File > Save Optimized (Файл > Сохранить оптимизированное) и File > Save Optimized As... (Файл > Сохранить оптимизированное как), несомненно, Edit > Copy HTML Code (Правка > Копировать код HTML) и, наконец, команды Edit > Cut (Правка > Вырезать) и Edit > Сору (Правка > Копировать). В этом уроке мы рас смотрим каждую из этих команд, чтобы разобраться, какую из них когда имеет смысл применять.
Команда File > Export Original... (Файл > Экспорт оригинала...) делает копию оригинального изображения, предварительно произведя сведение слоев и позволяет сохранить эту копию в разных форматах файлов (рис. 2.9).
Рис. 2.9. Диалоговое окно команды File > Export Original...
Как видно из рисунка, задать можно название файла и его формат. Форматы могут быть следующими: Photoshop (*.psd), BMP (*.bmp), PCX (*.pcx), Pixar (*.pxr), Targa (*.tga) и TIFF (*.tif). Такая информация, как нарезка и параметры оптимизации, не сохраняется, если формат отличен от PSD.
Предназначение команды File > Save (Файл > Сохранить) -- сохранять изменения, сделанные за некоторый промежуток времени в рабочем файле. В отличие от PhotoShop, в ImageReady эта команда сохраняет изображения только в формате РSD (рис. 2.10).
Команда File > Save As... (Файл > Сохранить как...) отличается от команды File > Save (Файл > Сохранить) тем, что позволяет задать другое название и месторасположение файла. В отличие от PhotoShop, в ImageReady эта команда не предусматривает изменение формата, и изображение может быть сохраненным при помощи этой команды только в формате PSD.
Рис. 2.10. Диалоговое окно команды File > Save совпадает с аналогичным окном команды File > Save As...
Рис. 2.11. Диалоговое окно команды File > Save Optimized совпадает с аналогичным окном команды File > Save Optimized As...
Команда File > Save Optimized (Файл > Сохранить оптимизированное) сохраняет гекущее состояние изображения с настройками, указанными при оптимизации (рис. 2.11; подробнее см. Оптимизация анимированных изображений).
Команда File > Save Optimized As... (Файл > Сохранить оптимизированное как...) позволяет сохранить другую версию того же изображения с другими настройками.
Изменить можно следующие параметры:
· тип файла;
· настройки;
· нарезку.
Под выбором типа файла в данном случае подразумевается следующее: можно сохранить HTML-код и изображения (*.html), только изображения (*.gif) и только HTML-код (*.html).
Сохранение HTML-кода и изображения задается типом «HTML and Images (*.html)» соответствующего ниспадающего меню. В этом случае результатом является файл HTML и отдельные файлы для каждого фрагмента нарезки, имеющегося в исходном изображении. Файл HTML включает в себя код всех присутствующих «спецэффектов»: гиперссылок, карт-изображений, анимированных кнопок и изображений. Формат файлов изображений и его настройки определяются параметрами, заданными при оптимизации.
Сохранение только изображения обеспечивает тип «Images only (*.gif)». В результате получаем отдельный файл для каждого фрагмента нарезки (если таковая имеется), формат и настройки которого определяются, как и в предыдущем Случае, параметрами, заданными при оптимизации.
Для сохранения только HTML-кода используется тип «HTML only (*.html)». Результат -- файл HTML, не включающий данные, относящиеся к изображению.
Под настройками понимается способ использования изображения. Настройки могут быть следующие: заказные, фонового изображения, по умолчанию и другие.
Заказными настройками в данном случае называется совокупность параметров и настроек, заданная пользователем в текущем сеансе работы над изображением.
Настройки фонового изображения позволяют автоматически оптимизировать сохраняемое изображение для использования его в дальнейшем в качестве фона web-страницы.
Под настройками по умолчанию подразумеваются настройки, заданные в диалоговом окне команды File > Output Settings > HTML... (Файл > Выходные настройки > HTML...). При выборе пункта «Другие» также появляется это диалоговое окно (рис. 2.12).
Эта команда полностью совпадает с аналогичной командой PhotoShop, за исключением флажка Include GoLive 5 (or Earlier) Code (Включить код GoLive 5 (или более ранней версии)). Установка этого флажка позволяет форматировать код HTML и JavaScript таким образом, что анимированные кнопки можно редактировать в программе Adobe GoLive. Естественно, эта процедура увеличивает конечный размер файла.
Далее нужно указать, какие фрагменты нарезки использовать: все вместе или только выделенные.
Рис. 2.12. Диалоговое окно команды File > Output Settings > HTML...
Следующий способ экспорта -- команды подменю Edit > Copy HTML Code (Правка > Копировать код HTML). Эти команды копируют код HTML для оптимизированного изображения в буфер обмена:
· Copy All Slices (Копировать все фрагменты) -- копируется код HTML всех нарезанных фрагментов изображения;
· Copy Selected Slices (Копировать выделенные фрагменты) -- копируется код HTML только выделенных фрагментов;
· Copy Preloads (Копировать программы) -- для выбранных фрагментов копируется сгенерированный ImageReady код JavaScript.
2.7.6 Дополнительные возможности ImageReady
· Просмотр изображений в браузере
· Переход в другие приложения
· Создание текстур
· Что нового мы узнали?
К дополнительным возможностям можно отнести просмотр изображений в браузере, переход в другие графические и HTML-редакторы и создание текстур. В этом уроке подробно рассматриваются следующие вопросы: как выбрать браузер для просмотра и что получится в результате выполнения соответствующей команды, как перейти в другое приложение, как и из чего создать подходящую текстуру для фона web-страницы.
Просмотр изображений в браузере
Все установленные на компьютере браузеры отображаются в подменю File > Preview In (Файл > Просмотреть в). Если нужный вам браузер не представлен в этом подменю, необходимо выполнить команду File > Preview In > Other... (Файл > Просмотреть в > Другие...) (рис. 2.13).
Рис. 2.13. Диалоговое окно команды File > Preview In > Other...
Добавить браузер в подменю можно указанным ниже способом:
1. Создать для браузера ярлык или сделать копию уже имеющегося ярлыка.
2. Поместить ярлык в папку Adobe PhotoShop 7.0/Helpers/Preview In.
3. Перезагрузить PhotoShop и ImageReady.
Чтобы просмотреть изображение в браузере (рис. 2.14.), надо выполнить одно из двух действий: выбрать желаемый браузер в подменю File > Preview In (Файл > Просмотреть в) либо нажать на кнопку с изображением логотипа браузера, находящуюся на панели инструментов. Удерживая эту кнопку нажатой в течение некоторого времени, можно вызвать на экран меню выбора браузера.
Рис. 2.14. Окно браузера при просмотре изображения
Как видно из рисунка, браузер отображает не только изображение, но и сопутствующую информацию: формат файла, размер изображения в пикселах, размер файла и характеристики оптимизации, а также HTML-код.
Переход в другие приложения
Полезной возможностью является переход из ImageReady в другие графические или HTML-редакторы. Он осуществляется при выполнении команд из подменю File > Jump To (Файл > Перейти в). Команды этого подменю (рис. 2.15) представляют собой названия приложений, в которые можно перейти. Графическим редактором по умолчанию является Adobe PhoSoshop, a HTML-редактором -- Notepad.
Если нужное приложение не отображено в подменю, необходимо выполнить команду File > Jump То > Other Graphics Editor... (Файл > Перейти в > Другие графические редакторы...) или File > Jump To > Other HTML Editor... (Файл > Перейти в > Другие HTML-редакторы...).
а
б
Рис. 2.15. Диалоговое окно команды File > Jump То > Other Graphics Editor... (a) и File > Jump To > Other HTML Editor... (б)
Добавить приложение в подменю можно указанным ниже способом.
1. Создать для него ярлык или сделать копию уже имеющегося ярлыка.
2. Поместить ярлык в папку Adobe PhotoShop 7.0/Helpers/Jump To Graphics Editor или Adobe PhotoShop 7.0/Helpers/Jump To HTML Editor.
3. Перезагрузить PhotoShop и ImageReady.
При переходе в HTML-редактор сначала будет предложено сохранить файл в соответствующем формате, то есть появится диалоговое окно команды File > Save Optimized (Файл > Сохранить оптимизированное). Как с ним работать, было рассмотрено выше, в Экспорт изображений.
Создание текстур
Для создания фона web-страниц используются не только заполнители формата GIF размером 1x1 пиксел, но и текстуры.
Текстура (рис. 2.16) представляет собой элемент прямоугольной формы, к которому применены эффекты подсветки и тени. Для заполнения фона лучше всего использовать так называемую бесшовную текстуру.
а б
Рис. 2.16. Образцы текстуры с видимыми швами (о) и бесшовной текстуры (б)
Рис. 2.17. Результат работы фильтра при следующих параметрах: заливка исходного образца серым цветом, значение Graimness=10, значение Glow Amount=8 и значение Clear Amount =11, для наглядности вместе соединено 4 фрагмента
Оба образца составлены из четырех фрагментов, но как видно из рисунка, швы на рис. 2.16, б различить невозможно. Для достижения такого результата существует несколько путей.
Самый простой способ создания бесшовной текстуры -- применение фильтров к однотонно залитому образцу. Фильтров, естественно, не любых, а определенных. Перечислим фильтры, пригодные для этой цели (рис. 2.17-2.24).
1. Filter > Distort > Diffuse Glow... (Фильтр > Искажение > Диффузное свечение...).
2. Filter > Pixelate > Pointillize... (Фильтр > Оформление > Пуантилизм...).
3. Filter > Sketch > ConteCrayon... (Фильтр > Набросок > Волшебный карандаш...).
Рис. 2.18. Результат работы фильтра при следующих параметрах: заливка исходного образца серым цветом, значение Cell Size=6, для наглядности вместе соединено 4 фрагмента
Рис. 2.19. Результат работы фильтра, для наглядности вместе соединено 4 фрагмента
4. Filter > Sketch > Note Paper... (Фильтр > Набросок > Бумага для записей...).
5. Filter > Sketch » Reticulation... (Фильтр > Набросок > Сетчатость...).
6. Filter > Sketch > Water Paper... (Фильтр > Набросок > Мокрая бумага...).
7. Filter > Texture > Craquelure... (Фильтр > Текстура > Трещина...).
8. Filter > Texture > Grain... (Фильтр > Текстура > Зерно...).
Рис. 2.20. Результат работы фильтра при следующих параметрах: заливка исходного образца серым цветом, значение Image Balance=35, значение Graininess=10, значение Relief=11, для наглядности вместе соединено 4 фрагмента
Рис. 2.21. Результат работы фильтра при следующих параметрах: заливка исходного образца серым цветом, значение Density=20, значение Foreground Level=20, Background Level=20, для наглядности вместе соединено 4 фрагмента
Рис. 2.22. Результат работы фильтра при следующих параметрах: заливка исходного образца серым цветом, значение Fiber Length=14, значение Brightness=60, Contrast=80, для наглядности вместе соединено 4 фрагмента
Рис. 2.23. Результат работы фильтра при следующих параметрах: заливка исходного образца серым цветом, значение Crack Spadng=21, значение Crack Depth=6, Crack Brightness=9, для наглядности вместе соединено 4 фрагмента
Вторым способом является применение после любого фильтра, создающего подобие текстуры, фильтра Filter > Other > Offset... (Фильтр > Другие > Смещение). В результате его применения изображение смещается в сторону одной из границ холста, а освободившееся место заполняется пикселами, оказавшимися после перемещения «за кадром». При этом становится виден шов между соседними фрагментами текстуры (изображение совмещается само с собой). После этой операции остается только при необходимости убрать шов с помощью любого рисующего инструмента.
Рис. 2.24. Результат работы фильтра при следующих параметрах: заливка исходного образца серым цветом, значение Intensity=80, значение Contrast=70, Grain Type=-Enlarged, для наглядности вместе соединено 4 фрагмента
Рис. 2.25. Исходный образец серого цвета после применения фильтра Mosaic Tiles... и фильтра Offset...
Третий способ -- это использование фильтра Fitter > Other > Tile Maker... (Фильтр > Другие > Фрагментирование...). Его работа подробно рассмотрена (см. Отличия инструментов и команд PhotoShop и ImageReady).
Иногда бывает нужно создать текстуру с четко выраженной структурой, например, имитировать кирпичную стену. Для этого предназначены такие фильтры, как Filter > Stylize > Extrude... (Фильтр > Стилизация > Выдавливание...), Filter > Stylize > Tiles... (Фильтр » Стилизация > Фрагменты...), Filter > Texture > Craque-lure... (Фильтр > Текстура > Трещина...), Filter > Texture > Mosaic Tiles... (Фильтр > Текстура t Фрагменты мозаики...), Filter > Texture > Patchwork... (Фильтр > Текстура > Лоскутки...), Filter > Texture > Stained Glass... (Фильтр > Текстура > Окрашенное стекло...) и, конечно, Filter > Texture > Texturizer... (Фильтр > Текстура > Тексту ризатор...).
2.8 Построение Web-Страниц
2.8.1 Краткий обзор возможностей HTML
Вы уже ознакомились с возможностями и функциями Adobe PhotoShop, которые позволят вам разработать и подготовить к дальнейшему использованию графическое оформление web-сайта. Но сама по себе графика еще не является web-страницей. Для того чтобы страница могла быть представлена пользователям Интернета, она должна быть описана на специальном языке, позволяющем задать нужную структуру документа. Этот язык называется HTML -- Hypertext Markup Language -- язык разметки гипертекста. При помощи этого языка задается текст, помещаемый на сайте, ссылки на другие документы, расположение Изображений и многое другое. Для подготовки полноценной страницы вам необходимо знать основы HTML. Это тем более важно, что язык описания страниц накладывает довольно жесткие ограничения на использование графических элементов, но вместе с тем позволяет достаточно гибко настраивать работу с ними. Этот урок посвящен рассмотрению основных возможностей языка разметки web-страниц -- HTML
2.8.2 Структура HTML-документа и форматирование текста
Для того чтобы разработанное вами оформление сайта могло быть представлено на web-странице, то есть чтобы его можно было описать средствами HTML, вы должны уже на этапе подготовки макета учесть особенности верстки страни цы в окне браузера. Сделать это можно, только владея хотя бы основами языка HTML. Поэтому этот и несколько следующих уроков посвящены описанию языка HTML.
В прошлом уроке мы уже говорили о том, что код web-страницы, по командам которого браузер строит изображение, записывается в обычном текстовом файле. Подготовить его можно при помощи любого текстового редактора, позволяющего сохранять неформатированный текст (например, Блокнота (Notepad), поставляемого в комплекте Windows). Для того чтобы браузер мог поместить на страницу графику и другие нетекстовые элементы, в коде страницы должно быть указано расположение этих объектов.
HTML-код (или HTML-документ) состоит из нескольких разделов. Мы уже говорили о том, что все элементы страницы описываются специальными командами -- тегами. Поэтому логично предположить, что и структура документа определяется какой-либо командой.
2.8.3 Использование списков и таблиц
· Использование маркированных и нумерованных списков
· Использование таблиц
· Что нового мы узнали?
В некоторых случаях требуется представить на web-странице некоторую информацию, обладающую ярко выраженной структурой. Для этого предназначены таблицы и списки.
Использование маркированных и нумерованных списков
Если вам нужно представить, например, иерархический список персонала фирмы или узлов какой-либо системы, то в этом случае разбивки текста на абзацы может оказаться недостаточно. К счастью, в состав элементов HTML включены специальные теги, позволяющие формировать иерархические структуры, они так и называются -- списки.
Списки бывают трех видов:
· маркированные списки;
· нумерованные списки;
· списки определений.
Список каждого из этих типов задается при помощи специального тега.
Элементы маркированного списка выделяются путем добавления специальных символов списка (маркеров) или иных символов. Кроме того, строки списка автоматически выводятся с некоторым отступом от начала строки.
Начало и конец списка отмечаются тегами <UL> и </UL>. Все, что окажется между этими тегами, будет смещено относительно начала строки.
Для указания места размещения маркеров (отметки строк списка) используется тег элемента списка <LI>. Этот же тег используется для выделения элементов нумерованного списка. Ниже приведен фрагмент кода, содержащий теги маркированного списка:
<UL>
<LI> Первый элемент маркированного списка </LI>
<LI> Второй элемент маркированного списка </LI>
<LI> Третий элемент маркированного списка </LI>
</UL>
Использование тега </UL> после списка обязательно (без него весь оставшийся текст будет выводиться с отступом). Закрывающие теги </LI> можно не использовать.
2.8.4 Использование изображений
Графические изображения, помещаемые на web-страницу, позволяют сделать ее более наглядной и привлекательной для пользователя. Изображения могут использоваться для вывода на экран графиков, схем или чертежей, представления товаров в электронных магазинах и просто для улучшения внешнего вида сайта. В этом уроке мы подробно рассмотрим методы размещения изображений на web-страницах и настройки их параметров.
Записанный в файл рисунок может быть помещен на странице сайта одним из двух способов -- в качестве собственно изображения или в качестве текстуры (фона) какого-либо объекта (тела документа или ячейки таблицы).
Для задания фоновых изображений используется параметр BACKGROUND тегов <BODY> и <ТD>. В качестве значения надо указать имя файла, содержащего рисунок. Формат файла может быть любым, но вам следует учитывать то, что многие браузеры «воспринимают» только форматы GIF и JPEG. Некоторые подобные программы способны работать с форматом PNG. Файлы других форматов в большинстве случаев (например, TIFF) могут читаться и использоваться только после установки специальных программных модулей (для просмотра файлов формата TIFF потребуется модуль QuickTime). Ниже приведен пример задания фона для тела документа.
<BODY BACKGROUND="images/texture.jpg">
2.8.5 Ресурсы Интернета и ссылки на них
В Интернете существует множество сайтов. Они различаются оформлением, содержанием, группами пользователей, на которых эти сайты ориентированы, но все они объединены в единую систему, по которой вы можете перемещаться. Для того чтобы обратиться к тому или иному сайту или странице, вы можете задать ее адрес. Но иногда это неудобно или невозможно -- адреса бывают достаточно длинными, и набирать их каждый раз было бы слишком утомительно. Да и запоминать полный адрес страницы (его длина может достигать 255 символов) захочется далеко не всем. Поэтому для перемещения по страницам Сети используются специальные объекты -- ссылки, которые указывают браузерам, какой файл следует отобразить в следующий момент. Для активизации ссылки (перехода по ней) пользрвателю достаточно щелкнуть по указателю ссылки -- тексту или изображению, представляющему ссылку на web-странице (рис. 2.26).
Рис. 2.26. Ссылки связывают между собой страницы Всемирной паутины
Работая с Интернетом, вы, возможно сами того не зная, постоянно обращаетесь к его ресурсам -- текстовым файлам, web-страницам, графике, системам электронной почты и другим объектам. Конечно, перед вами они предстают в виде изображений на экране монитора, но за каждым из полученных файлов стоит реальный компьютер, отправивший его в ответ на ваш запрос. Для того чтобы пользователи Интернета имели возможность обратиться именно к нужному ресурсу, им необходимо иметь возможность вызвать нужный компьютер и хранящиеся на нем файлы.
Любой компьютер, подключенный к сети (не только к Интернету, но и к локальной сети, установленной, например, в офисе фирмы) может быть вызван при помощи цифрового кода из четырех байт -- IP-адреса. Этот адрес выглядит примерно следующим образом:
195.32.45.67
В зависимости от числа компьютеров в сети, эти четыре байта могут иметь разное значение. Например, первые три байта определяют номер сети, а последний байт -- номер компьютера. Такой случай характерен для небольших сетей. Если сеть более крупная (например, корпоративная сеть крупной фирмы), то ее номер может определяться первыми двумя или даже одним байтом, а остальные задают конкретную машину. Три байта позволят задать адреса для 65 536 компьютеров, а один байт, остающийся для номера сет», можно использовать для обозначения максимум 256 сетей. Поэтому таких больших сетей совсем немного. Один, два или три первых байта могут представлять более мелкие сети, «вложенные» друг в друга.
2.8.6 Использование фреймов
· Применение фреймов
· Что нового мы узнали?
Очень часто перед разработчиком web-страницы встает задача обеспечить одновременное нахождение на экране нескольких документов. Чаще всего требуется постоянно держать перед пользователем навигационную панель сайта или же какую-либо информацию (например, для сравнения биржевых котировок в различных торговых системах). Разумеется, можно открыть сразу несколько окон браузера, но постоянно переключаться между ними или выстраивать их на экране так, чтобы они не перекрывались, оказывается утомительной задачей. Кроме того, при такой организации сайта будет довольно сложно добиться того, чтобы разработанное оформление выглядело именно так, как этого хочет дизайнер (размеры окон будут постоянно изменяться).
Подобные проблемы особенно характерны для сайтов, содержащих финансовую информацию, так как на них обычно размещаются большие таблицы чисел, множество ссылок на информационные ресурсы, информация об участниках торгов и т. д. Если оформление сайта и размещение сведений достаточно продумано, уследить за всем этим довольно просто, но в некоторых случаях для непосвященного человека финансовый сайт может показаться настоящими дебрями из символов.
2.8.7 Размещение web-страниц в Интернете и их реклама
После того как вы подготовите дизайн нового сайта и будут завершены работы по верстке HTML-документов, надо загрузить готовый проект на сервер. Это необходимо для того, чтобы вашу информацию смогли получить заинтересованные пользователи Сети.
В некоторых случаях сайты разрабатываются для того, чтобы их просматривали не через Интернет, а с жестких носителей информации (например, компакт-дисков). Обычно таким образом выполняются презентации или каталоги товаров, сверстанные в формате HTML Гипертекст позволяет использовать простые в применении и широко распространенные технологии для быстрой подготовки документов. Так как средства для работы с Интернетом и web-страницами в той или иной степени присутствуют на большинстве компьютеров, изготовленную таким способом презентацию можно будет просмотреть в любом месте, не ломая голову над тем, откуда взять нужную для ее просмотра программу.
Заключение
Все области применения - будь то инженерная и научная, бизнес и искусство/развлечения - являются сферой применения векторной графики. Возрастающий потенциал ПК и их громадное число - порядка 100 миллионов - обеспечивает соблазнительную базу для капиталовложений и роста. И ожидается устойчивый рост индустрии в данной сфере к концу этого десятилетия, особенно если учесть, что в начале этого десятилетия ежегодный рост составлял около 12%. Неизвестно как долго продлиться тенденция удвоения капиталовложений, особенно под воздействием цен, однако я ожидаю устойчивое 10% ежегодное повышение в последующие 5 лет. Конечно, компании продолжают формироваться, хотя инвесторы сейчас, кажется, больше предпочитают вкладывать деньги в программное обеспечение, в т.ч. редакторы векторной графики. Сегодня особенно привлекательны для инвесторов компании, специализирующиеся на графических интерфейсах пользователя, объектно-ориентированных программах, виртуальной реальности и программном обеспечении параллельных процессов.
По увеличению числа графических терминалов от 100 в 1964 году до 50.000 в 1977 году, а сейчас, в 1994 году, я констатирую, что 3 млн. рабочих станций и 60 млн. ПК используются только в США. Машинная графика имеет сегодня промышленную базу, оцениваемую в 36 млрд. долл., которая обеспечивает работой около 300 тысяч специалистов. Она продолжает лидировать в вопросах обеспечения нашего взаимодействия с компьютерами и организации доступа к информации. Мы вступаем в новую эпоху расширения полномочий графических систем при движении по информационной супермагистрали.
...Подобные документы
Виды и способы представления компьютерной информации в графическом виде. Отличительные особенности растровой и векторной графики. Масштабирование и сжатие изображений. Форматы графических файлов. Основные понятия трехмерной графики. Цветовые модели.
контрольная работа [343,5 K], добавлен 11.11.2010Растровые и векторные графические редакторы. Формирование изображений, форматы графических файлов. Особенности векторной графики, ее достоинства. Построение треугольника и гиперболы по алгоритму Бразенхема. Математические модели поверхностей и объектов.
курсовая работа [769,5 K], добавлен 21.12.2013Растровая графика, составление графических изображений из отдельных точек (пикселей). Растровые графические редакторы. Векторная графика - построение изображения из простых объектов. Достоинства, недостатки и применение растровой и векторной графики.
презентация [7,8 K], добавлен 06.01.2014Компьютерная графика как наука, предметом изучения которой является создание, хранение и обработка моделей и их изображений с помощью ЭВМ. Области применения графических редакторов: Adobe Photoshop и Illustrator, Corel Draw. Растровая и векторная графика.
презентация [31,7 M], добавлен 17.01.2012Компьютерная растровая и векторная графика. Графические редакторы. Форматы файлов для хранения растровых графических изображений. Особенности защиты информации в современных условиях. Идентификация и подлинность доступа в систему. Механизмы защиты.
реферат [31,4 K], добавлен 26.01.2009Компьютерная графика - область информатики, занимающаяся проблемами получения различных изображений. Виды компьютерной графики: растровая, векторная, фрактальная. Программы для создания компьютерной анимации, область применения, форматы хранения.
реферат [29,1 K], добавлен 16.03.2010Определение компьютерной графики, задачи, виды, области применения. Способы распознавания образов, системы технического зрения. Инструменты для синтеза изображений и обработки визуальной информации. Представление цветов, форматы графических файлов.
шпаргалка [49,9 K], добавлен 13.09.2011Компьютерная графика как область информатики, занимающаяся проблемами получения различных изображений на компьютере. Области применения компьютерной графики. Двумерная графика: фрактальная, растровая и векторная. Особенности трёхмерной графики.
реферат [756,4 K], добавлен 05.12.2010Представление графических данных. Растровая, векторная и фрактальная виды компьютерной графики. Цвет и цветовые модели: метод кодирования цветовой информации для ее воспроизведения на экране монитора. Основные программы для обработки растровой графики.
реферат [429,7 K], добавлен 01.08.2010Основные понятия и задачи, решаемые компьютерной графикой. Характеристика и разновидности компьютерной графики. Цветовые модели RGB, CMYK, HSB. Графические форматы растровых и векторных изображений. Особенности шелкографии, трёхмерная графика и анимация.
курсовая работа [350,7 K], добавлен 20.02.2012Достоинства и недостатки векторной графики, ее применение и основной принцип построения графических объектов. Объектно-ориентированный подход к пакетам векторной или иллюстративной графики. Основные программы, редакторы и форматы векторной графики.
курсовая работа [129,0 K], добавлен 30.05.2015Компьютерная графика. Пиксели, разрешение, размер изображения. Типы изображений. Черно-белые штриховые и полутоновые изображения. Индексированные цвета. Полноцветные изображения. Форматы файлов. Цвет и его модели. Цветовые модели: RGB, CMYK, HSB.
реферат [18,1 K], добавлен 20.02.2009Средства и способы создания и обработки графических изображений при помощи компьютерной техники. Растровая, векторная, трёхмерная и фрактальная графика, отличия принципов формирования изображения при отображении на экране монитора. Програмные средства.
реферат [436,4 K], добавлен 26.03.2010Характеристика цифровых изображений, применяющиеся в издательской деятельности. Отличительные особенности растровых и векторных изображений, понятие цветового охвата, изучение моделей для описания отраженных цветов. Форматы и виды графических файлов.
контрольная работа [22,9 K], добавлен 16.09.2010Компьютерная графика как раздел информационных технологий, в котором изучают вопросы получения графических изображений с помощью компьютера. Ее классификация и типы, сравнительная характеристика, признаки: растровая, векторная, фрактальная и трехмерная.
презентация [2,0 M], добавлен 04.04.2016Технология компьютерной графики, форматы графических файлов. Общие сведения о компании и программных продуктах Adobe Systems Inc, элементы интерфейса. Краткое описание учебника Adobe Photoshop CS3, программное обеспечение, используемое для его создания.
дипломная работа [32,1 K], добавлен 23.06.2010Векторная и растровая графика: основные отличия, преимущества и недостатки. Компьютерные программы, используемые для создания растровой и векторной графики. Трехмерная графика, цветовое пространство и графический формат. Основные цветовые модели.
реферат [37,0 K], добавлен 20.12.2010Сферы применения машинной графики. Использование растровой, векторной и фрактальной графики. Цветовое разрешение и модели. Создание, просмотр и обработка информации. Форматы графических файлов. Программы просмотра. Компьютерное моделирование и игра.
презентация [661,5 K], добавлен 24.03.2017Сущность и основные принципы реализации компьютерной графики, разновидности компьютерных изображений и их отличительные признаки. Оценка достоинств и недостатков векторной и растровой графики, особенности и закономерности их применения в Интернете.
контрольная работа [20,8 K], добавлен 05.02.2010Растровая и векторная графика. Растровые графические редакторы. Масштабирование растрового изображения. Средства хранения высокоточных графических объектов. Изменение масштаба без потери качества и практически без увеличения размеров исходного файла.
презентация [652,8 K], добавлен 11.03.2015
