В този първи урок от поредицата ни за рисуване и работа с фигури във Photoshop ще разгледаме набързо важната разлика между двата основни типа фигури, които можем да нарисуваме - векторни форми и пикселни форми .
Adobe Photoshop е добре известен като пикселен редактор на изображения, използван от фотографи и други специалисти по обработка на изображения за ретуширане на снимки, реставрация и композиране. Но това е също така мощна векторна програма за рисуване, към която уеб дизайнерите, графичните дизайнери и други художници се обръщат за създаване на оформления на страници, дизайн на потребителски интерфейс и други произведения, базирани на вектор.
Какво означава "базирана на вектор"? Е, за разлика от цифровите изображения, които са съставени от (обикновено) милиони малки квадратчета, известни като пиксели, векторните форми се правят от математически точки, свързани заедно с линии и криви, за да създадат различни форми. Тъй като се основават на математика, а не на пиксели, векторните форми са изключително гъвкави и не страдат от същите ограничения като пикселите. Можем да рисуваме векторни форми с всякакъв размер, от който се нуждаем, и без значение колко ги редактираме и мащабираме или колко големи ги отпечатваме, те винаги остават чисти и остри! Преди да научим подробностите за това как да рисуваме векторни фигури във Photoshop и всички начини, по които можем да работим с тях, нека разгледаме по-подробно този важен начин, по който векторните форми се различават от формите на базата на пиксели. И защо, когато ви се даде избор между двете, векторните форми обикновено са най-добрият ви вариант.
Този урок е за потребителите на Photoshop CC . Потребителите на Photoshop CS6 ще искат да проверят нашия Drawing Vector vs Pixel Shapes в ръководството за Photoshop CS6.
Вектори срещу пиксели
Приказка с две форми
Тъй като ще покрия всичко, което трябва да знаем за рисуването на векторни фигури в следващия урок, ще ни спестя малко време тук, като започна с документ, който вече съм създал. Тук виждаме обикновен документ, съдържащ това, което изглежда като две еднакви форми. Макар че в момента изглеждат еднакви, всъщност са много различни. Формата вляво е векторна форма, докато тази вдясно е направена с пиксели:
Векторна форма вляво и пикселна форма вдясно.
Ако погледнем в панела на моите слоеве, виждаме всяка фигура да седи на свой собствен слой. Продължих и преименувах слоевете, за да улесним нещата. Формата на базата на пиксели е на най-горния слой „Pixel shape“, а векторната форма е на умело наречения слой „Vector shape“ под него:
Панелът Слоеве, показващ векторните и пикселните форми на отделни слоеве.
Забелязване на слоя на формата
Дори и да не ги преименувах, все пак ще има лесен начин да разбера кой слой притежава векторната форма и това е чрез търсене на малката икона на формата в долната дясна част на миниатюрата на визуализацията на слоя. Тази икона ни казва, че това е Shape слой, а не нормален пикселен слой:
Слоевете на формата лесно се идентифицират по малката икона в долната дясна част на миниатюрата за визуализация.
Мащабиране на векторната форма
Както споменах и двете форми изглеждат идентични в момента, но нека видим какво се случва, когато ги мащабираме. Ще започна с векторната форма. Първо, трябва да го изберете, така че ще кликнете върху слоя "Векторна форма" в панела "Слоеве":
Избор на векторната форма.
За да мащабирам векторната форма, ще отида до менюто „ Редактиране “ в лентата с менюта в горната част на екрана и ще избера Път за безплатна трансформация :
Отидете на Edit> Free Transform Path.
Това поставя полето Free Free Transform и се справя около векторната форма вляво:
Появява се полето за безплатна трансформация около векторната форма.
Искам да се уверя, че мащабирам и двете форми с точно същия размер, така че вместо да влача дръжките на Free Transform ръчно, ще отида до лентата с опции в горната част на екрана и ще променя както ширината ( W ), така и височината ( H ) стойности на формата до 10%:
Задаване на ширината и височината на векторната форма на 10%.
Ще натисна Enter (Win) / Return (Mac) на клавиатурата си, за да приема новия размер и сега векторната форма вляво е много по-малка:
Векторната форма вече е 10% от размера на пикселната форма.
Нека видим какво ще стане, ако мащабирам векторната форма обратно до нейния първоначален размер. Вместо да се връщам обратно към менюто Редактиране в горната част на екрана и да избирам Път за безплатна трансформация, този път ще използвам по-бързата клавишна комбинация, Ctrl + T (Win) / Command + T (Mac). Това поставя същата кутия за безплатна трансформация и дръжки около векторната форма:
Натискане на Ctrl + T (Win) / Command + T (Mac) за бърз избор на Free Transform Path.
Тъй като направих формата по-малка, като я намалих до 10%, ще я увелича до първоначалния си размер, като задам и стойностите на Ширина и Височина в лентата с опции на 1000% :
Задаване на ширината и височината на векторната форма на 1000%.
Пак ще натисна Enter (Win) / Return (Mac) на клавиатурата си, за да я приема, и сега, векторната форма е обратно към първоначалния си размер. Забележете, че въпреки че го мащабирах по-малък и след това го увеличих, векторната форма все още изглежда добре като нова. Краищата й остават толкова хрупкави и остри, колкото са били първоначално:
Векторната форма вляво запазва свежите си остри ръбове дори след мащабиране.
Плъгин за къси кодове, действия и филтри: Грешка в краткия код (реклами-основни средата)
Мащабиране на пикселната форма
Нека опитаме същото с формата на пиксела вдясно. Първо, ще го избера, като кликнете върху слоя "Форма на пиксела" в панела "Слоеве":
Избор на пикселната форма.
С избрания слой пиксел във формата на пиксели ще отида до менюто Редактиране в горната част на екрана и ще избера Безплатна трансформация:
Отидете на Редактиране> Безплатна трансформация.
Безплатна трансформация срещу безплатен път за трансформация
Забележете, че този път командата се нарича Free Transform, а не Free Transform Path . Ще разгледаме пътеките в друг урок, но по същество векторна форма е съставена от две части; основният контур на формата, известна като пътеката, и цветът, с който е запълнена очертанието (пътеката). Когато редактираме или мащабираме векторна форма, ние наистина редактираме и мащабираме очертанията на пътя. Ето защо, когато избрах слоя векторна форма, командата беше наречена Free Transform Path. Сега, когато имам избран нормален пикселен слой, ние редактираме пиксели, а не пътища и така името на командата се е променило в просто Безплатна трансформация. Отново ще покрием по-подробно пътеките по-късно.
Това поставя полето Безплатна трансформация около формата на пиксела вдясно:
Появява се полето Безплатна трансформация около формата на пиксела.
Точно както направих с векторната форма, ще мащабирам формата на пиксела надолу, като задам ширината и височината до 10% в лентата с опции:
Задаване на ширината и височината на пикселната форма на 10%.
Ще натисна Enter (Win) / Return (Mac) на клавиатурата си, за да го приема и сега формата на пикселите е много по-малка. Дотук добре. Дори след мащабирането на пикселната форма до 10%, тя изглежда също толкова остро, колкото първоначално, и все още не сме виждали разлика между векторната форма и формата на пиксела:
Формата на пиксела след мащабирането му е намалена до 10%.
Но сега истинското изпитание. Какво ще се случи, когато мащабирам формата на пиксела обратно до първоначалния си размер? Ще натисна Ctrl + T (Win) / Command + T (Mac) на клавиатурата ми, за да изберете бързо командата Free Transform и за да мащабирам формата на пиксела обратно, ще задам ширината и височината в лентата с опции на 1000% :
Мащабиране на формата на пиксела обратно до първоначалния размер.
Ще натисна Enter (Win) / Return (Mac), за да го приема и затварям от командата Free Transform. И сега разликата между формите на вектор и пиксел става очевидна. Въпреки че мащабирах и двете форми с точно същите количества и двете форми запазиха свежите си ръбове, когато ги намали, пикселната форма не можеше да се справи с мащабирането им обратно. Нейните остри ръбове сега изглеждат меки, размазани и запушени:
Векторната форма оцелява непокътната, след като се мащабира. Формата на пикселите? Не толкова.
Нека да увеличим за по-подробно разглеждане. Причината краищата на пикселната форма изглеждат много по-зле сега е, защото когато я намалих до 10% от първоначалния си размер, Photoshop трябваше да хвърли 90% от пикселите, които съставяха първоначалната форма. Това би било добре, ако не се наложи да го мащабирам. Photoshop не може да пресъздаде магически пиксели, така че когато го мащабирах, всичко, което Photoshop можеше да направи, беше да вземе тези останали пиксели и да ги увеличи. Ето защо всъщност можем да видим стъпаловиден ефект по ръба на формата. Това са краищата на отделните пиксели. Те изглеждат меки и размазани, защото точно това се случва с пикселите, когато ги правим по-големи. Колкото повече ги уголемяваме, толкова по-меки стават. Векторните форми, от друга страна, нямат този проблем. Те са просто точки, свързани заедно с линии и криви, и ние можем да ги преоразмерим колкото искаме, без да губим качество:
Близък план на ръбовете на вектора и пиксела.
Къде да продължа …
Както видяхме в този урок, векторните и пикселните форми може да изглеждат идентични, когато ги нарисуваме за пръв път, и двете изглеждат също толкова добре, когато се намалят до по-малки размери. Но когато трябва да ги мащабираме по-големи, векторните форми буквално имат предимство. Това е вярно не само когато ги гледате на екрана, но и при отпечатване. Точно като дигиталните снимки, формата, начертана с пиксели, зависи от разделителната способност, което означава, че може да бъде отпечатана само толкова голяма, преди да започне да изглежда мека и тъпа, точно както видяхме в горния пример. Векторната форма, от друга страна, не зависи от разделителната способност . Той може да бъде отпечатан с всякакъв размер, дори голям като билборд и винаги ще изглежда свеж, чист и добър като нов.
Векторните форми имат и други предимства, които ги правят много по-гъвкави за работа от пикселите, но преди да скочим твърде напред напред, нека научим как всъщност да рисуваме векторни фигури във Photoshop и ще направим това в следващия урок! Посетете нашия раздел Основи на Photoshop, за да научите повече за Photoshop!