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

Растерната карта е набор от цветни точки (обикновено правоъгълни) върху монитор, хартия и други дисплейни устройства и материали.

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

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

Точката на растерното изображение се нарича пиксел.

Ориз. 8.3.

пиксел

Припомнете си, че терминът "пиксел" ("пиксел") (от англ. пиксел, пел - съкращение за английски. пикс елемент , снимка клетка , снимка елемент – елемент на изображение) има две значения:

• 1) най-малкият елемент от двуизмерно цифрово изображение в растерната графика;
• 2) "физически" елемент от матрицата на дисплеите, които формират изображението. Пикселът е неделим правоъгълен или кръгъл обект, характеризиращ се със специфичен цвят (по отношение на плазмените панели).

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

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

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

GOST 27459–87 „Системи за обработка на информация. Компютърна графика. Термини и дефиниции“ Терминът „пиксел“ означава „най-малкият елемент от повърхността за визуализация, на който може независимо да се присвои цвета, интензитета и други характеристики на изображението“.

Характеристики на растерно изображение

Растерните изображения се характеризират със следните параметри:

• брой пиксели - броят на пикселите по ширина и височина (1024 x 768, 640 x 480 и т.н.) или общият брой пиксели могат да бъдат посочени отделно;
• разрешение - стойност, която показва възможния размер и детайлност на изображението;
• броя на използваните цветове или дълбочината на цвета;
• цветен режим - сиви скали, индексирани, RGB, CMYK и др.;
• цветово пространство (цветен модел ) - RGB, CMYK, LAB, HSV и др.

Ориз. 8.4.

Качеството на растерното изображение зависи от броя на растерните точки, от които се състои (фиг. 8.4). Основният показател за качество е разделителната способност на изображението, т.е. брой точки на единица дължина (инч, мм, см). Най-често измерваният брой точки на инч (eng.dpi - точки на инч) . По-голям брой точки дава повече подробности в изображението, но при запазване на такова изображение е необходимо да се запази информация за цвета на всяка точка и тъй като може да има до няколко милиона точки, размерът на запазения файл също ще бъде голям.

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

Растерните графики се създават от камери, скенери, директно в растерен редактор, както и чрез експортиране от векторен редактор или под формата на екранни снимки.

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

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

Растерни изображения

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

Както всеки жив организъм се състои от най-малките частици – клетки, така растерното изображение се състои от пиксели.

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

Защо този тип графика е толкова популярен?

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

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

Въпреки предимствата, растерът има сериозни недостатъци:

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

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

Векторни изображения

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

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

Такива графики се създават директно от хора с помощта на специализирани програми като Adobe Illustrator и Corel Draw. Трябва да имате специални умения за използване на тези програми, както и способността да рисувате. Разбира се, това не е достъпно за много хора, така че този тип графики не са толкова разпространени.

Векторните изображения се създават предимно за рекламната и дизайнерската индустрия.

Предимствата на векторната графика:

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

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

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

недостатъци:

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

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

Photoshop също така представлява най-простите векторни изображения.

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

И така, нека обобщим кратки заключения:

- растерните изображения са фотореалистични, а векторните изображения винаги показват, че са нарисувани;

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

Ако забележите грешка в текста, изберете я и натиснете Ctrl + Enter. Благодаря!

Ако сте опитен дизайнер, нямате нужда от тази статия, вероятно знаете разликата между растер и вектор и сте попаднали тук случайно. За всички новодошли тази разлика не само не е ясна, те дори не подозират, че има разлика.

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

Растерна графика.

Снимка printcnx.com

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

Пример: резолюция 600x800px.

Това буквално означава следното: вашата снимка съдържа 600 точки вертикално и 800 точки хоризонтално. Ако това изображение не е увеличено, гледано на екрана, тогава най-вероятно човешкото око няма да забележи мрежата.

Ако започнете да увеличавате или печатате на хартия, например размер А4, ще видите мозайка. Картината ще изглежда като модели за кръстосани шевове.

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

Едно растерно изображение заема повече дисково пространство от същото изображение, изобразено във вектор. Но тук е много важно да запомните, че това е вярно, ако сте „изобразили текста“ и ако сте снимали любимото си момиче на фона на червено Ferrari - векторът е безсилен тук, само растер.

Векторни графики.

Снимка printcnx.com

За разлика от растерното изображение, векторното изображение не се състои от отделни точки – пиксели. Логиката на векторното изображение е съвсем различна. Във векторните графични обекти има така наречените контролни точки, между тях има криви. Кривината на тези криви се описва с математическа формула. Това не означава, че дизайнерът трябва да бъде гуру на висшата математика и да помни формулите на всички видове хиперболи и параболи, дори синусоида няма да се налага да се описва. Всичко това се прави вместо вас от графичен редактор. Дизайнерът, знайте сами, поставя точките и "дърпа" кривата с мишката, за да постигне желаната форма.

Най-популярните векторни графични редактори са CorelDrow и Adobe Illustrator.

В печата често се използват векторни графики: брошури, листовки, визитни картички и др. продукти, които съдържат текст, лого, орнаментални шарки – всичко, което не изисква точно възпроизвеждане на всичките 18 нюанса на праскова и може да бъде описано с помощта на криви. Векторните изображения често се наричат ​​"в криви".

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

В резултат на това имаме:

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

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

Как смятате да използвате вашето лого: онлайн или в печат?

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

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

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

В растерен редактор (Gimp, Adobe Photoshop, Paint) изображението се разделя на квадратни елементи с еднакъв размер и всеки такъв елемент е описан отделно. Този квадратен графичен елемент се нарича елемент на картина (пиксел).

пиксел - най-малкият компонент на растерната графика. Един пиксел съдържа информация за местоположението по оста X иЙ , както и информация за цвета и прозрачността (алфа канал).

Изображенията, представени от пиксели, се наричат ​​растерни изображения, тоест разложени на елементи.

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

Важните характеристики за такива изображения са:

• Броят на пикселите е разделителната способност. Те могат да бъдат посочени отделно по ширина и височина (640x480; 1024x768), но понякога се посочва общият брой пиксели.
• Цветово пространство (цветен модел) RGB, CMYK, HSV и др.
• Броят на използваните цветове или дълбочината на цвета (тези характеристики имат следната връзка:н = 2 аз , където N е броят на цветовете, а I е дълбочината на цвета)

Разрешение

Разрешение - определя броя на единичните елементи на растерната карта за единица дължина на изображението.

Най-често срещаната мерна единица е dpi - броят на пикселите на инч дължина (1 инч = 2,54 см).

Но какво даима ли разрешение?

1 инч практически съвпада с 5 клетки в тетрадка и ако ги заобиколите и нарисувате върху една клетка, тогава разделителната способност на нашата "рисунка" ще бъде 5 dpi.

Сега ще намалим размера на клетка-пиксела с 4 пъти, ще боядисаме само една четвърт от клетката, в този случай разделителната способност ще се увеличи само 2 пъти, защото сега има 10 клетки-пиксела на една дължина

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

резолюция 300 dpi	резолюция 72 dpi

Брой цветове

Дълбочина на цвета - набор от цветове, използвани за показване на изображението.

• двуцветен - 1 бит на пиксел. Обикновено това са черно-бели изображения;

• полутон - 1 байт на пиксел (256 градации). Това са градации на сиво или друг цвят;

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

Концепция за растерно изображение

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

Всяко изображение има фиксиран брой пиксели. Можете да ги видите на екрана на монитора, повечето от които показват около 70 до 100 пиксела на инч (действителният брой зависи от вашия монитор и настройката на самия екран).

За да илюстрираме това, нека да разгледаме една типична икона на работния плот - My Computer, която обикновено е 32 пиксела широка и 32 пиксела висока. С други думи, има 32 цветни точки във всяка посока, които се комбинират, за да образуват такава икона.

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

Размер на изображението и разделителна способност

Растровите изображения зависят от разделителната способност. Разделителната способност на изображението е броят на пикселите в изображението на единица дължина. Това е мярка за остротата на детайла в растерното изображение и обикновено се нарича dpi (точки на инч) или ppi (пиксели на инч). Тези термини в известен смисъл са синоними, само ppi се отнася до изображения, а dpi се отнася до изходни устройства. Ето защо можете да намерите dpi в описанието на монитори, цифрови фотоапарати и т.н.

Колкото по-висока е разделителната способност, толкова по-малък е размерът на пикселите и повече от тях на 1 инч, и съответно, толкова по-добро е качеството на картината.

Разделителната способност се избира за всяко изображение поотделно и зависи от това къде планирате да го използвате:

• ако планирате да го използвате за публикуване в интернет, тогава разделителната способност се избира на 72 ppi, тъй като основният критерий за интернет е скоростта на изтегляне на изображенията, а не тяхното невероятно качество, поради което се избират подходящите файлови формати , където качеството далеч не е на първо място.
• ако искате да отпечатате изображение, разделителната способност трябва да бъде много повече от 72 ppi. Така че, за да отпечатате изображение с добро качество, неговата резолюция трябва да бъде в диапазона от 150-300 ppi. Това е основно изискване за фотопринтери, които отпечатват списания, каталози и продукти с малък формат (брошури, флаери, листовки).

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

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

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

Обобщавайки, можем да кажем това основните характеристики на растерните изображенияса:

• размер на изображението в пиксели
• битова дълбочина
• цветово пространство
• резолюция на изображението

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

Растерни формати

Най-често срещаните растерни формати са:

• JPEG, JPG

Преобразуването между формати на растерни изображения става много лесно, като се използва командата "Запиши като...", в менюто на която след името на файла избирате формата, в който искате да запишете изображението.

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

Програми за растерна графика

Най-популярните програми за работа с растерни графики:

• Адобе Фотошоп
• Adobe фойерверки
• Corel Photo-Paint
• Corel Paint Shop Pro
• Corel Painter
• Боя

Що се отнася до мен, редакторът на Adobe Photoshop е най-добрата от програмите.

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

Какво представляват векторните изображения

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

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

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

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

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

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

Обикновено векторните изображения се създават с помощта на специални програми. Не можете да сканирате изображение и да го запишете като векторен файл, без да използвате трасиращи трансформации в Adobe Illustrator.

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

Векторни формати

Най-често срещаните векторни формати са:

• AI (Adobe Illustrator);
• CDR (CorelDRAW);
• CMX (Corel валута);
• SVG (мащабируема векторна графика);
• CGM компютърен графичен метафайл;
• DXF AutoCAD.

Най-популярният векторен софтуер : Adobe Illustrator, CorelDRAW и Inkscape.

И така, каква е разликата между векторни и растерни изображения?

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