Risanje vektorskih ali slikovnih pik v Photoshopu CS6


Napisal Steve Patterson.

V tej prvi vadnici v naši seriji o risanje in delo z oblikami v Photoshopu CS6, na hitro si bomo ogledali pomembno razliko med dvema glavnima vrstama oblik, ki jih lahko narišemo – vektorske oblike in oblike slikovnih pik .



Adobe Photoshop je dobro znan kot temelji na slikovnih pikah urejevalnik slik, ki ga uporabljajo fotografi in drugi strokovnjaki za slikanje za retuširanje, restavriranje in sestavljanje fotografij. Vendar je tudi močan vektorski program za risanje, na katerega se obrnejo spletni oblikovalci, grafični oblikovalci in drugi umetniki za ustvarjanje postavitev strani, načrtov uporabniškega vmesnika in drugih vektorskih umetniških del.

Kaj pomeni 'vektorski'? No, za razliko od digitalnih slik, ki so sestavljene iz (običajno) milijonov drobnih kvadratov, znanih kot slikovnih pik , iz katerega so narejene vektorske oblike matematične točke povezani s črtami in krivuljami, da ustvarijo različne oblike. Ker temeljijo na matematiki in ne na slikovnih pikah, so vektorske oblike izjemno prilagodljive in nimajo enakih omejitev kot slikovne pike. Vektorske oblike lahko narišemo v poljubni velikosti, ki jo potrebujemo, in ne glede na to, koliko jih urejamo in spreminjamo ali kako velike jih natisnemo, vedno ostanejo čiste in ostre! Preden se naučimo podrobnosti risanja vektorskih oblik v Photoshopu in vseh načinov dela z njimi, si podrobneje oglejmo ta pomemben način, po katerem se vektorske oblike razlikujejo od oblik, ki temeljijo na slikovnih pikah. In zakaj, ko lahko izbirate med obema, so vektorske oblike običajno najboljša možnost.





Ta vadnica je za uporabnike programa Photoshop CS6. A Photoshop CC različica je na voljo tudi za naročnike Adobe Creative Cloud.

Zgodba o dveh oblikah

Ker bom v naslednji vadnici obravnaval vse, kar moramo vedeti o risanju vektorskih oblik, nam bom tukaj prihranil nekaj časa, tako da začnem z dokumentom, ki sem ga že ustvaril. Tukaj vidimo preprost dokument, ki vsebuje nekaj, kar je videti kot dve enaki obliki. Čeprav se trenutno zdijo enaki, so v resnici zelo različni. Oblika na levi je vektorska oblika, medtem ko je oblika na desni narejena s piksli:



  Vektorska oblika na levi in ​​oblika slikovne pike na desni. Vektorska oblika na levi in ​​oblika slikovne pike na desni.

Če pogledamo v mojem Plošča s sloji , vidimo vsako obliko, ki sedi na svoji plasti. Nadaljeval sem in preimenoval plasti, da bi stvari olajšal. Oblika, ki temelji na slikovnih pikah, je na zgornjem sloju 'Pixel shape', vektorska oblika pa je na spretno poimenovanem sloju 'Vector shape' pod njim:

  Plošča Sloji, ki prikazuje slikovne pike in vektorske oblike na ločenih plasteh. Plošča Sloji, ki prikazuje vektorske oblike in oblike slikovnih pik na ločenih plasteh.

Odkrivanje plasti oblike

Tudi če jih ne bi preimenoval, bi še vedno obstajal preprost način, da ugotovimo, katera plast ima vektorsko obliko, in to tako, da iščemo majhne ikona oblike v spodnjem desnem kotu plasti predogled sličice . Ta ikona nam pove, da je a Plast oblike , ne običajna plast slikovnih pik:



  Ikona oblike v spodnjem desnem kotu sličice predogleda plasti oblike. Plasti oblik zlahka prepoznate po majhni ikoni v spodnjem desnem kotu sličice predogleda.

Skaliranje vektorske oblike

Kot sem omenil, sta obe obliki trenutno videti enaki, a poglejmo, kaj se zgodi, ko ju povečamo. Začel bom z vektorsko obliko. Najprej ga moram izbrati, zato bom kliknil plast 'Vektorska oblika' na plošči Sloji:

  Izbira vektorske oblike. Izbira vektorske oblike.

Za spreminjanje vektorske oblike se bom povzpel na Uredi v menijski vrstici na vrhu zaslona in izberite Prosta transformacijska pot :

  Pojdite na Edit > Fre Transform Path. Pojdite na Edit > Free Transform Path.

To mesto Prosta transformacija polje in ročaji okoli vektorske oblike na levi:



  Okoli vektorske oblike se prikaže polje Free Transform. Okoli vektorske oblike se prikaže polje Free Transform.

Prepričati se želim, da obe obliki povečam na popolnoma enako velikost, zato bom namesto ročnega vlečenja ročic za brezplačno preoblikovanje šel v vrstico z možnostmi na vrhu zaslona in spremenil oba Premer ( notri ) in Višina ( H ) vrednosti oblike do 10 %:

  Prilagoditev vektorske oblike na 10 odstotkov prvotne velikosti. Nastavitev širine in višine vektorske oblike na 10 %.

pritisnil bom Vnesite (Zmaga) / Vrnitev (Mac) na tipkovnici, da sprejmem novo velikost, zdaj pa je vektorska oblika na levi veliko manjša:

  Vektorska oblika je zdaj 10 odstotkov velikosti slikovne pike. Vektorska oblika je zdaj 10 % velikosti slikovne pike.

Poglejmo, kaj se zgodi, če vektorsko obliko povečam na prvotno velikost. Namesto da bi se vrnil na Uredi meni na vrhu zaslona in izbiro Prosta transformacijska pot , tokrat bom uporabil hitrejšo bližnjico na tipkovnici, Ctrl+T (Zmaga) / Command+T (Mac). To postavi isto polje Free Transform in ročice okrog vektorske oblike:



  Pritisnite Ctrl+T (Win) / Command+T (Mac), da hitro izberete pot proste preobrazbe. Pritisnite Ctrl+T (Win) / Command+T (Mac), da hitro izberete pot proste preobrazbe.

Ker sem obliko pomanjšal tako, da sem jo zmanjšal na 10 %, jo bom povečal nazaj na prvotno velikost tako, da bom nastavil obe Premer in Višina vrednosti v vrstici z možnostmi 1000 % :

  Povečanje velikosti vektorske oblike na 1000 % trenutne velikosti. Nastavitev širine in višine vektorske oblike na 1000 %.

Spet bom pritisnil Vnesite (Zmaga) / Vrnitev (Mac) na moji tipkovnici, da jo sprejmem, in zdaj je vektorska oblika spet na prvotni velikosti. Upoštevajte, da je vektorska oblika še vedno videti kot nova, čeprav sem jo pomanjšal in nato povečal. Njegovi robovi ostajajo tako čisti in ostri, kot so bili prvotno:



  Vektorska oblika ohrani svoje jasne, ostre robove tudi po spreminjanju velikosti. Vektorska oblika na levi ohrani svoje jasne, ostre robove tudi po spreminjanju velikosti.

Vtičnik za kratke kode, dejanja in filtre: Napaka v kratki kodi []

Skaliranje oblike pikslov

Poskusimo isto stvar z obliko pikslov na desni. Najprej ga bom izbral s klikom na plast 'Pixel shape' na plošči Layers:



  Izbira plasti oblike pikslov. Izbira oblike pikslov.

Z izbrano plastjo oblike pikslov se bom povzpel na Uredi meni na vrhu zaslona in izberite Prosta transformacija:

  Izbira Free Transform v meniju Edit. Pojdite na Edit > Free Transform.

Prosta transformacija proti poti proste transformacije

Upoštevajte, da se tokrat ukaz imenuje Prosta transformacija, ne Prosta transformacija Pot . Poti si bomo ogledali v drugi vadnici, vendar je v bistvu vektorska oblika sestavljena iz dveh delov; osnovni obris oblike, znan kot pot in barvo, s katero je zapolnjen obris (pot). Ko urejamo ali spreminjamo vektorsko obliko, v resnici urejamo in spreminjamo obris poti. Zato se je ukaz, ko sem imel izbrano plast vektorske oblike, imenoval Prosta transformacijska pot. Zdaj, ko imam izbrano običajno slikovno plast, urejamo slikovne pike, ne poti, zato se je ime ukaza spremenilo v preprosto Prosta transformacija. Ponovno bomo podrobneje obravnavali poti pozneje.

S tem polje Free Transform postavi okoli oblike slikovne pike na desni:

  Polje Free Transform se pojavi okoli oblike slikovne pike. Polje Free Transform se pojavi okoli oblike slikovne pike.

Tako kot sem naredil z vektorsko obliko, bom pomanjšal obliko pikslov tako, da nastavim Premer in Višina do 10 % v vrstici z možnostmi:

  Nastavitev širine in višine oblike slikovne pike na 10 odstotkov v vrstici z možnostmi. Nastavitev širine in višine oblike slikovne pike na 10 %.

pritisnil bom Vnesite (Zmaga) / Vrnitev (Mac) na moji tipkovnici, da ga sprejmem, in zdaj je oblika pikslov veliko manjša. Zaenkrat je vse v redu. Tudi po zmanjšanju oblike slikovne pike na 10 % je videti enako ostra, kot je bila prvotno, in še vedno nismo opazili nobene razlike med vektorsko obliko in obliko slikovne pike:

  Oblika pikslov je zdaj 10 odstotkov velikosti vektorske oblike. Oblika pikslov po zmanjšanju na 10 %.

Zdaj pa pravi test. Kaj se bo zgodilo, ko slikovne pike povečam na prvotno velikost? pritisnil bom Ctrl+T (Zmaga) / Command+T (Mac) na moji tipkovnici za hitro izbiro Prosta transformacija in za ponovno povečanje velikosti slikovne pike bom nastavil Premer in Višina v vrstici z možnostmi za 1000 % :

  Nastavitev širine in višine oblike slikovne pike na 1000 odstotkov v vrstici z možnostmi. Povečanje velikosti slikovne pike na prvotno velikost.

pritisnil bom Vnesite (Zmaga) / Vrnitev (Mac), da ga sprejmete in zaprete ukaz Free Transform. In zdaj postane očitna razlika med vektorskimi in slikovnimi pikami. Čeprav sem obe obliki pomanjšal za povsem enake količine in sta obe obliki ob pomanjšanju ohranili ostre robove, oblika slikovne pike ni prenesla ponovnega pomanjšanja. Njegovi nekoč ostri robovi so zdaj videti mehki, zamegljeni in kockasti:

  Primerjava vektorske oblike in oblike pikslov po povečanju. Vektorska oblika je po povečanju ostala nedotaknjena. Oblika slikovnih pik? Ne preveč.

Povečajmo za pobližji pogled. Razlog, zakaj so robovi oblike slikovnih pik zdaj videti toliko slabši, je ta, da je moral Photoshop, ko sem jo zmanjšal na 10 % prvotne velikosti, zavreči 90 % slikovnih pik, ki so sestavljale začetno obliko. To bi bilo v redu če Ni mi ga bilo treba povečati nazaj. Photoshop ne more čudežno poustvariti slikovnih pik, zato je, ko sem ga povečal, vse, kar je Photoshop lahko naredil, vzel tiste preostale slikovne pike in jih povečal. Zato lahko ob robu oblike dejansko vidimo učinek stopnic. To so robovi posameznih slikovnih pik. Videti so mehke in zamegljene, ker se prav to zgodi s slikovnimi pikami, ko jih povečamo. Bolj ko jih povečamo, mehkejši so. Po drugi strani vektorske oblike nimajo te težave. So samo točke, povezane s črtami in krivuljami, in lahko jim spremenimo velikost, kolikor želimo, ne da bi pri tem izgubili kakovost:

  Bližnji posnetek robov oblike vektorja in pikslov. Bližnji posnetek robov oblike vektorja in pikslov.

Kot smo videli v tej vadnici, so lahko vektorske oblike in oblike slikovnih pik videti enake, ko jih prvič narišemo, obe pa sta videti enako dobri, če jih pomanjšamo na manjše velikosti. Ko pa jih moramo povečati, imajo vektorske oblike dobesedno prednost. To ne velja samo za ogled na zaslonu, ampak tudi za tiskanje. Tako kot digitalne fotografije je tudi oblika, narisana s piksli odvisno od ločljivosti , kar pomeni, da se lahko natisne le tako veliko, preden začne izgledati mehko in dolgočasno, tako kot smo videli v zgornjem primeru. Vektorska oblika je na drugi strani neodvisen od ločljivosti . Natisnete ga lahko v poljubni velikosti, tudi velikem kot reklamni pano, in bo vedno videti jasen, čist in kot nov.

Kam naprej ...

Vektorske oblike imajo tudi druge prednosti, zaradi katerih so veliko bolj prilagodljive za delo kot slikovne pike, a preden skočimo predaleč naprej, se naučimo kako narisati vektorske oblike v Photoshopu CS6 ! Obiščite našo Osnove Photoshopa če želite izvedeti več o Photoshopu!