Pārveidojiet bitkarti par vektoru Photoshop. Kā pārvērst bitkarti vektorā Photoshop

Krievijas interneta atklātajās vietās es atradu logotipa attēlu. Vai ir iespējams to automātiski pārveidot no rastra par vektoru Photoshop? Nē. Ak, lai gan vektora tendences Photoshop ir tādas, viss, kas tika darīts šajā virzienā, palika nemainīgs vēl pirms 5 versijām. Kopš tā laika tas nav pieskāries, nav mainījies, un nekas jauns nav pievienots vektoram. Vai jums bija nepieciešami vektora rīki Photoshop? Šeit viņi ir, vai vēlaties vairāk? Ko jūs esat aizmirsis Photoshop, galvenais Illustrator. Aptuveni šī doma lika izstrādātājiem īstenot vienkāršākās vektoru darbības Photoshop. Tagad ķersimies pie lietas.

Rastra pārvēršana vektorā tiek veikta, izmantojot atlases apgabalus. Pirmkārt, mēs izveidojam atlasi, pēc tam tulkojam atlases līnijas vektoru ceļos, pēc tam aizpildām vektoru ceļus ar aizpildīšanas slāņiem, tādējādi izveidojot vektoru masku. Lai to visu saprastu nevis armijas komandu līmenī - noklikšķiniet šeit, noklikšķiniet tur, jums vajadzētu iemācīties strādāt ar vektoru zīmēšanas rīkiem, saprast, kā vektoru ceļi var savstarpēji mijiedarboties, un iemācīties izveidot vektoru masku. Bet neuztraucieties, jums nav jāsēž lasīšanai līdz nedēļas nogalei, jūs jau sapratīsit, kā Photoshopā pārvērst rastru par vektoru, ja pabeigsit lasīt rakstu līdz galam.

Logotipa izcelšana

Vēlos uzsvērt - lai tulkojums vektorā būtu kvalitatīvs, attēlam pašam jābūt lielam. Tas attiecas uz izsekošanu Illustrator, un Photoshop tas ir vēl svarīgāk. Mans attēls ir 1500 pikseļu plats, kad būsim pabeiguši tulkošanu vektorā, es parādīšu, kā Photoshop tulko mazus attēlus, un mēs salīdzināsim rezultātus.

  • Izvēlieties burvju nūjiņas rīku
  • Iestatiet opcijas Tolerance 20 vai 30.
  • Tajā pašā vietā noklikšķiniet uz ikonas Pievienot atlasei. Es detalizēti rakstīju par viņu darbu rakstā Pievienot, atņemt, krustot un izslēgt Photoshop, kur tas bija par vektoru rīkiem, taču atlasē šīs opcijas darbojas vienādi.

Godīgi sakot, man vienalga, kā jūs izvēlaties logotipu vai nu ar roku laso, vai izmantojot krāsu diapazonu. Vienkārši šajā situācijā, īpaši šajā attēlā, vienkāršākais veids, kā to izdarīt, ir burvju nūjiņas rīks.

Pārvērst atlasi par vektora ceļu

Nepārslēdzieties no Magic Wand Tool.

  • Ar peles labo pogu noklikšķiniet uz atlases apgabala.
  • Parādītajā izvēlnē izvēlieties Izveidot darba ceļu.

  • Parādītajā logā noregulējiet pielaidi uz 1.0. Jo augstāka ir pielaides vērtība, jo vienmērīgākas, stilizētākas un neprecīzākas būs mūsu kontūras.

Zemāk redzamajā attēlā esmu izvēlējies ceļa izvēles rīku un izvēlējies ceļu, lai jūs to varētu redzēt.

Ceļa paletes saglabāšana

Šī darbība nav obligāta, bet vēlama.

    Pārslēdzieties uz ceļa paleti. Ja nevarat to atrast, noklikšķiniet uz Logs> Ceļš

    Veiciet dubultklikšķi uz paletes ceļa.

  • Parādītajā logā ievadiet nosaukumu un noklikšķiniet uz Labi.

Izveidojiet vektora masku

Vektora maskas izveides process ir lieliski aprakstīts manā rakstā Vector maska ​​Photoshop. Veiksim šo procesu ātri un bez sīkumiem.

    Pārliecinieties, ka jūsu audzētava ir atlasīta ceļa paletē

    Izvēlnē izvēlieties Slānis> Jauns aizpildījuma slānis> Vienkrāsains

    Parādītajā logā atlasiet krāsu un noklikšķiniet uz Labi

Tas ir viss. Viss būtu precīzāk, ja nebūtu hronofag.ru Atcerieties, ka es jums teicu, jo mazāks attēls, jo sliktāk tas tiks tulkots. Vai esat gatavs derēt uz rokām kādu netīru skenējumu, kas iepildīts Word, un kurš klientam ir jāpārveido vektorā? Es minēju? Tajā pašā laikā attēls tiek saspiests ar JPG saspiešanu, samazināts, pēc tam palielināts, pēc tam atkal samazināts līdz iemiesojuma izmēram, un uz tā tika izliets arī kečups. Vai ir iespējams kvalitatīvi pārtulkot šādu attēlu Photoshop vektorā?

Vispirms apskatiet mūsu logotipu. Neskatoties uz izcilo izšķirtspēju, kraukšķīgajām malām Photoshop nav izdevies izveidot jaukas un vienmērīgas kontūras. Ilustrators to dara 100 reizes labāk, bet raksts nav par ilustratoru. Kā redzat, kontūras nav pat visur, pat logotipa taisnstūra daļās. Un apļi ir pilnīgi slīpi.

Tagad es samazināšu attēlu 2 reizes, pēc tam 2 reizes vairāk un parādīšu tulkojuma rezultātu vektorā.

Šeit ir labs piemērs tam, kā bitkartes lielums ietekmē izsekošanas kvalitāti. Un tas neskatoties uz to, ka attēls ir ļoti kvalitatīvs, neskatoties uz izmēru. Nu, es pazemināšu kvalitāti. Saglabājiet attēlu JPG formātā sliktākajā kvalitātē.

Tulkosim vektorā. Lielisks rezultāts, trūkst tikai kečupu. Tieši piemērots apmierinātam klientam, grunge vai vintage apstrādei!

Un tomēr es nedaudz manipulēju ar patiesību. Lieta ir tāda, ka tam visam ir jēga Illustrator, kurš no attēla izveido vektoru. Photoshop nerada vektoru no attēla, tas rada ceļus no atlases. Loģiski, ka jo labāka un vienmērīgāka atlase, jo vienmērīgākas būs līknes. Un Magic Wand rīks, ar kuru mēs izvēlējāmies šīs zonas, vairs nav piemērots šādu rāpojošu attēlu atlasei. Jā, jūs varēsiet veikt augstas kvalitātes atlases, izmantojot visus atlases rīkus, jūs pat varēsit tos palielināt un pēc tiem izveidot vairāk vai mazāk vienmērīgu kontūru, kas joprojām nebūs ideāla. Šāds ceļš ir tikai laika izšķiešana. Vienīgā iespēja ir atveidot logotipu no nulles Photoshop.

Lai gan mana piezīme par maskām Photoshop nav atdzisusi, es steidzami vēlos uzsvērt jautājumu par rastra pārvēršanu vektorā. Pirms divām dienām es iegāju hronofāgā Google analītika un ko es redzēju. Izrādās, ka daži cilvēki nokļūst manā vietnē pēc pieprasījuma "rastrs uz vektoru", un tikmēr manā vietnē par šo tēmu nav nevienas saprātīgas piezīmes. Cilvēki spīdzina Google lai pārvērstu rastru vektorā Corel Draw, ilustrators un pat Adobe Photoshop ... Sāksim ar Photoshop.

No rastra līdz vektoram. Kāpēc tas ir vajadzīgs?

Photoshop ir bitkartes programma. Vektors tajā atrodas vektoru kontūru veidā. Kā, vektoru objekti nav Photoshop. Bet ir vektoru ceļi, kurus var pārvērst par vektoru masku. Efektam vai objektam tiek uzklāta maska, un Photoshop tiek iegūts vektors. Šāda objekta saturs joprojām ir rastrs, bet, ja tas tiek saglabāts dažos formātos, to var pārvērst par vektoru.

Piemēram, mēs varam izveidot aizpildījumu un pārvilkt pār to vektoru masku. Photoshop ir vesela rīku grupa, kas to dara bez maksas un automātiski, šī ir vektoru primitīvu grupa. Lai iegūtu sīkāku informāciju, izlasiet manu rakstu Vector primitīvi Photoshop vai. Tātad kontūra būs vektors. Aizpildiet rastra iekšpusi.

Photoshop nedarbojas ar vektoriem ar pilnu jaudu. Izmanto savas priekšrocības tikai tur un šeit. Bet pat Photoshop programmā rastra objektus var pārvērst par vektoru objektiem. Kāpēc jums tas ir vajadzīgs, ja jums ir Illustrator? Nu kā lai es tev saku. Aktīvi strādājot ar grafiku, dažādas situācijas... Dažreiz ir vieglāk tulkot atlasi ceļā uz vietas, nekā ar galvu ieiet Illustrator un tur veikt izsekošanu. Lai ravētu zemeņu gultu valstī, jums nav nepieciešams izsaukt kombainu. Galu galā ne visi vēlas vai zina, kā izmantot Illustrator, ne visiem tas ir vajadzīgs, ne katrs to var instalēt pats, un jums ir jāpārveido ķeksis vektorā šeit un tagad. Pilnīgi nav nepieciešams pāris nedēļas apsēsties ar trim sējumiem vietnē Illustrator.

Rastra pārveidošana uz vektoru Photoshop

Ko tieši Photoshop spēj pārvērst vektorā? Jebkas, ja iepriekš atlasāt šo objektu, izmantojot grupas rīkus Izvēlieties... Photoshop jebkuru atlasi pārvērš kontūrā. Par atlases rīkiem varat lasīt rakstā Atlases primitīvi Photoshop. Ļaujiet man sniegt jums darba piemēru. Pirms daudziem gadiem mani uzrunāja ļoti sarežģīts klients, kurš pieprasīja sarežģītu vietni. Vietnei bija nepieciešams pabeigt dažādu mākslu, un es nolēmu to uzzīmēt Photoshop. Zīmēšanas gaitā es to pārveidoju par vektoru, un tagad es jums pastāstīšu, kā. Lūk, viens no tiem attēliem, ko planšetdatorā uzgleznoju ar otu ar cietu malu. Esmu zīmējis ap oriģinālo Vitruvian Man, pārveidojis to un krāsojis savu, atšķirīgu no oriģināla, seju. Ideja mākslu vektorizēt radās nejauši. Bet, to īstenojot, man radās iespēja mērogot cilvēku tā, kā man patīk. Turklāt tika izlīdzinātas iepriekš saplēstās malas un nelīdzenumi pēc vektorizācijas.

Izsekojamā attēla atrašana

Es meklēju Google attēlus par tauriņu. Mēs to pārveidosim par vektoru. Lūdzu, ņemiet vērā: jo lielāks attēls, jo vienmērīgāks būs mūsu vektora objekts. Tas attiecas gan uz Photoshop, gan Illustrator. Ar lielu attēlu es domāju attēlu, kura platums ir 1000 pikseļi vai vairāk. Piemēram, mans tauriņš ir no 2000 pikseļiem.

Objekta izvēle

Izvēlieties no izvēlnes Rīks visizplatītākā burvju nūjiņa Burvju nūjiņu rīks un noklikšķiniet uz baltās zonas. Šādi mēs izveidojām atlases apgabalu, bet mums ir jāizvēlas tauriņš.

Iet uz Izvēlieties> Apgriezts vai noklikšķiniet uz darbvietas un parādītajā izvēlnē atlasiet Izvēlieties apgriezto... Lieta ir tāda, ka izveidotā atlase ir jāapgriež otrādi, lai izvēlētos tauriņu. Godīgi sakot, man vienalga, kā jūs veidojat savu atlasi. Izsekojiet laso ar rokām, tam nav īsti nozīmes.

Kā izveidot vektoru ceļu

Mums ir atlase, tagad pārveidojiet to par vektoru ceļu ceļš... Izvēlieties jebkuru atlases rīku, piemēram Laso rīks, taisnstūra marķieru rīks vai Burvju nūjiņu rīks... Ar peles labo pogu noklikšķiniet uz atlases apgabala un atlasiet Izveidojiet darba ceļu... Parādītajā izvēlnē iestatiet izlīdzināšanas pakāpi Iecietība garša. Atkarība ir vienkārša. Jo lielāks skaitlis, jo lielāka izlīdzināšana. Jo mazāks skaitlis, jo mazāks pretslāpēšanas efekts. Augsta anti-aliasing nozīmē mazāku vektoru mezglu skaitu un neprecīzāku rastra ceļu. Mana Vitruvian Man gadījumā tas ir tieši tas, ko es gribēju.

Tātad, paletē Ceļš mums tagad ir darba ceļš. Ja jums nav paletes Ceļš atver to Windows> ceļš Paletes darba zona Ceļš izskatās kā darbvirsma vai pagaidu patversme. Uz tā var parādīties dažādas kontūras, taču, ja jūs rūpēsities par konsekventu taupīšanu, tās laika gaitā pazudīs. Veiciet dubultklikšķi uz kontūras Darba ceļš un saglabājiet kontūru atsevišķi. Kontūras apgabalā Ceļš darbojas tāpat kā slāņi paletē Slāņi... Ja kontūra ir atlasīta, tad tā ir aktīva, un jūs varat ar to strādāt.

Photoshop rīki darbam ar ceļiem - Ceļa izvēles rīks un Tiešās atlases rīks... Mums ir ceļš, bet nav objekta. Ja esat lasījis manu piezīmju sēriju par vektoriem programmā Photoshop, jūs jau zināt, ka vektors Photoshop tiek attēlots kā vektora maska ​​kāda veida efektam vai grafikai. Vektors var būt arī kā viedais slānis, kas atsaucas uz importēto Illustrator failu, bet mēs to atstāsim citai piezīmei. Izmantojot rīku, izvēlieties ceļu Ceļa izvēles rīks vai ceļu paletē Ceļš... Klikšķiniet uz Slānis> Jauns aizpildījuma slānis> Vienkrāsains Mēs esam izveidojuši aizpildīšanas slāni, kuram mūsu ceļa veidā uzreiz tiek piešķirta vektora maska.

Vektora kontūras precizēšana

Izmantojot materiālus, kurus aprakstīju rakstos Vektora zīmēšanas rīki programmā Photoshop un Pievienot, atņemt, krustot un izslēgt Photoshop, sarežģīsim zīmēšanu. Es paņēmu instrumentu Pildspalvas rīks, izvēlējās aizpildījuma slāņa masku. Iestatījumos Pildspalvas rīks salieciet Atņemt un pievienoja dažus elementus mūsu tauriņam. Es izgriezu modeļus uz spārniem un padarīju kājas un antenas biezākas.

Pielāgotas formas izveidošana Pielāgotas formas

Jūs vienmēr varat saglabāt iegūto objektu patvaļīgās formās Pielāgotas formas... Pirms kāda laika es pieminēju, kā to var izdarīt Photoshop rakstā Custom Shape Tool. Izvēlieties tauriņa slāni un nospiediet Rediģēt> Definēt pielāgotu formu Mūsu tauriņš parādījās instrumenta formās Pielāgotu formu rīks.

Un lūk, ko mēs galu galā ieguvām:

Rastra fotoattēla pārvēršana par vektoru Photoshop ir pilnīgi bezjēdzīgs uzdevums. Bet dažreiz šīs metodes var noderēt blakus darbam ar grafiku un daudz ko citu.

Fotoattēlu tulkojums no rastra uz vektoru Photoshop

Photoshop nav paredzēts rastra grafikas tulkošanai vektoros. Tajā tomēr ir vairāki specefekti, kas vizuāli rada vektoru attēla līdzību. Un ar manis aprakstītās tehnikas palīdzību jūs varat tos izgatavot vektora attēls programmā Photoshop. Ņemiet, piemēram, parastu fotogrāfiju, ko uzņēmis man pazīstams fotogrāfs.

Viens no efektiem, ko es minēju, ir Filtrs> Mākslinieciskais> Izgriezums Iestatījumus atstāju uz jūsu sirdsapziņas. Attēlam jābūt pēc iespējas reālistiskākam, bet ļoti izlīdzinātam. Mēs varētu apstāties pie tā, attēls jau izskatās "vektors", bet tas joprojām ir rastrs.

Tagad jums ir jāizveido vektoru apgabali vienāds ar krāsu skaitu fotoattēlā. Izvēlieties nūju Burvju nūjiņu rīks un pārliecinieties, vai iestatījumos nav atzīmēta izvēles rūtiņa Blakus... Izvēlieties pirmo apgabalu un sekojiet visam iepriekš aprakstītajam ceļam. Izveidojiet ceļu no atlases, izveidojiet aizpildītu vektora masku no ceļa utt.

Kopumā viss fotoattēls tiek pārvērsts par vektoru apgabaliem. Mēs nepārvērsīsim pēdējo balto laukumu par vektoru. Vienkārši ar rīku uzzīmējiet lielu baltu kvadrātu Taisnstūra rīks un novietojiet to zem visiem slāņiem. Pēc nelielas tīrīšanas un konturēšanas fotoattēls izskatās kā zemāk redzamais attēls. Un atkal šāds darbs nav paredzēts Photoshop un drīzāk ir perversija. Bet to var izdarīt, un dažādās situācijās šādas metodes var noderēt. Fotogrāfijas apstrāde man prasīja 10 minūtes, tāpēc šāda veida darbs neaizņem daudz laika. Un atcerieties, ko lielāks izmērsšādā veidā fotoattēlu saliksit slāņos, jo labāka un elastīgāka kontūra varēs apiet atlases zonu. Jo mazāk stūrains un raupjš mūsu vektors izrādīsies Photoshop. Dažādi iestatījumi Tolerans veidojot kontūru, tie arī sniegs dažādus rezultātus. Priecīgus eksperimentus!

Neskatoties uz to, ka Photoshop ir rastra grafikas redaktors, tā rīku komplektā ir daži vektoru rīki. Vektoru rīki galvenokārt paredzēti rediģējamu līkņu - ceļu veidošanai. Lai atsvaidzinātu atmiņu, atcerieties, ka atšķirība starp rastra un vektorgrafiku ir veids, kā uzglabāt un aprakstīt grafisko informāciju. Vektoru attēli tiek saglabāti matemātiski aprakstītu līkņu veidā, kas mērogošanas laikā nezaudē kvalitāti, jebkurā laikā tie ir viegli un elastīgi rediģējami. Vispirms apskatīsim vektoru līkņu konstruēšanas principu.


Vektoru kontūras tiek uzzīmētas uz līniju segmentiem, kuriem ir galvenie mezgli un kontroles punkti. Galvenie mezgli ierobežo līniju abās pusēs, un galvenie punkti ļauj kontrolēt līkņu liekšanos.


Grupas rīki tiek izmantoti, lai izveidotu līknes. Pildspalva... Rīks Pildspalvas rīks paredzēti, lai izveidotu līknes galvenajiem mezgliem. Šī rīka darbības princips ir norādīt ceļa segmenta galvenos punktus. Ja, norādot kontroles punktu, neatlaižot peles pogu, pārvietojiet to, tad segmentu, kas satur kontroles punkts ... Turpmākās peles kustības jau tieši ietekmē vadības punktu un, savukārt, segmenta līkumu. Nākamais kreisais klikšķis iestatīs nākamo kontroles punktu utt.



Pildspalvas rīks var darboties divos režīmos - veidojot līknes un veidojot tā saucamās formas - slēgtos vektoru apgabalus. Lai pārslēgtos starp šiem režīmiem, izmantojiet pogas - kontūru veidošanas režīms, - formu veidošanas režīms. Ja strādājat veidlapu veidošanas režīmā, jūsu izveidotā kontūra tiks uzskatīta par vienmēr slēgtu un līdz ar to piepildīta ar jūsu izvēlēto krāsu. Fiziski slāņu maska ​​tiek izveidota slāņu paletē, pamatojoties uz vektoru attēlu. Slānis pats ir piepildīts ar jūsu izvēlēto krāsu (krāsu izvēlaties paletē Rekvizīti).



Darbības princips ar vektoru masku nedaudz atšķiras no principa strādāt ar rastra masku, atšķiras tikai instrumenti. Ja strādājat ar bitkartes masku, to mainījāt, izmantojot zīmēšanas rīkus, tad Šis gadījums maskas forma tiek mainīta, izmantojot vektoru rīkus.


Lai pārvērstu vektoru masku par rastru, jums jāzvana konteksta izvēlne vektora masku un atlasiet vienumu Rasterizējiet masku... Rezultātā jūs iegūsit parasto slāņa masku. Pretējā gadījumā darbs ar slāņa masku vektoru versijā neatšķiras no darba rastra versijā.


Vektoru zīmējumi ir ērti, jo jebkurā laikā jūs varat ļoti ērti mainīt šī zīmējuma līkņu formu. Šim nolūkam ir vairāki rīki. Piemēram, rīks (pievienojot galvenos punktus - mezglus) - pievieno galvenos punktus līknei vietā, kur noklikšķināt. Rīks var noņemt nevajadzīgos punktus ceļā, noklikšķinot uz dzēšamā punkta. Patiesībā jums nav jāpārslēdzas uz šiem rīkiem. Pievērsiet uzmanību slēdzim Automātiska pievienošana / dzēšana paletē Rekvizīti. Ja šis režīms ir iespējots (atzīmēts), pildspalvas rīks automātiski pārslēgsies uz rīku Pievienot punktu (novietojot to virs ceļa) un uz punktu noņemšanas rīku (novietojot to virs esoša punkta). Ja režīms ir atspējots, punktu dzēšana un pievienošana būs iespējama tikai tad, ja tiks izmantoti atbilstoši rīki.



Līknes saliekšanu kontrolē, izmantojot kontroles punktus. Lai izvēlētos kontroles punktu, izmantojiet rīku Tiešās atlases rīks... Mezgla izvēle rediģēšanai (noklikšķinot ar šo rīku uz rediģējamā mezgla). Pēc tam, pārvietojot vadības punktus, jūs ietekmējat līknes līkumu izvēlētā mezgla apgabalā. Arī ar šo rīku jūs varat pārvietot atlasītos mezglus. Rīks Ceļa izvēles rīks paredzēts darbam ar līkni kopumā, kā ar objektu - kustībai un pārveidošanai. Vektoru objektiem tiek piemērots brīvās pārveidošanas režīms, tieši tāds pats kā rastra apgabaliem.


Svarīgs rīks darbam ar galvenajiem mezgliem ir rīks ar nosaukumu Punkta konvertēšanas rīks... Šī rīka nozīme ir pārveidot mezgla tips... V vektorgrafika Photoshop izšķir divu veidu galvenos mezglus - gluda un stūris (stūris)... Antialiased galveno mezglu nozīme ir tāda, ka divu līkņu kontroles punkti, kas saplūst vienā mezglā Vienmēr uz vienas un tās pašas virtuālās līnijas.



Citu mezglu veidu, kā mēs teicām, sauc par leņķisko. Šāda veida nozīme ir tāda virtuālās līnijas, kas iet caur viena segmenta kontroles punktu, un abu segmentu kopējais atslēgas mezgls var saplūst jebkurā leņķī.



Veida pārveidošanas rīks darbojas šādi - ja mezgls ir izlīdzināts (un pēc noklusējuma mezgli ir izlīdzināti), tad, noklikšķinot uz konvertēšanas rīka, mezgls tiks atzīmēts stūrī. Ja pēc peles pogas nospiešanas to neatlaidiet, bet vienkārši pavelciet, varēsiet kontrolēt segmenta līkumu pie konkrēta mezgla.



Mēs sākām, izvēloties divus pildspalvu rīka režīmus. Pirmais ir formu veidošanas veids, bet otrais - ceļu veidošanas veids. Ļaujiet mums sīkāk pakavēties pie darba veida ar kontūrām.


Šajā gadījumā jūsu ceļš automātiski neaizpildīs un neveidos vektora slāņa masku un slāni. Šajā gadījumā jūsu ceļš būs tīri virtuāls un nav saistīts ar slāņiem. Lai strādātu ar šādiem ceļiem, ir palete ar nosaukumu Ceļš. Visas darbības ar ceļiem ir koncentrētas šajā paletē.



Paletes Ceļš slāņi paletes ceļus (ceļus) ievieto kā slāņus, un vienā vektoru slānī var būt vairāki nesaistīti vektoru ceļi. Ceļa paletes apakšējā rindā ir ceļa vadības ikonas. Sāpīgi pazīstamās piktogrammas ar miskasti un tukšu lapu, šajā paletē nav mainījušas savu mērķi, t.i. attiecīgi šī ir vektora slāņa noņemšana un tukša vektora slāņa izveidošana.


Līdz šim mēs domājām, kāpēc šādam absolūti rastra redaktoram, piemēram, Photoshop, ir vajadzīgi šie vektoru rīki. Vienkāršs vektoru izmantošanas piemērs Photoshop ir darbs ar atlasēm. Kā redzams no attēla, vairākas paletes ikonas tiek izmantotas, lai ceļu (ceļu) pārveidotu par atlases ceļu un otrādi. Patiesībā, apgūstot dažas prasmes darbā ar ceļiem, jūs sapratīsit, ka ir daudz vieglāk pielāgot vektora ceļu atlasītās zonas formai, nekā pat izmantojot diezgan elastīgu ātro masku. Tāpēc, ja vēlaties rediģēt atlasi, jūs vienmēr varat to pārvērst par ceļu (ceļu), pēc tam rediģēt un vēlreiz pārvērst to atlasē. Ja atlases kontūrām vēlaties izmantot tradicionālās Stroke and Fill darbības, tad arī tās ir jūsu rīcībā.



Loģiskās operācijas darbojas nedaudz negaidīti. Jūs varat izveidot ceļus jebkurā loģiskajā režīmā, neatkarīgi no tā, vai tas ir saskaitīšana vai atņemšana. Šajā posmā jūs nepamanīsit nekādas darbības. Bet neļaujiet sevi apmānīt ar to, ka esat atradis kļūdu gandrīz nevainojamā programmā. Faktiski Photoshop atceras, kādā režīmā jūs izveidojāt ceļu (birojs raksta ...), un, tiklīdz jūs teiksiet programmai izveidot atlases kontūru no sava ceļu sajaukuma, Photoshop atcerēsies visu un veiks visas jūsu veiktās darbības. tai piešķirta, veidojot ceļus. Dialoglodziņš atlases kontūras izveidei no ceļa ļauj norādīt visvairāk svarīgi iestatījumi par atlases kontūrām (bet tas notiek tikai tad, ja izmantojat izvēlnes Ceļš komandu Izvēlēties izvēli).



Lūdzu, ņemiet vērā, ka varat iestatīt spalvu rādiusu, iespējot vai atspējot pretapļaušanu. Sadaļā Darbība varat iestatīt jaunizveidotās atlases loģisko režīmu. Iespējas no šīs sadaļas kļūst pieejami tikai tad, ja viens atlases izklāsts jau pastāv. Attiecīgi, ja izvēlaties darbību Jauna atlase, izveidotā atlase aizstās esošo atlasi; opcija Pievienot atlasei esošai atlasei pievienos atlasi, kas izveidota no ceļa; Substruct from Selection - atņems izveidoto ceļu no esošās atlases.


Rīks Brīvas formas rīksļauj izveidot vektora ceļu vienkāršā krāsošanas režīmā, piemēram, otu. Turiet nospiestu peles kreiso pogu un vienkārši pārvietojiet peli, uzzīmējot vajadzīgo kontūru. Šim rīkam ir viens galvenā iezīme kas šo vektoru rīku pielīdzina magnētiskā Lasso rīkam, ir iespēja Magnētisks... Darbības princips ir vienāds, rīks meklē kontrastējošas robežas un izseko kontūru tikai tur. Pretējā gadījumā šī rīka izveidotais ceļš neatšķiras no parastā ceļa.

  • Skatīts: 58428

Šajā apmācībā mēs apgūsim vektoru formu zīmēšanas pamatus Photoshop CS6, izmantojot vienkāršos formu rīkus! Sāksim ar instrumentu darbības pārbaudi. "Taisnstūris"(Taisnstūra rīks ), "Noapaļots taisnstūris"(Noapaļots taisnstūra rīks), "Elipse"(Elipses rīks), "Daudzstūris"(Daudzstūra rīks) un "Līnija"(Līnijas rīks). Tālāk mēs uzzināsim, kā izvēlēties aizpildīšanas un triepienu krāsas formām, mainīt izskats insultu, rediģēt formas ar formu slāņu noderīgajām īpašībām un daudz ko citu! Mums ir daudz jāmācās, tāpēc šajā apmācībā mēs koncentrēsimies uz ģeometrisko formu grupas piecu pamata rīku darbību un īpašībām. Nākamajā nodarbībā mēs uzzināsim, kā mūsu dokumentam pievienot sarežģītākas formas, izmantojot rīku Brīvas formas forma!

Šī apmācība ir paredzēta Photoshop CS6 lietotājiem. Ja strādājat vairāk vecā versija no programmas, pēc tam izpētiet sākotnējo nodarbību "Shape and Shape Layer in Photoshop".

Lielākā daļa cilvēku domā, ka Photoshop tiek izmantots tikai pikseļu attēlu apstrādei, un, ja jūs lūgtu viņiem labu attēlu redaktoru, visbiežāk atbilde būtu “ Adobe ilustrators". Patiešām, Adobe Illustrator redaktora iespējas ir daudz plašākas nekā Photoshop programmām, taču, kā mēs redzēsim no šīs un turpmākās mācības, dažādi Shapes grupas rīki ļauj viegli pievienot vienkāršus vektoru attēlus un zīmējumi.

Ja jūs nezināt, kas ir vektora forma un kā tā atšķiras no pikseļa formas, skatiet šo apmācību.

Formas rīki

Photoshop programma piedāvā izvēlēties no sešiem grupas "Formas" rīkiem: "Taisnstūris"(Taisnstūra rīks), Noapaļots taisnstūris(Noapaļots taisnstūra rīks), "Elipse"(Elipses rīks), "Daudzstūris"(Daudzstūra rīks), "Līnija"(Līnijas rīks) un "Brīva figūra"(Pielāgotas formas rīks). Visi šie rīki atrodas vienuviet rīkjoslā. Pēc noklusējuma mēs redzam taisnstūra rīku, bet, noklikšķinot uz rīka ikonas un turot nospiestu peles pogu, ekrānā parādīsies nolaižamā izvēlne ar citu rīku sarakstu, no kuriem mēs varam izvēlēties vajadzīgo:

Noklikšķinot uz taisnstūra rīka ikonas, mēs varēsim apskatīt citus Shape grupas rīkus.

Es sarakstā atlasīšu pirmo rīku - taisnstūra rīku:

Vektoru formas, ceļi un pikseļu formas

Pirms sākam zīmēt formas, mums ir jāpasaka Photoshop, kāda veida formu mēs vēlamies uzzīmēt, jo patiesībā Photoshop ļauj mums zīmēt formas no trim dažādi veidi- vektoru formas, ceļi un pikseļu formas. Mēs sīkāk aplūkosim atšķirību starp šāda veida formām citās nodarbībās, taču, kā jau uzzinājām no nodarbības "Vektoru formu un pikseļu formu zīmēšana Photoshop CS6", vairumā gadījumu jūs zīmēsit vektoru formas. Atšķirībā no pikseļu formām, vektoru formas ir ļoti maināmas, pilnībā pielāgojamas un nav atkarīgas no izšķirtspējas. Tas nozīmē, ka mēs varam rediģēt, mainīt izmērus, kā vēlamies, nezaudējot attēla kvalitāti. Vektoru formu malas paliek asas un asas gan uz ekrāna, gan drukājot.

Lai zīmētu vektoru formas, nevis ceļus vai pikseļu formas, atlasiet "Attēls"(Forma) rīka iestatījumu joslā ekrāna augšdaļā:

Iestatījumu panelī atlasiet rīka režīmu "Forma"

Formas aizpildīšana ar krāsu


Noklikšķiniet uz aizpildīšanas krāsu parauga ikonas

Rezultātā tiks atvērts dialoglodziņš, kurā jums tiks lūgts izvēlēties vienu no četriem formas aizpildīšanas veidiem, ko norāda atsevišķa ikona. No kreisās uz labo pusi var redzēt ikonu bez krāsas (ar sarkanu diagonālu joslu), krāsu aizpildīšanas ikonu, gradienta ikonu un raksta ikonu:

4 formu aizpildīšanas iespējas (bez krāsas, vienkrāsainas, gradienta un raksta)

Aizpildīšanas metode "Bez krāsas"

Kā norāda nosaukums, aizpildīšanas metode "Nav krāsas"(Bez krāsas) neaizpilda formu ar nevienu krāsu. Kāpēc mums vajag tukšu formu, jūs varat jautāt? Dažos gadījumos jūs varat vēlēties, lai formai būtu tikai plānas kontūras. Tālāk mēs apskatīsim, kā formai pievienot svītru, bet, ja vēlaties, lai formai būtu tikai ceļš bez aizpildījuma krāsas, atlasiet opciju Bez krāsas:

Neviena krāsa neaizpilda formu ar kādu krāsu

Zemāk ir parauga forma pēc opcijas Bez krāsas piemērošanas. Viss, ko mēs redzam, ir plānas figūras kontūras, tā sauktā "kontūra". Kontūru var redzēt tikai Photoshop, tādēļ, ja sākat drukāt dokumentu vai saglabāt to JPEG formāti vai PNG, kontūra pazudīs. Lai padarītu to redzamu, mums tam jāpievieno triepiens, kuru mēs izpētīsim tālāk, kad būsim aptvēruši visas iespējas. aizpildīt(Aizpildīt):


Ja kā aizpildīšanas metode ir atlasīta opcija "Bez krāsas", ir redzama tikai formas kontūra (un pat tad tikai Photoshop)

Vienkrāsainas aizpildīšanas metode

Lai aizpildītu formu ar krāsu, atlasiet opciju "Tīra krāsa"(Vienkrāsains) (otrā ikona no kreisās):

Noklikšķiniet uz parametra ikonas "Vienkrāsains"

Pēc parametra "Vienkrāsaina" izvēles atlasiet formas krāsu, noklikšķinot uz viena no krāsu paraugiem. Rindā parādīsies nesen izmantotās krāsas "Nesen lietotās krāsas"(Nesen izmantotās krāsas) salīdzinājumā ar galvenajiem paraugiem:

Izvēlieties krāsu, noklikšķinot uz tās parauga

Ja vēlamo krāsu nav starp paraugiem, noklikšķiniet uz krāsu atlasītāja ikonas labajā pusē augšējais stūris dialoglodziņš:

Noklikšķiniet uz krāsu atlasītāja ikonas

Pēc tam krāsu atlasītājā atlasiet vēlamo krāsu. Noklikšķiniet uz Labi, lai aizvērtu paleti, kad izvēlaties krāsu:


Krāsu atlasītājā atlasiet krāsu, lai aizpildītu formu

Zemāk ir tāda pati forma, tikai šoreiz piepildīta ar krāsu:


Mūsu forma tagad ir piepildīta ar krāsu

Aizpildīšanas metode "Gradients"

Lai aizpildītu formu ar gradienta aizpildījumu, atlasiet opciju "Gradients"(Gradients). Pēc tam noklikšķiniet uz viena no sīktēliem, lai atlasītu vēlamo gradienta paraugu, vai izveidojiet savu, izmantojot opcijas zem gradienta sīktēliem. V atsevišķa nodarbība apskatīsim, kā izveidot un rediģēt slīpumus:

Vispirms atlasiet parametru "Gradients" un pēc tam - vēlamo gradienta paraugu

Zemāk ir tāda pati forma, tikai šoreiz piepildīta ar gradienta aizpildījumu:


Mūsu forma tagad ir piepildīta ar vienu no iepriekš definētajiem gradienta paraugiem.

Raksta aizpildīšanas metode

Visbeidzot, izvēloties opciju "Modelis"(Pattern), mēs varam aizpildīt formu ar modeli. Noklikšķiniet uz viena no sīktēliem, lai noteiktu gatavo modeli. Sākotnēji programmā nav daudz modeļu, taču jūs varat arī lejupielādēt papildu modeļus, kas lejupielādēti no interneta vai izveidoti paši, noklikšķinot uz mazās zobrata ikonas (zem Krāsu atlasītāja ikonas) un atlasot "Lejupielādēt modeļus"(Ielādēt modeļus) no parādītās izvēlnes:

Vispirms izvēlieties parametru "Pattern", un pēc tam - vēlamo parauga paraugu

Un tā forma izskatīsies, piepildīta ar vienu no Photoshop modeļiem. Lai aizvērtu dialoglodziņu "Aizpildīt"(Aizpildīt), nospiediet taustiņu Enter (Win) / Return (Mac) vai preferenču panelī noklikšķiniet uz tukšas vietas. Ja jums ir šaubas par savas formas pareizās krāsas, gradienta vai raksta izvēli, neuztraucieties, mēs vēlāk izpētīsim, kā jūs varat tos mainīt:


Forma, kas piepildīta ar atlasītu rakstu

Pievienojiet formai insultu

Pēc noklusējuma Photoshop nepievieno vēstules formas malām, taču tās pievienošana ir tikpat vienkārša kā krāsas aizpildīšana. Faktiski parametru iespējas "Insults" ("Insults")(Insults) un "Aizpildīt"(Aizpildīt) ir vienādi Photoshop CS6, tāpēc jūs jau zināt, kā tos izmantot!

Lai pievienotu ievilkumu, opciju joslā noklikšķiniet uz zīmējuma krāsas parauga:


Noklikšķiniet uz insulta krāsu parauga

Rezultātā tiks atvērts dialoglodziņš ar tādām pašām opcijām kā aizpildīšanai, izņemot to, ka tagad mēs izvēlamies triepiena krāsu. Loga augšdaļā atkal ir četras ikonas "Nav krāsas"(Bez krāsas), "Tīra krāsa"(Vienkrāsains), "Gradients"(Gradients) un "Modelis"(Modelis). Pēc noklusējuma ir atlasīta opcija Bez krāsas. Es savukārt izvēlos opciju Cietā krāsa un pēc tam iestatīšu triepiena krāsu uz melnu, izvēloties to no paraugiem. Tāpat kā aizpildīšanas gadījumā, ja vajadzīgā krāsa nav starp paraugiem, augšējā stūrī noklikšķiniet uz ikonas Krāsu atlasītājs, lai manuāli atlasītu vēlamo krāsu:

Atlasiet insulta opciju "Vienkrāsains" un pēc tam atlasiet vēlamo krāsu no krāsu paraugiem.

Mainiet insulta platumu

Lai mainītu gājiena platumu (biezumu), izmantojiet parametru "Platums"(Platums), kas atrodas pa labi no svītru krāsu parauga opciju joslā. Pēc noklusējuma tā vērtība ir 3 pt. Lai mainītu platumu, varat vai nu ievadīt noteiktu vērtību tieši datu ievades logā (pēc ievadīšanas nospiežot Enter (Win) / Return (Mac), lai apstiprinātu datus), vai arī noklikšķiniet uz mazās bultiņas pa labi no vērtības un pārvietojiet slīdni:

Mainiet gājiena platumu

Malu izlīdzināšanas opcija

Ja paskatīsities tālāk uz iestatījumu paneļa labo pusi, redzēsit šo opciju Izlīdzināt malas(Izlīdzināt malas). Kad šī opcija ir iespējota (atzīmēta), Photoshop izlīdzinās formas malas ar pikseļu režģi, kā rezultātā tās paliks asas un kraukšķīgas:

Pārliecinieties, vai Align Edges ir ieslēgts

Tomēr, lai opcija Align Edges darbotos, nepietiek tikai ar tās izvēli. Jūs arī vēlaties, lai gājiena platums būtu pikseļos (px), nevis punktos (pt). Kopš pašlaik mana gājiena platumu mēra punktos (noklusējuma vienība), es atgriezīšos un ievadīšu jaunu platuma vērtību 10 pikseļi (px):

Lai opcija Align Edges darbotos, iestatiet gājiena platumu pikseļos (px)

Zemāk formai esmu piemērojis 10 pikseļu melnu triepienu:


Vienkārša forma ar melnu kontūru ap to

Pēc formas svītras pievienošanas, ja atgriezīšos un opciju joslā noklikšķināju uz aizpildījuma krāsu parauga, izvēloties aizpildīšanas metodi "Nav krāsas"(Bez krāsas), man būs tikai formas kontūra ar insultu. Forma kļūs tukša iekšpusē. Šķiet, ka forma ir piepildīta ar baltu, bet tas ir tikai krāsas dēļ fons dokuments ir balts, ko mēs redzam patiesībā.


Tāda pati forma ar aizpildīšanas opciju "Bez krāsas"

Papildu insulta iespējas

Pēc noklusējuma programma zīmē nepārtrauktu insultu, bet mēs to varam mainīt, noklikšķinot uz pogas Iestatiet formas triepiena veidu(Stroke Options) iestatījumu panelī:


Noklikšķiniet uz pogas "Iestatīt formas gājiena veidu"

Tas atvērs dialoglodziņu Insulta iespējas(Stroke Options), kur mēs varam mainīt insulta izskatu no nepārtrauktas līnijas uz punktētu vai punktētu līniju. Parametrs Izlīdzināt(Līdzināt) ļauj mums izvēlēties gājiena izlīdzināšanas veidu: ceļa iekšpusē, ārpusē vai vidū. Mēs varam izveidot līniju galus gājienam (parametrs "Beigas"(Caps)) noapaļots, kvadrātveida vai sabiezināts, un līniju krustojums gājienā (parametrs "Stūri"(Stūri): asi, noapaļoti vai slīpi. Kad tiek nospiesta poga "Citi parametri"(Citas opcijas), kas atrodas dialoglodziņa apakšā, atvērs vēl vienu logu, kurā mēs varam iestatīt konkrētas vēzienu un atstarpju vērtības punktētā līnija un pat saglabājiet iestatījumus kā iepriekš iestatītu:

Insulta iespējas

Zemāk ir forma ar tādu pašu gājienu, bet šoreiz nepārtrauktas līnijas vietā tiek izvēlēta punktētā līnija:


Insulta izskats ir mainījies no nepārtrauktas līnijas uz pārtrauktu līniju

Taisnstūra rīks

Tātad, mēs jau esam iemācījušies rīkjoslā atlasīt dažādus formas grupas rīkus, kā izvēlēties aizpildījuma un insulta krāsu un kā mainīt insulta izskatu. Tagad iemācīsimies uzzīmēt pašas vektoru formas! Mēs sāksim, apskatot pirmo formu grupu rīku sarakstā - "Taisnstūris"(Taisnstūra rīks). Es to atlasīšu rīkjoslā, tāpat kā iepriekš:

Taisnstūra rīka izvēle

Taisnstūra rīks ļauj mums uzzīmēt vienkāršas četrstūra formas. Lai uzzīmētu formu, noklikšķiniet uz dokumenta loga, lai definētu formas sākuma punktu. Pēc tam, turot nospiestu peles pogu, velciet peles kursoru pa diagonāli, lai pabeigtu formas zīmēšanu. Pārvietojot kursoru, jūs redzēsit plānas nākotnes formas kontūras (kontūras):


Velciet kursoru, lai uzzīmētu taisnstūra formu. Pārvietojot kursoru, parādās plānas formas kontūra.

Atlaižot peles pogu, programma aizpilda formu ar krāsu, kuru izvēlējāties preferenču panelī:


Tiklīdz atbrīvosit peles pogu, programma aizpildīs formu ar krāsu

Formas izmēru maiņa pēc tās uzzīmēšanas

Kad esat uzzīmējis sākotnējo formu, tās pašreizējie izmēri tiks parādīti opciju joslā: platums(Platums (W)) un augstums(Augstums (H)). Manā gadījumā es uzzīmēju formu 533 pikseļus platu un 292 pikseļus augstu:


Formas sākotnējie izmēri (platums un augstums) ir redzami iestatījumu panelī

Ja pēc formas uzzīmēšanas jums ir jāmaina izmērs (šī metode darbojas visiem formu rīkiem), vienkārši ievadiet jaunās vērtības attiecīgajos platuma un augstuma lodziņos. Piemēram, pieņemsim, ka manai formai jābūt 500 pikseļu platai. Tas prasa tikai mainīt platuma vērtību par 500 pikseļiem. Ja nepieciešams, es varētu arī ievadīt noteiktu augstuma vērtību. Ja, mainot formas augstumu vai platumu, proporcijas nemainās, vispirms noklikšķiniet uz mazās ķēdes ikonas starp augstuma un platuma vērtībām:


Pēc tam pēc ķēdes ikonas aktivizēšanas ievadiet jaunu augstuma vai platuma vērtību. Šajā gadījumā Photoshop automātiski aizstās atbilstošo otrā parametra vērtību. Manā gadījumā es manuāli ievadīju jaunu vērtību 500 pikseļu platumam, un, tā kā tika aktivizēta ķēdes ikona, Photoshop arī mainīja augstuma vērtību uz 273 pikseļiem:


Formas lieluma maiņa

Formas lieluma maiņa pirms tās uzzīmēšanas

Ja pirms zīmēšanas zināt precīzu formas augstumu un platumu, ir viens ērts triks. Izvēloties rīku Formas, vienkārši noklikšķiniet jebkurā vietā dokumentā. Rezultātā uzreiz tiks atvērts dialoglodziņš, kurā varēsit ievadīt vēlamās vērtības augstums un platums. Noklikšķiniet uz Labi, lai aizvērtu dialoglodziņu, un programma automātiski uzzīmēs formu:

Noklikšķiniet jebkurā dokumenta vietā, lai ievadītu platuma un augstuma vērtības, un programma automātiski uzzīmēs formu

Formas zīmēšana no centra

Izpētīsim dažus vienkāršus, bet noderīgus īsinājumtaustiņus. Ja nospiežat un turiet taustiņu Alt (Win) / Option (Mac) pārvietojot kursoru, jūs zīmēsit formu no centra, nevis no stūra. Šī metode darbojas ar visiem formas rīkiem, nevis tikai ar taisnstūra rīku. Lūdzu, ņemiet vērā, ka vispirms jāsāk zīmēt formu un tikai pēc tam nospiediet taustiņu Alt (Win) / Option (Mac). Jums arī jāatlaiž pirmā peles poga un tikai tad jānospiež Alt (Win) / Option (Mac) taustiņš, pretējā gadījumā tehnika nedarbosies:


Nospiediet un turiet Alt (Win) / Option (Mac), lai zīmētu formu no centra

Kvadrātu zīmēšana

Lai uzzīmētu kvadrātu, novietojiet kursoru dokumenta logā un sāciet to vilkt ārā, uzzīmējot taisnstūra formu. Kad esat sācis to darīt, nospiediet taustiņu Shift un turiet to nospiestu, pārvietojot kursoru. Nospiežot taustiņu Shift, forma tiks pārvērsta kvadrātā. Atkal atcerieties nospiest taustiņu Shift pēc kursora pārvietošanas un atlaidiet to pēdējo, pretējā gadījumā kvadrāts netiks uzzīmēts. Jūs varat apvienot divus īsinājumtaustiņus, nospiežot un turot nospiestu taustiņus Shift + Alt(Uzvarēt) /Shift + Opcija(Mac) izmantojot rīku "Taisnstūris"(Taisnstūra rīks), kā rezultātā no centra jūs uzzīmējat perfektu kvadrātu:


Nospiediet un turiet taustiņu Shift, pārvietojot kursoru, lai zīmētu kvadrātu

Atkal, krāsojot, jūs redzēsit tikai plānu kvadrāta kontūru, bet, atlaižot peles pogu, Photoshop to aizpilda ar izvēlēto krāsu:

Programma vienmēr gaida, kad atbrīvosit peles pogu, pirms aizpildīsiet formu ar krāsu

Formē rīku iespējas

Ja paskatās uz iestatījumu paneli, tad pa kreisi no parametra Izlīdzināt malas(Līdzināt malas) jūs redzēsiet zobrata ikonu. Noklikšķinot uz tā, tiks atvērts dialoglodziņš ar papildu iestatījumi grupas Shapes rīkam, kurā Šis brīdis atlasīts:

Noklikšķiniet uz zobrata ikonas

Tā kā man ir izvēlēts rīks "Taisnstūris"(Taisnstūra rīks), noklikšķinot uz zobrata ikonas, tiks parādītas taisnstūra rīka papildu opcijas. Izņemot darbu ar daudzstūra un līnijas rīkiem, kurus mēs izpētīsim vēlāk, jūs neizmantosit šo izvēlni pārāk bieži, jo mēs jau esam aprakstījuši, kā piekļūt šīm opcijām no tastatūras. Piemēram, parametrs "Patvaļīgi"(Neierobežots) ļauj mums uzzīmēt jebkura izmēra un malu attiecības formas, taču, tā kā pēc noklusējuma visi formu grupu rīki darbojas šādā veidā, šī opcija nav īpaši jāizvēlas. Parametrs "Kvadrāts"(Kvadrāts) ļauj mums uzzīmēt kvadrātus, izmantojot rīku Taisnstūris, bet mēs to varam izdarīt, vienkārši pārvietojot kursoru, nospiežot un turot nospiestu taustiņu Shift. Parametrs "No centra"(No centra) ir atbildīgs par formas zīmēšanu no centra, bet atkal mēs to varam izdarīt, turot nospiestu Alt (Win) / Option (Mac).

Ja izvēlaties opcijas "Mērķa lielums"(Fiksēts izmērs) vai "Iestatīt proporcijas"(Proporcionāli) un ievadiet platuma un augstuma vērtības, tad šīs vērtības ietekmēs arī nākamo zīmējamo formu, nevis tikai to, kuru jau esat uzzīmējis. Tāpēc jums jāatceras atgriezties pēc figūras uzzīmēšanas un atkārtoti atlasīt parametru "Patvaļīgi"(Neierobežoti), pretējā gadījumā katra jaunā zīmētā figūra būs vienāda izmēra vai proporcijās:

Redzamās opcijas ir atkarīgas no tā, kurš rīks grupā Formas ir atlasīts.

Formas slāņu rediģēšana

Iepriekš mēs uzzinājām, ka, lai Photoshop uzzīmētu vektoru formas, mums ir jāiestata zīmēšanas režīms - "Attēls"(Formas) (pretstatā ceļiem un pikseļu formām). Kad mēs zīmējam vektora formu, programma to automātiski novieto uz atsevišķa īpaša slāņa ar nosaukumu Formas slānis(Formas slānis). Ja paskatāmies uz slāņu paneli, mēs redzam, ka forma, kuru es uzzīmēju ar instrumentu "Taisnstūris"(Taisnstūra rīks), kas atrodas atsevišķā formas slānī "Taisnstūris 1". Slāņa nosaukums būs atkarīgs no izmantotā rīka, tādēļ, ja es ar Ellipse rīku uzzīmēšu ovālu, formas slānis tiks saukts par Ellipse 1:

Katra jauna vektora forma tiek novietota uz atsevišķas formas slāņa

Vizuālā atšķirība starp parasto slāni un formas slāni ir tāda, ka formas slāņiem ir maza formas ikona slāņa sīktēla apakšējā labajā stūrī:


Slāņa sīktēla ikona norāda, ka tas ir formas slānis.

Galvenā atšķirība starp formas slāni un parasto pikseļu slāni ir tāda, ka formas slāņi paliek pilnībā rediģējami. Kad mēs iepriekš uzzinājām, kā izvēlēties formas aizpildījuma un triepiena krāsas, es minēju, ka mēs vienmēr varam atgriezties un mainīt krāsu pat pēc formas uzzīmēšanas. Viss, kas mums jādara, ir jāpārliecinās, ka slāņu panelī ir atlasīts formas slānis un ir aktivizēts grupas formas rīks. Pēc tam vienkārši noklikšķiniet uz krāsu parauga Pildījumi(Aizpildīt) vai pēc krāsu parauga Strokes(Stroke) iestatījumu panelī, lai izvēlētos citu krāsu. Varat arī pēc vajadzības mainīt gājiena platumu un strādāt ar citiem parametriem. Es noklikšķināšu uz aizpildīšanas krāsu parauga:

Izvēloties formas slāni, noklikšķiniet uz Aizpildīt krāsu paraugu.

Noklikšķiniet uz zilā parauga

Tiklīdz es noklikšķinu uz parauga, programma nekavējoties aizpilda formu ar jaunu krāsu:


Formas krāsa ir mainīta bez formas pārzīmēšanas

Un, ja mēs vēlreiz aplūkosim slāņu paneli, mēs redzēsim, ka formas slāņa sīktēls ir mainījis arī savu krāsu:

Kad mēs veicām izmaiņas, formas slāņa sīktēls arī mainīja savu izskatu.

Noapaļots taisnstūra rīks

Apskatīsim otro no Shapes grupas rīkiem - Noapaļots taisnstūris(Noapaļots taisnstūra rīks). Es to atlasīšu rīkjoslā:

Atlasiet noapaļota taisnstūra rīku

Noapaļota taisnstūra rīks ir ļoti līdzīgs taisnstūra rīkam, izņemot to, ka tas ļauj mums uzzīmēt noapaļotus taisnstūrus. Mēs pielāgojam stūru noapaļošanas pakāpi, izmantojot parametru "Rādiuss"(Rādiuss) iestatījumu panelī. Jo lielāku rādiusa vērtību mēs ievadām, jo ​​apaļāki kļūst stūri. Rādiusa vērtība ir jāiestata pirms formas zīmēšanas, manā gadījumā es ievadīšu parametra "Rādiuss" vērtību, kas vienāda ar 50 pikseļiem:


Izmantojiet opciju Radius, lai definētu stūru noapaļošanas pakāpi

Pēc rādiusa vērtības iestatīšanas noapaļota taisnstūra uzzīmēšana ir līdzīga parasta taisnstūra uzzīmēšanai. Vispirms noklikšķiniet uz dokumenta loga, lai definētu formas sākuma punktu, un pēc tam turiet nospiestu peles pogu un velciet peles kursoru pa diagonāli, lai pabeigtu formas zīmēšanu. Tāpat kā ar taisnstūra formu, pārvietojot kursoru, programma uzzīmēs plānu formas kontūru:


Pēc rādiusa vērtības ievadīšanas opciju joslā velciet ārā, lai uzzīmētu noapaļotu taisnstūri

Atlaižot peles pogu, Photoshop pabeidz zīmēt formu un aizpilda to ar krāsu:


Atlaižot peles pogu, forma piepildās ar krāsu

Zemāk ir vēl viens taisnstūris, kura rādiuss ir iestatīts uz 150 pikseļiem. Šī vērtība ir tik liela (šim skaitlim jebkurā gadījumā), ka kreisā un labā puse taisnstūri ir veidoti kā līkne:


Jo lielāka rādiusa vērtība, jo apaļāki būs stūri.

Un šeit ir taisnstūris ar nelielu rādiusa vērtību 10 pikseļi, kas tikai nedaudz noapaļo formas stūrus:


Maza rādiusa vērtība mazāk noapaļo stūrus

Diemžēl priekšskatījums Photoshop CS6 nav stūra noapaļošanas pakāpes. Mēs varam redzēt, cik apaļi ir stūri, tikai pēc taisnstūra uzzīmēšanas. Zīmējot formu, mēs nevaram mainīt rādiusa vērtību, tomēr Photoshop neļauj mums atgriezties un mainīt rādiusa vērtību pēc formas uzzīmēšanas. Viss iepriekš minētais nozīmē, ka noapaļotu taisnstūru zīmēšana būtībā ir izmēģinājumu un kļūdu process.

Ja jums nepatīk taisnstūra stūru noapaļošana, pēc tā uzzīmēšanas dodieties uz izvēlnes sadaļu "Rediģēšana"(Rediģēt) ekrāna augšdaļā un izvēlieties Atsaukt: noapaļots taisnstūra rīks(Atsaukt noapaļota taisnstūra rīku) (vai nospiediet īsinājumtaustiņu Ctrl + Z (Win) / Command + Z (Mac)), kā rezultātā forma tiks noņemta no dokumenta. Pēc tam opciju joslā ievadiet jaunu rādiusa vērtību un sāciet no jauna taisnstūra zīmēšanu.

Izvēlieties Rediģēt> Atsaukt: noapaļots taisnstūra rīks

Tie paši īsinājumtaustiņi, kurus apskatījām, kad uzzinājām par Taisnstūra rīka darbību, izmantojot rīku Noapaļots taisnstūris. Lai uzzīmētu kvadrātu ar noapaļotiem stūriem, sāciet zīmēt formu un pēc tam nospiediet un turiet Shift. Pēc peles pogas atlaišanas atlaidiet taustiņu Shift.

Lai zīmētu formu no centra, nevis stūra, sāciet zīmēt formu un pēc tam nospiediet un turiet Alt (Win) / Option (Mac). Visbeidzot, kopīgi taustiņsitieni Shift+ Alt (Uzvarēt) / Shift+ Iespēja (Mac) izraisīs kvadrāta vilkšanu no centra. Atslēgas jāatlaiž tikai pēc peles pogas atlaišanas.

Elipses rīks

Rīks "Elipse"(Elipses rīks) ļauj mums uzzīmēt elipses un apļus. Es to atlasīšu rīkjoslā:

Elipses rīka izvēle

Tāpat kā ar citiem apskatītajiem rīkiem, noklikšķiniet uz dokumenta loga, lai definētu formas sākuma punktu, un pēc tam turiet nospiestu peles pogu un velciet peles kursoru pa diagonāli, lai pabeigtu formas zīmēšanu:


Uzzīmējiet elipsi, izmantojot elipses rīku

Atlaidiet peles pogu, lai pabeigtu formas zīmēšanu un aizpildītu to ar krāsu:


Forma ir piepildīta ar krāsu.

Lai uzzīmētu pilnīgi taisnu apli, izmantojot elipses rīku, sāciet vilkt un pēc tam nospiediet un turiet Shift... Lai no centra uzzīmētu elipsi, nospiediet un turiet Alt (Uzvarēt) / Iespēja (Mac) pēc zīmēšanas uzsākšanas. Vienlaicīgi turot nospiestu taustiņus Shift+ Alt (Uzvarēt) / Shift+ Iespēja(Mac) ļaus zīmēt apli no centra. Un kā vienmēr, atlaidiet taustiņus tikai pēc peles pogas atlaišanas:

Aplis uzzīmēts ar Ellipse rīku

Daudzstūra rīks

Rīks "Daudzstūris"(Daudzstūra rīks) mums ir interesantāks formu zīmēšanas iespēju ziņā. Es to atlasīšu rīkjoslā:

Daudzstūra rīka izvēle

Ja ar taisnstūra rīku mēs varam uzzīmēt tikai četrstūra taisnstūrus, tad daudzstūra rīks ļauj mums uzzīmēt daudzstūrus ar tik daudzām malām, cik vēlamies. Tālāk mēs apskatīsim, kā jūs pat varat zīmēt zvaigznes ar šo rīku! Lai uzzīmētu formu, izmantojot daudzstūra rīku, parametru lodziņā vispirms ievadiet vajadzīgo malu skaitu "Ballītes"(Sides) iestatījumu panelī. Jūs varat ievadīt jebkuru skaitli no 3 līdz 100. Pēc noklusējuma malu skaits ir 5, un es to atstāju šādi:

Parametru lodziņā "Sides" ievadiet malu skaitu

Kad esat norādījis malu skaitu, novietojiet kursoru dokumenta logā un sāciet to vilkt, lai uzzīmētu daudzstūra formu. Photoshop vienmēr zīmē daudzstūra formas no centra, tāpēc nav nepieciešams turēt nospiestu Alt (Win) / Option (Mac). Nospiežot un turot nospiestu taustiņu Shift pēc daudzstūra zīmēšanas tas ļaus ierobežot jūsu formas stūru skaitu un novietot to uz ekrāna tieši tā, kā vēlaties:

Ar daudzstūra rīku uzzīmēta piecpusēja forma

Norādot malu skaitu 3, mēs varam viegli uzzīmēt trīsstūri:

Vienkāršs trīsstūris, kas uzzīmēts ar daudzstūra rīku

Zemāk ir daudzstūris ar 12 malām. Tāpat kā ar opciju Rādiuss noapaļotajam taisnstūrim, mēs nevaram mainīt formu malu skaitu pēc formas uzzīmēšanas, tādēļ, ja kļūdāties, jums jāiet uz izvēlnes sadaļu "Rediģēšana"(Rediģēt) ekrāna augšdaļā un izvēlieties Atsaukt: daudzstūra rīks(Atsaukt daudzstūra rīku) (vai nospiediet Ctrl + Z (Win) / Command + Z (Mac)), pēc tam lodziņā "Sides" ievadiet citu vērtību un pārzīmējiet formu:

Daudzstūris ar divpadsmit malām

Zīmēt zvaigznes ar daudzstūra rīku

Lai zīmētu zvaigzni ar daudzstūra rīku, iestatījumu panelī noklikšķiniet uz zobrata ikonas un pēc tam atlasiet opciju "Zvaigzne"(Zvaigzne):

Noklikšķiniet uz zobrata ikonas un atlasiet parametru "Zvaigzne"

Pēc tam noklikšķiniet uz dokumenta loga un velciet kursoru, lai uzzīmētu zvaigznīti. Parametrs "Ballītes"(Sides) iestatījumu panelī nosaka zvaigznes virsotņu skaitu, tādēļ, ja parametra noklusējuma vērtība ir piecas, mēs iegūstam piecstaru zvaigzni:

Piecstaru zvaigzne, kas uzzīmēta ar daudzstūra rīku

Mainot sānu parametru uz 8, mēs iegūstam astoņstaru zvaigzni:

Definējiet zvaigznes virsotņu skaitu, izmantojot parametru Sides

Mēs varam uzzīmēt formu, kas izskatās kā eksplodējoša zvaigzne, palielinot zvaigznes staru asumu, izmantojot parametru "Staru dziļums"(Atkāpes no sāna). Pēc noklusējuma šī parametra vērtība ir 50%, es palielināšu vērtību līdz 90%. Es arī palielināšu zvaigznes virsotņu skaitu līdz 16:

Uzzīmējiet formu, kas izskatās kā eksplodējoša zvaigzne, palielinot Rays Depth vērtību

Un šeit ir skaitlis, ko es saņēmu:

Sprādzienbīstama zvaigzne, kas uzzīmēta ar daudzstūra rīku

Pēc noklusējuma zvaigžņu virsotnēm ir asi stūri, taču mēs varam tos noapaļot, izvēloties opciju Gludi ārējie stūri(Gludi stūri):

Izvēloties opciju Gludi ārējie stūri

Zemāk ir piecstaru zvaigzne ar opciju Gludi ārējie stūri:

Gludie ārējie stūri mīkstina zvaigžņu leņķīgumu

Mēs varam arī noapaļot stūrus zvaigznes staru pamatnē, izvēloties opciju Gludi iekšējie stūri(Gludi ievilkumi):

Izvēloties opciju Gludi iekšējie stūri

Atkal mūsu zvaigzne izskatās pavisam citādi:

Zīmēta zvaigzne ar atlasītiem gludiem iekšējiem stūriem

Līnijas rīks

Pēdējais no galvenajiem rīkiem grupā Formas ir rīks "Līnija"(Līnijas rīks). Es to atlasīšu rīkjoslā:

Līnijas rīka izvēle

Šis rīks ļauj mums uzzīmēt vienkāršas taisnas līnijas, taču ar to mēs varam zīmēt arī bultiņas. Lai uzzīmētu taisnu līniju, vispirms iestatiet līnijas platumu, parametru lodziņā ievadot vērtību (pikseļos) "Biezums"(Svars) iestatījumu panelī. Pēc noklusējuma biezums ir 1 pikseļi, es to palielināšu līdz 16 pikseļiem:

Parametrs "Biezums" ir atbildīgs par līnijas biezumu (vai platumu)

Otrkārt, tāpat kā ar citiem formas grupas rīkiem, noklikšķiniet uz dokumenta loga un velciet kursoru, lai novilktu līniju. Lai atvieglotu horizontālas vai vertikālas līnijas vilkšanu, nospiediet un turiet Shift, pēc līnijas sākšanas, atlaidiet peles pogu un turiet nospiestu taustiņu Shift:

Turiet nospiestu taustiņu Shift, lai zīmētu horizontālas vai vertikālas līnijas

Zīmējiet virziena bultiņas

Lai zīmētu bultiņas, iestatījumu panelī noklikšķiniet uz zobrata ikonas, lai atvērtu opcijas "Bultas"(Bultu uzgaļi). Izvēlieties, kur vēlaties pievienot bultiņas: rindas sākumā, beigās vai abos galos vienlaicīgi (ja vēlaties, lai bultiņa norādītu tajā pašā virzienā, kurā zīmējat līniju, izvēlieties opciju "Beigās"(Beigas)):

Noklikšķiniet uz zobrata ikonas, lai piekļūtu bultiņu opcijām.

Zemāk ir rindiņa, kas līdzīga iepriekšējai, izņemot to, ka beigās ir bultiņas ikona:

Viegli uzzīmēt virzošās bultiņas, izmantojot rīku Line

Ja noklusējuma bultas izmērs jums nav piemērots, varat to mainīt, izmantojot opcijas "Platums"(Platums) un "Garums"(Garums). Izmantojot parametru, bultiņai varam pievienot arī līkni "Izliekums"(Ieliekums). Pēc noklusējuma šī parametra vērtība ir 0%, bet es to palielināšu līdz 50%:

Mainiet bultiņas formu, palielinot parametra "Izliekums" vērtību

Un tā tagad izskatās bulta. Pirms sākat zīmēt līniju, noteikti izvēlieties vērtību rīka opcijām Line, jo zīmēšanas laikā tās nevar mainīt. Ja vēlaties veikt izmaiņas, forma ir jāizdzēš un jāpārzīmē:

Bultiņa ar 50% izliekumu

Paslēpiet kontūru ap formu

Ikreiz, kad mēs šajā apmācībā zīmējām formu, programma parādīja savu plānu kontūru. Kad mēs atlaidām peles pogu, programma pabeidza formas zīmēšanu un piepildīja to ar krāsu. Problēma ir tāda, ka, uzmanīgi aplūkojot uzzīmēto formu, visdrīzāk ap to redzēsiet plānu kontūru, kas nekur nav pazudusi. V &

Gala rezultāts

Kā jūs zināt, vektorgrafikas šobrīd ir ļoti populāras tīmekļa grafikā. Profesionāli dizaineri var izveidot šādas ilustrācijas dažu stundu laikā. Neatkarīgi no tā, vai esat iesācējs vai hobijs, tīmekļa grafikas nodarbības jums noteikti būs ārkārtīgi noderīgas. Šīs nodarbības mērķis ir nedaudz izgaismot atlasītā attēla veidošanas procesu. Es soli pa solim parādīšu visu procesu un izskaidrošu visas darbības, izmantojot savus komentārus.


Lai izveidotu patiešām foršu attēlu, jums ir jāizvēlas vēlamo programmu un ievērojiet dažus noteikumus. Ja vēlaties uzzīmēt vektoru ilustrāciju, paturiet prātā, ka šim nolūkam izmantojat redaktorus, piemēram Adobe ilustrators vai CorelDraw... Tomēr, Photoshop ir pietiekami daudz līdzekļu, lai izstrādātu vektoru ilustrācijas. Es to skaidri parādīšu savā stundā par to, kā zīmējumu pārvērst vektorā. Par ilustrācijas pamatu esmu izvēlējies kaķa skici. Es nolēmu attēlot zilu kaķi ar rozā ziediem ķepās.

1. darbība

Sāksim ar fona izveidi. Zīmēsim formu, izmantojot atlases rīku () ( Veidojiet slāņus(Slāņa forma)). Iestatījumi - (Aizpildīt necaurredzamību) = 0% ... Tagad izmantojiet gradienta pārklājumu: ((Layer Style - Gradient Overlay)), lai aizpildītu izveidoto formu. Visi iestatījumi ir noklusējuma, jums ir jāmaina tikai leņķis (es norādīšu pakāpi) un gradients. Pievienot Insults(Stroke) ((Layer Style - Stroke)). Mēs izmantojam visus noklusējuma iestatījumus, izņemot platumu 1 px un krāsas.