2.Основни понятия във Фотошоп (Photoshop) - "Растер" и Вектор"

За тези от вас, които никога не са използвали професионален софтуер за изображения или графики, има някои основни понятия, които трябва да бъдат обхванати и да се изяснят. Например, Фотошоп (Photoshop) разполага ли с достатъчно инструменти, за да се справим с конкретната задача? Мога ли да използвам определена снимка за създаването на  Мога ли да изрежа нечия глава от снимка и да я поставя на друго тяло за 2 секунди? (накратко- НЕ). Затова този урок ще се занимае с предимствата и ограниченията на растерните изображения. Това ще ви даде една по-добра основа за бъдещите статии и уроци, които ще намерите на нашия сайт.

"Растер" срещу "Вектор"

Едно от най-важните неща, които трябва да знаем е какво е "растер" и как той ще се използва в вашия проект. "Растер" е модерен термин, който означава, че работите с пиксели (пикселите са малки цветни квадратчета, от които е съставена една снимка). Когато правите снимка с фотоапарат, тя всъщност "прерисува" реалния свят в пиксели. Ако използвате камера, която е 2 мегапиксела, това означава, че снимката, която ще направите ще е съставена от около 2 милиона малки цветни квадратчета (пиксели). На теория, фотоапарат, който има 8 мегапикселова камера ще направи по-добра снимка с по-добра острота на изображението.

И така- защо е важно да знаем какво е пиксел. Например, искате да се направи дизайн на плакат за вашия бизнес. Искате дизайнът да бъде ясен, "изчистен", с добро качество на изображенията в него. Искате вашият плакат да е с размери 84,1х118,9 см (формат А0), а снимката, с която разполагате и която искате да се вижда ясно на цял размер по дължината на плаката е с размери 20х10 см. Това може да е снимка на важен ваш продукт, известна личност и т.н.  За да успеем да направим това, ние ще трябва да "разпънем" нашата снимка около 9 пъти, което ще увеличи деветократно всеки един от нейните пиксели (малки цветни квадратчета) и по този начин ще се получи много по-неясно и размазано изображение. Така ще се получи така нареченото "пикселизиране", което трябва да се избягва на всяка цена, защото лошо изглеждащ продукт на вашият плакат (или друг рекламен материал) може не само да не привлече потенциален клиент, но и да отблъсне такъв.

Ето визуален пример за пиксели от истинския живот. Долу заснехме нашето куче Брад. Той позира специално за вас, за да разберете как работи Фотошоп :)

Моля обърнете внимание на зоната около окото. Изрязахме тази част от снимката и я увеличихме, за да видите пиксели, които съставят една малка част от снимката:

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

Тази снимка показва как Фотошоп (Photoshop) преобразява тези пиксели и ги превръща в по-разпознаваем и удобен за потребителя изглед, чрез смесване на цветовете на пикселите. Това се нарича anti-aliasing (анти-алайзинг). Променя се цветът на пискела, като се сливат цветовете на два съседни пиксела и по този начин се получава плавна преливка между тях, правещи ги почти незабележими.

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

Предназначение на  снимката:	Препоръчително качество на снимкта в пиксели (dpi/ppi "pixels per inch":
Изображения и снимки за интернет	72 ppi
Печатно качество за едроформатен печат (фолио)	150 ppi
Печатно качество за билбордове и много големи транспаранти	50-60 ppi
Добро качество за всякакви печатни материали (визитки, брошури, дипляни, каталози, плакати и т.н.)	300 ppi

Може би забелязахте, че току що въведохме нов термин- ppi (pixel per inch/пиксел на инч). Изображенията, които виждате на вашия екран, тези в интернет и т.н. са винаги 72 ppi, защото това е най-високата резолюция, която един монитор би могъл да покаже. В 90% от случаите ако се опитате да използвате изображения от интернет за печат, крайният продукт ще е в лошо качество/резолюция и няма да изглежда така както изглежда на екрана.

Разбира се, част от това е субективно и подлежи на дискусия. Например, дори и да разполагате със снимка в 300 ppi, ако разпечатате въпросната снимка на принтер за 100 лв. и след това я разпечатате на принтер за 1000 лв., определено няма да получите един и същи резултат. Дори ако разпечатаме една и съща снимка, на един и същи принтер, но на различна хартия, тогава качеството отново няма да е едно и също и няма да изглежда по един и същи начин. Ето защо съществуват такива ценови диапазони при различните принтери, мастила и хартии. (Пазете се от надценените консумативи на пазара!)

ВЕКТОР

Вече се запознахте с растерните изображения. Нека сега се запознаем с нещо по-различно, а именно- векторни изображения. По дефиниция векторите са съставени от линии, основаващи се на различни математически принципи. Линиите, от които са съставени са на определено разстояние една от друга и под определен ъгъл. Могат да бъдат лесно манипулирани чрез изместване на векторните точките, от които са съставени. Всяко едно векторно изображение би могло да бъде разпънато или намалено без да загубим качество, както би се случило ако направим същото с растерно изображение, съставено от пиксели. Adobe, създателите на Фотошоп (Photoshop), са създали отделна спомагателна програма, която е специално за обработка на вектори. Програмата се казва Adobe Illustrator (Илюстратор) и няма възможностите на Фотошоп за обработка на растерни изображения, но е една много добра спомагателна програма.

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

А сега вижте увеличена версия на същото изображение:

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

Фотошоп разполага с няколко различни инструмента за чертаене на различни векторни обекти, като: правоъгълници, окръжности, линии и т.н. Това ще ви помогне много в моментите, когато искате да направите някаква рамка около снимка, например. По-долу ще видите две линии, нарисувани във Фотошоп. Вляво е нарисувана линия, която в последствие е растеризирана и разпъната/увеличена многократно. (Фотошоп може да преобразува всеки един вектор във пиксели, но НЕ може автоматично да "преобразува" растерно изображение във вектор.) В дясно е нарисувана чисто векторна линия и по същият начин разпъната/увеличена многократно. Сами може да забележите разликата:

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

Заключение

Тази статия/урок има за цел да ви покаже разликите между растерно и векторно изображение. Фотошоп се счита основно за програма за обработка на растерни изображения, като снимки, заснети с фотоапарат, снимки изтеглени от интернет и т.н. Фотошоп разполага и с някои основни инструменти за обработване на вектори. Въпреки това програмата не е подходяща за създаване на печатни материали като: етажни планови, билбордове, фолиа и т.н. Като цяло, за дизайн на печатни материали, ние от *www.artwebdesign.bg* препоръчваме използването на Adobe InDesign и Adobe Illustrator. За  всякакъв вид уеб дизайн, в това число дизайн на: уеб апликации, банери, бутони и т.н., Фотошоп (Photoshop) е вашето решение!

Допълнителна информация:

Научете повече за пикселите в Уикипедиа

Научете повече за векторите в Уикипедиа

Anti Aliasing в Уикипедиа