График программуудын талаар ярилцахын тулд эхлээд растер ба вектор дүрс гэсэн 2 хэмжээст графикийн үндсэн хоёр төрлийн ойлголт, ялгааг ойлгох хэрэгтэй. Ялангуяа та графиктай ажиллахаар төлөвлөж байгаа бол энэ нь маш чухал хичээл юм.

Растер зургийн тухай ойлголт

Растер зургууд ньБие даасан өнгөт жижиг тэгш өнцөгт цэгүүдээс бүрдсэн зургууд - пикселүүд - хоорондоо уялдаатай. Пиксел бүр нь зураг дээрх өөрийн гэсэн тусгай байршил, өөрийн гэсэн өнгөний утгатай байдаг.

Зураг бүр нь тодорхой тооны пикселтэй байдаг. Та тэдгээрийг дэлгэцийнхээ дэлгэц дээр харж болно, ихэнх нь нэг инч тутамд 70-100 пикселийг харуулдаг (бодит тоо нь таны дэлгэц болон дэлгэцийн тохиргооноос хамаарна).

Үүнийг харуулахын тулд ердийн ширээний дүрс болох My Computer дүрсийг харцгаая, энэ нь ихэвчлэн 32 пикселийн өргөн, 32 пиксел өндөр байдаг. Өөрөөр хэлбэл, ийм дүрсний дүрсийг бүрдүүлэхийн тулд чиглэл бүрт 32 өнгөний цэгүүд байдаг.

Энэ зургийг жишээн дээрх шиг томруулж үзвэл та тодорхой өнгийн дөрвөлжин тус бүрийг тодорхой харах боломжтой болно. Арын дэвсгэр дээрх цагаан хэсгүүд нь нэг цул өнгийг төлөөлдөг хэдий ч тусдаа пиксел гэдгийг анхаарна уу.

Зургийн хэмжээ, нягтрал

Растер зураг нь нягтралаас хамаарна. Зургийн нягтрал гэдэг нь зургийн нэгжид ногдох пикселийн тоо юм. Энэ нь растер зургийн нарийвчлалын хэмжүүр бөгөөд ихэвчлэн dpi (нэг инч дэх цэг) эсвэл ppi (инч тутамд пиксел) гэж нэрлэдэг. Эдгээр нэр томъёо нь зарим талаараа ижил утгатай бөгөөд зөвхөн ppi нь зургийг, dpi нь гаралтын төхөөрөмжүүдийг хэлдэг. Ийм учраас та монитор, дижитал камер гэх мэтийн тайлбараас dpi-г олох боломжтой.

Нарийвчлал өндөр байх тусам пикселийн хэмжээ багасч, 1 инч тутамд илүү их байх тусам зургийн чанар сайжирна.

Нарийвчлалыг зураг тус бүрээр сонгох бөгөөд үүнийг хаана ашиглахаар төлөвлөж байгаагаас хамаарна.

• Хэрэв та үүнийг интернетэд нийтлэхийн тулд ашиглахаар төлөвлөж байгаа бол нягтрал нь 72 ppi-ээр сонгогддог, учир нь Интернетийн гол шалгуур нь зураг ачаалах хурд бөгөөд тэдний гайхалтай чанар биш, тиймээс файл хадгалах тохиромжтой форматыг сонгосон байдаг. , чанар нь нэгдүгээрт байдаггүй.
• Хэрэв та зураг хэвлэхийг хүсвэл нягтрал нь 72 ppi-ээс их байх ёстой. Тиймээс зургийг сайн чанартай хэвлэхийн тулд түүний нягтрал нь 150-300 ppi хооронд байх ёстой. Энэ нь сэтгүүл, каталог, жижиг хэлбэрийн бүтээгдэхүүн (товхимол, сурталчилгааны хуудас, сурталчилгааны хуудас) хэвлэдэг гэрэл зургийн үйлдвэрүүдэд тавигдах гол шаардлага юм.

Дээр дурдсанчлан растер зураг нь тэдгээрийн нягтралаас ихээхэн хамаардаг. Тийм ч учраас масштаблах үед пикселийн шинж чанараас шалтгаалан ийм зургууд үргэлж чанараа алддаг. Гэсэн хэдий ч, хэрэв та зургийн хэмжээг нэмэгдүүлэхээр шийдсэн хэвээр байгаа бол интерполяцийн аргыг ашиглах нь хамгийн сайн арга бөгөөд үүний тусламжтайгаар та маш сайн үр дүнд хүрч чадна. ТУХАЙ энэ аргаБид дараагийн хичээл дээр энэ тухай ярих болно.

Растер график дахь зургийн хэмжээ нь физик хэмжээЭнэ зураг хадгалагдаж буй файл. Энэ нь зургийн пикселийн хэмжээтэй пропорциональ байна.

Photoshop нь зургийн хэмжээ, нягтрал хоорондын хамаарлыг харуулдаг. Үүнийг Image цэсэнд байрлах Image Size харилцах цонхыг нээснээр харж болно. Эдгээр утгуудын аль нэгэнд өөрчлөлт хийх үед бусад бүх утгууд нь өөрчлөгдсөн утгын дагуу автоматаар тохируулагдах болно.

Дүгнэж хэлэхэд бид үүнийг хэлж чадна Растер зургийн үндсэн шинж чанаруудчанга яригч:

• зургийн хэмжээг пикселээр илэрхийлнэ
• бит гүн
• өнгөний орон зай
• зургийн нарийвчлал

Растер зургийн жишээ нь сканнердах, гэрэл зураг авах, растер засварлагчаар зурах, вектор дүрсийг растер дүрс рүү хөрвүүлэх замаар бүтээсэн аливаа гэрэл зураг, зураг юм.

Растер зургийн форматууд

Хамгийн түгээмэл растер зургийн форматууд нь:

• JPEG, JPG

Растер зургийн форматыг хөрвүүлэх нь маш хялбар бөгөөд "Хадгалах ..." командыг ашиглан цэснээс файлын нэрний дараа зургийг хадгалах форматаа сонгоно.

Зарим форматууд, тухайлбал GIF болон PNG нь дэвсгэрийн ил тод байдлыг дэмждэг. Үүний зэрэгцээ үүнийг мартаж болохгүй ил тод дэвсгэрХэрэв GIF эсвэл PNG зургийг өөр форматаар хадгалсан эсвэл өөр зураг руу хуулж буулгасан бол тийм биш байх болно.

Растер графиктай ажиллах програмууд

Хамгийн алдартай програмуудрастер графиктай ажиллахад:

• Adobe Photoshop
• Adobe Fireworks
• 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.

Тэгэхээр вектор болон растер зураг хоёрын ялгаа юу вэ?

Растер ба вектор зургийн талаархи нийтлэлийг нэгтгэн дүгнэхэд вектор дүрс нь растер дүрсээс олон давуу талтай гэдгийг бид итгэлтэйгээр хэлж чадна.

Энэ материалд бид растер ба вектор зургийн үндсэн ялгааг авч үзэх болно. Бид вектор болон растер графикийн бүх давуу тал, мөн ийм графикийг өөрийн зорилгодоо хаана ашиглах нь хамгийн тохиромжтойг сурах болно. Тиймээс та өөрөөсөө "Миний компьютерийн дэлгэцэн дээр гарч буй зураг юунаас бүрддэг вэ?" Гэсэн асуултыг өөрөөсөө олон удаа асуусан байх. Та гайхаж магадгүй, гэхдээ үнэндээ гэрэл зураг гэж байдаггүй!

Растер зураг гэж юу вэ?

Бодит байдал дээр бид зөвхөн харж байна цахим хувилбармонитор дээрх зургууд. Хэрэв бид ярих юм бол растер зураг, дараа нь компьютерийн санах ойд тоо, тэмдэгт хэлбэрээр хадгалагдана. Тэд аль хэдийн хамт байна тодорхой дараалалтодорхой газар нутгийг дүрслэх (бүрэлдэхүүн)зураг өөрөө. Энэ элементийг пикселээр дүрсэлсэн (тодорхой өнгөт эсүүд). Энэ ямар төрлийн пиксел болохыг харцгаая.

Үүнийг хийхийн тулд та зүгээр л зураг авч, томруулж болно. Тусгай квадратууд гарч ирснийг та анзаарах болно (доорх зураг). Зураг нь янз бүрийн өнгийн квадратуудад хуваагдаж эхлэв. Эдгээр квадратууд нь пиксел юм.

Камераас, гар утасны камераас авсан эсвэл интернетээс татаж авсан дурын растер зураг ийм л болж хувирдаг. Пиксел бүрийг миний хэлсэнчлэн тоо, тэмдгийн тодорхой дарааллаар дүрсэлсэн байдаг. Энэ дараалал юу болохыг та яаж олж мэдэх вэ? Тийм ээ, маш энгийн! Хэрэгслийг сонгоно уу " Пипетк» (ямар ч график редакторт байдаг)мөн хүссэн пиксел дээрээ зааж өгнө үү. Хэрэв та Photoshop програмыг шалгаж байгаа бол өнгөт палитр руу орох шаардлагатай болно.

Тэгэхээр, бидний дээр ярьсан зүйлээс юу гарах вэ. Хэрэв пикселийг тоо, үсгийн дарааллаар дүрсэлсэн бол тэдгээрийг амархан өөрчлөх боломжтой. Пиксел бүрийн тоо, үсгийг өөрчилснөөр бид түүний өнгийг өөрчлөх, өөрөөр хэлбэл пикселийг өөрөө засах боломжтой. Аливаа глобал залруулга хийх үед (жишээ нь, гэрэлтүүлгийг тохируулах)өөрчлөлтүүд тоон утгахэдэн мянган зургийн пиксел.

Одоо ойлголттой танилцацгаая вектор зураг. Харааны жишээг харуулахын тулд би бүтээхийг хичээх болно шинэ баримт бичиг. Цэс рүүгээ орцгооё" Файл» —> « Үүсгэх". Үүнийг вектор график бүтээхэд ашиглацгаая. Жишээлбэл, би багажийг авна" Өд» (2) . Энэ нь зайлшгүй шаардлагатай тохиргоо юм " Хэлбэрийн давхарга» (3) . Үүний дараа би цэгүүдийг зөв газруудад байрлуулна (4) . Үр дүн нь тодорхой тоо юм. Та үүнийг өөрийн үзэмжээр хийж болно.

Бид бүх цэгүүдийг холбосны дараа хэлбэр дүрс үүсч, давхаргад бяцхан вектор маск наасан байна. (5) . Энэ нь растер биш харин вектор хэлбэр гэдгийг харуулж байна.Үүнийг олон удаа нэмэгдүүлж, бууруулж болох бөгөөд чанар нь ямар ч байдлаар муудахгүй. Мэдээжийн хэрэг, энэ давхаргад янз бүрийн гэрэлтэх эффект, цус харвалт гэх мэтийг хэрэглэж болно.

Тэгэхээр растер зураг болон вектор дүрс хоёрын ялгаа юу вэ? Вектор зургууд нь растер дүрсээс ялгаатай нь Латин тэмдэгтээс илүү математикийн томъёогоор тодорхойлогддог. Тиймээс тэдгээрийг чанараа алдалгүйгээр нэмэгдүүлж, багасгаж болно. Томъёо нь хэвээрээ, зөвхөн масштаб өөрчлөгдөнө. Дүрмээр бол томьёо нь гөлгөр муруйг дүрсэлсэн бөгөөд ямар ч үнэ цэнээр энэ муруй жигд хэвээр байх болно.

Хэрэв та зургаа томруулж үзээрэй вектор график, тэгвэл та пикселүүд бараг харагдахгүй байгааг анзаарах болно, өөрөөр хэлбэл чанар нь ижил түвшинд хэвээр байна. Хэрэв та растер графикаар зургийг томруулж үзвэл чанар нь мэдэгдэхүйц алдагдах болно.

Ингэснээр вектор дүрсийг чанараа алдалгүйгээр томруулж болно. Ямар ч хэмжээгээр тэдгээрийг математикийн томъёогоор дүрсэлсэн байдаг. Растер зураг нь пикселийн дараалал юм. Хэсэг томруулахад чанарын алдагдал ажиглагдаж эхэлдэг. Зургийн хэмжээг багасгах үед алдагдлыг бас ажиглаж болно.

Вектор дүрсийг чанараа алдалгүйгээр томруулж томруулах шаардлагатай тохиолдолд ашиглахад тохиромжтой. Жишээлбэл, үүнд янз бүрийн нэрийн хуудас, лого, вэб сайтын сурталчилгаа болон бусад зүйлс багтаж болно. Adobe програм Photoshop нь вектор зурагтай ажиллах боломжийг олгодог ч растер засварлагч хэвээр байна. CorelDraw эсвэл Adobe Illustrator нь вектор зурагтай ажиллахад илүү тохиромжтой.

Тиймээс бид растер ба вектор дүрсийн тухай ойлголттой танилцсан. Миний хэлсэнчлэн гол ялгаа нь: вектор дүрсийг математикийн томьёогоор дүрсэлсэн бөгөөд чанараа алдалгүйгээр хүссэн хэмжээгээрээ томруулж болох бөгөөд үүнийг растер зургийн талаар хэлж болохгүй.

Гэсэн хэдий ч зөвхөн тэд төдийгүй олон вэб дизайнерууд вэбсайт дээрээ растер графикийг ихэвчлэн ашигладаг. Энэ нь ойлгомжтой, учир нь ийм графикууд илүү сэтгэл татам харагддаг. Гэсэн хэдий ч вектор графикийн гайхалтай жишээнүүд байдаг. Үүнээс гадна ийм ажил хамаагүй бага жинтэй байдаг. Ер нь судалж, хэрэгжүүлээрэй!

Растер, пиксел, түүвэрлэлт, нягтрал

Бүх төрлийн мэдээллийн нэгэн адил компьютер дээрх зургууд нь хоёртын дараалал хэлбэрээр кодлогдсон байдаг. Тэд үндсэндээ өөр хоёр кодчилолын аргыг ашигладаг бөгөөд тус бүр өөрийн гэсэн давуу болон сул талуудтай байдаг.

Шугаман ба муж хоёулаа хязгааргүй тооны цэгээс бүрдэнэ. Бид эдгээр цэг бүрийн өнгийг кодлох хэрэгтэй. Хэрэв тэдгээр нь хязгааргүй олон байвал бид энэ нь хязгааргүй хэмжээний санах ой шаарддаг гэсэн дүгнэлтэд шууд хүрдэг. Тиймээс зургийг "цэг тус бүрээр" кодлох боломжгүй болно. Гэсэн хэдий ч энэ санааг ашиглах боломжтой хэвээр байна.

Хар ба цагаан зургаас эхэлцгээе. Ромбыг дөрвөлжин болгон хуваасан дүрс дээр тор байрлуулсан байна гэж төсөөлөөд үз дээ. Энэ сүлжээг растер гэж нэрлэдэг. Одоо дөрвөлжин бүрийн хувьд бид өнгө (хар эсвэл цагаан) тодорхойлно. Хэсэг нь хар, нэг хэсэг нь цагаанаар будагдсан квадратуудын хувьд аль хэсэг нь (хар эсвэл цагаан) илүү том байхаас хамаарч өнгийг сонго.

Зураг 1.

Бидэнд пикселийн квадратуудаас бүрдсэн растер гэж нэрлэгддэг дүрс бий.

Тодорхойлолт 1

Пиксел(eng. pixel = зургийн элемент, зургийн элемент) нь та өөрийн өнгийг тохируулах боломжтой зургийн хамгийн жижиг элемент юм. "Ердийн" зургийг дөрвөлжин болгон хувааж, бид түүний ялгах ажлыг гүйцэтгэсэн - бид нэг объектыг тусдаа элементүүдэд хуваасан. Үнэн хэрэгтээ бидэнд нэг бөгөөд хуваагдашгүй зураг байсан - ромбын дүрс. Үүний үр дүнд бид салангид объектыг хүлээн авлаа - пикселийн багц.

Түүвэрлэлтийн үр дүнд олж авсан хар цагаан зургийн хоёртын кодыг дараах байдлаар бүтээж болно.

• цагаан пикселийг тэгээр, хар пикселийг нэгээр солих;
• Бид үүссэн хүснэгтийн мөрүүдийг ар араас нь бичдэг.

Жишээ 1

Үүнийг энгийн жишээгээр харуулъя:

Зураг 2.

Энэ зургийн өргөн нь $8$ пиксел тул хүснэгтийн мөр бүр $8$ хоёртын цифр буюу битээс бүрдэнэ. Тэг болон нэгийн маш урт гинжийг бичихгүйн тулд 4$ зэргэлдээх битүүдийг (тетрад) нэг арван арван оронтой тоогоор кодлож, арван зургаатын тооллын системийг ашиглах нь тохиромжтой.

Зураг 3.

Жишээлбэл, эхний мөрөнд бид $1A_(16)$ кодыг авна:

болон нийт зураг: $1A2642FF425A5A7E_(16)$.

Тайлбар 1

Бид ялгаж салгасны үр дүнд юу хожиж, юу алдсанаа ойлгох нь маш чухал юм. Хамгийн гол нь бид зургийг хоёртын кодоор кодлох боломжтой болсон. Гэсэн хэдий ч зураг нь гажуудсан - очир алмаазын оронд бид дөрвөлжин багц авсан. Гажуудлын шалтгаан нь зарим дөрвөлжин талбайд анхны зургийн хэсгүүдийг өөр өнгөөр ​​будсан боловч кодлогдсон зурагт пиксел бүр нэг өнгөтэй байх ёстой. Тиймээс кодчилол хийх явцад зарим эх мэдээлэл алдагдсан. Энэ нь жишээлбэл, зургийг томруулсан үед харагдах болно - квадратууд томорч, зураг улам бүр гажсан болно. Мэдээллийн алдагдлыг багасгахын тулд та пикселийн хэмжээг багасгах, өөрөөр хэлбэл нарийвчлалыг нэмэгдүүлэх хэрэгтэй.

Тодорхойлолт 2

Зөвшөөрөлзургийн хэмжээ нь инч тутамд пикселийн тоо юм.

Нарийвчлалыг ихэвчлэн нэг инч тутамд пикселээр хэмждэг (Англи тэмдэглэгээг ашиглан $ppi$ = пиксел тутамд нэг инч). Жишээлбэл, $254$ppi$-ийн нарийвчлал нь нэг инч тутамд $254$пиксел ($25.4$мм) байна гэсэн үг бөгөөд пиксел бүр нь $0.1x0.1$мм хэмжээтэй анхны зургийн квадратыг "агуулна". Нарийвчлал өндөр байх тусам зургийг илүү нарийвчлалтай кодчилдог (мэдээлэл бага алдагдах болно), гэхдээ үүний зэрэгцээ дууны хэмжээ нэмэгддэг. файл.

Өнгөний кодчилол

Хэрэв зураг өнгөт байвал яах вэ? Энэ тохиолдолд нэг бит нь пикселийн өнгийг кодлоход хангалтгүй болно. Жишээлбэл, зурган дээр үзүүлсэн Оросын төрийн далбааны 4$-ын дүрс нь хар, хөх, улаан, цагаан өнгөтэй байна. Дөрвөн сонголтын аль нэгийг кодлоход $2$ бит шаардагдах тул өнгө бүрийн код (мөн пиксел бүрийн код) хоёр битээс бүрдэнэ. $00$ нь хар, $01$ улаан, $10$ цэнхэр, $11$ цагааныг илэрхийлнэ. Дараа нь бид дараах хүснэгтийг авна.

Зураг 4.

Цорын ганц асуудал бол дэлгэцэн дээр гарч ирэхэд ямар өнгө нь энэ эсвэл тэр кодтой тохирч байгааг тодорхойлох хэрэгтэй. Өөрөөр хэлбэл, өнгөт мэдээллийг тоогоор (эсвэл тооны багц) илэрхийлэх ёстой.

Хүн гэрлийг олон тооны цахилгаан соронзон долгион гэж ойлгодог. Тодорхой долгионы урттодорхой өнгөтэй тохирно. Жишээлбэл, 500-565 нм долгионы урт нь ногоон өнгөтэй байна. "Цагаан" гэж нэрлэгддэг гэрэл нь үнэндээ бүх харагдах хүрээг хамардаг долгионы уртын холимог юм.

Өнгөний харааны орчин үеийн үзэл баримтлалын дагуу (Young-Helmholtz онол) хүний ​​нүд гурван төрлийн мэдрэмтгий элементүүдийг агуулдаг. Тэд тус бүр гэрлийн урсгалыг бүхэлд нь мэдэрдэг боловч эхнийх нь улаан бүсэд, хоёр дахь нь ногоон бүсэд, гурав дахь нь цэнхэр бүсэд хамгийн мэдрэмтгий байдаг. Өнгө нь бүх гурван төрлийн рецепторыг өдөөсний үр дүн юм. Тиймээс ямар ч өнгө (жишээ нь) гэж үздэг. Мэдрэхтодорхой урттай долгионыг мэдэрч буй хүн) өөр өөр хурц гэрлийн гурван гэрлийн туяа (улаан, ногоон, цэнхэр) ашиглан дуурайж болно. Тиймээс аливаа өнгө нь улаан, ногоон, цэнхэр гэсэн гурван бүрэлдэхүүн хэсэгт хуваагддаг. Эдгээр бүрэлдэхүүн хэсгүүдийн хүчийг өөрчилснөөр та ямар ч өнгө үүсгэж болно. Энэхүү өнгөт загварыг улаан, ногоон, цэнхэр гэсэн англи үгсийн эхний үсгийн дараа RGB гэж нэрлэдэг.

RBG загварт бүрэлдэхүүн хэсэг бүрийн тод байдлыг (эсвэл тэдний хэлснээр суваг тус бүр) ихэвчлэн 0 доллараас 255 доллар хүртэлх бүхэл тоогоор кодлодог. Энэ тохиолдолд өнгөт код нь тоонуудын гурвалсан (R, G, B), тусдаа сувгийн тод байдал юм. Өнгө ($0,0,0$) хар, ($255,255,255$) цагаан байна. Хэрэв бүх бүрэлдэхүүн хэсгүүд ижил гэрэлтэй байвал хараас цагаан хүртэл саарал өнгийн сүүдэр олж авна.

Зураг 5.

Цайвар улаан (ягаан) өнгө болгохын тулд та ногоон, цэнхэр сувгийн тод байдлыг улаан өнгөөр ​​ижил хэмжээгээр нэмэгдүүлэх хэрэгтэй ($255,0,0$), жишээлбэл, өнгө ($255, 150, 150$) байна. ягаан. Бүх сувгийн гэрэлтүүлгийг жигд бууруулснаар бараан өнгөтэй болно, жишээлбэл кодтой өнгө ($100,0,0$) хар улаан өнгөтэй байна.

Гурван өнгө тус бүрийн хувьд нийтдээ 256 долларын гэрэлтүүлгийн сонголтууд байдаг. Энэ нь бидэнд $256^3= $16,777,216 сүүдэр кодлох боломжийг олгодог бөгөөд энэ нь хүний ​​хувьд хангалттай юм. $256 = 2^8$ тул гурван бүрэлдэхүүн хэсэг бүр санах ойд $8$ бит буюу $1$ байт эзэлдэг бөгөөд тодорхой өнгөний талаарх бүх мэдээлэл $24$ бит (эсвэл $3$ байт) эзэлдэг. Энэ утгыг өнгөний гүн гэж нэрлэдэг.

Тодорхойлолт 3

Өнгөний гүннь пикселийн өнгийг кодлоход ашигладаг битийн тоо юм.

$24$-битийн өнгөний кодчилолыг ихэвчлэн жинхэнэ өнгөний горим гэж нэрлэдэг. Энэхүү кодчилолоор зургийн эзлэхүүнийг байтаар тооцоолохын тулд пиксел бүрийн өнгийг гурван байтаар кодлодог тул нийт пикселийн тоог (өргөн ба өндрийг үржүүлж) тодорхойлж, үр дүнг $3$-оор үржүүлэх хэрэгтэй. Жишээлбэл, жинхэнэ өнгөөр ​​кодлогдсон $20×30$ пикселийн зураг $20×30×3 = 1800$ байт эзэлнэ.

Жинхэнэ өнгөний горимоос гадна $16$-бит кодчилол (Англи хэл: Өндөр өнгө), $5$ битийг улаан, цэнхэр бүрэлдэхүүн хэсгүүдэд, $6$ битийг ногоон бүрэлдэхүүн хэсэгт хуваарилах үед ашигладаг. хүний ​​нүд илүү мэдрэмтгий байдаг. Өндөр өнгөний горим нь $2^(16) = $65,536 өөр өнгийг кодлох боломжтой. IN гар утас$12$-битийн өнгө кодчилол (нэг сувагт $4$ бит, $4096$ өнгө).

Палеттаар кодлох

Дүрмээр бол цөөн өнгө хэрэглэх тусам өнгөт дүрс илүү их гажуудалтай байх болно. Тиймээс, өнгийг кодлохдоо түүвэрлэлтийн улмаас үүссэн алдагдлыг "нэмдэг" мэдээллийн зайлшгүй алдагдах тохиолдол гардаг. Ихэнхдээ (жишээлбэл, диаграмм, диаграмм, зураг дээр) зураг дээрх өнгөний тоо бага байдаг (256 доллараас ихгүй). Энэ тохиолдолд палитр кодчилол ашигладаг.

Тодорхойлолт 4

Өнгөт палитр RGB загварын бүрэлдэхүүн хэсэг болгон тодорхойлсон өнгө бүр нь тоон кодтой холбогдсон хүснэгт юм.

Палеттаар кодлох нь дараах байдлаар хийгддэг.

• өнгөний тоог сонгох $N$ (ихэвчлэн $256$-аас ихгүй);
• жинхэнэ өнгөт палитраас ($16,777,216 өнгө) бид ямар ч $N$ өнгийг сонгож, тус бүрдээ RGB загварт байгаа бүрэлдэхүүн хэсгүүдийг олдог;
• өнгө бүрт $0$-с $N–1$ хүртэлх дугаар (код) оноогдсон;
• Бид эхлээд $0$ код бүхий өнгөний RGB бүрэлдэхүүн хэсгүүдийг, дараа нь $1$ кодтой өнгөний бүрэлдэхүүн хэсгүүдийг бичих замаар палитр үүсгэдэг.

Пиксел бүрийн өнгийг RGB бүрэлдэхүүн хэсгийн утгууд биш, харин палитр дээрх өнгөний дугаараар кодлодог. Жишээлбэл, хэзээ зургийн кодчилолОХУ-ын төрийн далбаа (дээрхийг харна уу) $4$-ийн өнгө сонгосон:

• хар: RGB код ($0,0,0$); хоёртын код $002$;
• улаан: RGB код ($255,0,0$); хоёртын $012$;
• цэнхэр: RGB код (0,0,255 доллар); хоёртын $102$;
• цагаан: RGB код ($255,255,255); хоёртын код $112$.

Тиймээс файлын эхэнд (файлын толгой гэж нэрлэдэг) тусгай үйлчилгээний талбарт бичигддэг палитр нь гурван байт дөрвөн блокоос бүрдэнэ.

Зураг 6.

Пиксел бүрийн код нь зөвхөн хоёр бит авдаг.

256 доллараас дээш өнгөт палитрыг практикт ашигладаггүй.

Растер кодчилолын давуу болон сул талууд

Растер кодчилол байдаг нэр төр:

• бүх нийтийн арга (ямар ч зургийг кодлох боломжтой);
• Гэрэл зураг гэх мэт тодорхой хил хязгааргүй бүдгэрсэн зургийг кодлох, боловсруулах цорын ганц арга.

БА дутагдал:

• дээж авах явцад үргэлж мэдээлэл алдагддаг;
• зургийн хэмжээг өөрчлөх үед зураг дээрх объектын өнгө, хэлбэр гажигтай тул хэмжээг нэмэгдүүлэх үед дутуу пикселийг ямар нэгэн байдлаар сэргээх хэрэгтэй бөгөөд багасгах үед хэд хэдэн пикселийг нэгээр солих шаардлагатай болдог;
• Файлын хэмжээ нь зургийн нарийн төвөгтэй байдлаас хамаардаггүй бөгөөд зөвхөн нягтрал, өнгөний гүнээр тодорхойлогддог.

Дүрмээр бол растер зураг нь их хэмжээний эзэлхүүнтэй байдаг.

Хэрэв та туршлагатай дизайнер бол танд энэ нийтлэл хэрэггүй, растер, вектор хоёрын ялгааг мэддэг байж магадгүй бөгөөд санамсаргүй байдлаар энд ирсэн. Бүх эхлэгчдэд энэ ялгаа нь тодорхой бус төдийгүй ялгаа байгаа гэж сэжиглэдэггүй.

Үүнийг ойлгохыг хичээцгээе. Растер ба вектор дүрс нь ямар ч тохиолдолд график объект юм.

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

Зураг printcnx.com

Растер зургийн онцлог нь мозайк шиг жижиг үүрэн хэсгүүд болох пикселээс бүрддэг. Мөн нарийвчлал өндөр байх тусам их хэмжээнийпикселийн хэмжээ нэгж талбайд багтах болно.

Жишээ нь: нягтрал 600x800px.

Энэ нь шууд утгаараа дараах утгатай: таны зураг босоо тэнхлэгт 600 пиксел, хэвтээ 800 пиксел агуулна. Хэрэв энэ зургийг томруулж, дэлгэцэн дээр харахгүй бол хүний ​​нүд эсийн чанарыг анзаарахгүй байх магадлалтай.

Хэрэв та томруулж эсвэл цаасан дээр хэвлэж эхэлбэл, жишээ нь А4, та мозайкийг харах болно. Зураг нь хөндлөн оёдлын загвар шиг харагдах болно.

Растер зургийг өнгө, олон сүүдэрт жигд шилжихэд ашигладаг. Хамгийн түгээмэл хэрэглээ бол зураг боловсруулах, эвлүүлэг үүсгэх гэх мэт. Хамгийн алдартай растер график засварлагч бол Photoshop юм.

Растер зураг нь ижил дүрсээс илүү дискний зай эзэлдэг боловч вектор хэлбэрээр хийгддэг. Гэхдээ хэрэв та "текстийг зурсан" бол энэ нь үнэн гэдгийг санах нь маш чухал бөгөөд хэрэв та хайртай охиноо улаан Ферраригийн дэвсгэр дээр авсан бол вектор энд хүчгүй, зөвхөн растер юм.

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

Зураг printcnx.com

Растер зургаас ялгаатай нь вектор дүрс нь тусдаа цэгүүдээс бүрддэггүй - пиксел. Вектор зургийн логик нь огт өөр. Вектор график объектуудад зангуу гэж нэрлэгддэг цэгүүд байдаг бөгөөд тэдгээрийн хооронд муруй байдаг. Эдгээр муруйнуудын муруйлтыг тайлбарласан болно математикийн томъёо. Энэ нь дизайнер нь дээд математикийн гуру байх ёстой гэсэн үг биш бөгөөд бүх төрлийн гипербол, параболын томъёог санаж байх ёстой, синусын долгионыг дүрслэх шаардлагагүй. Энэ бүхнийг чиний төлөө хийдэг график засварлагч. Дизайнер хүссэн хэлбэрээ олж авахын тулд цэгүүдийг байрлуулж, хулганаар муруйг "чирдэг".

Хамгийн алдартай вектор график засварлагч нь CorelDrow болон Adobe Illustrator юм.

Хэвлэхдээ вектор графикийг ихэвчлэн ашигладаг: товхимол, ухуулах хуудас, нэрийн хуудас гэх мэт. Өөрөөр хэлбэл. текст, лого, гоёл чимэглэлийн хэв маяг агуулсан бүтээгдэхүүнүүд - тоорын өнгөний 18 өнгийг үнэн зөв дүрслэх шаардлагагүй, муруйгаар дүрсэлж болно. Вектор зургийг ихэвчлэн "муруй" гэж нэрлэдэг.

Вектор зургийн хамгийн том давуу тал нь томруулсан ч гэсэн график объект, зургийн чанар өөрчлөгдөхгүй. Хэрэв та үүнийг вектороос нэрийн хуудас дээр хэвлэх эсвэл сурталчилгааны самбарын хэмжээтэй ижил нэрийн хуудас хэвлэх юм бол зураг адилхан сайн байх болно.

Үүний үр дүнд бид:

Растер зураг:
давуу тал: өнгө, сүүдэр, сүүдрийн өөрчлөлтийн урсгалыг маш тодорхой бөгөөд нарийн дамжуулдаг.
Сул талууд: томруулах үед чанар алдагдах: зураг нь өнгөт дөрвөлжин болж сүйрдэг - пиксел; өндөр нарийвчлалтай бол маш их зай эзэлнэ.
Хэрэглээний хамрах хүрээ: зураг боловсруулах, вэб сайтын зохион байгуулалтыг бий болгох, өнгөний өргөн сонголттой график объект үүсгэх

Вектор зураг:
давуу тал: Томруулахад хялбар - маш өндөр томруулсан үед ч зураг чанараа алдахгүй.
Сул талууд: Растер шиг гөлгөр өнгөний шилжилтийг дамжуулах боломжгүй.
Хэрэглээний хамрах хүрээ: хэвлэх, ухуулах хуудас, товхимол, сурталчилгааны материал, нэрийн хуудас, лого гэх мэт дизайн.

Та логог хэрхэн ашиглахаар төлөвлөж байна: онлайн эсвэл хэвлэмэл материал дээр?

Та цаашид сонгох шаардлагагүй. Эцсийн эцэст Logaster онлайн үйлчилгээ нь нэг дор хэд хэдэн лого файл үүсгэхийг санал болгодог бөгөөд энэ нь ямар ч хэвлэл мэдээллийн хэрэгсэлд төгс зохицдог.