0 added
0 removed
Original
2026-01-01
Modified
2026-03-10
1
<ul><li><a>Растровая графика - это…</a></li>
1
<ul><li><a>Растровая графика - это…</a></li>
2
<li><a>Векторная графика - определение</a><ul><li><a>Из чего стоит графика</a></li>
2
<li><a>Векторная графика - определение</a><ul><li><a>Из чего стоит графика</a></li>
3
<li><a>Преимущества и недостатки</a></li>
3
<li><a>Преимущества и недостатки</a></li>
4
<li><a>Наиболее распространенные форматы</a></li>
4
<li><a>Наиболее распространенные форматы</a></li>
5
</ul></li>
5
</ul></li>
6
</ul><p>Графика в компьютерах может быть разной. На данный момент встречаются изображения растрового и векторного типа. Они имеют свои ключевые особенности и области применения.</p>
6
</ul><p>Графика в компьютерах может быть разной. На данный момент встречаются изображения растрового и векторного типа. Они имеют свои ключевые особенности и области применения.</p>
7
<p>Далее предстоит познакомиться с видами компьютерной графики более детально. Отдельное внимание нужно уделить векторным изображениям. Предложенная информация пригодится как обычным ПК-пользователям, так и дизайнерам.</p>
7
<p>Далее предстоит познакомиться с видами компьютерной графики более детально. Отдельное внимание нужно уделить векторным изображениям. Предложенная информация пригодится как обычным ПК-пользователям, так и дизайнерам.</p>
8
<h2>Растровая графика - это…</h2>
8
<h2>Растровая графика - это…</h2>
9
<p>Растровая графика - это изображения, которые состоят из точек (пикселей). Каждая такая точка имеет свое собственное расположение и окрашена в тот или иной цвет. Совместно эти пиксели образовывают графику разной степени детализации. Этот параметр напрямую зависит от количества пикселей: чем их больше, тем более качественным окажется изображение. Обратный принцип тоже действует - по мере уменьшения количества точек, из которых формируется картинка, ее качество снижается.</p>
9
<p>Растровая графика - это изображения, которые состоят из точек (пикселей). Каждая такая точка имеет свое собственное расположение и окрашена в тот или иной цвет. Совместно эти пиксели образовывают графику разной степени детализации. Этот параметр напрямую зависит от количества пикселей: чем их больше, тем более качественным окажется изображение. Обратный принцип тоже действует - по мере уменьшения количества точек, из которых формируется картинка, ее качество снижается.</p>
10
<p>Растровая графика применяется в цифровых фотографиях и реалистичных картинках. Данный тип изображений поддерживает форматы:</p>
10
<p>Растровая графика применяется в цифровых фотографиях и реалистичных картинках. Данный тип изображений поддерживает форматы:</p>
11
<ul><li>GIF;</li>
11
<ul><li>GIF;</li>
12
<li>TIFF;</li>
12
<li>TIFF;</li>
13
<li>JPEG;</li>
13
<li>JPEG;</li>
14
<li>PNG;</li>
14
<li>PNG;</li>
15
<li>PSD.</li>
15
<li>PSD.</li>
16
</ul><p>Растровые изображения создаются при помощи цифровых камер, а также графических редакторов вроде Adobe Photoshop.</p>
16
</ul><p>Растровые изображения создаются при помощи цифровых камер, а также графических редакторов вроде Adobe Photoshop.</p>
17
<h2>Векторная графика - определение</h2>
17
<h2>Векторная графика - определение</h2>
18
<p>Векторная компьютерная графика - это изображение, которое построено из геометрических примитивов. Оно будет менее детализированным, чем растровая картинка, зато вес окажется небольшим.</p>
18
<p>Векторная компьютерная графика - это изображение, которое построено из геометрических примитивов. Оно будет менее детализированным, чем растровая картинка, зато вес окажется небольшим.</p>
19
<p>Векторная графика широко используется в современном мире. С ее помощью создаются логотипы и баннеры. Векторные изображения встречаются в:</p>
19
<p>Векторная графика широко используется в современном мире. С ее помощью создаются логотипы и баннеры. Векторные изображения встречаются в:</p>
20
<ol><li>Веб-дизайне и цифровой графике. Векторы используются для формирования интерактивных элементов, иконок и кнопок.</li>
20
<ol><li>Веб-дизайне и цифровой графике. Векторы используются для формирования интерактивных элементов, иконок и кнопок.</li>
21
<li>Проектировании. Векторная графика активно применяется в разработке планов зданий, мебели и декора. Она встречается в 3D-моделях.</li>
21
<li>Проектировании. Векторная графика активно применяется в разработке планов зданий, мебели и декора. Она встречается в 3D-моделях.</li>
22
<li>Компьютерных играх и анимации. За счет элементов векторной графики можно отрисовывать персонажей, разнообразные игровые компоненты и фоновые изображения.</li>
22
<li>Компьютерных играх и анимации. За счет элементов векторной графики можно отрисовывать персонажей, разнообразные игровые компоненты и фоновые изображения.</li>
23
<li>Технической документации. Векторы используются для формирования чертежей, схем, инструкций по эксплуатации и других документов.</li>
23
<li>Технической документации. Векторы используются для формирования чертежей, схем, инструкций по эксплуатации и других документов.</li>
24
</ol><p>Векторные картинки широко используются в разных областях деятельности. Они состоят из определенных объектов, а также имеют как преимущества, так и недостатки.</p>
24
</ol><p>Векторные картинки широко используются в разных областях деятельности. Они состоят из определенных объектов, а также имеют как преимущества, так и недостатки.</p>
25
<h3>Из чего стоит графика</h3>
25
<h3>Из чего стоит графика</h3>
26
<p>Объектами векторной графики выступают составляющие аналитической геометрии. Примитивы здесь описываются при помощи совокупности координат опорных точек, параметров примитива, поворотов, коэффициентов растяжения по осям.</p>
26
<p>Объектами векторной графики выступают составляющие аналитической геометрии. Примитивы здесь описываются при помощи совокупности координат опорных точек, параметров примитива, поворотов, коэффициентов растяжения по осям.</p>
27
<p>Векторные картинки состоят из:</p>
27
<p>Векторные картинки состоят из:</p>
28
<ul><li>точек;</li>
28
<ul><li>точек;</li>
29
<li>линий;</li>
29
<li>линий;</li>
30
<li>ломаных;</li>
30
<li>ломаных;</li>
31
<li>многоугольников.</li>
31
<li>многоугольников.</li>
32
</ul><p>В анимированных векторных картинках при отображении на устройства вывода координаты, атрибуты и параметры могут предусматривать динамическое изменение во времени по заданным функциям. Этот прием позволяет создавать движущиеся изображения.</p>
32
</ul><p>В анимированных векторных картинках при отображении на устройства вывода координаты, атрибуты и параметры могут предусматривать динамическое изменение во времени по заданным функциям. Этот прием позволяет создавать движущиеся изображения.</p>
33
<p>В качестве примера стоит изучить описание такого графического примитива, как окружность r-радиуса. Для ее построения нужно задать следующие исходные данные:</p>
33
<p>В качестве примера стоит изучить описание такого графического примитива, как окружность r-радиуса. Для ее построения нужно задать следующие исходные данные:</p>
34
<ul><li>значение радиуса;</li>
34
<ul><li>значение радиуса;</li>
35
<li>координаты центра имеющейся окружности;</li>
35
<li>координаты центра имеющейся окружности;</li>
36
<li>цвет/текстура заливки (если нужно отобразить на экране круг);</li>
36
<li>цвет/текстура заливки (если нужно отобразить на экране круг);</li>
37
<li>цвет и толщина контура (при его наличии);</li>
37
<li>цвет и толщина контура (при его наличии);</li>
38
<li>прозрачность контура и заливки;</li>
38
<li>прозрачность контура и заливки;</li>
39
<li>порядок плана относительно других примитивов сзади и спереди.</li>
39
<li>порядок плана относительно других примитивов сзади и спереди.</li>
40
</ul><p>Среди указанных параметров обязательными служат координаты центра и радиус. Остальные используются для того, чтобы описать окружность. Они обычно называются атрибутами и могут быть опущены.</p>
40
</ul><p>Среди указанных параметров обязательными служат координаты центра и радиус. Остальные используются для того, чтобы описать окружность. Они обычно называются атрибутами и могут быть опущены.</p>
41
<h3>Преимущества и недостатки</h3>
41
<h3>Преимущества и недостатки</h3>
42
<p>Понятие векторных картинок изучено. Такой способ создания графики имеет как преимущества, так и недостатки.</p>
42
<p>Понятие векторных картинок изучено. Такой способ создания графики имеет как преимущества, так и недостатки.</p>
43
<p>К сильным его сторонам можно отнести:</p>
43
<p>К сильным его сторонам можно отнести:</p>
44
<ol><li>Легкое масштабирование. Картинки, состоящие из векторов, легко меняются в размерах, не утрачивая свое качество. Это позволяет значительно увеличить изначальное изображение.</li>
44
<ol><li>Легкое масштабирование. Картинки, состоящие из векторов, легко меняются в размерах, не утрачивая свое качество. Это позволяет значительно увеличить изначальное изображение.</li>
45
<li>Небольшой размер исходного файла. Векторные документы не будут хранить данные пикселей. Это положительно сказывается на их размере. Они будут занимать на порядок меньше пространства на диске, чем растровые картинки.</li>
45
<li>Небольшой размер исходного файла. Векторные документы не будут хранить данные пикселей. Это положительно сказывается на их размере. Они будут занимать на порядок меньше пространства на диске, чем растровые картинки.</li>
46
<li>Удобство в плане редактирования. Входящие в состав картинки компоненты и линии легко перемещаются и изменяются через специализированные графические редакторы. К ним допустимо добавление фильтров, факторов и иных нюансов, придающих итоговому изображению уникальность.</li>
46
<li>Удобство в плане редактирования. Входящие в состав картинки компоненты и линии легко перемещаются и изменяются через специализированные графические редакторы. К ним допустимо добавление фильтров, факторов и иных нюансов, придающих итоговому изображению уникальность.</li>
47
</ol><p>Недостатки у рассматриваемого типа картинок тоже есть. К ним относят:</p>
47
</ol><p>Недостатки у рассматриваемого типа картинок тоже есть. К ним относят:</p>
48
<ol><li>Сложную процедуру создания. Работа над векторами с высокой степенью детализации потребует намного больше времени, чем в случае с растровой. Поэтому данный тип изображений редко используется новичками.</li>
48
<ol><li>Сложную процедуру создания. Работа над векторами с высокой степенью детализации потребует намного больше времени, чем в случае с растровой. Поэтому данный тип изображений редко используется новичками.</li>
49
<li>Проблемы совместимости. Большинство редакторов и менеджеров просмотра ориентированы на работу с растровыми картинками. Для работы с векторными изображениями придется применять специальное программное обеспечение. Примерами могут послужить такие проекты, как Adobe Illustrator и CorelDRAW.</li>
49
<li>Проблемы совместимости. Большинство редакторов и менеджеров просмотра ориентированы на работу с растровыми картинками. Для работы с векторными изображениями придется применять специальное программное обеспечение. Примерами могут послужить такие проекты, как Adobe Illustrator и CorelDRAW.</li>
50
<li>"Несовместимость" с фотографиями. Это связано с тем, что рассматриваемый тип картинок базируется на математических формулах. Он не предусматривает возможность создания акцентов на сложных деталях. Тонкие текстуры здесь тоже не поддерживаются. Из-за этого рассматриваемый тип графики совершенно не годится для фотографий и реалистичных изображений.</li>
50
<li>"Несовместимость" с фотографиями. Это связано с тем, что рассматриваемый тип картинок базируется на математических формулах. Он не предусматривает возможность создания акцентов на сложных деталях. Тонкие текстуры здесь тоже не поддерживаются. Из-за этого рассматриваемый тип графики совершенно не годится для фотографий и реалистичных изображений.</li>
51
</ol><p>Рассматриваемый тип картинок, несмотря на свои недостатки, все равно широко применяется в дизайне. Особенно в верстке веб-страниц и онлайн-приложений.</p>
51
</ol><p>Рассматриваемый тип картинок, несмотря на свои недостатки, все равно широко применяется в дизайне. Особенно в верстке веб-страниц и онлайн-приложений.</p>
52
<h3>Наиболее распространенные форматы</h3>
52
<h3>Наиболее распространенные форматы</h3>
53
<p>Изучаемый тип графических файлов предусматривает более 10 форматов для работы. Вот наиболее распространенные из них:</p>
53
<p>Изучаемый тип графических файлов предусматривает более 10 форматов для работы. Вот наиболее распространенные из них:</p>
54
<ol><li>PDF. Это универсальный формат, который позволяет корректно отображать самые разные картинки на устройствах. Он поддерживается многими программами. PDF-файлы исправно отображаются не только в приложениях, но и в системных программах, браузерах. Он особо востребован при печати книг и журналов за счет поддержки многостраничных документов. PDF - формат, который используется при работе с Adobe Photoshop и Illustrator. Для изменения дизайнов этот вариант лучше не использовать.</li>
54
<ol><li>PDF. Это универсальный формат, который позволяет корректно отображать самые разные картинки на устройствах. Он поддерживается многими программами. PDF-файлы исправно отображаются не только в приложениях, но и в системных программах, браузерах. Он особо востребован при печати книг и журналов за счет поддержки многостраничных документов. PDF - формат, который используется при работе с Adobe Photoshop и Illustrator. Для изменения дизайнов этот вариант лучше не использовать.</li>
55
<li>EPS. Еще один универсальный формат. Часто встречается в типографии и дизайне. Отображает графические элементы без искажений в любых масштабах. Не подойдет для работы с фото и художественными картинками, а также для размещения файлов в Интернете.</li>
55
<li>EPS. Еще один универсальный формат. Часто встречается в типографии и дизайне. Отображает графические элементы без искажений в любых масштабах. Не подойдет для работы с фото и художественными картинками, а также для размещения файлов в Интернете.</li>
56
<li>AI. Базируется на PDF и EPS. Может включать в себя связанные растровые изображения, но по умолчанию является векторным. Широко применяется в дизайне, создании значков и логотипов, подготовке одностраничных документов к печати.</li>
56
<li>AI. Базируется на PDF и EPS. Может включать в себя связанные растровые изображения, но по умолчанию является векторным. Широко применяется в дизайне, создании значков и логотипов, подготовке одностраничных документов к печати.</li>
57
<li>CDR. Рисунки такого формата подойдут для значков и логотипов, одностраничных документов в типографии. CDR помогает создавать рисунки векторного характера без Adobe Illustrator. А вот для корректировки фотографий этот вариант совершенно не годится.</li>
57
<li>CDR. Рисунки такого формата подойдут для значков и логотипов, одностраничных документов в типографии. CDR помогает создавать рисунки векторного характера без Adobe Illustrator. А вот для корректировки фотографий этот вариант совершенно не годится.</li>
58
<li>SVG. Формат, который идеально подойдет для создания иконок веб-страниц. Он может быть открыт любым браузером, а также даже элементарным текстовым редактором. У SVG есть язык разметки, входящий в подмножество XML. Данный формат идеален для создания мелких векторных рисунков, значков и иконок веб-страниц. Он будет менее тяжелым, чем GIF или JPEG. Для рисунков большого размера с большим количеством мелких деталей SVG использовать не рекомендуется.</li>
58
<li>SVG. Формат, который идеально подойдет для создания иконок веб-страниц. Он может быть открыт любым браузером, а также даже элементарным текстовым редактором. У SVG есть язык разметки, входящий в подмножество XML. Данный формат идеален для создания мелких векторных рисунков, значков и иконок веб-страниц. Он будет менее тяжелым, чем GIF или JPEG. Для рисунков большого размера с большим количеством мелких деталей SVG использовать не рекомендуется.</li>
59
</ol><p>Теперь понятно, что лежит в основе векторной графики, а также какие форматы она поддерживает. Изучить ее более детально помогут дистанционные компьютерные курсы.</p>
59
</ol><p>Теперь понятно, что лежит в основе векторной графики, а также какие форматы она поддерживает. Изучить ее более детально помогут дистанционные компьютерные курсы.</p>
60
<p><em>Хотите освоить современную IT-специальность? Огромный выбор курсов по востребованным IT-направлениям есть в <a>Otus</a>!</em> </p>
60
<p><em>Хотите освоить современную IT-специальность? Огромный выбор курсов по востребованным IT-направлениям есть в <a>Otus</a>!</em> </p>
61
61