Компютърната графика е много широко понятие. При споменаването на този термин някой ще се сети за 3D шедьоври от студиата Pixar и Dreamworks, друг ще се сети за дигитална фотография, а трети ще си помисли, че говорим за дизайн. компютърни игри. Но със сигурност ще има и много хора, които ще свържат тази фраза векторни графики. Въпреки изключителната популярност на векторната графика, много потребители са напълно незапознати с функцията на векторните рисунки. Какво се крие зад думите "векторна графика" и защо е толкова търсена?

Един обикновен растерен чертеж е масив от точки. Този масив може да бъде изобразен с максимална или приблизителна точност. В първия случай растерната информация се предава без загуба, но заема много памет. Във втория случай графичното изображение може да се предаде с условна точност. Това предполага пряка аналогия със звука, който е компресиран "без осезаема загуба" в MP3 формат. За графики подобен формат е JPG. С умерено и не много висока степенкомпресия, оригиналният масив от точки е доста гадаем. Алгоритмите за изобразяване на растерна графика може да се различават, но същността им е една и съща - картината има твърда връзка с пикселната матрица.

Съвсем различен подход се използва за изобразяване на векторно изображение. Всяка векторна рисунка е създадена с помощта на геометрични фигури и криви. Използването на математика при описване на чертеж дава огромно предимство: при мащабиране на векторни елементи оригиналното изображение не губи никакво качество. Растерният чертеж, от друга страна, се държи по различен начин при преоразмеряване - линиите на обектите в изображението стават обрасли със забележим "гребен", когато се увеличават. Тези артефакти присъстват в изображението от самото начало, тъй като растерният чертеж априори не може да съдържа непрекъснати елементи - линии, геометрични фигури и т.н. Всичко това в растер изглежда като матрица от пиксели, която е толкова по-забележима, колкото повече се увеличава растерното изображение.

Не без недостатъци и векторни формати. Необходимостта от използване на прости елементи за изграждане на картина често се превръща в сериозна пречка за интерпретацията на сложна картина. Например, изключително трудно е да конвертирате обикновена пейзажна снимка във векторен формат, тъй като върху нея има много обекти и тяхната геометрия е много сложна.

В индустриалния печат векторните формати изглеждат еднакво добре при отпечатване на изображения от всякакъв размер - големи и малки. Растерните изображения, когато са увеличени, не само се превръщат в мозайка, но могат също да съдържат артефакти на компресия. Освен това векторните формати са удобни за използване в програмирането, тъй като лесно се описват с математически изрази.

Професионалните дизайнери използват инструменти, които са доказани през годините за създаване на векторна графика, например Adobe Illustratorи CorelDraw. Но за любител, който трябва бързо да създаде лого на тениска или техническа илюстрация, няма нужда да прибягва до толкова тромави и скъпи приложения. Можете да се справите с безплатни, а понякога дори и онлайн инструменти. С тяхна помощ можете да конвертирате растерно изображение във векторно изображение, да скицирате прост дизайн, да генерирате модел на гилош и т.н.

⇡ "Google Чертежи" е най-лесният векторен редактор, който винаги е под ръка

Най-известният, прост и достъпен онлайн векторен редактор е Drawings on Google Drive. Това уеб приложение е част от онлайн офиса на Google и е по-фокусирано върху сътрудничеството и добавянето на графични елементи към други типове офис документи, отколкото векторни графики. Въпреки това все още има някои основни инструменти за работа с него.

С уеб приложението Чертежи можете да създавате различни фигури, стрелки, надписи, графики с формули, да добавяте прави линии, криви, полилинии, стрелки и драсканици. Предлага се и за добавяне текстови елементи, внос растерни изображения. Векторните чертежи могат да бъдат импортирани, но не и редактирани (само преглед).

⇡ Autotracer - безплатен конвертор на растер към вектор

Когато става въпрос за сложни векторни рисунки, понякога е по-лесно да не ги създавате от нулата, а да векторизирате растерно изображение, тоест да го конвертирате във векторен формат. Този процес се нарича също проследяване.

Почти всеки векторен редактор има подходящите инструменти, но векторизацията може да стане още по-лесна с онлайн инструменти. Можете да намерите повече от една уеб услуга, която предлага подобни услуги. Например, безплатният ресурс Autotracer е много удобен. Може да се използва за конвертиране PNG файлове, BMP, JPEG и GIF във векторен формат и запишете във формат SVG, EPS, PDF, DXF.

Услугата е напълно безплатна, но има едно ограничение: размер изходен файлне трябва да надвишава един мегабайт. Преди конвертирането можете да зададете някои настройки: да определите броя на цветовете, които ще останат върху растерното изображение преди векторизацията, както и да се отървете от шума, да посочите в кои случаи линиите ще бъдат взети като криви. Самият процес е много бърз, така че ако качеството на крайния чертеж не е подходящо, винаги можете да експериментирате с настройките и да опитате отново.

⇡ Vector Paint е векторен редактор в Chrome, който може да работи без браузър

Vector Paint е уеб приложение за Google Chrome, създаден в HTML5, но може да работи без браузър. То принадлежи към ново поколение приложения, представени в началото на септември тази година. Можете да стартирате такива приложения директно от работния плот - отворен браузър, както и достъп до интернет не са необходими за използването им.

Vector Paint съдържа доста голяма колекция от различни предварително зададени форми, които могат да се използват в проекти: има часовници, облаци, стрелки, животни, бележки и много други. Формите могат да се създават и ръчно с помощта на прави и начупени линии, инструмент за рисуване на произволни фигури, правоъгълник, елипса. За всеки елемент е възможно да изберете цвят, дебелина и вид на щриха, както и цвят на запълване, да го направите частично прозрачен, да добавите един от многото ефекти (изкривявания, сенки, текстури, псевдо-3D и др.) . Има и инструменти за управление на елементите в проекта: те могат да бъдат преместени отпред или преместени назад. За по-точно подреждане на елементи има много инструменти за подравняване, можете също да включите дисплея на линийката.

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

Vector Paint предоставя и други добавки, които могат лесно да се добавят към приложението. Това са разширени функции за работа с текст (допълнителни шрифтове, настройка на интервали, отделни елементи от надписи), добавяне на маркери, използване на изображения за създаване на повтарящи се шаблони върху формуляри. От менюто Plugins също са включени Допълнителни опциищрихи и запълвания.

Завършените проекти се записват във формат SVG и могат да се експортират в PNG и JPEG.

⇡ SVG-Edit - онлайн векторен редактор

SVG-Edit е базиран на JavaScript векторен редактор, който може да работи във всеки браузър. Може да се използва като онлайн услуга (в този случай за достъп се използва демо адрес), както и като уеб приложение (в този случай трябва да изтеглите архива с SVG-Edit файлове, да го разархивирате и да стартирате файл на приложението във всеки браузър).

SVG-Edit работи напълно със SVG файлове, което прави възможно както запазването на проекти в този формат, така и отварянето на такива файлове и извършването на промени в тях. В допълнение, SVG файлът може да бъде импортиран в проекта като отделен елемент.

Полилинии, правоъгълници, квадрати, елипси, кръгове, многоъгълници, контури, текст могат да се използват за създаване на векторни графични елементи в SVG-Edit. Възможно е запълване на елементи с цвят, както и използване на градиенти, включително радиални. Поддържа работа със слоеве, показване на мрежа и показване на елементи под формата на телена рамка. Има инструменти за промяна на разположението на елементите (горе, долу), за бързо клониране на избрани векторни форми, за групирането им. Много команди са достъпни от контекстно меню(както в обикновените настолни редактори). Много внимание се обръща на инструментите за подравняване върху платното: можете да подравнявате елементи по отношение на избраните обекти, към най-големия или най-малкия обект.

Програмата има голяма библиотека от готови форми (същата, използвана във Vector Paint), но в допълнение е реализиран достъп до огромна безплатна библиотека от векторни графични елементи IAN Image Library. За да работите с него, е необходима регистрация, но след това можете да видите колекции от векторни графични образци директно от редактора и веднага да ги добавите към текущия или нов проект.

⇡ Chittram - прост онлайн редактор

Chittram е друг векторен редактор, който може да работи като уеб приложение. За разлика от SVG-Edit, той се изпълнява като пълноценна онлайн услуга с възможност за запазване на проекти на сървъра. За да видите и редактирате предварително създадени проекти, използвайте Сметка Google.

Възможностите на Chittram са по-скромни от тези на SVG-Edit, но този редактор със сигурност ще изглежда по-удобен за начинаещи потребители. Приложението има възможност да използва растерно изображение като фон, но не можете да изберете картина от вашия твърд диск - можете само да посочите връзка към файла. Няма импортиране и на локални векторни изображения, но можете да добавяте файлове от потребителската галерия на уеб услугата към проекта и да ги редактирате. Сайтът реализира търсене в галерията по ключови думи, както и етикети.

За да създадете свои собствени проекти, можете да използвате стандартен комплектинструменти: прави линии, криви, криви на Безие, многоъгълници, кръгове, овали, правоъгълници и квадрати. Предлага се и създаване на текст. За всеки елемент е възможно да се зададе размер на щриха, цвят на запълване, цвят и посока на градиента, процент на прозрачност. За по-точно рисуване можете да използвате мрежата, за която се регулира размерът на клетката. Можете също да контролирате размера на платното и неговата ориентация.

Ако вашият проект използва няколко формуляра, е удобно да се покаже панел, който изброява всички елементи. Използва се за преименуване и бързо избиране на обекти. Същият панел се използва за работа със слоеве.

⇡ Inkscape е пълна алтернатива на търговските пакети

Векторният редактор Inkscape има много предимства. Първо, той е междуплатформен (може да работи в Windows среда, Linux, Mac). Второ, поддържа голямо числопопулярен векторни формати, включително SVG, SVGZ, EMF, DXF, EPS, PostScript, WMF и други.

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

Струва си да се обърне внимание на вградените инструменти за векторизация на растерни изображения. За да се гарантира, че проследяването на снимките взема предвид важни обектина преден план се активира алгоритъмът SIOX (Simple Interactive Object Extraction), за да помогне за автоматичното идентифициране на такива обекти.

⇡ ZebraTRACE - безплатно създаване на гилош

Всякакви банкноти, както и документи от национално значение (дипломи, сертификати, сертификати и т.н.) се разпознават лесно с един поглед. Тази "разпознаваемост" на дизайна на документа се дава от фини повтарящи се шарки, които преминават през основния чертеж. Такива линии се наричат ​​гилош.

Гилошите могат да бъдат нарисувани на ръка във векторен редактор, но без специални допълнения и умения за създаване на такива модели, този процес може да се забави. Безплатна помощна програма ZebraTRACE помага при тези предизвикателства.

Тази програма проследява изображения и ги комбинира с шаблон на гилош. ZebraTRACE използва параметрично генериране на гилош. Всеки тип модел, който може да бъде създаден с приложението, се определя от математическа формула. Така че, ако има желание и свободно време за експерименти, потребителят може да получи уникални рисунки.

Създаването на нови гилоши е много лесно. Опитайте да направите малки промени във формулата за генериране на шаблон, като например промяна на стойността на коефициента от 2 на 3, и моделът ще се промени. За тези, които не искат да проявяват творчество със ZebraTRACE, програмата включва дузина и половина предварително зададени настройкис формули, които ви позволяват да получите най-обикновените гилоци.

⇡ Заключение

Безплатните инструменти за векторна графика не са толкова често срещани, колкото бихте искали, но те съществуват. Също така е добре, че с развитието на стандарта HTML5 и други уеб технологии това стана възможна употребабраузър като векторен графичен редактор - преди човек можеше само да мечтае за това. За прости проекти такива инструменти спестяват много време и ако използвате Inkscape, обикновено можете да откажете да закупите векторен редактор за дизайнерски нужди.

Програмата за векторна графика е софтуерен продукт, който работи в съответната област на компютърните знания. Както знаете, има два вида графика - растерна и векторна. Последният е известен с това, че не губи памет при мащабиране. Това се обяснява с факта, че не се работи с точки, а с вектори - координатни уравнения. Работят с програми за растерна и векторна графика различни видовеизображения и резултатът също е различен.

Съвременна компютърна графика

Тази технология в много области става за предпочитане пред растерната. Най-високото качество във всеки размер, който искате, е сбъдната мечта. Работата с векторна графика, разбира се, изисква повече подробности, ако имате нужда от изображение. голям формат. Но резултатът е невероятен.

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

CorelDraw е един от най-известните представители на векторната графика.

Програмата за векторна графика CorelDraw е много ярък пример за яснота. Разполага с достатъчен брой инструменти за всякакъв размер без загуба на качество. Често се противопоставя на програмата Photoshop - известният представител

Програмата за векторна графика CorelDraw се използва предимно за създаване на лога, емблеми, с нейна помощ се реализират идеи за търговски марки, също така е постоянен колега на оформлението на книги и списания.

Основните предимства на тази програма са възможността за промяна на размера и формата на изображението.

Adobe Illustrator

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

3D и специални ефекти в реално време, голям брой инструменти за рисуване - всичко това се прави от Adobe Illustrator мощна програмавекторни графики. Не е за нищо, че толкова дълго не е загубила популярността си, а само я спечели - поради своята актуалност.

Безплатни аналози

Двете предишни разглеждани програми само потвърждават правилото, че трябва да плащате за качество. И Corel, и Illustrator официално струват много пари. Разбира се, не е толкова трудно да намерите пиратски версии, преопаковки и преносими версии безплатно в интернет, но не и лицензиран оригинал.

И така, време е да запомните, че най-често срещаните не означава единствените.

inkscape

Inkscape е пълен професионален инструмент за векторна графика. Налична е не само програмата, но и нейната източник- всичко това са признаци на Linux-програми, чиито Windows-версии наскоро завладяха пазара. Те са с високо качество и лесни за използване.

Inkscape напълно отговаря на очакванията на майсторите на дизайна, предлагайки им избор от различни инструменти за рисуване, мощно трасиране и отлична работа с цветове. Освен всичко друго, програмата поддържа най-често срещаните

Когато говорим за безплатни аналозивекторни продукти, Inkscape се запомня първи. И не напразно. Може спокойно да се постави в един ред с Illustrator, а по отношение на цената и натоварването на системата дори ще го заобиколи с няколко точки.

Creature House Expression

Този софтуерен инструмент също не е за аматьори. Те се използват от професионалисти за тяхната работа.

Creature House Expression е разделена на два периода в своята история.

За първи път той се обяви за иновативен софтуерен продукт. Факт е, че един от недостатъците на векторната графика е трудността да се получи "живо" изображение. Растерът (в който например се редактират снимки) се справя много по-добре с това. Creature House Expression се опита (и доста успешно, трябва да кажа) да поправи това. Наборът от четки в този продукт се оказа толкова невероятен, че накрая се оказа, че можете да рисувате с вектор, сякаш изобщо не е векторна графика. Изображенията станаха много реалистични.

През 2003 г. Microsoft купи компанията, която стои зад Expression, стандартизира я, даде й името си. Но също и оригиналът и, което е важно, безплатна версиятова софтуерен инструментвсе още може да бъде изтеглен от официалния уебсайт на настоящия му производител-собственик.

Microsoft Expression Design

Microsoft Expression Design - това е новото име на разгледаното в предишния параграф софтуерен продукт. И да, тази версия също е напълно безплатна. Вярно, само за студенти и за да го получите, трябва да изпратите специална заявка, потвърждаваща този статус. Отговорът идва доста бързо.

Microsoft Expression Design се отдалечи от своя произход и, както вече споменахме, сега е по-подходящ за „стандартите" на вектора. Но все още има много функции и целият набор от инструменти напълно удовлетворява средния илюстратор или уеб дизайнер.

Aviary Raven

Липсата на необходимост не само от плащане, но и от инсталиране отличава тази програма. Да, точно така, Aviary Raven е онлайн. И това щеше да понижи статуса й в очите на мнозина, ако не беше едно - тя далеч не е примитивна.

Предварителната регистрация ви позволява да запазите вашите шедьоври в акаунта си и след това да ги експортирате. И за да създадете тези шедьоври, Aviary Raven предоставя много функции, инструменти и опции. Да, не е пълен, но много близо до него. Най-малкото, ако по някаква причина няма време / възможност за инсталиране на програмата, Aviary Raven бързо ще дойде на помощ. А акаунтът ще ви позволи да имате достъп до работата си от всеки компютър, независимо колко далеч е потребителят от работното си място!

3D векторна графика

Двуизмерна графика - графика, грубо казано, "плоска", работи (както подсказва името) само с две измерения. Следва триизмерна графика, с помощта на която се създават триизмерни обекти.

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

3D графиката работи както с растерни, така и с векторни илюстрации.

Corel Motion Studio 3D

Corel MotionStudio 3D - най-простата програма 3D графики. Това обаче ясно демонстрира възможностите на този вид. На първо място, както вече беше споменато в предишния параграф, можете да импортирате както растерни, така и векторни файлове в него, както и да създадете нещо свое в него от нулата. Corel MotionStudio 3D има много различни ефекти и предварително зададени настройки, но мнозина го смятат за несериозен. В същото време, ако трябва да направите анимирана картина бързо, без да разбирате ненужни тънкости и нюанси, това е, от което се нуждаете.

Графичен редакторса компютърни инструменти за получаване и обработка графични изображения: чертежи, картини, рисунки, диаграми, графики и др., които се получават на екрана на монитора и могат да бъдат отпечатани.

Моля, обърнете внимание, че в съвременните графични редактори по правило е възможно да се работи както с растерни, така и с векторни обекти. Например, използвайте криви на Безие в растерни редактори, текстови знаци. Въпреки това остава преобладаващият фокус върху работата с графики от определен тип.

Редактори за работа с векторна графика:

Adobe Illustratorви позволява да създавате векторни изображения с всякакво ниво на сложност, като използвате стандартни инструменти за рисуване и възможности за управление на цветовете в тази област. Интуитивен интерфейс и лесен достъпвсички функции на приложението осигуряват професионално ниво на контрол върху целия процес на създаване на графики.

Corel Draw- един от най-мощните пакети, предназначени за създаване на векторна графика. С помощта на инструментите на CorelDraw можете да създавате илюстрации с различна сложност, брошури, лога и др. Програмата разполага с инструменти за редактиране на криви, създадени с мишката.

макромедия със свободна ръка- уникална многостранична среда за създаване на сложни илюстрации и оформления за публикуване в печат. За разлика от Adobe Illustrator, програмата поддържа работа с многостранични документи, което позволява да се използва за оформление. Започвайки от единадесетата версия на редактора, SWF филми могат да бъдат вмъкнати в документ.

inkscapeе безплатен векторен редактор. Има гъвкави инструменти за рисуване, мощен инструмент за текст и ви позволява да използвате криви на Безие и Корню.

Редактори за работа с растерна графика

АДОБЕ ФОТОШОПе безспорен лидер сред професионалните графични редактори поради най-широките си възможности, висока ефективност и скорост. Този редактор разполага с всички необходими инструменти за създаване, коригиране, редактиране и подготовка на изображения за печат.

Основната цел на програмата е създаване на фотореалистични изображения, работа с цветни изображения, ретуш, корекция на цветовете, колаж и др. Адобе Фотошопразполага с всички инструменти за работа с растерни изображения с възможност за работа с многослойни изображения.

БОЯДИСВАНЕ- прост растерен графичен редактор от Microsoft, който е част от операционната система Windows системи. Интуитивен и иновативен потребителски интерфейс. AT нова версия Paint.NET направи достъпно наслояване, както и безкрайно отмяна, специални ефекти и голямо разнообразие от други полезни инструменти.

COREL PHOTO-PAINTпредназначен за обработка на растерни фотографски изображения. С него можете да изпълнявате професионално обучениеизображения за публикуване, както в печатни медии, така и в интернет, също и в PDF формат. Разполага с инструменти за създаване на нестандартни програмни интерфейси, Web-графика, създаване на изображения на базата на монтаж, колаж, рисуване с четки и готови обекти.

Не е толкова популярен като Adobe Photoshop, но е сравним по отношение на технически възможности. GIMP- свободно разпространяван графичен растерен редактор, който поддържа повече от тридесет формата на изображения, съдържа инструменти за работа със слоеве, маски, филтри и режими на смесване. Арсеналът на програмата има огромен набор от инструменти за корекция на цветовете и обработка на всякакви снимки и изображения.Функционалността на графичния редактор може да бъде допълнена с множество добавки и разширения, написани специално за GIMP. Обикновено те се създават не от известни компании, а от обикновени програмисти, но въпреки това някои плъгини нямат аналози дори в известни програми за рисуване и редактиране на снимки.

GIMP поддържа филтри, четки, градиенти и палети. Четките могат да бъдат векторни, растерни и анимирани. Има поддръжка за четки на Photoshop.

Всеки използва редакторите на изображения по свой начин. Някои обработват снимки, други рисуват, трети правят рекламни материали. Всяка задача се нуждае от различен интерфейс.

GIMPподдържа графични таблетии други входни устройства, ви позволява да преконфигурирате интерфейса за специфичните нужди на всеки творец. Например, можете лесно да преназначите горещи клавиши, без дори да влизате в менюто с настройки.

GIMP е програма, създадена за милиони. За обработка на снимки е създал множество инструменти, филтри с удобен за потребителя интерфейс и информационни панели. Художниците ще се радват да работят с четки, които могат да реагират на натиск, посока и скорост през платното.

Както знаете, малките неща създават общата картина, тук има много малки "удобства". Например, първия път, когато стартирате GIMP, той ще открие езика на вашия операционна системаи ще общува с вас на вашия роден език.

Така се случи, че GIMP е безплатен софтуер. Това означава, че екип от професионалисти се занимава с разработването му; ентусиасти, които работят на доброволни начала.

GIMP, за разлика от Photoshop, е напълно безплатен графичен редактор и благодарение на GNU GPL лиценза, под който е създаден, може да се копира и разпространява без никакви ограничения. Може да се използва както в образователни институции, така и във всякакви търговски организации.

Ключови термини

Компютърна графика- Това е област от компютърните науки, която се занимава със създаването, съхраняването и обработката на различни изображения (чертежи, рисунки, анимация) на компютър.

Растерна графика- начин за представяне на изображения като колекция от отделни точки (пиксели) с различни цветове или нюанси.

Векторна графика- начин за представяне на обекти и изображения, базиран на математическото описание на елементарни геометрични обекти, обикновено наричани примитиви, като: точки, линии, сплайни, криви на Безие, кръгове и кръгове, многоъгълници.

пиксел- най-малкият елемент на изображението, точка.

Разделителна способност на изображението- степента на детайлност на изображението, броя на пикселите (точките), разпределени за единица площ.

Физически размер на изображението- височина и ширина на изображението в пиксели (за показване на екрана) или в единици за дължина (милиметри, сантиметри, инчове) - за печат на хартия.

цветен модел- описание на цветови нюанси чрез смесване на няколко основни цвята.

Файлов формат- структурата на файла, която определя как той се съхранява и показва на екрана или при отпечатване. Форматът на файла обикновено се посочва в името му, като част, разделена с точка (обикновено тази част се нарича разширение на името на файла).

В края на всеки модул е ​​даден списък с ключови термини. Те са създадени така, че ученикът да може да провери разбирането си и да дефинира всеки термин.

Учителите използват списък с термини при устни въпроси.

Всички ключови термини също са дефинирани в речник в края на курса, където са дефинирани, и в индекс, за да ви помогне да намерите къде са описани.

Кратко обобщение

Компютърната графика е област от компютърните науки, която се занимава със създаването, съхранението и обработката на различни изображения (чертежи, рисунки, анимации) на компютър.

Компютърната графика се разделя на векторна и растерна.

Растерното изображение е начин за представяне на изображение като колекция от отделни точки (пиксели) с различни цветове или нюанси.

Във векторната графика всички изображения се описват като математически обекти - контури, т.е. изображението е разделено на редица графични примитиви - точка, права линия, начупена линия, дъга, многоъгълник.

И двата метода за кодиране на графична информация имат свои собствени характеристики и недостатъци.

Степента на детайлност на изображението, броят пиксели (точки), разпределени за единица площ, се нарича разделителна способност.

Физическият размер на изображението може да бъде измерен както в пиксели, така и в единици за дължина (милиметри, сантиметри, инчове). Задава се, когато изображението е създадено и се съхранява с файла.

Цветните модели описват цветови нюанси чрез смесване на няколко основни цвята. Всеки цвят може да се разложи на нюанси на основните цветове и да се обозначи с набор от числа - цветови координати.

RGB цветови модел (червен (червен), зелен (зелен), син (син)).

За да опишете конкретен нюанс, трябва да опишете в скоби количеството (интензивността) на всеки от основните цветове: първо червено, след това зелено, след това синьо. Например (240, 160, 25) е оранжево.

CMYK цветови модел (циан (циан), магента (магента), жълто (жълто), черно (черно)).

Моделът се използва за получаване на печатен отпечатък. Цветен модел HSB

Модел HSB (H - Hue (оттенък), S - Saturation (насищане), B - Brightness (яркост))

Концепцията за векторни изображения не казва абсолютно нищо на по-голямата част от обикновените потребители на компютри. Дизайнерите от своя страна са все по-склонни да използват този тип графики за своите проекти.

Преди това, за да работите със SVG изображения, определено трябваше да инсталирате едно от специализираните десктоп решения като Adobe Illustrator или Inkscape на вашия компютър. Сега тези инструменти са достъпни онлайн, без да е необходимо изтегляне.

Като направите търсене в Google, ще можете да видите голямо количествовсички видове векторни онлайн редактори. Но по-голямата част от тези решения предлагат доста оскъдни възможности и най-често не позволяват работа със сериозни проекти. Ще обмислим най-добрите услугиза създаване и редактиране на SVG изображения директно в браузъра.

Разбира се, онлайн инструментите не могат напълно да заменят съответните настолни приложения, но за повечето потребители предложеният набор от функции ще бъде повече от достатъчен.

Метод 1: Вектор

Добре обмислен векторен редактор от създателите на добре познатата услуга Pixlr. Този инструмент ще бъде полезен както за начинаещи, така и за напреднали потребителиработа с SVG.

Въпреки изобилието от функции, ще бъде доста трудно да се изгубите в интерфейса Vectr. За начинаещи са предвидени подробни уроци и обемни инструкции за всеки от компонентите на услугата. Сред инструментите на редактора има всичко за създаване на SVG изображение: форми, икони, рамки, сенки, четки, поддръжка за работа със слоеве и др. Можете да нарисувате изображение от нулата или да качите свое собствено.

Възможностите за експорт включват и една от най-отличителните характеристики на Vectr - поддръжка за директни връзки към SVG проекта в редактора. Много ресурси не ви позволяват да качвате векторни изображения директно към себе си, но въпреки това позволяват тяхното показване от разстояние. В този случай Vectr може да се използва като истински SVG хостинг, което други услуги не позволяват.

Трябва да се отбележи, че редакторът не винаги обработва правилно сложни графики. Поради тази причина някои проекти може да се отворят във Vectr с грешки или визуални артефакти.

Метод 2: Скицник

Лесен и лесен за употреба уеб редактор за създаване на SVG изображения, базирани на платформата HTML5. Като се има предвид наборът от налични инструменти, може да се твърди, че услугата е предназначена изключително за рисуване. Със Sketchpad можете да създавате красиви, добре проектирани картини, но нищо повече.

Инструментът има широка гама от персонализирани четки с различни форми и типове, набор от форми, шрифтове и стикери за наслагване. Редакторът ви позволява напълно да манипулирате слоевете - да контролирате тяхното разположение и режими на смесване. Е, като бонус, приложението е напълно преведено на руски, така че не би трябвало да имате никакви затруднения с неговото разработване.


Метод 3: Метод Draw

Това уеб приложение е предназначено за основни операции с векторни файлове. Външно инструментът прилича на настолния Adobe Illustrator, но по отношение на функционалността тук всичко е много по-просто. Method Draw обаче има и някои функции.

В допълнение към работата с SVG изображения, редакторът ви позволява да импортирате растерни изображения и да създавате векторни изображения въз основа на тях. Това може да стане на базата на ръчно очертаване на контури с химикал. Приложението съдържа всичко необходими инструментиза оформление на векторни чертежи. Има разширена библиотека от форми, пълноцветна палитра и поддръжка за клавишни комбинации.


Method Draw определено не е подходящ за създаване на сериозни векторни проекти - причината за това е липсата на подходящи функции. Но поради липсата допълнителни елементии добре организирано работно пространство, услугата може да бъде чудесна за бързо редактиране или фина настройка на прости SVG изображения.

Метод 4: Gravit Designer

Безплатен уеб редактор за векторни графики за напреднали потребители. Много дизайнери поставят Gravit наравно с пълноценни десктоп решения, като Adobe Illustrator. Факт е, че този инструмент е междуплатформен, тоест е напълно достъпен във всички компютърни операционни системи, както и като уеб приложение.

Gravit Designer е в процес на активно развитие и редовно получава нови функции, които вече са достатъчни за оформяне на сложни проекти.

Редакторът ви предлага всякакви инструменти за рисуване на пътеки, форми, пътеки, текстови наслагвания, запълвания и различни персонализирани ефекти. Има богата библиотека от форми, тематични картинки и икони. Всеки елемент в пространството Gravit има списък със свойства, налични за редактиране.

Цялото това разнообразие е "опаковано" в стилен и интуитивен ясен интерфейс, така че всеки инструмент да е достъпен само с няколко кликвания.


Като се има предвид, че услугата е предназначена за пълноценна работа с векторни графики, тя може безопасно да се препоръча дори на професионални дизайнери. С Gravit можете да редактирате SVG изображения независимо от платформата, на която се намирате. Засега това твърдение е приложимо само за настолни операционни системи, но скоро този редактор ще се появи на мобилни устройства.

Метод 5: Janvas

Популярен инструмент за създаване на векторна графика сред уеб разработчиците. Услугата съдържа редица инструменти за рисуване с много адаптивни свойства. основна характеристика Janvas - възможност за създаване на интерактивни SVG изображения, анимирани с използвайки CSS. И във връзка с JavaScript, услугата ви позволява да създавате цели уеб приложения.

В умели ръце този редактор е наистина мощен инструмент, докато начинаещ, поради изобилието от всякакви функции, най-вероятно просто няма да разбере какво е какво.


Да, инструментът за съжаление не е безплатен. Но това е професионално решение, което не е полезно за всички.

Метод 6: DrawSVG

Най-удобната онлайн услуга, която позволява на уеб администраторите да създават висококачествени SVG елементи за своите сайтове възможно най-лесно. Редакторът съдържа впечатляваща библиотека от форми, икони, запълвания, градиенти и шрифтове.

С DrawSVG можете да конструирате векторни обекти от всякакъв вид и свойства, да променяте параметрите им и да ги изобразявате като отделни картини. Възможно е да се вграждат мултимедийни файлове на трети страни в SVG: видео и аудио от компютър или мрежови източници.

Този редактор, за разлика от повечето други, не изглежда като порт на браузъра на десктоп приложение. Отляво са основните инструменти за рисуване, а отгоре са контролите. Основното пространство е заето от платно за работа с графики.


Растерните редактори (като Photoshop и GIMP) използват растерни изображения за създаване на изображения.
Модерен графичен редакторизображенията се използват като програми за рисуване от нулата и като програми за редактиране на снимки. Растерните редактори ви позволяват да редактирате снимки и изображения на екрана на вашия компютър, както и да експортирате графики в различни формати, като например PNG или JPG.
GIMP - безплатно графичен редактор, който поддържа повече от тридесет формата на изображения, може да работи със слоеве, маски, филтри и режими на смесване. Арсеналът на програмата има огромна гама от инструменти за корекция на цветовете и обработка на всякакви снимки и изображения. Благодарение на удобния за потребителя интерфейс и приятните функции, научаването на работа в Gimp е много лесно.


Възможности на растерните графични редактори

GIMP работи чудесно с графични таблетии други входни устройства.

Динамика на четката.Можете да зададете степента на трептене за всяка четка, четките могат да реагират на степента на натиск, скоростта на движение и да променят своя цвят, размер, твърдост и непрозрачност в произволен ред.

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

Удобна работа с клипборда.Съдържанието на клипборда може веднага да се превърне или в ново изображение, или може да се използва като четка или текстура за запълване.

GIMP може да плъзгате и пускате почти всичко, което видите на екрана. Можете дори да плъзнете и пуснете цвят от лентата с инструменти върху изображението и в резултат на това цялото изображение или избрана част от него ще бъде запълнено с избрания цвят.

GIMP може архивиране на изображения в движение. Просто трябва да добавите към името на файла gzили bz2и изображението ще бъде компресирано. В бъдеще ще можете да отваряте такова изображение както обикновено.

Поддръжка на четки на Photoshopдава големи възможности за рисуване на дизайнери и художници.

Редактиране на селекцията.След създаване на правоъгълна или елипсовидна селекция, нейните размери и параметри могат да бъдат редактирани. Можете да преоразмерите селекцията или например да заоблите краищата на селекцията.

Движение на платното.В платното изображението може да се премести извън прозореца, което помага да се рисува по краищата на изображенията. Изображението може да се мести, докато центърът на изображението е във всеки ъгъл на платното. Това помага много, когато рисувате около краищата на чертеж.

Интуитивен инструмент безплатно разпределение. С един инструмент можете да създадете както многоъгълна селекция, така и селекция със свободна ръка. Всички точки на свързване на селекцията могат да бъдат редактирани преди прилагане на селекцията.

Параметър „Освободи се“. Може би не пълно отмяна на предишното действие, но частичното му отслабване чрез промяна на режима на смесване и непрозрачността.

Инструмент за подравняване. Слоевете могат да бъдат подравнени според определени параметри, от които се нуждаете. Правилото за подравняване може да бъде водач, активен слой или път за избор.

Избор на преден план.Много бърз и удобен инструмент, който съпоставя цветовете, които са на преден план, и след това създава селекция само от предния план. По всяко време границите на преден план могат да бъдат предефинирани с четка.

Локализация. GIMP е преведен на много езици. Той автоматично ще определи езика на операционната система по време на инсталацията и веднага ще започне да комуникира с вас на вашия роден език.

Редактирането на снимки е удоволствие.Има много добавки за стилизиране и подобряване на качеството на снимките. GIMP съдържа голям брой интуитивни инструменти за удобна работас цветна и фотокомпозиция.

Карта на изображението.Към стандартната компилация на GIMP е добавен плъгин, който може да създаде HTM маркиране и самата карта на изображението.

Интелигентно избелване.Когато десатурирате изображение, можете да изберете една от предложените опции за десатурация.

Поддръжка на файлов формат PSDосигурява добра интеграция с програми, които не поддържат файловия формат GIMP.

Инструмент за контури.Инструментът се използва за създаване на псевдовекторни криви. Внедрено, може би, много по-удобно, отколкото в повечето платени векторни редактори.

Когато изрязвате изображение, можете веднага да изберете регламентиза да помогнете за доброто рамкиране на изображението. Например „Правило на третото“, „Златно съотношение“, „Линии в центъра“.

Лесно създавайте свои собствени добавки.Всеки програмист може да създаде разширение на един от трите общи езика за програмиране, което може да разшири възможностите на редактора. Поради това са създадени голям брой такива добавки.

Действителният размер на слоя.Когато активирате един от слоевете, можете да видите неговите краища, дори ако е извън работното платно. По желание тази функция може да бъде деактивирана.

Сменяеми клавишни комбинации.В GIMP можете да преназначите повечето клавишни комбинации. Когато функцията за динамична промяна е активирана, горещите клавиши могат да се променят просто чрез задържане на курсора на мишката върху елемент от менюто и натискане на желаната клавишна комбинация.

вектор

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

Векторни графични файлови формати.
Широко използван векторен графичен файлов формат еWMFA, който се използва за съхраняване на колекция от графики на Microsoft Clip Gallery. Някои програми за обработка на изображения използват оригинални формати, които се разпознават само от самата създаваща програма (например векторният редактор OpenOffice Draw записва файлове в свой собствен форматSXD, а компютърната чертожна система Компас - във форматFRM).

Характеристики на векторни графични редактори

Редакторите за векторна графика ви позволяват да рисувате не само плоски, но и триизмерни обекти: куб, топка, цилиндър и други. Когато рисувате 3D тела, можете да зададете различни режимиосветеността на обекта, материала, от който е направен, качеството на повърхността и други параметри.

Векторните графични редактори са компютърни системи за рисуване. При класическото рисуване с молив, линийка и компас, чертожните елементи (сегменти, кръгове и правоъгълници) се конструират с точността, осигурена от инструментите за рисуване. Използването на компютърни системи за чертане ви позволява да създавате чертежи с много по-голяма точност. Освен това компютърните системи за чертане позволяват измерването на разстояния, ъгли, периметри и площи на начертани обекти (фиг. 1).


Ориз. 1. Компютърна система за чертане Компас

Редакторите за векторна графика също са системи за компютърно проектиране, които се използват в производството, тъй като предоставят възможност за внедряване на цялостна технология за проектиране и производство на детайли. На базата на компютърни чертежи, управляващи програми за металорежещи машини с числена програмно управление, в резултат на което могат да бъдат произведени детайли с висока точност от метал, пластмаса, дърво и други материали по компютърни чертежи.