Описывает изображения с использованием прямых и изогнутых линий, называемых векторами, а также параметров, описывающих цвета и расположение. Например, изображение древесного листа описывается точками, через которые проходит линия, создавая тем самым контур листа. Цвет листа задается цветом контура и области внутри этого контура.
При редактировании элементов векторной графики изменяется параметры прямых и изогнутых линий, описывающих форму этих элементов. Можно переносить элементы, менять их размер, форму и цвет, но это не отразится на качестве их визуального представления.
Векторная графика не зависит от разрешения, т.е. может быть показана в разнообразных выходных устройствах с различным разрешением без потери качества. Векторное представление заключается в описании элементов изображения математическими кривыми с указанием их цветов и заполняемости. Еще одно преимущество — качественное масштабирование в любую сторону.
Увеличение или уменьшение объектов производится увеличением или уменьшением соответствующих коэффициентов в математических формулах. К сожалению, векторный формат становится невыгодным при передаче изображений с большим количеством оттенков или мелких деталей (например, фотографий). Ведь каждый мельчайший блик в этом случае будет представляться сложнейшей математической формулой или совокупностью графических примитивов, каждый из которых, является формулой. Наиболее популярными векторными редакторами являются Corel Draw, Corel XARA и Adobe Illustration.
Растровая и векторная графика
Растровая графика
Если в векторной графике базовым элементом изображения является линия, то в растровой графике — точки, называемые пиксели, расположенные на сетке. Растровая графика зависит от разрешения, поскольку информация, описывающая изображение, прикреплена к сетке определенного размера. При редактировании растровой графики, качество ее представления может измениться.
В частности, изменение размеров растровой графики может привести к «разлохмачиванию» краев изображения, поскольку пиксели будут перераспределяться на сетке. Вывод растровой графики на устройства с более низким разрешением, чем разрешение самого изображения, понизит его качество. Основой растрового представления графики является пиксель (точка) с указанием ее цвета.
При описании, например, красного эллипса на белом фоне приходится указывать цвет каждой точки как эллипса, так и фона. Изображение представляется в виде большого количества точек — чем их больше, тем визуально качественнее изображение и больше размер файла.
Т.е. одна и та же картинка может быть представлена с лучшим или худшим качеством в соответствии с количеством точек на единицу длины — разрешением (обычно, точек на дюйм — dpi или пикселей на дюйм — ppi). Кроме того, качество характеризуется еще и количеством цветов и оттенков, которые может принимать каждая точка изображения.
Чем большим количеством оттенков характеризуется изображения, тем большее количество разрядов требуется для их описания. Красный может быть цветом номер 001, а может и — 00000001. Таким образом, чем качественнее изображение, тем больше размер файла. Растровое представление обычно используют для изображений фотографического типа с большим количеством деталей или оттенков.
001 | Урок: Векторная и растровая графика. Особенности, свойства, отличия.
К сожалению, масштабирование таких картинок в любую сторону обычно ухудшает качество. При уменьшении количества точек теряются мелкие детали и деформируются надписи (правда, это может быть не так заметно при уменьшении визуальных размеров самой картинки — т.е. сохранении разрешения). Добавление пикселей приводит к ухудшению резкости и яркости изображения, т.к. новым точкам приходится давать оттенки, средние между двумя и более граничащими цветами. Распространены форматы .tif, .gif, .jpg, .png, .bmp, .pcx и др. Наиболее популярными программными средствами создания растровых изображений являютя: Painter компании Fractal Design, FreeHand компании Macromedia, Fauve Matisse, PixelPaint Pro компании Pixel Resources и Photoshop компании Adobe.
Таким образом, выбор растрового или векторного формата зависит от целей и задач работы с изображением. Если нужна фотографическая точность цветопередачи, то предпочтительнее растровый формат. Логотипы, схемы, элементы оформления удобнее представлять в векторном. Понятно, что и в растровом и в векторном представлении графика (как и текст) выводятся на экран монитора или печатное устройство в виде совокупности точек. В Интернете графика представляется в одном из растровых форматов, понимаемых браузерами без установки дополнительных модулей — GIF, JPG, PNG.
Из-за описанных выше особенностей представления изображения, для каждого типа приходится использовать отдельный графический редактор — растровый или векторный. Разумеется, у них есть общие черты — возможность открывать и сохранять файлы в различных форматах, использование инструментов с одинаковыми названиями (карандаш, перо и т.д.) или функциями (выделение, перемещение, масштабирование и т.д.), выбирать нужный цвет или оттенок.
Тенденция развития графических программ состоит в завоевании тех областей, для работы с которыми они изначально не предназначались. Таким образом, растровые и векторные редакторы стремятся сблизиться друг с другом по широте охвата и мощности своих средств. К примеру, Adobe Photoshop сейчас не является чисто растровым редактором, a CorelDRAW имеет довольно развитые средства работы с растровой графикой.
2. Графические редакторы, используемые для создания векторных и растровых изображений
Редакторы растровой графики
Microsoft Paint — простой (или лучше сказать — простейший) редактор, входящий в стандартную поставку операционных систем Microsoft. Он обладает набором простейших функций (кисточка, карандаш, резинка и т.д.), которые позволяют создавать незамысловатые картинки. К сожалению, для обработки графики он практически не пригоден. Картинку, которую вы видете справа — это большее, на что способен этот редактор.
Adobe Photoshop — на сегодняшний день это самый мощный пакет для профессиональной обработки растровой графики. Это целый комплекс, обладающий многочисленными возможностями модификации растрового рисунка, имеющий огромный набор различных фильтров и эффектов, причем есть возможность подключать инструменты независимых производителей.
Пакет предлагает, например, средства для восстановления поврежденных изображений, ретуширования фотографий или создания самых фантастических коллажей, которые только может позволить себе наше воображение. В общем, потенциал этого пакета поистене огромен. Начиная с версии 5.5 в пакет включена программа Adobe ImageReady, предоставляющие огромные возможности по обработке графики под WEB (оптимизация изображений, создание анимированных gif, «разрезание» картинок на более мелкие и т.д.). Девиз разработчиков Adobe Photoshop — «Camera of your mind» — предполагает не только техническое совершенство, но и полную свободу творчества, на которую человек, работающий с этой программой, просто обречен.
PhotoPaint — еще один не менее известный графический редактор (из пакета Corel Draw) для обработки растровой графики, конкурирующий с Adobe Photoshop. Здесь также имеются все необходимые инструменты для обработки графики, разнообразные фильтры, текстуры. Разница лишь в удобстве работы, интерфейсе и скорости наложения фильтров — наложение происходит немного медленнее.
Painter — редактор предоставляет великолепные возможности для эмуляции реальных инструментов рисования: графит, мел, масло и т.д. Также позволяет имитировать фактуру поверхности материалов, живопись, создавать анимацию. Очень удобен для разработки фоновых рисунков или Web-страниц в стиле живописи. Пользуясь это программой чуствуешь себя настоящим художником.
Существует еще ряд редакторов (Microsoft Photo Editor, Microsoft Photo DRAW), также позволяющих реализовать простейшие задачи, но не удовлетворяющих запросам профессионалов.
Редакторы векторной графики
Adobe Illustrator — пакет позволяет создавать, обрабатывать и редактировать векторную графику. По своей мощности он эквивалентенрастровому редактору Adobe Photoshop: имеет аналогичный интерфейс, позволяет подключать различные фильтры и эффекты, понимает многие графические форматы, даже такие как.cdr (Corel Draw) и.swf (Flash).
CorelDraw — безусловно, такой известный графический пакет не мог обойтись без средств для обработки векторной графики. Пакет по своей мощности практически не уступает графическим редакторам Adobe Photoshop и Adobe Illustrator.
Помимо обработки векторной графики, в этом пакете существует обработчик растровой графики (Photo Paint), трассировщик изображений, редактор шрифтов, подготовки текстур и создания штрихкодов, а также огромные коллекции с изображениями (CorelGallery). Adobe Streamline — еще один продукт фирмы Adobe, предназначенный для трассировки (перевода) растровой графики в векторную. Это небольшой, но очень полезный и мощный продукт. Особенно полезен, если вы создаете Web-страницы с использованием векторной графики, например, технологии Flash.
3. Понятие трехмерной графики. Редакторы, используемые для создания трехмерных изображений
Трёхмерная графика (3D, 3 Dimensions, измерения) — раздел компьютерной графики, охватывающий алгоритмы и программное обеспечение для оперирования объектами в трёхмерном пространстве, а также результат работы таких программ. Больше всего применяется для создания изображений в архитектурной визуализации, кинематографе, телевидении, компьютерных играх, печатной продукции, а также в науке.
Источник: smekni.com
Векторный и растровый графические редакторы
Какими бывают редакторы? «Текстовыми, видео, графическими», — наверняка ответят девять человек из десяти. И, конечно, ответ на этот вопрос знают все, кто знаком с компьютером. Но если копнуть чуть поглубже. «Какие виды графических редакторов существуют?» — при этом вопросе очень многие впадают в ступор и выясняется, что они никогда даже не думали об этом. А между тем программы, относящиеся к разделу «Графические редакторы», делятся на две группы. Сегодня мы и рассмотрим, на какие именно.
Растровые редакторы
Самый распространенный растровый графический редактор, имеющийся у каждого в компьютере в списке «Стандартные программы» — это, конечно же, Paint. Вряд ли вы не пользовались этой программой, создавая рисунок или редактируя какое-нибудь фото. Почему он называется растровым?
Такую классификацию имеет программное обеспечение, занимающееся созданием и обработкой растровых изображений. Это рисунки, которые на экране компьютера отображаются в виде сетки цветных точек или пикселей. При увеличении их можно увидеть (фото). А с помощью таких редакторов их можно создавать и изменять. Работать с этими программами проще всего.
Векторные графические редакторы
Данные редакторы часто считают противоположными растровым. Но на самом деле возможности этих программ нередко дополняют друг друга. Графические редакторы, называемые векторными, используют, создавая типографику, разметку страниц, мультипликационные иллюстрации, логотипы и диаграммы, а также блок-схемы. Изображения, созданные с помощью векторных графических редакторов, даже при их увеличении выглядят так:
Бесплатные графические редакторы
Понятно, что для создания действительно качественного рисунка нужен не только Paint, но и другие, более современные и усовершенствованные графические редакторы. При этом 99,9 процентов людей хотят, чтобы установка и использование этих редакторов были полностью бесплатными. Разумеется, платные графические редакторы имеют больше возможностей, но все-таки на них надо потратиться. Так что подавляющее большинство пользователей будет все же искать бесплатные программы. Ниже приведены примеры наиболее популярных бесплатных растровых и векторных графических редакторов.
Бесплатный векторный – Inkscape
Программа была создана в 2005 году несколькими людьми, решившими организовать новый проект, который они назвали Inkscape. Она получила одобрение пользователей и почти сразу же вступила в Google Summer of Code. Сегодня является самым популярным векторным графическим редактором в Интернете.
Бесплатный растровый – Adobe Photoshop
Программа Adobe Photoshop или, как ее окрестили в народе, «Фотошоп», появилась гораздо раньше Inkscape. Первая версия была создана в 1988 году студентами Мичиганского института Томасом и Джоном Ноллами. Выход последней ее версии состоялся 7 мая 2012 года. Эта программа является самой популярной среди бесплатных растровых редакторов.
Заключение
Выше были описаны родоначальницы графических редакторов, и они на сегодняшний день являются бесплатными. Но это отнюдь не все программы, относящиеся к группе «графические редакторы». На сегодняшний день их создано более десятка. И, возможно, через пару лет их количество пополнится.
Источник: www.syl.ru
Растровая и векторная графика: в чём разница
Если сильно приближать картинки, то некоторые из них становятся размытыми и как будто распадаются на точки-пиксели, а некоторые остаются без изменений. Первые, как правило, — это иллюстрации, фотографии, мемы, кадры из фильмов, а вторые — символы, логотипы, абстракции.
Разница кроется в типе графики: она бывает растровой и векторной. В этом материале разберёмся, в чём отличия между этими форматами и как использовать их в работе.
Оглавление
- Что такое растровая графика
- Что такое векторная графика
- Что в итоге: разница растровой и векторной графики
Что такое растровая графика
Растровая графика передаёт изображения через точки-пиксели. В этом формате удаётся использовать широкую цветовую гамму, реализовать множество деталей иногда добиться фотографической точности.
Ниже пример растрового изображения. Как видим, при многократном увеличении оно начинает распадаться на пиксели.
Пример растровой графики — фоторепродукция картины Гранта Вуда «Американская готика». Источник: Wikimedia Commons
Плюсы
- Можно делать максимально реалистичные изображения с глубокими нюансами цвета. Качество картинки зависит от разрешения (количества пикселей).
- Широкое применение растра — нет сложностей с его распаковкой и обработкой при передаче.
Минусы
- Значительные потери качества при масштабировании — у картинки есть предельный размер. Как только вам потребуется сильнее увеличить изображение, вы увидите пиксели.
- Большой объём занимаемой памяти — чем больше в картинке нюансов, передаваемых пикселями, тем она тяжелее. Картинку можно сжать, но тогда она потеряет в качестве.
Форматы
Чаще всего растровые изображения сохраняют в JPEG, GIF, PNG. Редактируют и создают такие файлы в Adobe Photoshop, Adobe Illustrator, Lightroom, Figma, SAI, Paint, Procreate.
Алёна Митрофанова
Где применяют
Растр более распространён, чем векторная графика. Связано это с тем, что в растре можно использовать больше стилистических приёмов и получить более сложные, интересные и запоминающиеся картинки. Растровые изображения — это не только фото, но и различные иллюстрации, инфографика.
В digital-иллюстрации чаще всего работают именно в растре, а не в векторе. Чаще всего визуалы не нужно бесконечно масштабировать и их размеры заранее известны, поэтому растр используют для контента в соцсетях, иллюстраций в блогах, фотокарточках в маркетплейсах. Можно сказать, что растр — основной визуальный формат в графическом дизайне.
Курсы по графическому дизайну
Длительность
10 месяцев
17 месяцев
Что такое векторная графика
В векторной графике изображения формируют через кривые, которые заданы математическими формулами. Картинку создают с помощью отдельных элементов: точек, эллипсов, прямоугольников, кривых. Обычно векторные картинки довольно примитивные и схематичные.
Типичный пример векторной графики — такие простые схематичные изображения. Источник: Pixabay
Рассмотрим на примере векторного изображения ниже. Хотя картинка довольно качественная, даже неопытному глазу понятно, что это не фото: изображение нереалистично. Доказательство: при многократном увеличении мы не видим точек, видны линии.
Векторное изображение дерева, источник: freepick.com
Для наглядности мы конвертировали растровую фоторепродукцию в векторный формат. На изображении ниже видно, почему вектор не используют для сложных по цветовой гамме проектов. При конвертации значительно потеряно качество, все переходы оттенков цвета обозначены границами кривых. А при увеличении такого изображения мы видим точки и кривые, из которых состоит объект.
Пример конвертации из растрового JPG в векторный формат SVG.
Плюсы
- Небольшой вес изображения в сравнении с растром.
- Масштабирование без потерь качества картинки.
- Возможность конвертации в растровый формат без потерь качества.
- Легко создавать и редактировать в любой момент — добавлять или удалять элементы, менять цвета.
Минусы
- Не подходит для создания изображений с широкой цветовой гаммой: каждый оттенок придётся задавать отдельным элементом. А это, в свою очередь, сведёт на нет одну из причин использования вектора — малый вес изображений.
- Ограниченное количество стилистических приёмов, поэтому векторные изображения довольно похожи друг на друга.
Форматы
Самые популярные форматы SVG, EPS, AI, PDF, CDR. Для создания векторных файлов дизайнеры используют CorelDRAW, Adobe Illustrator, Figma.
Источник: digital-academy.ru