HTML Diff
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