Растровая и векторная графика википедия: Графические форматы

Содержание

Растровая графика и ее форматы. Photoshop. Мультимедийный курс

Растровая графика и ее форматы

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

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

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

В виде стопки слоев или набора прямоугольных матриц из цветных безразмерных точек файлы хранятся на носителях, например в родном формате Photoshop – PSD или в графическом формате TIFF. Из множества графических форматов только форматы PSD и TIFF поддерживают слоеную структуру изображения. Хотя каждый слой в таком изображении представляет собой прямоугольную матрицу математических точек, размеры этих матриц не обязательно совпадают.

С изображениями, сохраненными в растровом графическом формате JPEG, дела обстоят несколько иначе. Формат JPEG не поддерживает слоеную структуру изображения. При открытии изображения в формате JPEG, то есть при загрузке его в растровый графический редактор, в частности в Photoshop, оно располагается в оперативной памяти компьютера в виде все той же прямоугольной матрицы из безразмерных математических точек. И именно эта копия изображения обрабатывается графическим редактором. А на самом носителе хранится вовсе не эта матрица, а только часть ее точек и один из поддерживаемых форматом JPEG алгоритмов интерполяции. При считывании такого файла с постоянного носителя в оперативную память для его просмотра или обработки цвета тех пикселов, которые не были прописаны в файле на постоянном носителе, получаются с помощью алгоритма интерполяции. Данный алгоритм воссоздает недостающие пикселы, основываясь на цветах соседних пикселов.

Использование такого подхода для хранения графического файла позволяет существенно уменьшить его объем по сравнению с объемом этой картинки в оперативной памяти компьютера. Если выражаться более простым языком, формат JPEG – это сжатый формат изображения. Изображение в формате JPEG может занимать на диске в десятки и даже сотни раз меньше места, чем точно такое же изображение в формате TIFF. Впрочем, это несколько сказывается на качестве JPEG-изображения. Для домашнего использования, например для хранения цифровых фотографий, формат JPEG вполне пригоден. Мало того, все любительские цифровые фотокамеры сразу выводят изображение в формате JPEG. Только дорогие профессиональные фотоаппараты умеют сохранять снимки в формате TIFF.

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

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

Изображения в формате PSD и TIFF сохраняются также без потери информации, как и в формате BMP. Но и размер у них примерно такой же большой, если это однослойные изображения. Если же изображение многослойное и нужно сохранить его слоеную структуру, то формат BMP для этого не подходит. При сохранении в этом формате слои будут склеены. А форматы PSD и TIFF позволят сохранить слоеную структуру.

Формат PSD как родной формат редактора Photoshop, помимо слоев и альфа-каналов, которые можно сохранить и в формате TIFF, позволяет сохранить в файле с изображением и некоторые объекты. Например, если один из слоев содержит текст, то при открытии такого файла в программе Photoshop вы можете отредактировать этот текст. Иными словами, с текстовым слоем вы будете работать не как с графическим изображением, а как с текстом: можно заменить слово, изменить шрифт, его начертание, добавить пропущенную запятую и т. д. Такие манипуляции можно произвести только с файлами в формате PSD. Другими словами, формат PSD, кроме графической информации, хранит также информацию о слоях, их типах, примененных к ним стилях и т. д.

Каким форматом воспользоваться при сохранении созданного изображения?

Формат BMP сохраняет изображение без потерь. Однако он не подходит для промежуточного сохранения изображения, если предполагается дальнейшая обработка этого изображения в другом сеансе работы с Photoshop, потому что этот формат не поддерживает слоеную структуру документа, а также альфа– или информационные каналы и имеет неоправданно большой объем файла. Файл в формате BMP примут и распечатают в любой цифровой фотолаборатории. Его можно разместить и на веб-странице, если он имеет небольшой размер, а это будет в том случае, если размер картинки (определяется количеством составляющих ее точек по вертикали и горизонтали) небольшой. Лучше не использовать этот графический формат для веб. Не каждый пользователь является обладателем высокоскоростного доступа к сети Интернет, поэтому загрузка BMP-файла может быть достаточно длительной ввиду его большого размера.

Формат JPEG. Расширения у файлов этого формата могут быть также JPG и JPEG. Данные форматы всегда сохраняют исходную информацию с некоторыми потерями. Любителям зачастую и не определить на глаз, где сжатое, а где несжатое изображение. Формат JPEG идеально подходит для хранения цифрового фотоальбома, а также для размещения картинок в Интернете. Файлы данного формата вам распечатают в любой цифровой фотолаборатории. Их вы откроете для просмотра на любом компьютере (вам даже не нужно устанавливать специальные программы, в операционной системе Windows все, что необходимо для открытия таких файлов, уже есть). Кроме того, большинство современных DVD-проигрывателей распознают файлы формата JPEG: просто запишите фотографии на оптический диск и наслаждайтесь просмотром семейного фотоальбома на экране телевизора. Картинка в формате JPEG может быть вставлена в текстовый документ и во многие другие документы, созданные в разных приложениях.

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

Формат PSD – это собственный формат программы Photoshop. Только он позволяет в полной мере сохранять все составляющие создаваемого или обрабатываемого в редакторе изображения. Его следует всегда использовать для промежуточного сохранения, если обработка изображения будет продолжена в каком-то другом сеансе работы с Photoshop. Поскольку заранее нельзя знать, будем мы продолжать обработку этого файла или нет, то следует при наличии места на диске сохранять свои творения в этом формате. Главный недостаток формата PSD состоит в том, что файл, сохраненный в нем, имеет больший размер по сравнению файлом, сохраненным в формате JPEG.

Графическая информация сохраняется в формате PSD без потерь. Это же относится и к формату TIFF, в котором можно сохранить и слои, и альфа-каналы, и текстовые надписи. Он является фактическим стандартом для полиграфии. Картинку в формате TIFF также можно вставить в текстовый документ и во многие другие документы: в презентации, электронные таблицы, базы данных и издательские системы. А вот публиковать в Интернете изображения в форматах TIFF и PSD мы бы не рекомендовали. Думаем, о причине вы уже догадались. В первую очередь – большой размер файлов. Кроме того, пользователи ранних версий Windows просто не смогут посмотреть PSD-файлы без установки редактора Photoshop или некоторых других программ, распознающих этот формат.

Существует множество других графических форматов. Для публикации в Интернете часто используют формат GIF. Файлы данного формата достаточно компакты, к тому же они могут быть анимированы, то есть содержать подвижное изображение. Вы наверняка видели на веб-страницах различные рекламные баннеры, в которых постоянно меняются изображения, логотипы, надписи и т. д. Это и есть анимированные GIF-файлы.

Анимированные GIF-файлы сделать достаточно просто. Сначала создают многослойное изображение, каждый слой которого представляет собой отдельный «кадр» анимации. Соответственно, в каждом слое создают разные изображения или одно и то же с небольшими изменениями. Затем задают алгоритм смены кадров, то есть частоту, режимы повторов переключения между слоями. При воспроизведении GIF-анимации зрителю попеременно показываются разные слои, что и создает движение в картинке.

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

Кроме вышеописанных, существует еще огромное количество графических форматов, например TGA, PICT, RLE, PXR, но непрофессионалы их настолько редко используют (правильнее было бы сказать, совсем не используют), что не имеет смысла их описывать.

Итак, подведем итоги. Графическое изображение может храниться в различных форматах. Для окончательного сохранения, а также хранения домашних фотографий или размещения картинок в Интернете лучше использовать сжатый формат JPEG. Несмотря на некоторую потерю качества, с которой можно смириться, а в некоторых случаях даже и не увидеть, данный формат имеет неоспоримое преимущество – очень малый размер файла. Вы можете записать несколько тысяч (а то и десятков тысяч) фотографий всего на один компакт-диск.

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

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

Данный текст является ознакомительным фрагментом.

Продолжение на ЛитРес

Компьютерная графика | Компьютерная графика

Компьютерная графика — область информатики, занимающаяся методами и средствами создания и обработки изображений с помощью программно-аппаратных средств.
К основным сферам применения технологий компьютерной графики относятся:

Графический интерфейс пользователя;
Спецэффекты, визуальные эффекты (VFX), цифровая кинематография;
Цифровое телевидение, Интернет, видеоконференции;
Цифровая фотография;
Цифровая живопись;
Визуализация научных и деловых данных;
Компьютерные игры, системы виртуальной реальности;
Системы автоматизированного проектирования;
Компьютерная томография;
Компьютерная графика для кино и телевидения;
Лазерная графика.

По способам задания изображений графику можно разделить на категории: растровая графика, векторная графика, трёхмерная и фрактальная графика.

Растровую графику применяют при разработке электронных (мультимедийных) и полиграфических изданий. Иллюстрации, выполненные средствами растровой графики, редко создают вручную с помощью компьютерных программ. Чаще для этой цели используют отсканированные иллюстрации, подготовленные художником на бумаге, или фотографии. В последнее время для ввода растровых изображений в компьютер нашли широкое применение цифровые фото- и видеокамеры. Соответственно, большинство графических редакторов, предназначенных для работы с растровыми иллюстрациями, ориентированы не столько на создание изображений, сколько на их обработку. В Интернете применяют растровые иллюстрации в тех случаях, когда надо передать полную гамму оттенков цветного изображения.

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

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

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

Сайты:

Литература:

Казанцев А.В. Основы компьютерной графики. Тексты специального курса лекций. Казанский Государственный Университет. 2001. 63 с.
Боресков А.В., Жикин Е.В.. Компьютерная графика. Динамика, реалистические изображения, М., Диалог-МИФИ, 1995, 1997.
Никулин Е. А. Компьютерная геометрия и алгоритмы машинной графики. — СПб: БХВ-Петербург, 2003. — 560 с. Читать…
Порев Виктор. Компьютерная графика. Учебное пособие. БХВ-Петербург. 2004. 432 с.
Людмила Адамовна Сиденко, Компьютерная графика и геометрическое моделирование. Издательский дом «Питер», 2009. — 224 c. Читать…
Тюкачёв Н. А., Илларионов И.В., Хлебостроев В.Г. Программирование графики в Delphi. СПБ, 2008. — 784 с. Читать…

Технологии работы с графической информацией. Растровая и векторная графика. Прикладные программы работы с графикой. Графический редактор. Основные инструменты и режимы работы.

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

Векторная графика.
Векторные графические изображения являются оптимальным средством хранения высокоточных графических объектов (чертежи, схемы и пр.), для которых имеет значение сохранение четких и ясных контуров. С векторной графикой вы сталкиваетесь, когда работаете с системами компьютерного черчения и автоматизированного проектирования (САПР), программами обработки трехмерной графики и др.
Векторные изображения формируются из объектов (точка, линия, окружность, прямоугольник и пр.), которые хранятся в памяти компьютера в виде графических примитивов и описывающих их математических формул.
Важно также, что векторные графические изображения могут быть увеличены или уменьшены без потери качества. Это возможно, так как масштабирование изображений производится с помощью простых математических операций (умножения параметров графических примитивов на коэффициент масштабирования).
К недостаткам векторной графики стоит отнести, что не каждый объект может быть легко изображен в векторном виде. Кроме того, количество памяти и времени на отображение зависит от числа объектов и их сложности.
Для обработки изображений на компьютере используются специальные программы — графические редакторы. Графические редакторы также можно разделить на две категории: растровые и векторные.
Графический редактор — программа (или пакет программ), позволяющая создавать, редактировать и просматривать изображения с помощью компьютера. Растровые графические редакторы являются наилучшим средством обработки фотографий и рисунков, поскольку растровые изображения обеспечивают высокую точность передачи градаций цветов и полутонов.
Среди растровых графических редакторов есть простые, например стандартное приложение Paint, GIMP — самый мощный свободный редактор и мощные профессиональные коммерческие графические системы, например Adobe Photoshop.
Среди векторных графических редакторов можно выделить Adobe Illustrator, CorelDRAW, Macromedia FreeHand и свободный OpenOffice.org Draw.
OpenOffice.org Draw — векторный графический редактор, по функциональности сравнимый с CorelDRAW, входит в состав OpenOffice.org. Пакет включает полнофункциональные «коннекторы» между фигурами, которые могут использовать разнообразные стили линий и позволяют рисовать чертежи, например блок-схемы. Инструменты рисования объектов. Графические редакторы имеют набор инструментов для рисования простейших графических объектов: прямой линии, кривой, прямоугольника, эллипса, многоугольника и так далее. После выбора объекта на панели инструментов его можно нарисовать в любом месте окна редактора.
В векторном редакторе существует группа инструментов группировки и разгруппировки объектов. Операция группировки объединяет несколько отдельных объектов в один, что позволяет производить в дальнейшем над ними общие операции (перемещать, удалять и так далее). Можно и, наоборот, разбивать объект, состоящий из нескольких объектов, на самостоятельные объекты (разгруппировывать).
Выделяющие инструменты. В графических редакторах над элементами изображения возможны различные операции: копирование, перемещение, удаление, поворот, изменение размеров и так далее. Для того чтобы выполнить какую-либо операцию над объектом, его сначала необходимо выделить.
Инструменты редактирования рисунка. Инструменты редактирования позволяют вносить в рисунок изменения: стирать части рисунка, изменять цвета и так далее. Для стирания изображения в растровых графических редакторах используется инструмент Ластик, который стирает фрагменты изображения (пиксели), при этом размер Ластика можно менять. В векторных редакторах редактирование изображения возможно только путем удаления объектов, входящих в изображение, целиком. Для этого сначала необходимо выделить объект, а затем выполнить операцию Вырезать.
Палитра цветов. Операцию изменения цвета можно осуществить с помощью меню Палитра, содержащего набор цветов, используемых при создании объектов.
Текстовые инструменты. Текстовые инструменты позволяют добавлять в рисунок текст и осуществлять его форматирование.
В векторных редакторах тоже можно создавать текстовые области, в которые можно вводить и форматировать текст. Кроме того, для ввода надписей к рисункам можно использовать так называемые выноски различных форм.
Масштабирующие инструменты. В растровых графических редакторах масштабирующие инструменты позволяют увеличивать или уменьшать масштаб представления объекта на экране, но не влияют при этом на его реальные размеры. Обычно такой инструмент называется Лупа. В векторных графических редакторах можно легко изменять реальные размеры объекта с помощью мыши.
Форматы графических файлов
Форматы графических файлов определяют способ хранения информации в файле (растровый или векторный), а также форму хранения информации (используемый алгоритм сжатия). Сжатие применяется для растровых графических файлов, так как они имеют обычно достаточно большой объем. При сжатии графических файлов алгоритм сжатия включается в формат графического файла.
Существуют различные алгоритмы сжатия, причем для различных типов изображения целесообразно применять подходящие типы алгоритмов сжатия.
Для сжатия рисунков типа аппликации, содержащих большие области однотонной закраски, наиболее эффективно применение алгоритма сжатия, который заменяет последовательность повторяющихся величин (пикселей одинакового цвета) на две величины (пиксель и количество его повторений). Такой алгоритм сжатия используется в графических файлах форматов BMP и PCX.
Для рисунков типа диаграммы целесообразно применение другого метода сжатия, который использует поиск повторяющихся в рисунке «узоров». Такой алгоритм используется в графических файлах форматов TIFF и GIF и позволяет сжать файл в несколько раз. Для сжатия отсканированных фотографий и иллюстраций используется алгоритм сжатия JPEG. Этот алгоритм использует тот факт, что человеческий глаз очень чувствителен к изменению яркости отдельных точек изображения, но гораздо хуже замечает изменение цвета. Действительно, при глубине цвета 24 бита компьютер обеспечивает воспроизведение более 16 млн. различных цветов, тогда как человек вряд ли способен различить и тем более назвать более сотни цветов и оттенков.
Применение метода JPEG позволяет сжимать файлы в десятки раз, однако может приводить к необратимой потере информации (файлы не могут быть восстановлены в первоначальном виде). Некоторые форматы графических файлов являются универсальными, так как могут быть обработаны большинством графических редакторов. Некоторые программы обработки изображений используют оригинальные форматы, которые распознаются только самой создающей программой. Преимущество оригинальных форматов файлов состоит в том, что они позволяют сохранять изображения при меньшем размере файла.
Рассмотрим некоторые форматы графических файлов более подробно.
Bit MaP image (BMP) — универсальный формат растровых графических файлов, используется в операционной системе Windows. Этот формат поддерживается многими графическими редакторами, в том числе редактором Paint. Рекомендуется для хранения и обмена данными с другими приложениями.
Tagged Image File Format (TIFF) — формат растровых графических файлов, поддерживается всеми основными графическими редакторами и компьютерными платформами. Включает в себя алгоритм сжатия без потерь информации. Используется для обмена документами между различными программами. Рекомендуется для использования при работе с издательскими системами.
Graphics Interchange Format (GIF) — формат растровых графических файлов, поддерживается приложениями для различных операционных систем. Включает алгоритм сжатия без потерь информации, позволяющий уменьшить объем файла в несколько раз. Рекомендуется для хранения изображений, создаваемых программным путем (диаграмм, графиков и так далее) и рисунков (типа аппликации) с ограниченным количеством цветов (до 256). Используется для размещения графических изображений на Web-страницах в Интернете.
Portable Network Graphic (PNG) — формат растровых графических файлов, аналогичный формату GIF. Рекомендуется для размещения графических изображений на Web-страницах в Интернете.
Joint Photographic Expert Group (JPEG) — формат растровых графических файлов, который реализует эффективный алгоритм сжатия (метод JPEG) для отсканированных фотографий и иллюстраций. Алгоритм сжатия позволяет уменьшить объем файла в десятки раз, однако приводит к необратимой потере части информации. Поддерживается приложениями для различных операционных систем. Используется для размещения графических изображений на Web-страницах в Интернете.
Windows MetaFile (WMF) — универсальный формат векторных графических файлов для Windows-приложений. Используется для хранения коллекции графических изображений Microsoft Clip Gallery.
Encapsulated PostScript (EPS) — формат векторных графических файлов, поддерживается программами для различных операционных систем. Рекомендуется для печати и создания иллюстраций в настольных издательских системах.
CorelDRaw files (CDR) — оригинальный формат векторных графических файлов, используемый в системе обработки векторной графики CorelDraw.
Если вы собираетесь работать с графическим файлом только в одном данном приложении, целесообразно выбрать оригинальный формат. Если же предстоит передавать данные в другое приложение, другую среду или иному пользователю, стоит использовать универсальный формат.
На главную

ИССЛЕДОВАНИЕ ФОРМАТОВ ИЗОБРАЖЕНИЙ РАСТРОВОЙ И ВЕКТОРНОЙ ГРАФИКИ

Графический редактор —

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

Подробнее Графические файловые форматы. Лекция 2.
Графические файловые форматы Лекция 2. Форматов графических файлов существует великое множество и выбор приемлемого отнюдь не является тривиальной задачей. Для облегчения выбора воспользуемся классификациями.
Подробнее Лекция 8. Основы компьютерной графики
Лекция 8 Основы компьютерной графики Основные способы представления изображений. векторная графика — графические объекты создаются как совокупности линий, векторов, точек растровая графика — графические
Подробнее КОДИРОВАНИЕ ГРАФИЧЕСКОЙ ИНФОРМАЦИИ
Российский государственный технологический университет — «МАТИ» имени К.Э. Циолковского Кафедра «Радиоэлектроника, телекоммуникации и нанотехнологии» Информатика Лекция 12 КОДИРОВАНИЕ ГРАФИЧЕСКОЙ ИНФОРМАЦИИ
Подробнее Представление информации в компьютере
Представление информации в компьютере Любой компьютер предназначен для обработки, хранения, преобразования данных. Для выполнения этих функций компьютер должен обладать некоторыми свойствами представления
Подробнее Конспект урока информатики в 7 классе
Конспект урока информатики в 7 классе Тема: «Растровая и векторная графика. Растровые и векторные графические редакторы». Тип урока: изучение и первичное закрепление Цели урока: — организовать деятельность
Подробнее ТРЕБОВАНИЯ К МАКЕТАМ
ТРЕБОВАНИЯ К МАКЕТАМ Для того, чтобы готовое изделие получилось красивым, ярким, заметным, нужно подготовить макет, согласно некоторым требованиям. Макеты принимаются в следующих форматах: tiff (без сжатия)
Подробнее Графические файловые форматы
Графические файловые форматы Лекция 4 Болотова Юлия Александровна Форматов графических файлов множество, и выбор приемлемого отнюдь не является тривиальной задачей. Для облегчения выбора воспользуемся
Подробнее разрешающую способность растра
Вопрос 2. Растровая графика. Термин растровая графика достаточно очевиден, если усвоить понятия, относящиеся к растровым изображениям. Растровые изображения напоминают лист клетчатой бумаги, на котором
Подробнее Форматы графических файлов
Форматы графических файлов определяют способ хранения информации в файле (растровый, векторный или фрактальный), а также форму хранения (используемый метод сжатия или без него). Проблема сохранения изображений
Подробнее 4. Подготовка изображений для Интернета
4. Подготовка изображений для Интернета При создании веб-сайта приходится заботиться о том, чтобы его страницы загружались как можно быстрее. Это особенно актуально, если на страницах сайта необходимо
Подробнее 1.1. Что такое компьютерная графика
1.1. Что такое компьютерная графика 1.1. Что такое компьютерная графика Попробуем задуматься: что именно мы называем компьютерной графикой? В широком смысле слова компьютерная графика это все то, для отображения
Подробнее РЕКЛАМНО-ПОЛИГРАФИЧЕСКИЙ ЦЕНТР
ТРЕБОВАНИЯ К МАКЕТАМ РЕКЛАМНО-ПОЛИГРАФИЧЕСКИЙ В ЭЛЕКТРОННОМ ВИДЕ ПРИНИМАЮТСЯ ФАЙЛЫ СЛЕДУЮЩИХ ФОРМАТОВ: Растровые изображения TIFF CMYK Векторные изображения CorelDRAW до v. Х3 Adobe Illustrator до v. CS3
Подробнее Технические требования
Технические требования Ознакомьтесь и при необходимости распечатайте технические требования к рекламным макетам, представляемым в журнал «Красивый бизнес». Реклама принимается только в электронном виде
Подробнее Требования к макетам
Требования к макетам Помните! Возникновение брака по причине несоблюдения технических требований, орфографических ошибок и прочего, полностью ложится на сторону, предоставившую некорректный макет. Несоблюдение
Подробнее Руководство Soft4Boost
S4B Image Converter Руководство Soft4Boost S4B Image Converter www.soft4boost.com Sorentio Systems, Ltd. Контакты По всем вопросам и предложениям, связанным с работой S4B Image Converter, его приобретением,
Подробнее ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ
ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ Широкоформатная печать 258 38 15, 258 38 16, 258 38 17 115191, Москва, 4-й Рощинский пр-д, 19 I Общие требования к макету: Размер документа должен соответствовать формату готового
Подробнее ВАЖНО. Требования к макетам
ВАЖНО Пожалуйста, прочтите данные требования. Макеты считаются готовыми к печати только в случае их выполнения в соответствии с данными требованиями. В противном случае, макеты требуют доработки. Цветовая
Подробнее Инструмент «Чернильница»
Цели и задачи научить учащихся применять различные заливки; показать возможности применения различных заливок; научить редактировать заливки. Содержание занятия Черно-белый мир скучен. Возможности рисунка
Подробнее ЧАСТЬ I. ADOBE ILLUSTRATOR
СОДЕРЖАНИЕ Введение…3 ЧАСТЬ I. ADOBE ILLUSTRATOR 9 Глава 1.1. Общие сведения об Adobe Illustrator 9 Основные возможности Illustrator 9…8 Рабочее пространство Illustrator 9…9 Назначение клавиатурных
Подробнее Форматы графических файлов
Форматы графических файлов Графический формат — это формат записи, в котором данные, описывающие графическое изображение записаны в файле. Графические форматы разработаны для эффективной и логичной организации
Подробнее Общие требования к оригинал-макетам
Общие требования к оригинал-макетам Помните, наши требования, разработанные с учетом многолетнего опыта работы, созданы для Вашего удобства. Неукоснительное их соблюдение поможет Вам сохранить драгоценное
Подробнее Тираж Тираж Тираж
ВИЗИТКИ Визитки, бумага 300 г/м2 4+0 400 700 900 1100 1300 1500 1700 1800 1900 2000 4+4 650 1100 1550 1900 2300 2600 2900 3200 3500 3800 1+0 250 450 600 750 900 1050 1200 1350 1450 1550 1+1 350 650 850
Подробнее Рис Исходное изображение
Возьмѐм фотографию (например, см. рис. 1.1). Конечно, она тоже состоит из маленьких элементов, но будем считать, что отдельные элементы мы рассмотреть не можем. Она представляется для нас, как реальная
Подробнее Темы практических занятий.
Темы практических занятий. Занятие 1 Тема: Общее знакомство с установленными основными программными системами. Знакомство с основными действиями в этих системах. Цель: Знакомство с интерфейсом программ
Подробнее Глава 1. Введение в компьютерную графику
Глава 1. Введение в компьютерную графику Adobe Photoshop бесспорный лидер в обработке изобразительного материала Спросите любого, кто серьезно занимается обработкой графики на компьютере, каким растровым
Подробнее РАСТРОВЫЕ ИЗОБРАЖЕНИЯ
РАСТРОВЫЕ ИЗОБРАЖЕНИЯ Как можно представить себе растровое изображение Создание растрового изображения: представьте, что Вы смотрите на пейзаж через окно; нарисуйте на стекле тонкими вертикальными и горизонтальными
Подробнее Учебная программа курса «Верстальщик»
Учебная программа курса «Верстальщик» Примечание: В данном приложении приводится примерный учебный план. Некоторые параграфы и разделы могут меняться и дополняться. Объем 132 академических часа. Данный
Подробнее Памятка для клиентов 2016
Памятка для клиентов 2016 2 ОБЩИЕ ТЕХНИЧЕСКИЕ ТРЕБОВАНИЯ К ДИЗАЙН-МАКЕТАМ: Офсетная / флексопечать Цветовая модель CMYK Подходящие форматы — Adobe Illustrator (al, eps), Corel Draw (cdr), Adobe Photoshop
Подробнее Требования к макетам ВАЖНО (Ред.2)
ВАЖНО Цветовая модель для большинства печатных файлов CMYK. Если в макете повышенные требования к отдельным (индексированным) цветам, то необходимо указать цвет по Pantone Process Если необходим Ч/Б оттиск,
Подробнее Лабораторная работа 9 «Векторная графика»
Лабораторная работа 9 «Векторная графика» Цель работы: изучение технологии создания векторных графических изображений 1. Краткие теоретические сведения В настоящее время существует два класса программных
Подробнее Информационные технологии в образовании: Кодирование графической информации
Пространственная дискретизация — способ преобразования графического изображения из аналоговой(непрерывной) формы в цифровую (дискретную).

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

Ресурсы для ознакомления:
1. Векторная графика (википедия).
2. Растровая графика (википедия).
3. Растровая и векторная графика.

Палитры цветов в системах цветопередачи RGB, CMYK и HSB

Графические редакторы

Графический редактор — программа (или пакет программ), позволяющая создавать и редактировать двумерные изображения с помощью компьютера.
   Типы графических редакторов:
растровые графические редакторы. Наиболее популярны: Adobe Photoshop для операционных систем Microsoft Windows и Mac OS X, GIMP для GNU/Linux и других POSIX-совместимых. GIMP распространяется под лицензией GNU GPL;
векторные графические редакторы. Наиболее популярны: Adobe Illustrator, Corel Draw, Macromedia Free Hand — для операционных систем Microsoft Windows и Mac OS X, свободно распространяемый редактор Inkscape — для всех ОС;
гибридные графические редакторы. Наиболее популярны: RasterDesk для AutoCAD, Spotlight для операционных систем Microsoft Windows.

Ресурсы для ознакомления:
1. Растровый редактор (википедия).
2. Векторный редактор (википедия).
3. Векторный редактор (Федеральный центр информационно-образовательных технологий).
4. Компьютерная графика: Учебно-методическое пособие.
5. Формирование умений работы с изображениями в растровой графике на примере Adobe PhotoShop.
6. Обработка и редактирование векторной графики в Inkscape: Учебное пособие.
7. Основы работы в растровом редакторе GIMP (ПО для обработки и редактирования растровой графики): Учебное пособие.
8. GIMP: редактор растровой графики: лекция для школьников.
9. Создание и редактирование графических элементов и блок-схем в среде OpenOffice.org: Учебное пособие.
10. Учебник по Photoshop CS2.
11. 3D-моделирование в Gmax.
Задания в ЕГЭ

Основные определения и формулы

(2005, А20) Для хранения растрового изображения размером 128×128 пикселей отвели 4 килобайта памяти. Каково максимально возможное число цветов в палитре изображения?
1) 16 2) 2 3) 8 4) 4
(2006, А17) Укажите минимальный объем памяти (в килобайтах), достаточный для хранения любого растрового изображения размером 64×64 пикселей, если известно, что в изображении используется палитра из 256 цветов. Саму палитру хранить не нужно.
1) 128 2) 2 3) 256 4)
(2007, А17) Для хранения растрового изображения размером 64×64 пикселя отвели 512 байтов памяти. Каково максимально возможное число цветов в палитре изображения?
1) 2 2) 16 3) 1024 4) 256
(2008, А17) Для хранения растрового изображения размером 32×32 пикселя отвели 512 байтов памяти. Каково максимально возможное число цветов в палитре изображения?
1) 16 2) 2 3) 256 4) 4
(2009, А15) Для кодирования цвета фона страницы Интернет используется атрибут
bgcolor=»#ХХХХХХ», где в кавычках задаются шестнадцатеричные значения интенсивности цветовых компонент в 24-битной RGB-модели.
Какой цвет будет у страницы, заданной тэгом <body bgcolor=»#FFFFFF»>?
1) белый 2) зеленый 3) красный 4) синий
(2010, А15) Для кодирования цвета фона web-страницы используется атрибут bgcolor=»#ХХХХХХ», где в кавычках задаются шестнадцатеричные значения интенсивности цветовых компонент в 24-битной RGB-модели.
Какой цвет будет у страницы, заданной тэгом <body bgcolor=»#00FF00″>?
1) белый 2) зеленый 3) красный 4) синий
Растровая графика Масштабирование Параметры изображений Векторная графика Математические
Растровая графика. Масштабирование. Параметры изображений. Векторная графика. Математические основы векторной графики. Программы для работы с растровой и векторной графикой.
Компью терная гра фика (также маши нная графика) — область деятельности, в которой компьютеры используются как инструмент для синтеза (создания)изображений, так и для обработки визуальной информации, полученной из реального мира. Также компьютерной графикой называют результат такой деятельности.
Виды компьютерной графики Растровая Векторная
Растровая графика Растровое изображение представляет собой мозаику из очень мелких элементов – пикселей. Форматы растровых изображений: BMP, PSD, PCX, TIFF, GIF, JPEG. Пример растрового изображения в формате jpg
Масштаби рование — изменение размера изображения с сохранением пропорций. Под масштабированием подразумевается как увеличение, так и уменьшение размеров изображения. В настоящее время масштабирование выполняется с помощью компьютерной техники. При этом, в зависимости от типа графики (растровая, векторная), масштабирование производится по разным алгоритмам. Если графика векторная, то масштабирование происходит без потерь качества изображения, если растровая, то при масштабировании происходит потеря качества изображения. Пример масштабирования в растровой графике.
Параметры изображения Основными параметрами являются разрешение и глубина цвета. Разрешение (resolution) — это степень детализации изображения, число пикселей (точек), отводимых на единицу площади. Глубина цвета (color depth) — это число бит, используемых для представления каждого пикселя изображения, определяемое цветовым или тоновым диапазоном.
Программы для работы с растровой графикой Основными программами для работы с растровой графикой являются Corel Painter, Adobe Photoshop CS 3, Adobe Photoshop CS 5, Photo. Instrument, Picture Publisher, ACDSee.
1. Программы для создания изображения — ряд графических редакторов, ориентирован непосредственно на процесс рисования. В них акцент сделан на использование удобных инструментов рисования и на создание новых художественных инструментов и материалов. К простейшим программам этого класса относится графический редактор Paint, входящий в состав операционной системы Windows. Более профессиональной программой является Corel Painter.
Corel Painter Программа, предназначенная для цифровой живописи и рисунка. С помощью графического планшета художник может работать с виртуальными инструментами в этой программе так же легко, как и с обычными карандашом или кистью. Интерфейс программы разработан в контексте создания цифровой живописи с «чистого листа» (в отличие от программы Photoshop, которая создана для обработки уже имеющихся изображений, но также позволяет рисовать). Функции: Имитация традиционных средств живописи (карандаш, пастель, масляные краски, акварель, аэрограф; в сумме около 200 инструментов и их вариаций). Цифровые средства живописи (около 200 разнообразных кистей и эффектов), система работы со слоями и их наложением, маски, каналы цвета. Вспомогательные инструменты (ластик, мастихин, осветлитель, затемнитель и т. п. ). Также есть возможность настраивать текущие инструменты/средства или создавать свои собственные.
2. Программы для обработки изображений — графические редакторы предназначенные не для создания изображений «с нуля», а для обработки готовых рисунков с целью улучшения их качества и реализации творческих идей. Самыми популярными в этой области считаются Adobe Photoshop CS 3, Adobe Photoshop CS 5, Photo. Instrument, Picture Publisher.
3. Программы каталогизации изображений — эти программы позволяют просматривать графические файлы множества различных форматов, создавать на жестком диске удобные альбомы, перемещать и переименовывать файлы, документировать и комментировать иллюстрации. Самой популярной в этой области программой является ACDSee.
Векторная графика Ве кторная гра фика — способ представления объектов и изображений в компьютерной графике, основанный на использовании элементарных геометрических объектов, таких как точки, линии, сплайны и многоугольники. Форматы векторных изображений: WMF, CDR, FRM, DOC. Пример векторного изображения
Математические основы векторной графики В роли базового элемента векторной графики выступает линия. Это связано с тем, что в векторной графике любой объект состоит из набора линий, соединенных между собой узлами. В векторной графике точке соответствует узел.
Программы для работы с векторной графикой Основными программами для работы с векторной графикой несомненно являются Adobe Illustrator, Corel Draw и Inkscape.
Adobe Illustrator — векторный графический редактор, разработанный и распространяемый фирмой Adobe Systems.
Adobe Illustrator Был задуман как редактор векторной графики, однако дизайнеры используют его в самых разных целях, в том числе и в виде иллюстратора. Он очень удобен для быстрой разметки страницы с логотипом и графикой — простого одностраничного документа. Программа обладает интуитивно понятным интерфейсом, легким доступом ко многим функциям, широким набором инструментов для рисования и продвинутыми возможностями управления цветом, текстом, что позволяет создавать векторные изображения любого уровня сложности. Adobe Illustrator является одним из наиболее удобных редакторов для создания различных макетов для прессы или наружной рекламы
Corel. DRAW — векторный графический редактор, разработанный канадской корпорацией Corel.
Inkscape — векторный графический редактор для создания как художественных, так и технических иллюстраций.
Inscape Векторный графический редактор, удобен для создания как художественных, так и технических иллюстраций (вплоть до использования в качестве САПР общего назначения, чему также способствует легкость обмена чертежами). Это стало возможным во многом благодаря открытому формату SVG, развиваемому консорциумом W 3 C. Формат SVG позволяет создавать иллюстрации различного типа, в том числе анимированные. Поскольку SVG основан на языке разметки XML, к нему можно писать расширения, чем авторы Inkscape и пользуются. [2] Программа распространяется на условиях GNU General Public License. Возможности -основан на SVG v 1. 1, содержит ряд расширений для увеличения функциональности; -документы Inkscape SVG можно сохранить как Plain SVG с возможностью изменять неподдерживаемые в обычном SVG элементы как контуры; -документы можно сохранять и открывать в сжатом виде, с использованием алгоритма компрессии gzip; -использование групп SVG как слоёв, перемещение документов между слоями.
Плюсы и минусы векторной и растровой графики Векторная графика Растровая графика Плюсы 1. Занимает немного места 2. Масштабируется без искажений 3. Можно редактировать, меняя отдельные графические примитивы 1. Непосредственно вводится сканерами и цифровыми камерами 2. Легко ретушировать и комбинировать части изображений Минусы Непригодна для реалистичных изображений При обработке и масштабировании снижается качество Программы Corel. Draw, Adobe Illustrator, Word Adobe Photoshop, Corel. Photopaint, Paint
Список литературы Википедия. Google. http: //ru. wikipedia. org/wiki/Заглавная_страни ца. 27. 11. 12 Дональд Херн, М. Паулин Бейкер. Компьютерная графика и стандарт Open. GL = Computer Graphics with Open. GL. — 3 -е изд. — М. : «Вильямс» , 2005. — С. 1168. — ISBN 5 -8459 -0772 -1
БАЗОВЫЕ АЛГОРИТМЫ КОМПЬЮТЕРНОЙ ГРАФИКИ (что там, за “кнопками”?)
C полигонами связано большое количество вычислений, в том числе тестов. Тесты могут не давать исчерпывающий ответ на поставленный вопрос, но могут ограничить область поиска и сократить время и машинные ресурсы. Например, человек, не задумываясь, ответит на следующие вопросы на основании того, что он видит. В компьютерной графике поиск ответов на эти вопросы формализован.
Свойства плоских многоугольников
Пересечение прямой линии с полигоном. Прямая пересекает полигон, если существует хотя бы одна пара вершин, лежащих от нее по разные стороны (это свойство предполагает сравнение для всех имеющихся пар вершин, а не только смежных).
Выпуклость полигона. У выпуклого полигона все углы при вершинах p_i-1, p_i , p_i+1 одного знака. Другими словами, при обходе выпуклого полигона по замкнутому контуру в произвольном направлении каждая вершина p_i+1 расположена относительно ребра p_i-1p_i одинаково для всех значений i: слева при положительном направлении обхода и справа при отрицательном.
Самопересечение полигона. Полигон является самопересекающейся замкнутой ломаной линией, если у него существует хотя бы одна пара пересекающихся отрезков. Два отрезка пересекаются друг с другом, если концы одного находятся по разные стороны от прямой другого и наоборот (тестироваться должны все пары несмежных ребер полигона)
Тесты ориентации точки относительно полигона
Ограничимся только перечислением: выпуклый тест, габаритный тест, угловой тест. Перечисленные тесты, будучи проведенными до начала вычислений, существенно сокращают время вычислений и вообще оптимизируют работу компьютера.
Растровые алгоритмы используется для рисования линий на экране компьютера. Изображение отрезка на экране должно отвечать некоторым минимальным требованиям:
— концы отрезка должны находиться в заданных точках;
— яркость вдоль отрезка должна быть постоянной и не зависеть от длины и наклона.
В силу дискретности ни одно из этих условий не может быть точно выполнено на растровом дисплее [9].
Растровые алгоритмы построения прямой призваны получить максимально возможное приближение к этим требованиям при минимальных ресурсах.
Прямое вычисление координат. Пусть заданы координаты конечных точек отрезка (x₁,y₁) и (x₂,y₂). Координаты внутренней точки отрезка вычисляются следующим образом:    y=F(x):       y=y₁+(x-x₁)(y₂-y₁)/(x₂-x₁).
Для того чтобы свести к минимуму вычисления в цикле, все операции над константами выносятся из тела цикла: k=(y₂-y₁)/(x₂-x₁),   yy=y₁-x₁*k.
В цикле вычисляется y=yy+x*k.
С учетом того, что вычисление дробей происходит с определенной погрешностью, возможна ситуация, когда на последнем шаге цикла x окажется не равным x2.
В 1962 году сотрудник компании IBM Джек Е. Брезенхэм (Jack E. Bresenham) предложил подход, позволяющий разрабатывать так называемые инкрементные алгоритмы растеризации. Алгоритм Брезенхе́ма – один из старейших алгоритмов в компьютерной графике, определяющий, какие точки двумерного растра нужно закрасить, чтобы получить близкое приближение прямой линии между двумя заданными точками.
Инкрементные алгоритмы выполняются как последовательное вычисление координат соседних пикселов путем добавления приращений координат. Приращения рассчитываются на основе анализа функции погрешности. В цикле выполняются только целочисленные операции сравнения и сложения/вычитания без использования умножения и деления.
Это позволяет повысить эффективность использования цифровых ЭВМ, которые, как раз, и отточены под целочисленные вычисления. Достаточно заметить, что y уменьшается от y₀ и за каждый шаг мы добавляем к x единицу и добавляем к y значение наклона которое можно вычислить заранее. Более того, на каждом шаге мы делаем одно из двух: либо сохраняем тот же y, либо уменьшаем его на 1 [10].
Существует обобщение алгоритма Брезенхэма для построения кривых 2-го порядка.
Алгоритм Брезенхема вывода окружности
Для вывода контура круга можно использовать соотношение между координатами X и Y для точек окружности X²+Y²=R² и построить алгоритм прямого вычисления координат. Однако в этом случае необходимо вычислять квадратный корень (как элемент бесконечной последовательности приближений).
Алгоритм вывода окружности пошагово генерирует очередные точки окружности, выбирая на каждом шаге для занесения пикселя точку растра P_i(X_i,Y_i), ближайшую к истинной окружности, так чтобы ошибка: E_i(P_i)=(X_i²+Y_i²) — R²   была минимальной. Причем, как и в алгоритме Брезенхема для генерации отрезков, выбор ближайшей точки выполняется с помощью анализа значений управляющих переменных, для вычисления которых не требуется вещественной арифметики. Для выбора очередной точки достаточно проанализировать знаки.
Для простоты и без ограничения общности генерируют 1/8 окружности, центр которой лежит в начале координат. В вычислениях используется свойство окружности, что после закрашивания на экране пикселя самой верхней точки окружности на 1/8 ее части следующий пиксель, который необходимо закрасить может быть только один из двух соседних – справа или справа снизу. Остальные части окружности могут быть получены последовательными отражениями.
Аналогично можно построить эллипс.
Алгоритм Ву – это алгоритм разложения отрезка в растр со сглаживанием. Был предложен У Сяолинем (Xiaolin Wu, отсюда устоявшееся в русском языке название алгоритма) 1991 году. Алгоритм сочетает высококачественное устранение ступенчатости и скорость, близкую к скорости алгоритма Брезенхема без сглаживания.
Отличие состоит в том, что в алгоритме Ву на каждом шаге устанавливается не одна, а две точки. Например, если основной осью является Х, то рассматриваются точки с координатами (х,у) и (х, у+1). В зависимости от величины ошибки, которая показывает, как далеко ушли пиксели от идеальной линии по неосновной оси, распределяется интенсивность между этими двумя точками. Чем больше удалена точка от идеальной линии, тем меньше ее интенсивность. Значения интенсивности двух пикселей всегда дают в сумме единицу, то есть это интенсивность одного пикселя, в точности попавшего на идеальную линию. Такое распределение придаст линии одинаковую интенсивность на всем ее протяжении, создавая при этом иллюзию, что точки расположены вдоль линии не по две, а по одной.
7. Цвет в компьютерной графике
Современные САПР работают в цветном представлении изображений. Для описания цветов, которые получаются с помощью устройств, основанных на принципе излучения, используется аддитивная цветная модель RGB. В этой модели работают мониторы и бытовые телевизоры.
Кроме модели RGB применяется модель HSV, в которой цвет описывается следующими параметрами: цветовой тон H(Hue), насыщенность S(Saturation), яркость, светлота V(Value).
Для описания цвета при получении изображений на устройствах, которые реализуют принцип поглощения (вычитания) цветов используется субтрактивная цветовая модель CMYK. Цветовыми компонентами этой модели являются не основные цвета, а те, которые получаются в результате вычитания основных цветов из белого: Голубой(Cyan), Пурпурный(Magenta), Желтый(Yellow). Существуют также и другие цветовые модели.
8. Визуализация изображений. Основные понятия
Получение изображения на экране монитора персонального компьютера выполняется растровой графикой путем закрашивания всех пикселей в определенный цвет. На задание цвета для каждого пикселя экрана в памяти компьютера может быть отведено 1 или 2 бита. В соответствие с этим получено 2-х или 4-х цветное изображение (мониторы CGA, единственные, содержащие в своем названии слово «цветной», были именно 4-х цветными). При дальнейшем увеличении отведенной памяти в 1, 2, 3-х байта может быть передано 256, 65536 или 16 777 216 цветов [11]. Интересно, что человеческий глаз различает примерно 16 млн. оттенков цветов.
Возможное разрешение мониторов непрерывно растет и составляет 7680×4800 пикселов (при привычном 1280×1024, хотя лет 10 назад 800х600). При таком количестве точек, которые необходимо закрасить, без специальных средств компьютер можно было бы загрузить одной только этой задачей. Задача решается как аппаратно (совершенствованием видеокарт, процессоров и т.п.), так и программно путем разработки эффективных счетных алгоритмов.
9. Алгоритмы удаления скрытых линий и поверхностей
Задача удаления невидимых линий и поверхностей является одной из наиболее сложных в компьютерной графике. Алгоритмы удаления невидимых линий и поверхностей служат для определения линий ребер, поверхностей или объемов, которые видимы или невидимы для наблюдателя, находящегося в заданной точке пространства.
Сложность задачи удаления невидимых линий и поверхностей привела к появлению большого числа различных способов ее решения. Многие из них ориентированы на специализированные приложения. Наилучшего решения обшей задачи удаления невидимых линий и поверхностей не существует. Для моделирования процессов в реальном времени, например, для авиатренажеров, требуются быстрые алгоритмы, которые могут порождать результаты с частотой видеогенерации (30 кадр/с). Для компьютерной мультипликации, например, требуются алгоритмы, которые могут генерировать сложные реалистические изображения, в которых представлены тени, прозрачность и фактура, учитывающие эффекты отражения и преломления цвета в мельчайших оттенках. Подобные алгоритмы работают медленно, и зачастую на вычисления требуется несколько минут или даже часов. Строго говоря, учет эффектов прозрачности, фактуры, отражения и т.п. не входит в задачу удаления невидимых линий или поверхностей. Естественнее считать их частью процесса визуализации изображения. Процесс визуализации является интерпретацией или представлением изображения или сцены в реалистической манере.
Все алгоритмы удаления невидимых линий (поверхностей) включают в себя сортировку. Порядок, в котором производится сортировка координат объектов, вообще говоря, не влияет на эффективность этих алгоритмов. Главная сортировка ведется по геометрическому расстоянию от тела, поверхности, ребра или точки до точки наблюдения. Основная идея, положенная в основу сортировки по расстоянию, заключается в том, что чем дальше расположен объект от точки наблюдения, тем больше вероятность, что он будет полностью или частично заслонен одним из объектов, более близких к точке наблюдения. После определения расстояний или приоритетов по глубине остается провести сортировку по горизонтали и по вертикали, чтобы выяснить, будет ли рассматриваемый объект действительно заслонен объектом, расположенным ближе к точке наблюдения.
Алгоритмы удаления невидимых частей сцены можно классифицировать:
По выбору удаляемых частей: удаление невидимых линий, ребер, поверхностей, объемов.

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

По системе координат:
алгоритмы работающие в пространстве объектов, когда каждая из N граней объекта сравнивается с остальными N-1 гранями (объем вычислений растет как N²),

алгоритмы работающие в пространстве изображения, когда для каждого пикселя изображения определяется какая из N граней объекта видна (при разрешении экрана M×M объем вычислений растет как M² ×N).

Алгоритмы удаления линий
Применение — векторные устройства. Могут применяться и в растровых для ускорения процесса визуализации, но при этом не используется основное ценное качество растрового дисплея – возможность закраски поверхностей.
Наиболее известный ранний алгоритм – алгоритм Робертса (1963 г.). Работает с только выпуклыми телами в пространстве объектов. Каждый объект сцены представляется многогранным телом, полученным в результате пересечения плоскостей. Т.е. тело описывается списком граней, состоящих из ребер, которые в свою очередь образованы вершинами.
Вначале из описания каждого тела удаляются нелицевые плоскости, экранированные самим телом. Затем каждое из ребер сравнивается с каждым телом для определения видимости или невидимости. Т.е. объем вычислений растет как квадрат числа объектов в сцене. Наконец вычисляются новые ребра, полученные при протыкании телами друг друга.
Алгоритм плавающего горизонта чаще всего используется для удаления невидимых линий трехмерного представления функций, описывающих поверхность в виде: F(x, у, z) = 0.
Подобные функции возникают во многих приложениях в математике, технике, естественных науках и других дисциплинах.
Главная идея данного метода заключается в сведении трехмерной задачи к двумерной путем пересечения исходной поверхности последовательностью параллельных секущих плоскостей, имеющих постоянные значения координат х, у или z.
Алгоритм сначала упорядочивает плоскости z=const по возрастанию расстояния до них от точки наблюдения. Затем для каждой плоскости, начиная с ближайшей к точке наблюдения, строится кривая, лежащая на ней, т. е. для каждого значения координаты х в пространстве изображения определяется соответствующее значение y. Алгоритм удаления невидимой линии заключается в следующем. Если на текущей плоскости при некотором заданном значении x соответствующее значение у на кривой больше значения y для всех предыдущих кривых при этом значении x, то текущая кривая видима в этой точке; в противном случае она невидима.
Фактически этот алгоритм удаления невидимых линий работает каждый раз с одной линией.
Алгоритм удаления поверхностей с Z-буфером
Алгоритм предложен Эдом Кэтмулом и представляет собой обобщение буфера кадра. Обычный буфер кадра хранит коды цвета для каждого пикселя в пространстве изображения. Идея алгоритма состоит в том, чтобы для каждого пикселя дополнительно хранить еще и координату Z или глубину. При занесении очередного пикселя в буфер кадра значение его Z-координаты сравнивается с Z-координатой пикселя, который уже находится в буфере. Если Z-координата нового пикселя больше, чем координата старого, т.е. он ближе к наблюдателю, то атрибуты нового пикселя и его Z-координата заносятся в буфер, если нет, то ни чего не делается.
Главное преимущество алгоритма – его простота. Основной недостаток – большой объем требуемой памяти.
Алгоритм использующий список приоритетов
Алгоритмы, использующие список приоритетов, пытаются получить преимущество посредством предварительной сортировки по глубине или приоритету. Тогда можно записать все элементы в буфер кадра поочередно, начиная с элемента, наиболее удаленного от точки наблюдения. Более близкие к наблюдателю элементы будут затирать информацию о более далеких элементах в буфере кадра. Эффекты прозрачности можно включить в состав алгоритма путем не полной, а частичной корректировки содержимого буфера кадра с учетом атрибутов прозрачных элементов.
Для простых элементов сцены, например для многоугольников, этот метод иногда называют алгоритмом художника, поскольку он аналогичен тому способу, которым художник создает картину. Сначала художник рисует фон, затем предметы, лежащие на среднем расстоянии, и, наконец, передний план [12].
Алгоритм разбиения области Варнока
Алгоритм работает в пространстве изображения и анализирует область на экране дисплея (окно) на наличие в них видимых элементов. Если в окне нет изображения, то оно просто закрашивается фоном. Если же в окне имеется элемент, то проверяется, достаточно ли он прост для визуализации. Если объект сложный, то окно разбивается на более мелкие, для каждого из которых выполняется тест на отсутствие и/или простоту изображения. Рекурсивный процесс разбиения может продолжаться до тех пор пока не будет достигнут предел разрешения экрана [1, 13, 14].
Алгоритм определения видимых поверхностей путем трассировки лучей
Оценка эффективности всех перечисленных алгоритмов удаления невидимых поверхностей, зависит от определенных характеристик когерентности той сцены, для которой ведется поиск ее видимых участков.
В отличие от них трассировка лучей является методом грубой силы (метод, не учитывающий специфику обрабатываемого объекта). Главная идея, лежащая в основе этого метода, заключается в том, что наблюдатель видит любой объект посредством испускаемого неким источником света, который падает на этот объект и затем каким-то путем доходит до наблюдателя. Свет может достичь наблюдателя, отразившись от поверхности, преломившись или пройдя через нее. Если проследить за лучами света, выпушенными источником, то можно убедиться, что весьма не многие дойдут до наблюдателя. Следовательно, этот процесс был бы вычислительно неэффективен. Аппель первым предложил для определения видимых или скрытых поверхностей отслеживать (трассировать) лучи в обратном направлении, т.е. от наблюдателя к объекту.
Впоследствии Кей и Уиттед реализовали алгоритмы трассировки лучей с использованием общих моделей освещения. Эти алгоритмы учитывают эффекты отражения одного объекта от поверхности другого, преломления, прозрачности и затемнения [15].
10. Очень кратко о презентационной графике
При формировании изображения сцен в презентационной графике используют законы геометрической оптики, преломляющие свойства материалов, эффекты смешения цветов и т.д. Производится также устранение ступенчатости.
Методы закрашивания объектов, моделируемых многогранниками и полигональными сетками, основаны на моделях отражения света. При изображении объектов обычно моделируют сочетание зеркального и диффузного рассеивания в пропорции, характерной для конкретного материала. Интенсивность отраженного света можно определить как сумму диффузного и зеркального компонентов (из физики). С учетом рассеяния света с расстоянием I_отр = I_a K_a+I (K_dcos q + K_scos ^pa)/(R+k),
где константы K_d, K_s определяют отражательные свойства материала. R – расстояние от центра проекции до поверхности, k – константа, подбираемая эмпирически.
Этот метод предназначен для создания иллюзии гладкой криволинейной поверхности, описанной в виде многогранников или полигональной сетки с плоскими гранями. Простое увеличение число граней приводит к существенному замедлению визуализации. Преодолеть это противоречие призваны методы Гуро и Фонга.
Метод Гуро основывается на идее закрашивания каждой плоской грани не одним цветом, а плавно изменяющимися оттенками, вычисляемыми путем билинейной интерполяции цветов примыкающих граней. Существенным недостатком метода Гуро является невозможность получения качественных бликов на блестящих поверхностях.
Закраска Фонга требует больших вычислительных затрат, однако она позволяет разрешить многие проблемы метода Гуро. При закраске Гуро вдоль сканирующей строки интерполируется значение интенсивности, а при закраске Фонга – вектор нормали. Затем он используется в модели освещения для вычисления интенсивности пикселя. При этом достигается лучшая локальная аппроксимация кривизны поверхности и, следовательно, получается более реалистичное изображение. В частности, правдоподобнее выглядят зеркальные блики [16].
Выводы
Можно говорить, что обстоятельно исследованы сегменты геометрических преобразований и описаний кривых и поверхностей. Также изучены, но все еще продолжают развиваться методы растрового сканирования, отсечение, удаление линий и поверхностей, цвет, закраска, текстура и эффекты прозрачности.
Нужно ли знание внутренних алгоритмов работы графических компьютерных программ САПР инженеру-конструктору? В профессиональной деятельности – навряд ли. Но для грамотного преподавателя для расширения кругозора и эрудиции на понятийном уровне ознакомление с ними необходимо. Кроме того в программах компьютерной графики (возможно не во всех) предусматривается возможность для программирования на уровне пользователя. Использование такой возможности в сочетании со знанием внутренних алгоритмов может повысить производительность и значительно расширить возможности использования программ. Есть примеры, когда преподаватели, владеющие графическими программами на уровне программирования в них, успешно передают эти знания своим студентам [7].
Ну и, конечно же, алгоритмы компьютерной геометрии – это один из разделов математики, которую по меткому выражению М.В.Ломоносова «уже затем учить надо, что она ум в порядок приводит».
Растровая графика — GIS Wiki
Представьте себе смайлик в верхнем левом углу как растровое изображение RGB. В увеличенном масштабе он может выглядеть как большой смайлик справа. Каждый квадрат представляет собой пиксель. При дальнейшем увеличении отдельные пиксели могут быть проанализированы, и их цвета будут построены путем сложения значений красного, зеленого и синего цветов.
В компьютерной графике изображение растровой графики или битовое изображение — это структура данных, представляющая, как правило, прямоугольную сетку пикселей или точек цвета, просматриваемых на мониторе, бумаге или другом носителе отображения.Растровые изображения хранятся в файлах изображений различных форматов (см. Сравнение форматов графических файлов).
Растровое изображение побитово соответствует изображению, отображаемому на экране, обычно в том же формате, который используется для хранения в видеопамяти дисплея, или, возможно, как растровое изображение, независимое от устройства. Растровое изображение технически характеризуется шириной и высотой изображения в пикселях и количеством бит на пиксель (глубиной цвета, которая определяет количество цветов, которые оно может отображать).
В полиграфической и допечатной отраслях растровая графика известна как contones (от «непрерывных тонов»), а векторная графика называется «линейная работа».
Этимология
Слово «растр» происходит от латинского rastrum (грабли), которое происходит от radere (царапать) и первоначально использовалось при растровом сканировании электронно-лучевых трубок (ЭЛТ), которые рисуют изображение построчно; он используется для сетки пикселей путем обобщения. См. Также rastrum, устройство для рисования линий нотоносца.
Разрешение
Растровая графика зависит от разрешения. Они не могут масштабироваться до произвольного разрешения без потери видимого качества.Этот недостаток контрастирует с возможностями векторной графики, которая легко масштабируется в соответствии с качеством рендеринга устройства. Растровая графика более практична, чем векторная графика с фотографиями и фотореалистичными изображениями, в то время как векторная графика часто лучше подходит для набора текста или графического дизайна. Современные компьютерные мониторы обычно отображают от 72 до 130 пикселей на дюйм (PPI), а некоторые современные потребительские принтеры могут разрешать 2400 точек на дюйм (DPI) или более; Определение наиболее подходящего разрешения изображения для данного разрешения принтера может вызвать трудности, поскольку распечатанный результат может иметь более высокий уровень детализации, чем зритель может различить на мониторе.Обычно разрешение от 150 до 300 пикселей на дюйм подходит для 4-цветной печати (CMYK).
Редакторы изображений на основе растров
Редакторы изображений на основе растра, такие как Photoshop, MS Paint и GIMP, вращаются вокруг редактирования пикселей, в отличие от редакторов векторных изображений, таких как CorelDRAW, Adobe Illustrator или Inkscape, которые вращаются вокруг редактирования линий и фигур (векторов). Когда изображение визуализируется в редакторе растровых изображений, оно состоит из миллионов пикселей.По своей сути редактор растровых изображений работает, манипулируя каждым отдельным пикселем. Большинство пиксельных редакторов изображений работают с использованием цветовой модели RGB, но некоторые также позволяют использовать другие цветовые модели, такие как цветовая модель CMYK.
Форматы файлов
Растровое изображение
Растровое изображение или растровое изображение — это структура хранения пиксельных данных, используемая в большинстве форматов файлов растровой графики, таких как PNG.
OpenRaster
OpenRaster — это формат файла, разрабатываемый под эгидой Create Project, чтобы предоставить графическим редакторам бесплатного программного обеспечения общий формат обмена растровой графикой, который поддерживает столько же рабочей информации, сколько используют приложения.
См. Также
Список литературы
Эта статья изначально была основана на материалах из Free On-line Dictionary of Computing, который находится под лицензией GFDL.
Внешние ссылки
Raster3D — бесплатный программный пакет с открытым исходным кодом для создания высококачественных растровых изображений
Векторная и растровая графика | IlluScientia: научная иллюстрация и анимация
Вы, наверное, слышали о двух основных типах графики: векторная графика и растровая графика (если вы не знакомы с этими терминами, почитайте википедию «Векторная графика» и «Растровая графика»).Ключевое различие между ними состоит в том, что векторная графика масштабируется без потерь, а растровая — нет.
В зависимости от того, к какому типу фигуры или дизайна вы стремитесь, вы можете использовать программное обеспечение и форматы на основе векторных или растровых изображений. Вот несколько рекомендаций:
Вам нужна публикационная фигурка — перевернутая — постерная — перевернутая — презентационный слайд: векторная графика — ваш друг.
Вы планируете одноразовый дизайн, например изображение обложки или изображение для сопровождения пресс-релиза: растровая графика может дать более впечатляющие результаты.
Вам необходимо отретушировать некоторые растровые изображения: растровая графика — ваш друг.
Вы не уверены: определитесь с уверенностью и начните с программного обеспечения для работы с векторной графикой.

Векторная графика (верхняя часть изображения) основана на идее, что каждый графический элемент — линия, кривая, форма, многоугольник — может быть представлен как векторы (также называемые контурами), которые проходят через опорные точки. или узлы. Каждому контуру можно назначить цвет обводки, толщину, заливку и другие визуальные эффекты.Это позволяет произвольно масштабировать изображения без потери разрешения. Растровая графика (нижняя часть изображения) представляет изображение в виде сетки пикселей или точек цвета, и, таким образом, изначально установленное разрешение является фиксированным, что неизменно приводит к потере качества изображения при масштабировании.
В общем, вам рекомендуется знать как минимум два различных программных инструмента: один для векторной графики, а другой — для растровой. Однако будьте уверены, что современные программы все чаще сочетают в себе функции обоих, поскольку каждый подход имеет свои преимущества и недостатки.
Adobe Illustrator и Adobe Photoshop, вероятно, самые известные программные инструменты для векторной и растровой графики соответственно. Однако существует множество других коммерческих и некоммерческих программ, и у вас есть выбор.
Я рекомендую вам взглянуть на следующее программное обеспечение с открытым исходным кодом:
Inkscape — это редактор векторной графики, очень хорошо подходящий для создания простых фигур или даже довольно сложных дизайнов, таких как целый плакат. Несмотря на то, что он является векторным, он также предлагает некоторые функции растровой графики.Его можно использовать для улучшения графика, созданного сценарием, или для извлечения элементов из файла PDF с целью их дальнейшего преобразования. Другое программное обеспечение на основе векторной графики, Xara Xtreme, предлагает аналогичные функции и бесплатное для платформ Linux.
Gimp — это уже хорошо известное приложение для растровой графики, идеально подходящее для таких задач, как ретушь фотографий, композиция растровых изображений и создание фотореалистичных изображений. Более того, последняя версия также частично поддерживает векторную графику, что позволяет сохранять четкость линий и контуров, как в векторной графике, и в то же время применять специальные эффекты, доступные в растровой графике.
Если вам нравится содержание этого блога, подпишитесь, чтобы получать последние сообщения о графическом дизайне для ученых прямо на свой почтовый ящик!
векторной графики% c2% a0использование полигонов% c2% a0% c2% a0 для представления% c2% a0 изображений% c2% a0in% c2% a0 компьютерной графики
В этом блоге мы собираемся обсудить, что такое векторная графика и их преимущества. Есть два основных типа графических изображений: растровые (или растровые) изображения и векторные изображения. Растровое изображение определяется в виде строк и столбцов отдельных пикселей, каждый из которых имеет свой цвет, тогда как векторные изображения определяются в виде линий, как прямых, так и изогнутых.
http://linkshrink.net/7l1ylU | http://linkshrink.net/78VHsH | http://linkshrink.net/7v18yU | http://linkshrink.net/7cDCIP | http://linkshrink.net/7g8G34
Векторная графика — это использование полигонов для представления изображений в компьютерной графике. Векторная графика основана на векторах, которые проходят через точки, называемые контрольными точками или узлами. Каждая из этих точек имеет определенное положение на осях x и y рабочей плоскости и определяет направление пути; кроме того, каждому контуру могут быть назначены различные атрибуты, включая такие значения, как цвет обводки, форма, кривая, толщина и заливка.Векторная графика также идеально подходит для детальных иллюстративных работ и промышленных иллюстраций. Их также называют объектно-ориентированной графикой или объектно-ориентированной графикой.
Вот несколько примеров векторной графики, которые помогут вам лучше их понять:
http://linkshrink.net/7MN0uf | http://linkshrink.net/7yyRF5 | http://linkshrink.net/7r8I2Q | http://linkshrink.net/7whuW4 | http://linkshrink.net/7gcD0g
Векторные изображения не состоят из определенного количества точек, их можно масштабировать до большего размера без потери качества изображения.Если вы увеличите растровую графику, она будет выглядеть блочной или «пиксельной». Когда вы увеличиваете векторную графику, края каждого объекта в ней остаются гладкими и чистыми. Это делает векторную графику идеальной для логотипов, которые могут быть достаточно маленькими, чтобы отображаться на визитной карточке, но также могут масштабироваться для заполнения рекламного щита. Распространенным программным обеспечением для векторной графики является
.
http://linkshrink.net/7g856N | http://linkshrink.net/7SvpAy | http://linkshrink.net/7AmN4i | http://linkshrink.net/7cxkPx | http: // linkshrink.нетто / 7ИОхх9
Существует несколько форматов файлов векторной графики, но наиболее часто используемые для дизайна логотипов:
EPS (Encapsulated PostScript): формат Adobe EPS является наиболее широко используемым форматом векторной графики. Это стандартный формат обмена для полиграфической промышленности и хорошо поддерживаемый формат экспорта из программного обеспечения для векторной графики. AI (Adobe Illustrator Artwork): родным форматом Adobe Illustrator является AI, который представляет собой модифицированную версию формата EPS. Формат AI довольно распространен, но менее универсален, чем формат EPS.SVG (масштабируемая векторная графика): SVG — это стандарт векторной графики W3C. SVG набирает популярность, поскольку современные браузеры расширяют поддержку этого формата. SVG становится все более важным, поскольку различные разрешения экрана, которые должны поддерживать веб-сайты, продолжают расширяться.
http://linkshrink.net/7KUNav | http://linkshrink.net/7fet1i | http://linkshrink.net/7jiHD6 | http://linkshrink.net/7PUb6b | http://linkshrink.net/7cSBdm
КАКИЕ ПРЕИМУЩЕСТВА ВЕКТОРНОЙ ГРАФИКИ? Преимущества векторной графики в проектировании следующие:
http: // linkshrink.net / 7KUNav | http://linkshrink.net/7fet1i | http://linkshrink.net/7jiHD6 | http://linkshrink.net/7PUb6b | http://linkshrink.net/7cSBdm
Их легко создавать основанный на сложности, а не на размере его глубины цвета. Они хороши для анимации и презентаций.
http://linkshrink.net/761RmD | http://linkshrink.net/7nKb6E | http://linkshrink.net/7CjyZk | http://linkshrink.net/7hu6TV | http://linkshrink.net/7myM9I
ДЛЯ ЧЕГО ИСПОЛЬЗУЕТСЯ ВЕКТОРНАЯ ГРАФИКА? Они идеально подходят для детальной иллюстративной работы, разработки логотипов, художественных работ, тем самым поддерживая вашу творческую индивидуальность. А из-за их бесконечной масштабируемости без ущерба для качества их также можно использовать для воспроизведения печати любого размера, большого или маленького.
ЗАКЛЮЧЕНИЕ
http: // linkshrink.нетто / 761RmD | http://linkshrink.net/7nKb6E | http://linkshrink.net/7CjyZk | http://linkshrink.net/7hu6TV | http://linkshrink.net/7myM9I
По сути, мы узнали, что векторная графика чистая, готовая к работе с камерой и может бесконечно масштабироваться без потери качества или точности.
Итак, если вы думаете использовать векторную графику для создания своего веб-сайта, но не знаете, с чего начать, вам необходимо связаться с нами для получения индивидуальных услуг по дизайну и разработке веб-сайтов, поскольку мы понимаем, что каждый веб-сайт уникален.
Растровая и векторная графика — различия
Компьютерная графика делится на векторную и растровую. В этом посте я попытаюсь зафиксировать основные различия и примеры использования обоих типов. Приятно познакомиться с каждым из них и знать об имеющихся у них возможностях и ограничениях.
Вектор — функции
Масштабирование векторной графики выполняется без потери информации (изображения не пикселизируются) — это потому, что векторный рисунок на самом деле представляет собой набор информации об объектах, линиях, кривых и т. Д.расположен в математически определенной системе координат. Другое название — объектная графика, от объектов, сохраненных в этой системе. Звучит сложно, но это не так, потому что на все вычисления этих координат отвечает программа. Рисунки великолепны. Единственный недостаток — это вес файлов, когда мы добавляем в них слишком много градиентов — тональные переходы, эффекты и т. Д.
Векторные изображения имеют меньший фотореализм, чем растровая графика. Это идеальный тип графики для подготовки дизайнов логотипов и принтов, которые должны масштабироваться от очень маленьких до огромных размеров.Он отлично работает, когда вы хотите получить определенный векторный вид — плавные переходы, чистые линии. Используя трассировку, то есть преобразовывая, например, фотографии в вектор (помните, что это потребляет RAM — память компьютера), мы получим интересные фотореалистичные эффекты. Вы также можете преобразовать в вектор, например, акварельные пятна и с их помощью создать среди прочего рисунки, напоминающие нарисованные водными красками. Что касается графики, и не только векторной, то ограничивает нас только наше воображение.Наконец, работу можно экспортировать как растровую графику, например, после масштабирования до желаемого размера.
Векторные форматы файлов
EPS: (инкапсулированный PostScript) — программы Adobe,
SVG: (масштабируемая векторная графика) — стандартный формат W3C, лучше всего подходит для использования на веб-сайтах,
PDF : (Portable Document Format) — экспортированный из программы обработки графики, он сохраняет всю информацию о векторной графике и подходит для повторной обработки,
AI: собственный формат Adobe Illustrator (Adobe Illustrator Artwork),
DXF: ( Drawing eXchange Format) Это происходит из программы Autodesk CAD — я не использовал ее, потому что я не использую эту программу, она полезна для большего количества архитекторов.
Примеры программ для обработки векторной графики:
Я использую как платные, так и бесплатные варианты, и обе мне подходят. Вначале я рекомендую Inkcsape, потому что с ограниченным бюджетом он отлично подойдет.
В обеих программах, помимо основных форм и инструментов, типичных для всех графических программ, мы можем использовать кривые Безье, которые типичны для векторной графики (хотя их также можно использовать в качестве инструмента выбора в программах обработки растровой графики).Кривые — это речная тема, поэтому я не буду обсуждать технические вопросы. Для нас важнее всего то, что с их помощью можно очень точно и быстро создавать любые формы. У многих (в том числе и у меня) сначала были проблемы с привыканием к инструменту, однако после знакомства с ним он оказался очень полезным.
Растр
Точно так же растровая графика отлично воспроизводит реальность, имеет плавные градиентные переходы, но, к сожалению, плохое масштабирование.Растры — это тоже просто фотографии. Если нам нужно большое изображение, у нас должен быть файл с высоким разрешением (большое количество точек, пикселей). Если нам нужно масштабировать изображение / фотографию с низким разрешением, программа упростит детализацию, а если она не может сделать это хорошо, мы достигнем высокой степени детализации и, следовательно, плохого качества конечного эффекта.
В Photoshop в версии Creative Cloud (не знаю, как со старыми) можно уменьшить количество пикселей, что дает вполне приличные результаты. Однако на практике лучше работать над хорошим изображением.Нет ничего хуже, чем получить от заказчика растровую версию логотипа, которую следует разместить, например, на рекламном щите.
В программах обработки растровых изображений у нас есть много возможностей, таких как: ретушь и коррекция фотографий (например, инструменты вырезания — выделения, фотомонтажи, пятна заживления, уменьшение эффекта красных глаз, изменение цвета, контрастности и т. Д.). Мы также можем рисовать (так называемую цифровую живопись) с помощью этих программ. Сохранить готовый растровый файл в векторном формате невозможно, но можно — как я уже писал выше — использовать трассировку (трансформацию) в векторной программе.
Растровые форматы файлов:
JPEG / JPG — (Joint Photographers ‘Expert Group) один из наиболее часто используемых форматов — сжатие (уменьшение размера в КБ) довольно велико, что приводит к большая потеря качества сохраненного файла, чем, например, в PNG,
PNG — (Portable Network Graphics) лучший формат файла, когда дело доходит до отсутствия потери качества. однако эти файлы немного больше, чем JPG,
BMP — Bitmap (BitMaP) — довольно большой файл, я лично его никогда не использую.
Примеры программ для работы с растрами:
Photoshop — флагманский продукт Adobe. Когда дело доходит до обработки фотографий, здесь нет равных. Он также очень хорошо поддерживает цифровую живопись, но это не его основное предназначение — у него нет функции сглаживания линий. Будет полезен специальный графический планшет, потому что линии, нарисованные мышью, могут быть немного нестабильными. К тому же это платный софт, поэтому решит не каждый.
Бесплатные альтернативы Adobe Photoshop
GIMP — Программа GNU хороша, когда дело доходит до обработки изображений — ее определенно достаточно для начала, вы также можете создавать графику или изображения.На мой взгляд, его пригодность для цифровой живописи не самая лучшая.
Medibang и Fire Alpaca — два продукта от одного производителя. Первый был дополнен онлайн-функциями. Оба оснащены сглаживанием нарисованной линии. С фотографиями работать бесполезно. О программе Medibang напишу отдельную статью из серии «Бюджетная графика».
Paint — цитируется из Википедии: бесплатная программа обработки растровой графики, созданная студентами Вашингтонского университета под руководством Microsoft — полезна для быстрых и несложных исправлений.Он относительно прост в использовании и быстро запускается. Это полезно, когда иногда нужно только что-то переместить. Paint 3D, который должен был заменить его на компьютерах с последней версией Windows, у меня не было возможности использовать.
Найдите свою любимую, работайте эффективно
Я регулярно пользуюсь перечисленными выше программами и очень ими доволен. У них интуитивно понятный интерфейс, и к ним легко добраться с помощью многочисленных руководств, которые мы можем найти в Интернете.Из других бесплатных вариантов у нас есть выбор Krita и Pinta , но в моем случае я не испытывал симпатии ни к одному из них. Если у вас другие чувства, дайте мне знать в комментарии под этим постом.
Каждая программа, а также тип графики имеют свои плюсы и минусы, и выбор конкретного решения зависит от цели и эффекта, которого мы хотим достичь.
Как я уже писал выше, только наше воображение ограничивает нас. Лично я сторонник тестирования разных методик, потому что это стимулирует творчество, позволяет выйти из зоны комфорта и найти свой путь.Тем более, что некоторые программы бесплатны, и мы не должны подчеркивать, что они будут обременять наш бюджет.
MobileRead Wiki — Графика
В контексте этой вики, графика относится к фотографиям, картинкам, изображениям, рисункам, иллюстрациям и другим произведениям искусства, которые можно использовать в электронных книгах. Специализированная форма графики — глифы, используемые в шрифтах и символах. См. Также редактирование графики и видео.
[править] Типы графики
Есть два типа графических данных: растровые и векторные.Изображение может быть построено из обеих форм. Например, векторное представление может отображаться поверх растрового изображения.
[править] Растровое изображение
Этот формат также называется растровым изображением из-за того, как он обычно отображается. В своей простейшей форме растровое изображение рисует изображение, помещая серию из точек . Если эти точки достаточно маленькие и расположены близко друг к другу в форме прямоугольника, изображение можно будет различить. Таким образом на экране телевизора и компьютера отображается изображение или видео.Это также способ хранения снимков с цифровой камеры. Иногда его называют сканированным изображением, поскольку его можно воссоздать, отображая изображение по одной строке за раз с помощью устройства сканирования. Сканирование осуществляется с использованием горизонтальных линий развертки, начинающихся вверху. Сканы легко передавать по очереди.
Самая маленькая битовая карта будет иметь единственный бит, представляющий точку. Это изображение будет иметь только фон, возможно белый, и контрастный передний план из точек, возможно, черный. Это будет называться двоичным изображением.Чаще всего эти точки будут иметь разную яркость, что создаст изображение в оттенках серого. Для создания цветного изображения также можно использовать несколько точек. Одна точка называется пикселем , когда она представлена на цветном электронном экране, поскольку она может быть представлена более чем одной точкой. Например, на телевизоре цветной пиксель состоит из трех точек разного цвета (красный, зеленый, синий). RGB — еще один термин, используемый для описания этого растрового формата, использующего первые буквы трех цветов.В цифровом цвете изображение «истинного цвета» отводит полный байт, 8 бит, каждому из трех цветов, таким образом, один пиксель будет иметь 24 бита данных. Высокий динамический диапазон (HDR) будет использовать более 8 бит для представления каждого цвета.
Размеры изображения часто указываются в мегапикселях (МП). Например, изображение размером восемь мегапикселей в соотношении 4: 3 может иметь размер 3264 × 2448 пикселей. Двенадцать мегапикселей могут составлять 4032 × 3024 пикселей. (цифры указаны для продуктов Apple.) Картинки или изображения для отображения в электронной книге должны быть не менее 1200 пикселей в ширину или 1800 пикселей в высоту.
Хотя RGB является популярным форматом, существуют и другие форматы. Например, формат, описанный как YCbCr, будет описывать информацию данных путем отделения яркости (монохромные данные) Y от компонента цвета. С этим определением изображение в градациях серого может быть создано только из компонента Y. Cb, цветность синий, будет содержать данные, необходимые для представления синего цвета, а Cr представляет данные красного цвета. Обратите внимание, что вычитание данных B и R из данных Y будет представлять данные G (зеленые).Формат YCbCr позволяет черно-белому телевизору работать с теми же данными, что и цветной телевизор, путем разделения цветового сигнала. Монохромный телевизор использует только сигнал y. Другое преимущество формата YCbCr состоит в том, что данные Cb и Cr могут не иметь такое же разрешение, часто половинное, как компонент Y, экономя пространство и снижая скорость передачи. Оказывается, человеческий глаз не может видеть цвет на очень маленьких участках, поэтому сигнал Y может обеспечить более высокое разрешение без данных о цвете, и мы этого не заметим. По мере увеличения размеров экранов этот метод становится менее эффективным.
Хотя растровое изображение обычно имеет прямоугольную форму, его можно придать произвольной форме. Некоторые форматы растровых изображений поддерживают прозрачный цвет, что позволяет видеть сквозь графику нижележащий фон. Это можно использовать для создания изображений странной формы и даже дырок в изображении. Некоторые форматы могут даже поддерживать частично прозрачный цвет, называемый альфа-каналом. Количество битов в альфа-канале определяет уровень прозрачности. Сигнал RGB с альфа-каналом будет называться RGBA.
Конечно, растровые изображения могут даже представлять символы (глифы), как в растровых шрифтах.
[править] Векторное изображение
Этот формат больше похож на рисование человека. Это линии и фигуры, нарисованные так, как если бы вы рисовали ручкой. Однако, в отличие от рисования от руки, эти линии и формы описываются математически, как вы или рисовальщик с миллиметровой бумагой. Линия может быть описана двумя координатами xy на бумаге. Атрибуты могут быть определены для описания толщины линии, цвета и т. Д.Изогнутые линии также можно описать математически. Закрытые векторные объекты могут быть пустыми (прозрачными внутри) или залитыми цветом, похожим на раскрашивание изображения в книжке-раскраске. Объекты обычно отображаются в определенном порядке, так что более поздние объекты находятся поверх более ранних объектов, что может заставить их скрыть часть более раннего объекта. В некоторых случаях может быть определена прозрачность, позволяющая просвечивать более ранний объект.
Многие стандартные графические форматы не поддерживают использование векторных форматов.TIFF может использовать векторный формат. Векторные и растровые изображения можно комбинировать, рисуя векторные данные поверх растрового изображения.
Стандарт ePUB требует поддержки формата SVG (масштабируемая векторная графика). Это полный векторный формат, предназначенный для предоставления текста с возможностью поиска и масштабируемых изображений, с которыми у растровых изображений возникают проблемы. PDF также может обрабатывать SVG.
[править] Масштабирование
Концепция масштабирования означает уменьшение (уменьшение) или увеличение (увеличение) объекта.Для текста это обычно означает изменение количества текста на экране путем увеличения или уменьшения отдельных шрифтов, используемых для текста, а затем перекомпоновки страницы. Изменить шрифт можно с помощью масштабируемых шрифтов или путем замены шрифта на шрифт другого размера. Для изображений масштабирование делает разные вещи в зависимости от типа изображения.
Растровое изображение Изображение начинается со 100%, когда существует взаимно однозначное соответствие между пикселями изображения и пикселями на экране.Растровые графические изображения уменьшаются за счет удаления или объединения пикселей для достижения желаемого размера. Может быть небольшое искажение содержимого, если увеличенный масштаб не является точным кратным исходному файлу. При увеличении масштаба дублируются пиксели, которые могут вызвать искажение из-за неравномерной репликации, и будут вызывать блочность, если увеличение настолько велико, что дублированные пиксели начинают становиться видимыми как пиксели. Для увеличения изображения за пределы экрана потребуется панорамирование, чтобы увидеть остальную часть изображения. В некоторых форматах электронных книг исходное изображение намеренно уменьшается для первоначального отображения, чтобы пользователь мог увеличивать масштаб без потери разрешения изображения.Иногда масштабирование выполняется путем замены изображения другим изображением с большим или меньшим количеством пикселей, чтобы избежать эффектов искажения. Конечно, это приводит к тому, что электронная книга становится больше для размещения отдельных изображений. Уменьшение также может быть выполнено более плавными изменениями. В этом случае пиксели изображения не просто дублируются, а вместо этого анализируются и заменяются цветом или яркостью на полпути между двумя исходными пикселями. Это, конечно, увеличивает время отображения изображения. Сверхвысокое разрешение — это название, данное для масштабирования или улучшения разрешения изображения с низким разрешением с помощью различных методов.Идея в том, чтобы не потерять качество при увеличении разрешения. В этом случае вы можете передать изображение с низким разрешением через Интернет, например, и увеличить без искажений, отображая более крупное изображение, которое выглядит хорошо.
Векторное изображение обычно не меняет качества и не искажается при увеличении или уменьшении масштаба. Само изображение хранится в виде точек и объектов, таких как круг или треугольник, в базе данных, поэтому оно не сохраняется в форме, похожей на изображение. Вместо этого изображение создается на экране на основе масштабирования координат.Масштабирование просто пересчитывает и воссоздает изображение с новым масштабным коэффициентом. Хотя векторные изображения хорошо масштабируются, искажения все же могут быть. Иногда изображение создается путем соединения точки линиями, чтобы сформировать контур сложной формы. Слишком мало точек может вызвать искажение при увеличении масштаба. Иногда это искажение можно уменьшить с помощью кривой Безье.
[править] Графические форматы
Перечисленные здесь графические форматы являются преобладающими, которые используются в электронных книгах. Есть много других форматов, которые не рассматриваются из-за их ограниченного использования в электронных книгах.Некоторые форматы дополнительно описаны на отдельных страницах, на что указывает ссылка.
[править] BMP
BMP — это расширение, используемое для файла изображения BitMaP, который представляет собой несжатый графический формат, разработанный Microsoft. Тот же формат можно сжать, и если да, то расширение обычно меняется на RLE. Программа, которая утверждает, что поддерживает файлы BMP, может или не может поддерживать файл RLE. Общий термин, применяемый к файлам BMP, — это файлы RGB, поскольку растровое изображение состоит из красной, зеленой и синей информации.В некоторых универсальных файлах растровых изображений цвета могут отображаться не в этом порядке.
24-битный несжатый BMP-файл огромен и не должен использоваться ни с какими изображениями, кроме самых маленьких. Уменьшение количества битов может значительно уменьшить размер файла за счет снижения качества цветного изображения из-за уменьшения количества цветов, если они использовались.
Большинство операционных систем, кроме Windows, не поддерживают файлы BMP и не являются стандартом для веб-браузеров, хотя принимаются Internet Explorer. Файлы TIF могут содержать общую версию данных BMP.Независимое от устройства растровое изображение, DIB, — это термин, используемый для описания общего растрового изображения и часто имеющий расширение .dib. Windows также использует формат BMP для своих значков, которые часто имеют расширение ICO. См. Также PPM.
[править] WBMP
WBMP — это очень простой файл BMP с одним битом на точку. 0 — это черная точка, а 1 — белая. W обозначает беспроводной, поскольку этот формат часто используется для файлов растровых изображений беспроводной сети. Обратите внимание, что файлы хранятся в байтах, и если изображение не делится на 8, то избыток заполняется нулями.Обычно он имеет заголовок с шириной и высотой, указанными в пикселях.
[править] GIF
GIF — это формат обмена графическими данными, разработанный в 1987 году компанией CompuServe. Это формат растровой графики без потерь, что означает, что технология сжатия не теряет никаких деталей изображения. Он был разработан для воспроизведения штриховых рисунков, но может хорошо работать с фотографиями. Широко используется в Интернете для логотипов и рисунков. Схема кодирования использует схему сжатия без потерь LZW, которая запатентована, но патенты истекли в 2004 году.
GIF-файлы используют паллетированную цветовую схему, что означает, что цвет пикселя выбирается из предопределенной палитры цветов. В палитре может быть не более 256 различных цветов (8 бит), но разные изображения могут иметь свою палитру. Некоторые люди считают GIF форматом с потерями, поскольку могут быть потери из-за уменьшения количества цветов до 256. Сама палитра цветов определяется по мере необходимости с помощью до 24 бит данных (12 бит — популярный вариант. ). Использование меньшего количества цветов и битов уменьшит размер файла изображения.Большие области одного цвета также уменьшают размер файла.
Можно определить один из цветов как цвет прозрачности. Когда это будет сделано, код рендеринга не будет рисовать этот цвет на экране. Это позволяет видеть на изображении цвет фона экрана. Это в основном используется для того, чтобы форма изображения выглядела так, будто это общая форма, а не изображение с рамкой вокруг нее.
Motion GIF — изображения в формате GIF можно анимировать, но электронные книги обычно не поддерживают анимацию, хотя многие веб-браузеры поддерживают.Если анимация не поддерживается, будет показано только первое изображение в последовательности анимации. Удаление кадров анимации уменьшит размер изображения. Анимация выполняется путем объединения нескольких изображений GIF в один файл. Более поздние изображения просто накладываются на более ранние изображения одно за другим. Последующее изображение может быть меньше по размеру, чем оригинал, если указать смещение относительно места его размещения. Частота кадров указывается в самом файле.
GIF, конечно же, может представлять изображения в оттенках серого и может выполнять эту задачу без потерь.Уменьшение градиента оттенков серого может значительно уменьшить размер файла. Штриховой рисунок часто лучше всего представлять в виде изображения в формате GIF.
Gifsicle — Программа для управления изображениями и анимацией в формате GIF.
[править] JPG
JPG (или JPEG) означает Объединенную группу экспертов по фотографии. Он использует 24 бита для представления цветного пикселя (часто называемого True Color). Он использует сжатый графический формат с потерями, который предназначен для поддержки фотографий, а не штрихового рисунка. Он был разработан в 1992 году и выпущен как стандарт ISO 10918-1 в 1994 году. Качество напрямую зависит от степени сжатия.Он широко используется в Интернете и большинством производителей цифровых фотоаппаратов.
Формат обмена файлами JPEG (JFIF) — это минимальная версия формата обмена файлами JPEG, который был намеренно упрощен, чтобы его можно было широко внедрить, и, таким образом, стал стандартом де-факто. Другой стандартный формат — это формат файла изображения с возможностью обмена (Exif). Это спецификация, используемая для файлов изображений на цифровых камерах.
Существует также более новый формат — JPEG 2000.Обычно он имеет расширение jp2 или jpg2, чтобы отличать новый улучшенный формат от исходного, однако это не всегда так. Старые программы отображения изображений не будут отображать этот новый формат. Файлы PDF могут содержать изображения в этом формате, что может затруднить их преобразование. Последний формат JPEG — JPEG XR. Он обеспечивает еще лучшее сжатие с меньшими затратами на обработку, а также может обеспечить сжатие без потерь.
Jpeg также поддерживает 256-уровневый режим градаций серого без потерь.Jpeg также можно использовать для создания движущегося видео, имея несколько изображений в одном файле. Это называется M-JPEG.
[править] PNG
PNG означает формат Portable Network Graphics. Это растровый графический формат, в котором используется система сжатия без потерь. Он был разработан для улучшения и замены файлов GIF назад, когда действовал патент на GIF. PNG не требует патентной лицензии. Его главный недостаток — сложность цветовой модели. Он поддерживает множество различных цветовых схем, включая палитры и прямые с разным количеством битов.Некоторое программное обеспечение, поддерживающее PNG, может указывать, что оно поддерживает только 8-битные изображения или имеет другие ограничения на то, что поддерживается.
Файлы PNG с большим количеством бит на пиксель могут использовать некоторые из этих битов для прозрачности. Например, 32-битный пиксель может использовать 24 бита для цвета (по 8 для каждого из 3 основных цветов) и 8 бит для прозрачности. Это похоже на прозрачность изображений в формате GIF, но существующий цвет не используется. Вместо этого можно определить степень прозрачности для каждого цвета, чтобы можно было просвечивать некоторую часть фонового изображения, но, возможно, не все.
[править] TIF
TIF (или TIFF) означает формат файла изображения с тегами. Это контейнер, который может содержать изображения в самых разных растровых или даже векторных форматах. Они также могут быть сжатыми или несжатыми. В сжатом виде они могут использовать RLE, JPG, LZW, ZIP или потенциально другие форматы. Этот стандарт принадлежит Adobe. TIF может даже поддерживать несколько изображений и даже сочетание растровых и векторных изображений в одном файле.
[править] DjVu
DjVu — это формат цифрового изображения с передовой технологией сжатия и высокой производительностью.DjVu поддерживает изображения отсканированных документов, цифровых документов и фотографий с очень высоким разрешением. Программы просмотра DjVu доступны для веб-браузеров, настольных компьютеров и КПК. Его основная характеристика заключается в том, что коэффициент сжатия примерно в 10 раз лучше, чем в формате PDF при том же качестве. IW44 — это упрощенная версия DJVU.
[править] SVG
SVG, масштабируемая векторная графика, представляет собой систему векторной графики и является обязательной функцией стандарта публикации ePUB. Это единственная система векторной графики со стандартизированным использованием в области электронных книг.Масштабируемая векторная графика (SVG) — это язык текстовой графики, который описывает изображения с векторными формами, текстом и встроенной растровой графикой.
[править] SWF
SWF, Shockwave Flash, в настоящее время функционирует как доминирующий формат для отображения «анимированной» векторной графики в Интернете. Конечно, он также может поддерживать статические векторные изображения. В настоящее время этот формат используется только в электронных книгах с ЖК-экранами.
[править] HEIF
HEIF (высокоэффективный формат изображения) — это стандартный формат изображения, созданный группой MPEG для кодирования видео (HEVC), но также подходящий для неподвижных изображений.Он присутствует в последних продуктах Apple.
[править] Другое
Netpbm Коллекция форматов Unix.
Ранний растровый формат PCX
Формат обмена DXF векторных файлов САПР.
EXR OpenEXR — это формат файлов изображений с расширенным динамическим диапазоном (HDR).
HDR Изображение с расширенным динамическим диапазоном расширяет спектр цвета / яркости.
Формат изображения WebP с потерями основан на внутрикадровом кодировании видеоформата VP8.
FLIF Free Lossless Image Format.Лучшее сжатие всех форматов без потерь.
Вики-страница IrfanView содержит довольно исчерпывающий список графических форматов.
Собственные форматы определяют некоторые внутренние проприетарные форматы для графики.
[править] Для получения дополнительной информации
Обзор компьютерной графики | Растровая графика
Растровая графика
Растровая графика — Adobe Photoshop
Графическое программное обеспечение, которое сохраняет и печатает изображения попиксельно, известно как растровая или растровая графика.Это также называется программным обеспечением для рисования. Графическое программное обеспечение, которое хранит и печатает изображения в виде объектов или фигур, называется объектной, векторной графикой или программным обеспечением для рисования.
Adobe Photoshop — это программа для обработки растровых изображений.
Запустите Adobe Photoshop.
Выберите «Открыть» в меню «Файл». Откройте изображение FRUIT [ Предупреждение: это изображение больше не доступно. Найдите другое изображение фрукта или персика на Wikipedia.org .] В Adobe Photoshop, в папке с учебными материалами.
Изучите инструменты в наборе инструментов, такие как Smudge, Paint Brush, Stamp и т. Д.
Выберите инструмент «Эллиптическая область». Окружите область (например, персик), чтобы скопировать ее.
Выберите «Копировать» в меню «Правка». Это копирует выделенный раздел во временную память.
Выберите «Вставить» в меню «Правка». Копия находится прямо над вашим вырезом.
Выберите инструмент «Перемещение» и поместите курсор внутри персика, чтобы переместить его.
Попробуйте инструмент Magic Wand в левой части (серая часть) изображения.Волшебная палочка ищет цвета, наиболее близкие к цвету, на который вы нажали. Используйте инструмент «Заливка», чтобы изменить цвет.
Выберите Grayscale в меню Mode. Все цвета отбрасываются.
В меню «Изображение» выберите «Настроить», «Инвертировать». В меню «Правка» выберите «Отменить».
Попробуйте «Выровнять», «Постеризовать» и т. Д. Отменить после каждого из них.
В меню «Изображение» выберите «Настроить», попробуйте «Кривую», «Яркость / контрастность» и «Варианты». Отменить после каждого.
Попробуйте некоторые элементы в меню «Фильтр», например «Размытие» и «Искажение».
Попробуйте индексированный цвет с помощью команды «Режим» в меню «Изображение». Попробуйте 3 бита / пиксель (8 цветов). Обратите внимание на разницу.
Если хотите, можете сохранить это изображение на USB-накопитель. Используйте такое имя, как «Измененный фрукт».
Выберите «Сохранить как» в меню «Файл».
Введите новое имя.
Выберите «Рабочий стол», «Транспорт» и вашу подпапку, а затем «Сохранить».
Растровая графика — Художник
Предупреждение: Painter больше не может быть установлен на Mac.
Запустить Painter.
Если на экране нет страницы или чтобы открыть другую страницу, щелкните команду «Создать» в меню «Файл».
В диалоговом окне «Новое изображение» установите для ширины 7 дюймов, высоты 5 дюймов, разрешения 72 пикселя на дюйм, установите для параметра «Цвет бумаги» белый цвет и нажмите «ОК».
Щелкните меню Windows и убедитесь, что показаны первые 3 элемента (палитры «Инструменты», «Кисти» и «Художественные материалы»). Сочетания клавиш: Command-1, Command-2 и Command-3 соответственно.
На палитре «Инструменты» выберите «Кисть».
На палитре «Кисти» щелкните «Размер» в меню «Управление».
Перетащите ползунок размера, пока не получите значение около 7 или 8.
Нажмите кнопку «Построить» и закройте окно «Элементы управления кистью: размер».
В палитре кистей щелкните «Карандаши».
В раскрывающемся списке «Варианты карандашей» выберите вариант, например карандаш 2В.
В цветовой палитре выберите цвет, например красный.
Наведите указатель мыши на страницу и нарисуйте несколько линий.
Выберите другой цвет и нарисуйте еще несколько линий.
Повторите шаг 13 сколько угодно раз.
Щелкните следующий инструмент в палитре кистей, e.г., Ластик.
Выберите вариант ластика.
Перейдите к картинке и сотрите несколько линий. Обратите внимание, что стертые части приобретают цвет фона.
На палитре кистей щелкните «Жидкость». Выберите жидкий вариант, например мраморный грабли или дисторто. Примените его к своей картинке.
Выберите и примените к вашему изображению другой вариант.
Прокрутите до следующих трех инструментов на палитре кистей. Попробуйте Мел, Уголь и Ручки.
Попробуйте разные варианты для каждого. В частности, попробуйте вариант «Каллиграфия в ручках».
Напишите свое имя на странице. Обратите внимание на ширину штрихов вверх и вниз. Они такие же или разные?
Используйте команду «Сохранить как» в меню «Файл», чтобы сохранить изображение как TRY1 на транспорте и в соответствующих подпапках.
Попробуйте фломастеры, мелки, аэрограф, жидкость, кисть, художники, клонаторы и акварель.Разместите на странице много цветов с помощью различных инструментов.
Попробуйте Distorto в жидком варианте. Перетащите по кругу. Что вы думаете о результате?
В палитре инструментов щелкните увеличительное стекло. Щелкните по месту на изображении, которое имеет два цвета. Продолжайте щелкать, пока вы больше не перестанете увеличивать изображение. Что ты заметил? Отчетливые объекты или пиксели (цветные квадраты)? Основываясь на ваших наблюдениях, какой тип программы представляет собой Painter? Краска, растровое изображение, растр, рисование, объект или вектор?
Попробуйте все, что захотите.
Что такое векторная графика и важные факты
Большинство из нас слышали о векторной графике или векторных изображениях , но что такое векторная графика в контексте дизайна? Согласно веб-сайту Adobe, определение векторной графики подразумевает, что эти изображения имеют «точки, линии, кривые и формы, основанные на математических формулах.«Техническое определение векторных изображений, согласно Википедии, гласит, что они являются« изображениями компьютерной графики, которые определены в виде точек на декартовой плоскости, которые соединены линиями и кривыми, образуя многоугольники и другие формы ».
Суть этих определений указывает на реальный смысл векторной графики и векторных изображений. По сути, они нанесены на двумерную или даже трехмерную плоскость и основаны на математической концепции, называемой вектором. Вектор — это геометрическая единица, которая имеет как величину, так и направление, что приводит к термину «векторный путь».Эти векторные пути определяют, как линия или кривая отображаются на носителе отображения, обычно на экране или мониторе.
Самый простой способ ответить на вопрос «Что такое векторное изображение?» заключается в том, чтобы противопоставить его другому типу элемента дизайна, которым является растровая графика или растровое изображение. Если растровые изображения состоят из точек, битов или пикселей, векторы состоят из линий и кривых. Большая разница в том, что векторная графика масштабируется до любого размера, не влияя на четкость. Это связано с процессом, называемым пикселизацией, который вы видите при увеличении растрового изображения.Следующие изображения должны помочь вам понять основные различия между растровыми изображениями и векторными изображениями.
источник
источник
источник
Важные факты о векторной графике и векторных изображениях
Есть несколько важных аспектов векторной графики, о которых должны знать все дизайнеры, чтобы понимать абсолютную универсальность этого типа изображений.
Изменение размера
Поскольку векторные изображения не привязаны к разрешению, они выглядят гладкими независимо от того, насколько вы их увеличиваете, как показано в следующем примере:
источник
Как видите, здесь нет пикселизации, потому что векторы не подвержены этому явлению.Это делает их идеальными для проектов, которые необходимо визуализировать в разных размерах. Чего вы не хотите, так это того, чтобы ваш клиент попросил гораздо больший размер, а вы сидели и застряли с пиксельным растровым изображением. Векторная графика может спасти положение в таких ситуациях.
Pro Совет: Конечно, вы всегда можете преобразовать свои растровые изображения в файлы векторной графики, но вы столкнетесь с такими проблемами, как искажение, потеря качества и т. Д. Это приведет к дополнительной «очистке растра», прежде чем вы получите четкий отпечаток большего размера.Обычно это не проблема с большими растровыми файлами, но вся суть JPG и таких форматов — сжимаемость. Если у вас нет под рукой растров с высоким разрешением, лучший вариант — использовать векторы в вашем первоначальном дизайне. Затем вы можете заменить их растровыми эквивалентами, если знаете окончательный размер вывода, требования к разрешению и т. Д. Это также даст вам время очистить растр, если потребуется.
Хранение и передача файлов
Поскольку векторные файлы не теряют четкости при изменении размера, можно работать с файлами меньшего размера по сравнению с растровыми изображениями.Если учесть, что типичному дизайнеру необходимо сохранить сотни или тысячи дизайнов и изображений на локальном диске, вы поймете, почему это может стать проблемой. Даже облачное хранилище может быстро стать дорогим по мере роста вашего репозитория. При работе с векторными изображениями такой проблемы не возникнет. Более того, когда их размер ограничен, проще поделиться своими проектами по электронной почте или в чате.
Опции формата
Хотя SVG является стандартным форматом файлов для веб-дизайна, определенным Консорциумом World Wide Web, есть несколько других вариантов на выбор.К ним относятся AI (Adobe Illustrator), XML, EPS, CGM и т. Д., Которые вы можете использовать при работе с векторной графикой.
Дисперсия с растром
Коэффициент масштабируемости чрезвычайно важен, особенно при работе с печатным дизайном или иллюстрациями, которые необходимо визуализировать в больших размерах. Растр, как мы видели, пикселизирует, если только он не используется с очень высоким разрешением. Это может замедлить работу ваших систем и вызвать другие проблемы, такие как проблемы с хранилищем и т. Д., Как мы уже видели. Это различие является одной из основных причин, по которой многие дизайнеры предпочитают работать с векторными изображениями для своих макетов, а затем переходить на растровые для окончательной версии.
Универсальность
Базовое качество векторного изображения также означает, что его можно использовать в самых разных сценариях. От крошечных значков и миниатюр до массивных рекламных щитов и уличных вывесок — векторное изображение идеально подходит для вывода любого размера. Это также полезно при работе с HTML5 или для печати товаров, таких как футболки и кружки, или даже рекламных материалов, таких как баннеры, плакаты и т. Д.
Лучшее время, чтобы не использовать векторную графику
Векторная графика может дать вам тысячи вариантов цвета, но она бледнеет по сравнению с 16 миллионами цветов, возможными с растровыми изображениями.Вот почему так важно знать, когда следует избегать использования векторных изображений. Вот несколько сценариев, в которых растровая графика работает лучше:
При работе с изображениями высокой детализации
Если вам нужны более мягкие, не в фокусе края или фон
Когда дизайн требует, чтобы цвета действительно выделялись
Когда вам нужно выполнить детальное редактирование при большом увеличении
Правильные сценарии использования векторной графики в дизайне
Поскольку векторные изображения масштабируются и удобны для хранения / передачи, они отлично подходят для больших отпечатков, иллюстраций, презентационной графики, инфографики и т. Д.Он также идеально подходит для логотипов и других изображений брендов, которые не включают фотографии или слишком богатую цветовую схему.
Чтобы всегда использовать векторные компоненты в своих проектах, используйте надежную платформу для проектирования и создания прототипов, такую как Wondershare Mockitt, облачную систему с сотнями и сотнями векторных значков, символов и других компонентов. Вы также можете добавлять растровые изображения из ваших личных библиотек, где вам нужно.
Практическое правило состоит в том, что векторная графика лучше, чем растровая, когда ваш дизайн, возможно, придется визуализировать в гораздо большем размере.Это гарантирует отсутствие пикселизации и более четкий и плавный конечный результат. Это верно независимо от того, печатаете ли вы дизайн на ткани, бумаге или виниле. Имейте в виду, что современные принтеры могут работать с очень высокими разрешениями, но если размер вашего изображения недостаточен, растровая графика будет пикселизирована и будет выглядеть неоптимально.
Подводя итог, используйте векторную графику …
… когда вам нужен крупномасштабный выпуск
… при создании элементов брендинга
…при печати на физическом носителе
Заключение:
Векторная графика, как видите, полезна в самых разных сценариях. Они составляют важную и неотъемлемую часть структуры дизайна любого проекта, особенно когда речь идет о масштабируемости. Вероятно, это ключевой аспект векторных изображений. Растровые изображения отлично подходят для реалистичных фотографий, когда вам нужны более насыщенные цвета, градация, расфокусированные края или фон и другие особые случаи.Вместе векторы и растры составляют два столпа любого визуального дизайна. Ни один из них не лучше другого в абсолютном выражении, но оба лучше, чем другой, когда дело доходит до конкретных требований.
.