Venemaa Interneti avatud aladelt leidsin logo kujutise. Kas seda on võimalik Photoshopis rastrist vektoriks teisendada ja automaatselt? Ei. Paraku, kuigi Photoshopis on vektori tendentsid sellised, jäi kõik selles suunas tehtu muutumatuks veel 5 versiooni tagasi. Sellest ajast peale pole seda puudutatud, muutunud ja vektorisse pole midagi uut lisatud. Kas vajasite Photoshopis vektortööriistu? Siin nad on, kas soovite rohkem? Mida olete Photoshopis unustanud, meister Illustrator. Umbes see mõttekäik ajendas arendajaid Photoshopis kõige lihtsamaid vektoroperatsioone rakendama. Nüüd asume asja juurde.

Raster-vektoriks teisendamine viiakse läbi valikualade kaudu. Esiteks loome valiku, seejärel tõlgime valikujooned vektoriteedeks, seejärel täidame vektoriteed täitekihtidega, luues nii vektori maski. Et seda kõike mõista mitte armeemeeskondade tasandil - klõpsake siin, klõpsake seal, peaksite õppima, kuidas töötada vektorjoonistustööriistadega, mõistma, kuidas vektoriteed saavad üksteisega suhelda, ja õppima, kuidas luua vektormaski. Kuid ärge muretsege, te ei pea enne nädalavahetust lugemiseks maha istuma, saate juba aru, kuidas Photoshopis rastrit vektoriks teisendada, kui olete artikli lõpuni lugenud.

Logo esiletõstmine

Tahan rõhutada, et vektorisse tõlke kvaliteedi tagamiseks peab pilt ise olema suur. See kehtib Illustratoris jälgimise puhul ja Photoshopi puhul on see veelgi olulisem. Minu pilt on 1500 pikslit lai, kui oleme vektoriks tõlkimise lõpetanud, näitan, kuidas Photoshop väikseid pilte tõlgib, ja võrdleme tulemusi.

• Valige tööriist Magic Wand Tool

• Määrake valikutes Tolerants 20 või 30.

• Klõpsake samas kohas ikooni Lisa valikusse. Kirjutasin üksikasjalikult nende töö kohta Photoshopis artiklis Lisa, lahuta, ristub ja välista, kus oli juttu vektoritööriistadest, kuid valikul toimivad need valikud samamoodi.

Ausalt öeldes ei huvita mind, kuidas te logo valite, kas käsitsi lasso või värvivaliku kaudu. Lihtsalt selles olukorras, täpsemalt sellel pildil, on lihtsaim viis seda teha võluvitsa tööriistaga.

Teisendage valik vektori teeks

Ärge lülitage Magic Wand Toolilt välja.

• Paremklõpsake valikualal.

• Valige kuvatavast menüüst Tee töörada.

• Reguleerige kuvatavas aknas tolerantsiks 1.0. Mida suurem on tolerantsi väärtus, seda sujuvamad, stiliseeritumad ja ebatäpsemad on meie piirjooned.

Alloleval joonisel olen valinud tee valimise tööriista ja valinud tee, et saaksite seda näha.

Tee salvestamine tee paletti

See toiming on valikuline, kuid soovitav.

Lülituge paletile Tee. Kui te seda ei leia, klõpsake Aken > Tee

Topeltklõpsake paletis olevat teed.

• Sisestage kuvatavas aknas nimi ja klõpsake nuppu OK.

Loo vektormask

Vektormaski loomise protsessi kirjeldatakse suurepäraselt minu artiklis Vector mask Photoshopis. Teeme selle protsessi kiiresti ja ilma üksikasjadeta.

Veenduge, et teie kennel oleks valitud Path paletis

Valige menüüst Kiht> Uus täitekiht> Ühevärviline

Valige kuvatavas aknas värv ja klõpsake nuppu OK

See on kõik. Kõik oleks täpsem, kui see poleks hronofag.ru. Pidage meeles, et ma ütlesin teile, et mida väiksem on pilt, seda halvemini see tõlgitakse. Kas olete valmis panustama mõne Wordi sisse topitud räpase skaneeringu peale, mille vektoriks tõlkimist klient nõuab? ma arvasin? Samal ajal tihendatakse pilti JPG-tihendusega, vähendatakse, siis suurendatakse, siis taas vähendatakse avatari suuruseks ning peale valati ka ketšup. Kas sellist pilti on võimalik Photoshopis kvalitatiivselt vektoriks tõlkida?

Kõigepealt vaadake meie logo. Vaatamata suurepärasele eraldusvõimele ei suutnud Photoshopi teravad servad ilusaid ja ühtlaseid piirjooni luua. Illustraator teeb seda 100 korda paremini, aga artikkel pole illustraatorist. Nagu näete, pole kontuurid igal pool ühtlased, isegi logo ristkülikukujulistes osades. Ja ringid on täiesti viltu.

Nüüd vähendan pilti 2 korda, seejärel 2 korda rohkem ja näitan vektorisse tõlke tulemust.

Siin on hea näide sellest, kuidas bitmapi suurus mõjutab jälje kvaliteeti. Ja seda hoolimata sellest, et pilt on vaatamata suurusele väga kvaliteetne. Noh, ma vähendan kvaliteeti. Salvestage pilt JPG-vormingus halvima kvaliteediga.

Tõlgime vektoriks. Suurepärane tulemus, puudu on ainult ketšup. Täpselt sobiv rahulolevale kliendile, töötlemine grunge või vintage stiilis!

Ja ometi manipuleerin ma veidi tõega. Asi on selles, et see kõik on Illustratori jaoks mõistlik, kes loob pildist vektori. Photoshop ei loo pildist vektorit, vaid loob teed valikust. Loogiline, et mida parem ja sujuvam on valik, seda sujuvamad on kõverad. Ja tööriist Magic Wand, millega me need alad valisime, ei sobi enam selliste jubedate piltide valimiseks. Jah, saate teha kvaliteetseid valikuid, kasutasite kõiki valikutööriistu, saate neid isegi suurendada ja luua nende põhjal enam-vähem ühtlase kontuuri, mis ikkagi ei saa olema ideaalne. Seda teed minek on lihtsalt ajaraiskamine. Ainus toimiv võimalus on Photoshopis logo nullist renderdamine.

Kuigi mu märkus maskide kohta Photoshopis ei ole jahtunud, tahan kiiresti esile tõsta rastri vektoriks teisendamise probleemi. Kaks päeva tagasi läksin oma kronofaagi Google'i analüütika ja mida ma nägin. Selgub, et mõned inimesed jõuavad minu saidile päringuga "raster to vektor" ja vahepeal pole minu saidil selle teema kohta ühtegi mõistlikku märget. Inimesed piinavad Google et teisendada raster vektoriks Corel Draw, Illustrator ja isegi Adobe photoshop ... Alustame Photoshopiga.

Rastrist vektoriks. Miks seda vaja on?

Photoshop on bitmap programm. Vektor esineb selles vektori piirjoonte kujul. Sellisena, vektorobjektid mitte Photoshopis. Kuid on vektoriteid, mida saab teisendada vektormaskiks. Efektile või objektile kantakse mask ja Photoshopis saadakse vektor. Sellise objekti sisu on endiselt raster, kuid mõnes vormingus salvestamisel saab selle muuta vektoriks.

Näiteks saame luua täidise ja lohistada selle peale vektormaski. Photoshopil on terve rühm tööriistu, mis teevad seda tasuta ja automaatselt, see on vektorprimitiivide rühm. Lisateabe saamiseks lugege minu artiklit Vektori primitiivid Photoshopis või. Seega on kontuur vektor. Täitke rastri sees.

Photoshop ei tööta vektoritega täisvõimsusel. Kasutab oma eeliseid ainult seal ja siin. Kuid isegi Photoshopis saab rasterobjekte muuta vektorobjektideks. Miks teil seda vaja on, kui teil on Illustrator? Noh, kuidas ma saan teile öelda. Kui töötate aktiivselt graafikaga, erinevaid olukordi... Mõnikord on lihtsam tõlkida valik kohapeal teeks, kui minna ülepeakaela Illustratorisse ja seal jälitada. Maasikapeenra rohimiseks maal pole vaja kombaini kutsuda. Lõppkokkuvõttes ei taha ega tea kõik Illustratorit kasutada, kõik ei vaja seda, igaüks ei saa seda ise installida ja te peate tõlkima squiggle'i vektoriks siin ja praegu. Pole üldse vaja paariks nädalaks Illustratoris kolme köitega maha istuda.

Rastrist vektoriks teisendamine Photoshopis

Mida täpselt Photoshop suudab vektoriks tõlkida? Kõik, kui valite selle objekti eelnevalt rühmatööriistadega Valige... Photoshop teisendab mis tahes valiku kontuuriks. Valikutööriistade kohta saate lugeda artiklist Valiku primitiivid Photoshopis. Lubage mul tuua teile toimiv näide. Aastaid tagasi pöördus minu poole väga raske klient, kes soovis rasket saiti. Saidi jaoks oli vaja teha erinevat kunsti ja otsustasin selle Photoshopis joonistada. Joonistamise käigus teisendasin selle vektoriks ja nüüd ütlen teile, kuidas. Siin on üks neist piltidest, mille ma oma tahvelarvutile kõva servaga pintsliga maalisin. Olen joonistanud ümber originaalse Vitruvian Mani, seda muutnud ja maalinud oma näo, mis erineb originaalist. Idee kunsti vektoriseerida tekkis juhuslikult. Kuid pärast selle rakendamist sain võimaluse mõõta inimest nii, nagu mulle meeldib. Veelgi enam, varem rebenenud servad ja ebakorrapärasused pärast vektoriseerimist siluti.

Jälgitava pildi leidmine

Otsisin Google Imagesist liblikat. Teisendame selle vektoriks. Pange tähele, et mida suurem on pilt, seda sujuvamaks osutub meie vektorobjekt. See kehtib nii Photoshopi kui ka Illustratori kohta. Suure pildi all pean silmas pilti, mille laius on 1000 pikslit või rohkem. Minu liblikas näiteks on alates 2000 pikslist.

Objekti valimine

Valige menüüst Tööriist kõige tavalisem võlukepp Võlukepi tööriist ja klõpsake valgel alal. Nii lõime valikuala, kuid peame valima liblika.

Minema Valige > Inverse või klõpsake tööalal ja valige kuvatavast menüüst Valige vastupidine... Asi on selles, et liblika valimiseks tuleb loodud valik ümber pöörata. Ausalt öeldes mind ei huvita, kuidas te oma valiku koostate. Jälgige lassot käsitsi, see pole tegelikult oluline.

Kuidas luua vektoriteed

Meil on valik, nüüd teisendage see vektoriteeks tee... Valige mis tahes valikutööriist nagu Lasso tööriist, ristkülikukujuline telk või Võlukepi tööriist... Klõpsake hiire parema nupuga valikualal ja ilmuvas menüüs valige Tehke töötee... Ilmuvas menüüs määrake silumisaste Tolerantsus maitse. Sõltuvus on lihtne. Mida suurem on number, seda suurem on silumine. Mida madalam on number, seda väiksem on pehmendusvastane. Kõrge antialiasing tähendab väiksemat vektorisõlmede arvu ja ebatäpsemat rastertee jälgimist. Minu Vitruviuse mehe puhul on see täpselt see, mida ma tahtsin.

Niisiis, paletis Tee meil on nüüd töötee. Kui sul pole paletti Tee Ava see Windows> Tee Paleti tööala Tee näeb välja nagu töölaud või ajutine varjupaik. Sellele võivad tekkida erinevad kontuurid, kuid kui hoolitseda järjepideva säästmise eest, siis need aja jooksul kaovad. Topeltklõpsake kontuuril Töötee ja salvestage kontuur eraldi. Kontuurid piirkonnas Tee töötage samamoodi nagu paleti kihte Kihid... Kui kontuur on valitud, on see aktiivne ja saate sellega töötada.

Photoshopi tööriistad radadega töötamiseks - Tee valimise tööriist ja Otsese valiku tööriist... Meil on tee, kuid pole objekti. Kui olete lugenud minu märkuste seeriat Photoshopis vektorite kohta, siis teate juba, et Photoshopis on vektorit kujutatud mingisuguse efekti või graafika vektormaskina. Vektor võib esineda ka nutika kihina, mis viitab imporditud Illustratori failile, kuid jätame selle teise märkuse jaoks. Valige tööriistaga tee Tee valimise tööriist või teepaletis Tee... Kliki Kiht> Uus täitekiht> ühtlane värv Oleme loonud täitekihi, millele määratakse koheselt vektormask meie tee kujul.

Vektori kontuuri täpsustamine

Kasutades materjale, mida kirjeldasin artiklites Vektori joonistamise tööriistad Photoshopis ning Lisa, lahuta, lõikumine ja väljajätmine Photoshopis, muudame joonistamise keerulisemaks. Võtsin tööriista Pliiatsi tööriist, valis täitekihi maski. Seadetes Pliiatsi tööriistüles panema Lahutage ja lisas meie liblikale mõned elemendid. Lõikasin tiibadelt mustrid välja, jalad ja antennid tegin paksemaks.

Kohandatud kuju loomine Kohandatud kujundid

Saadud objekti saate alati salvestada suvalisteks kujunditeks Kohandatud kujundid... Mõni aeg tagasi mainisin Photoshopi kohandatud kujundi tööriista artiklis, kuidas seda teha. Valige liblikakiht ja vajutage Muuda> Määra kohandatud kuju Meie liblikas ilmus pilli kujudesse Kohandatud kujundite tööriist.

Ja siin on see, mida me lõpuks saime:

Rasterfoto teisendamine Photoshopis vektoriks on täiesti mõttetu tegevus. Kuid mõnikord võivad need tehnikad olla kasulikud graafika ja muu kõrvaltöö jaoks.

Fotode tõlge Photoshopis raster-vektorisse

Photoshop ei ole mõeldud rastergraafika vektoriteks tõlkimiseks. Selles on aga mitmeid eriefekte, mis loovad visuaalselt vektorpildi sarnasuse. Ja minu kirjeldatud tehnika abil saate neist teha vektorkujutis Photoshopis. Võtke näiteks tavaline foto, mille on teinud mulle tuttav fotograaf.

Üks minu mainitud efektidest on Filter> Kunstiline> Väljalõige Jätan seaded teie südametunnistusele. Pilt peaks olema võimalikult realistlik, kuid tugevalt antialiased. Selle juures võiks peatuda, pilt näeb juba välja "vektor", kuid on ikkagi raster.

Nüüd peate looma vektorpiirkonnad võrdne fotol olevate värvide arvuga. Vali pulk Võlukepi tööriist ja veenduge, et ruut pole seadetes märgitud Külgnevad... Valige esimene ala ja järgige kogu ülalkirjeldatud teed. Loo valikust tee, tee järgi täidetud vektormask jne.

Kokku teisendatakse kogu foto vektoraladeks. Me ei teisenda viimast valget ala vektoriks. Lihtsalt joonistage tööriistaga suur valge ruut Ristküliku tööriist ja asetage see kõigi kihtide alla. Pärast kerget puhastamist ja kontuurimist näeb foto välja nagu alloleval pildil. Ja jällegi, selline töö pole mõeldud Photoshopile ja on pigem perverssus. Kuid seda saab teha ja erinevates olukordades võivad sellised tehnikad kasuks tulla. Foto töötlemiseks kulus mul 10 minutit, nii et selline töö ei võta palju aega. Ja pidage meeles, mida suurem suurus laotate foto sellisel viisil kihtidena, seda paremini ja elastsem on kontuur valikuala ümber. Mida vähem nurgeline ja kare on meie vektor Photoshopis. Erinevad seaded Tolerantsus kontuuri loomisel annavad need ka erinevaid tulemusi. Rõõmsaid katseid!

Hoolimata asjaolust, et Photoshop on rastergraafika redaktor, sisaldab selle tööriistakomplekt mõningaid vektortööriistu. Vektortööriistad on mõeldud eelkõige muudetavate kõverate – radade – loomiseks. Mälu värskendamiseks tuletage meelde, et erinevus raster- ja vektorgraafika vahel on graafilise teabe salvestamise ja kirjeldamise viis. Vektorkujutised salvestatakse matemaatiliselt kirjeldatud kõverate kujul, mis skaleerimisel kvaliteeti ei kaota, neid saab igal ajal hõlpsalt ja paindlikult redigeerida. Kõigepealt vaatame vektorkõverate koostamise põhimõtet.

Vektorkontuurid joonistatakse joonelõikudele, millel on võtmesõlmed ja kontrollpunktid. Võtmesõlmed piiravad joonelõiku mõlemal küljel ja võtmepunktid võimaldavad teil juhtida kõverate painutamist.

Kurvide koostamiseks kasutatakse rühma tööriistu. Pliiats... Tööriist Pliiatsi tööriist mõeldud võtmesõlmede kõverate loomiseks. Selle tööriista tööpõhimõte on näidata teelõigu põhipunkte. Kui juhtpunkti määramisel liigutate seda ilma hiirenuppu vabastamata, siis segment, mis sisaldab kontrollpunkt ... Edasised liigutused hiirega mõjutavad juba otseselt kontrollpunkti ja omakorda segmendi painutust. Järgmine vasak klõps määrab järgmise kontrollpunkti jne.

Pliiatsi tööriist saab töötada kahes režiimis - kõverate loomine ja nn kujundite loomine - suletud vektoralad Nende režiimide vahel vahetamiseks kasutage nuppe - kontuuride loomise režiim, - kujundi loomise režiim. Kui töötate vormide loomise režiimis, loetakse loodud kontuur alati suletuks ja täidetakse selle tulemusel teie valitud värviga. Füüsiliselt luuakse kihtmask vektorkiirguse põhjal kihtide paletti. Kiht ise täidetakse teie valitud värviga (värvi valite Properties paletilt).

Vektormaskiga töötamise põhimõte erineb veidi rastermaskiga töötamise põhimõttest, erinevad ainult tööriistad. Kui bitmap maskiga töötamise puhul muutsite seda joonistustööriistade abil, siis sisse sel juhul maski kuju muudetakse vektoritööriistade abil.

Vektormaski rastermaskiks teisendamiseks peate helistama kontekstimenüü vektormask ja valige üksus Rasterda mask... Selle tulemusena saate tavalise kihtmaski. Vastasel juhul ei erine kihtmaskiga töötamine vektorversioonis rasterversioonis töötamisest.

Vektorjoonised on mugavad, kuna saate igal ajal väga mugavalt selle joonise kõverate kuju muuta. Selleks on mitmeid tööriistu. Näiteks tööriist (võtmepunktide lisamine – sõlmed) – lisab kõverale võtmepunktid kohta, kus klõpsate. Tööriist saab kustutada teelt mittevajalikud punktid, klõpsates kustutataval punktil. Tegelikult ei pea te nendele tööriistadele üle minema. Pöörake tähelepanu lülitile Automaatne lisamine / kustutamine atribuutide paletil. Kui see režiim on lubatud (märgitud), lülitub pliiatsitööriist automaatselt punktide lisamise tööriistale (kui asetate selle tee kohale) ja punkti eemaldamise tööriistale (kui asetate selle olemasoleva punkti kohale). Kui režiim on keelatud, on punktide kustutamine ja lisamine võimalik ainult vastavate tööriistade kasutamisel.

Kõvera painutamist juhitakse kontrollpunktide kaudu. Kontrollpunkti valimiseks kasutage tööriista Otsese valiku tööriist... Redigeerimiseks sõlme valimine (klõpsates selle tööriistaga muudetaval sõlmel). Seejärel mõjutate kontrollpunkte nihutades kõvera painutust valitud sõlme piirkonnas. Samuti saate selle tööriistaga valitud sõlme liigutada. Tööriist Tee valiku tööriist loodud töötama kõverikuga tervikuna, nagu ka objektiga – liikumiseks ja teisendamiseks. Vektorobjektide puhul rakendatakse vaba teisendusrežiimi, täpselt sama, mis rasteralade puhul.

Oluline tööriist võtmesõlmedega töötamiseks on tööriist nimega Teisenda punkti tööriist... Selle tööriista eesmärk on teisendada sõlme tüüp... V vektorgraafika Photoshop eristab kahte tüüpi võtmesõlme - sile ja nurk (nurk)... Antialiased võtmesõlmede tähendus seisneb selles, et kahe kõvera kontrollpunktid koonduvad ühte sõlme Alati samal virtuaalsel liinil.

Teist tüüpi sõlme, nagu me ütlesime, nimetatakse nurgeliseks. Selle tüübi tähendus on see virtuaalsed jooned, mis läbivad ühe segmendi kontrollpunkti ja mõlema lõigu ühist võtmesõlme, võivad läheneda mis tahes nurga all.

Tüüpide teisendamise tööriist töötab järgmiselt - kui sõlm on silutud (ja vaikimisi on sõlmed silutud), siis teisendustööriistale klõpsates märgitakse sõlme tüüp nurka. Kui pärast hiirenupu vajutamist ei vabasta seda, vaid lihtsalt tõmba, saate juhtida segmendi painutust konkreetses sõlmes.

Alustuseks valisime pliiatsi tööriista kaks režiimi. Esimene on kujundite loomise viis ja teine ​​radade loomise viis. Vaatleme üksikasjalikumalt kontuuridega töötamise viisi.

Sellisel juhul ei täida teie tee automaatselt vektori kihi maski ja kihti ega moodusta seda. Sel juhul on teie tee puhtalt virtuaalne ega ole seotud kihtidega. Selliste radadega töötamiseks on palett nimega Path. Sellesse paletti on koondatud kõik teedega toimingud.

Paletis Path on rajad (teed) paigutatud kihtidena Layers paletisse ja ühel vektorikihil võib olla mitu ühendamata vektori rada. Tee paleti alumine rida sisaldab tee juhtikoone. Valusalt tuttavad piktogrammid prügikasti ja tühja lehega, pole siin paletis oma otstarvet muutnud, st. vastavalt sellele on see vektorikihi eemaldamine ja tühja vektorkihi loomine.

Siiani mõtlesime, miks selline absoluutselt rasterredaktor nagu Photoshop vajab neid vektortööriistu. Lihtne näide vektorite kasutamisest Photoshopis on taas valik valikutega töötamine. Nagu pildilt näha, kasutatakse tee (tee) muutmiseks valikuteeks ja vastupidi mitmeid paleti Path ikoone. Tegelikult saate pärast radadega töötamise oskuste omandamist aru, et vektori teekonda on palju lihtsam kohandada valitud ala kuju järgi kui isegi üsna paindlikku kiirmaski kasutades. Seega, kui soovite valikut muuta, saate selle alati teeks (teeks) teisendada, seejärel muuta ja uuesti valikuks teisendada. Kui soovite kontuuride valimiseks kasutada traditsioonilisi Stroke ja Fill operatsioone, on need samuti teie käsutuses.

Loogilised operatsioonid toimivad mõnevõrra ootamatult. Saate luua teid mis tahes loogilises režiimis, olgu selleks siis liitmine või lahutamine. Selles etapis ei märka te ühtegi tegevust. Kuid ärge laske end petta sellest, et olete leidnud vea peaaegu veatust programmist. Tegelikult mäletab Photoshop, millises režiimis te tee lõite (kontor kirjutab ...), ja niipea, kui te käsite programmil luua oma valikute kontuurist valikukontuur, mäletab Photoshop kõike ja teeb kõik toimingud, mida te määratud teede loomisel. Teelt valikukontuuri loomise dialoogiboks võimaldab teil määrata kõige rohkem olulised seaded valikukontuuride kohta (kuid seda ainult juhul, kui kasutate teepaleti menüü käsku Tee valik).

Pange tähele, et saate määrata sulgede raadiuse, lubada või keelata varjunime. Jaotises Toiming saate määrata vastloodud valiku loogilise režiimi. Valikud sellest jaotisest muutuvad kättesaadavaks ainult siis, kui üks valikuskeem on juba olemas. Seega, kui valite operatsiooni Uus valik, asendab loodav valik olemasoleva valiku; valik Lisa valikusse lisab teelt loodud valiku olemasolevasse valikusse; Substruct from Selection – lahutab olemasolevast valikust loodud tee.

Tööriist Vaba vormi tööriist võimaldab lihtsas värvimisrežiimis, näiteks pintsliga, luua vektoritee. Hoidke hiire vasakut nuppu all ja liigutage lihtsalt hiirt, joonistades vajaliku kontuuri. Sellel tööriistal on üks peamine omadus mis võrdleb seda vektortööriista Magnetic Lasso tööriistaga Magnetiline... Tööpõhimõte on sama, tööriist otsib kontrastseid piire ja jälgib kontuuri ainult seal. Vastasel juhul ei erine selle tööriista loodud tee tavalisest teest.

• Vaatamisi: 58428

Selles õpetuses õpime lihtsate kujundite tööriistade abil Photoshop CS6-s vektorkujude joonistamise põhitõdesid! Alustuseks uurime, kuidas tööriistad töötavad. "Ristkülik"(Ristküliku tööriist ), "Ümardatud ristkülik"(Ümardatud ristküliku tööriist), "Ellips"(Ellipsi tööriist), "hulknurk"(Polygon Tool) ja "joon"(Line Tool). Järgmisena õpime, kuidas valida kujundite täitmis- ja joonistusvärve, muuta välimus lööke, redigeerige kujundeid kujukihtide kasulike omadustega ja palju muud! Meil on palju õppida, seega keskendume selles õpetuses geomeetriliste kujundite rühma viie põhitööriista toimimisele ja omadustele. Järgmises õppetükis õpime, kuidas vabavormilise kujundi tööriista abil oma dokumendile keerukamaid kujundeid lisada!

See õpetus on mõeldud Photoshop CS6 kasutajatele. Kui töötate rohkem vana versioon programmi järgi järgige Photoshopis algset Shape and Shape Layer õppetundi.

Enamik inimesi arvab, et Photoshopi kasutatakse ainult pikslikujuliste piltide töötlemiseks ja kui küsiksite neilt head pildiredaktorit, oleks enamasti vastus " Adobe illustraator". Tõepoolest, Adobe Illustrator redaktori võimalused on palju laiemad kui Photoshopi programmid, kuid sellegipoolest, nagu näeme sellest ja järgmistest õppetundidest, muudavad grupi Kujundid mitmesugused tööriistad lihtsate vektorpiltide lisamise piltidele ja joonistele lihtsaks

Kui te ei tea, mis on vektorkuju ja kuidas see erineb pikslikujulisest kujundist, vaadake seda õpetust.

Kujundid Tööriistad

Photoshop programm pakub meile valikut kuue grupi "Kujundid" tööriista vahel: "Ristkülik"(Ristküliku tööriist), Ümardatud ristkülik(Ümardatud ristküliku tööriist), "Ellips"(Ellipsi tööriist), "hulknurk"(hulknurga tööriist), "joon"(Line Tool) ja "Vaba kuju"(Kohandatud kuju tööriist). Kõik need tööriistad asuvad tööriistaribal ühes kohas. Vaikimisi näeme tööriista Ristkülik, kuid kui klõpsame tööriistaikoonil ja hoiame hiirenuppu all, ilmub ekraanile rippmenüü koos muude tööriistade loendiga, kust saame vajaliku valida:

Ristküliku tööriistaikoonil klõpsamine võimaldab meil vaadata muid grupi Kuju tööriistu.

Ma valin loendist esimese tööriista, ristküliku tööriista:

Vektorkujud, teed ja pikslikujud

Enne kui hakkame kujundeid joonistama, peame Photoshopile ütlema, millist tüüpi kujundeid tahame joonistada, sest tegelikult võimaldab Photoshop joonistada kujundeid kolmest erinevad tüübid- vektorkujud, rajad ja pikslite kujundid. Vaatame seda tüüpi kujundite erinevust üksikasjalikumalt teistes tundides, kuid nagu me juba õppetunnist "Vektorkujude ja pikslite kujundite joonistamine Photoshop CS6 -s" õppisime, joonistate enamikul juhtudel vektorkujusid. Erinevalt pikslite kujunditest on vektorkujundid suure suurusega, täielikult skaleeritavad ja eraldusvõimest sõltumatud. See tähendab, et saame redigeerida, muuta suurust vastavalt oma soovile, ilma pildikvaliteeti kaotamata. Vektorkujundite servad jäävad teravaks ja teravaks nii ekraanil kui ka printimisel.

Vektorkujude, mitte teede või pikslitega kujundite joonistamiseks valige "joonis"(Kuju) ekraani ülaosas tööriista seadete ribal:

Valige seadete paneelil tööriistarežiim "Kuju".

Kujundi täitmine värviga

Klõpsake täitmisvärvi näidiseikoonil

Selle tulemusena avaneb dialoogiboks, kus teil palutakse valida üks neljast kuju täitmise viisist, mida tähistab eraldi ikoon. Vasakult paremale näete värvivaba ikooni (punase diagonaaltriibuga), värvi täitmise ikooni, gradiendi ikooni ja mustriikooni:

4 kujutäite valikut (värvita, ühtlane värv, gradient ja muster)

Täitmisviis "Värvi puudub"

Nagu nimigi ütleb, täitmismeetod "Pole värvi"(No Color) ei täida kuju ühegi värviga. Miks me vajame tühja kuju, võite küsida? Mõnel juhul võite soovida, et kujundil oleks ainult õhuke kontuur. Järgmisena vaatleme, kuidas kujundile joont lisada, kuid kui soovite, et kujundil oleks ainult tee, millel pole täitevärvi, valige suvand Värvivaba:

Ükski värv ei täida kuju ühegi värviga

Allpool on näidiskuju pärast valiku No Color rakendamist. Kõik, mida me näeme, on figuuri õhuke piirjoon, nn "kontuur". Kontuuri saab näha ainult Photoshopis, nii et kui hakkate dokumenti printima või salvestate selle asukohta JPEG-vormingud või PNG, piirjooned kaovad. Selle nähtavaks tegemiseks peame sellele lisama löögi, mida pärast kõigi valikute käsitlemist uurime edasi. täita(Täida):

Kui täitmismeetodiks on valitud "No Color", on nähtav ainult kuju kontuur (ja isegi siis ainult Photoshopis)

Ühevärvilise täitmise meetod

Kujundi värviga täitmiseks valige suvand "Puhas värv"(ühevärviline) (teine ​​ikoon vasakult):

Klõpsake parameetri ikooni "Solid Color".

Pärast parameetri "Solid color" valimist valige kujundi värv, klõpsates ühel värviproovidest. Hiljuti kasutatud värvid kuvatakse real Hiljuti kasutatud värvid(Hiljuti kasutatud värvid) üle peamiste näidiste:

Valige värv, klõpsates selle proovil

Kui soovitud värvi pole näidiste hulgas, klõpsake paremal asuvat ikooni Värvivalija ülemine nurk Dialoogikast:

Klõpsake ikooni Värvivalija

Seejärel valige värvivalijast soovitud värv. Värvi valimisel klõpsake paleti sulgemiseks nuppu OK.

Valige värvivalijast kujundi täitmiseks värv

Allpool on sama kujund, ainult seekord värviga täidetud:

Meie kuju on nüüd värviga täidetud

Täitmismeetod "Gradient"

Kujundi täitmiseks gradienttäidisega valige suvand "Gradient"(Gradient). Seejärel klõpsake ühel pisipildil, et valida soovitud gradiendiproov või luua oma, kasutades gradiendi pisipiltide all olevaid valikuid. V eraldi õppetund vaatame, kuidas gradiente luua ja muuta:

Esiteks valige parameeter "Gradient" ja seejärel - soovitud gradiendi näidis

Allpool on sama kujund, ainult seekord täidetud gradienttäidisega:

Meie kuju on nüüd täidetud ühe eelmääratletud gradiendi prooviga.

Mustri täitmise meetod

Lõpuks valides võimaluse "Muster"(Muster), saame kuju täita mustriga. Valmis mustri määramiseks klõpsake ühel pisipildil. Esialgu pole programmis palju mustreid, kuid saate alla laadida ka täiendavaid Internetist alla laaditud või ise loodud mustreid, klõpsates väikese hammasrattaikoonil (värvivalija ikooni all) ja valides "Laadi alla mustrid"(Laadi mustrid) hüpikmenüüst:

Esiteks valige parameeter "Muster" ja seejärel - soovitud mustri näidis

Ja selline näeb välja kujund, mis on täidetud ühe Photoshopi mustriga. Dialoogiboksi sulgemiseks "Täida"(Täida), vajutage sisestusklahvi (Win) / Return (Mac) või klõpsake eelistuste paneelil tühjal kohal. Kui kahtlete oma kuju jaoks õige värvi, gradiendi või mustri valimise osas, ärge muretsege, me uurime hiljem, kuidas saate neid muuta:

Valitud mustriga täidetud kujund

Lisage kujundile tõmme

Vaikimisi ei lisa Photoshop kujundi servadele tõmmet, kuid ühe lisamine on sama lihtne kui selle värviga täitmine. Tegelikult parameetrite valikud "Stroke" ("Stroke")(Insult) ja "Täida"(Täida) on Photoshop CS6-s samad, nii et teate juba, kuidas neid kasutada!

Joone lisamiseks klõpsake suvandiribal joonevärvi näidisel:

Klõpsake joonevärvi näidisel

Selle tulemusena avaneb dialoogiboks samade suvanditega nagu täitmisel, välja arvatud see, et nüüd valime joone värvi. Akna ülaosas on jälle neli ikooni "Pole värvi"(Ilma värvita), "Puhas värv"(ühevärviline), "Gradient"(Gradient) ja "Muster"(Muster). Vaikimisi on valitud suvand Pole värvi. Mina omakorda valin valiku Solid Color ja seejärel määran joone värvi mustaks, valides selle proovide hulgast. Nagu täidise puhul, kui soovitud värvi proovide hulgas pole, klõpsake soovitud värvi käsitsi valimiseks ülanurgas ikooni Värvivalija:

Valige joone jaoks suvand "Solid Color" ja seejärel valige värviproovidest soovitud värv.

Muutke löögi laiust

Löögi laiuse (paksuse) muutmiseks kasutage parameetrit "laius"(Laius), mis asub suvandite riba joone värviproovist paremal. Vaikimisi on selle väärtus 3 pt. Laiuse muutmiseks võite sisestada konkreetse väärtuse otse andmesisestusaknasse (vajutades pärast sisestamist sisestusklahvi (Win) / Return (Mac), et kinnitada andmeid) või klõpsata väärtusest paremal asuvat väikest noolt. ja liigutage liugurit:

Muutke löögi laiust

Servade joondamise võimalus

Kui vaatate seadete paneeli paremale küljele, näete valikut Joondage servad(Joonda servad). Kui see valik on lubatud (märgitud), joondab Photoshop kujundi servad piksliruudustikuga, mille tulemusena jäävad need teravaks ja teravaks:

Veenduge, et servade joondamine oleks sisse lülitatud

Kuid selleks, et suvand Align Edges töötaks, ei piisa selle lihtsalt valimisest. Samuti soovite, et joone laius oleks pikslites (px), mitte punktides (pt). Alates aastast praegu minu joone laiust mõõdetakse punktides (vaikeühik), lähen tagasi ja sisestan uue laiuse väärtuse 10 pikslit (px):

Suvandite joondamise toimimiseks määrake käigu laius pikslites (px)

Allpool olen rakendanud kujundile 10 px musta joone:

Lihtne kuju, mille ümber on must kontuur

Kui ma pärast kujundile joone lisamist lähen tagasi ja klõpsan valikute ribal täitevärvi proovi, valides täitmismeetodi "Pole värvi"(Värvi puudub), mul on ainult joonega kuju kontuurid. Kuju muutub seest tühjaks. Kuju võib tunduda valgega täidetud, kuid see on tingitud ainult värvist taustal dokument on valge, mida me näeme tegelikkuses.

Sama kuju, täitevalikuga "No Color"

Täiendavad löögivalikud

Vaikimisi joonistab programm joone pideva joonena, kuid seda saame nupule klõpsates muuta Määrake kujundi löögi tüüp(Stroke Options) seadete paneelil:

Klõpsake nuppu "Määra kujundi joone tüüp"

See avab dialoogiboksi Löögivalikud(Stroke Options), kus saame muuta joone välimust pidevast joonest katkend- või punktiirjooneks. Parameeter Joonda(Joondamine) võimaldab meil valida käigu joondustüübi: raja sees, väljas või keskel. Joonede otsad saame teha joone jaoks (parameeter "Lõpeb"(Caps)) ümardatud, kandiline või paksendatud ning joonte ristmik joonel (parameeter "Nurgad"(Nurgad): teravad, ümarad või kaldus. Kui nuppu vajutatakse "Muud parameetrid"(Rohkem valikuid), mis asub dialoogiboksi allosas, avab teise akna, kus saame määrata tõmmete ja tühikute konkreetsed väärtused punktiirjoon ja isegi salvestage seaded eelseadistustena:

Löögivalikud

Allpool on sama joonega kuju, kuid seekord valitakse katkendliku joone asemel punktiirjoon:

Löögi välimus on muutunud pidevast joonest katkendlikuks

Ristküliku tööriist

Niisiis, oleme juba õppinud, kuidas valida tööriistaribal erinevaid kujundite rühma tööriistu, kuidas valida täite- ja joonevärvi ning kuidas muuta joone välimust. Nüüd õpime ise vektorkujundeid joonistama! Alustuseks uurime loendis esimest kujurühma tööriista - "Ristkülik"(Ristküliku tööriist). Ma valin selle tööriistaribalt nagu varemgi:

Ristküliku tööriista valimine

Ristküliku tööriist võimaldab meil joonistada lihtsaid nelinurkseid kujundeid. Kujundi joonistamiseks klõpsake dokumendiaknas, et määrata kujundi alguspunkt. Seejärel lohistage hiirenuppu all hoides diagonaalselt, et kujundi joonistamine lõpetada. Kursorit liigutades näete tulevase kujundi õhukesi piirjooni (kontuuri):

Ristkülikukujulise kujundi joonistamiseks lohistage kursorit. Kursori liigutamisel ilmub kuju õhuke kontuur.

Kui vabastate hiirenupu, täidab programm kujundi eelistuste paneelil valitud värviga:

Programm täidab kujundi värviga kohe pärast hiirenupu vabastamist

Kujundi suuruse muutmine pärast selle joonistamist

Kui olete esialgse kujundi joonistanud, kuvatakse valikuribal selle praegused mõõtmed. laius(Laius (W)) ja kõrgus(Kõrgus (H)). Minu puhul joonistasin kuju 533 pikslit lai ja 292 pikslit kõrge:

Kuju esialgsed mõõtmed (laius ja kõrgus) on nähtavad seadete paneelil

Kui teil on vaja kujundi suurust pärast selle joonistamist muuta (see meetod töötab kõigi kujundite tööriistade puhul), sisestage lihtsalt uued väärtused vastavatesse laiuse ja kõrguse kastidesse. Oletame näiteks, et mul on vaja, et mu kuju oleks 500 pikslit lai. See nõuab ainult laiuse väärtuse muutmist 500 piksli võrra. Vajadusel saaksin sisestada ka konkreetse kõrguse väärtuse. Kui kujundi kõrguse või laiuse muutmisel ei peaks proportsioonid muutuma, klõpsake esmalt väikese ahela ikoonil kõrguse ja laiuse väärtuste vahel:

Järgmisena sisestage pärast ketiikooni aktiveerimist uus kõrguse või laiuse väärtus. Sel juhul asendab Photoshop automaatselt teise parameetri vastava väärtuse. Minu puhul sisestasin käsitsi uue väärtuse laiusele 500 pikslit ja kuna ketiikoon oli aktiveeritud, muutis Photoshop ka kõrguse väärtuseks 273 pikslit:

Kuju suuruse muutmine

Kujundi suuruse muutmine enne selle joonistamist

Kui juhtute teadma kuju täpset kõrgust ja laiust enne joonistamist, on üks mugav nipp. Kui tööriist Kujundid on valitud, klõpsake lihtsalt dokumendis ükskõik kus. Selle tulemusena avaneb koheselt dialoogiboks, kuhu saate sisestada soovitud väärtused kõrgus ja laius. Dialoogi sulgemiseks klõpsake nuppu OK ja programm joonistab kuju automaatselt:

Laiuse ja kõrguse väärtuste sisestamiseks klõpsake dokumendis suvalist kohta ning programm joonistab kujundi automaatselt

Kujundi joonistamine keskelt

Uurime mõnda lihtsat, kuid kasulikku kiirklahve. Kui vajutate ja hoiate klahvi all Alt (Win) / Option (Mac) kui liigutate kursorit, siis joonistate kujundi keskelt, mitte nurgast. See tehnika töötab kõigi kujundite tööriistadega, mitte ainult ristküliku tööriistaga. Pange tähele, et kõigepealt peate alustama kujundi joonistamist ja alles seejärel vajutage klahvi Alt (Win) / Option (Mac). Samuti peate esimese hiirenupu vabastama ja alles siis vajutama klahvi Alt (Win) / Option (Mac), vastasel juhul tehnika ei tööta:

Keskelt kujundi joonistamiseks vajutage ja hoidke all klahve Alt (Win) / Option (Mac)

Ruutude joonistamine

Ruudu joonistamiseks asetage kursor dokumendi aknasse ja hakake seda välja lohistama, joonistades ristkülikukujulise kuju. Kui hakkate seda tegema, vajutage klahvi Shift ja hoidke seda kursorit liigutades all. Tõstuklahvi vajutamine muudab kujundi ruuduks. Jällegi pidage meeles, et pärast kursori liigutamise alustamist vajutage tõstuklahvi ja vabastage see viimasena, vastasel juhul ruutu ei joonistata. Saate ühendada kaks kiirklahvi, vajutades ja hoides all klahve Tõstuklahv + Alt(võit) /Tõstuklahv + valik(Mac) tööriista kasutamisel "Ristkülik"(Ristküliku tööriist), mille tulemusena joonistate keskelt täiusliku ruudu:

Vajutage ja hoidke all tõstuklahvi, kui liigutate kursorit ruudu joonistamiseks

Jällegi, värvimisel näete ruudu õhukest piirjoont, kuid hiirenupu vabastamisel täidab Photoshop selle valitud värviga:

Programm ootab alati, kuni vabastate hiire nupu, enne kui täidate kuju värviga

Kujundite tööriista valikud

Kui vaatate seadete paneeli, siis parameetrist vasakul Joondage servad(Joondage servad) näete hammasrattaikooni. Sellele klõpsates avaneb dialoogiboks lisaseaded grupi "Kujundid" tööriista jaoks, mis in Sel hetkel valitud:

Klõpsake hammasrattaikoonil

Kuna mul on tööriist valitud "Ristkülik"(Ristküliku tööriist), kuvatakse hammasrattaikoonil klõpsamine ristküliku tööriista lisavalikud. Välja arvatud töötamine tööriistadega Polygon ja Line, mida me hiljem uurime, ei kasuta te seda menüüd liiga sageli, sest oleme juba käsitlenud, kuidas neile suvanditele klaviatuurilt juurde pääseda. Näiteks parameeter "Suvaliselt"(Piiranguteta) võimaldab meil joonistada mis tahes suuruse ja kuvasuhtega kujundeid, kuid kuna vaikimisi töötavad kõik kujundirühma tööriistad sel viisil, ei ole vaja seda valikut spetsiaalselt valida. Parameeter "Ruut"(Ruut) võimaldab meil ristküliku tööriistaga ruute joonistada, kuid me saame seda teha lihtsalt kursori liigutamise ajal klahvi Shift all hoides. Parameeter "Keskusest"(Keskmest) vastutab kujundi keskelt joonistamise eest, kuid jällegi saame seda teha, hoides all Alt (Win) / Option (Mac).

Kui valite valikud "Sihtsuurus"(Fikseeritud suurus) või "Määra proportsioonid"(Proportsionaalne) ja sisestage laiuse ja kõrguse väärtused, siis mõjutavad need väärtused ka järgmist joonistatavat kuju, mitte ainult seda, mille olete juba joonistanud. Seetõttu peate meeles pidama pärast joonise joonistamist naasta ja parameetri uuesti valima "Suvaliselt"(Piiranguteta), vastasel juhul on iga uus joonistatud joonis sama suur või proportsioonidega:

Kuvatavad valikud sõltuvad sellest, milline tööriist rühmas Kujundid on valitud.

Kujundite kihtide redigeerimine

Varem saime teada, et Photoshopis vektorkujude joonistamiseks peame määrama joonistusrežiimi - "joonis"(Kujundid) (erinevalt radadest ja pikslikujudest). Kui joonistame vektorkuju, asetab programm selle automaatselt eraldi spetsiaalsele kihile, mida nimetatakse Kuju kiht(Kuju kiht). Kui vaatame kihtide paneeli, näeme, et kuju, mille ma tööriistaga joonistasin "Ristkülik"(Ristküliku tööriist), mis asub eraldi kujundikihil "Ristkülik 1". Kihi nimi sõltub sellest, millist tööriista kasutati, nii et kui joonistan ovaali Ellipsi tööriistaga, nimetatakse kujundikihti Ellips 1:

Iga uus vektorkujund asetatakse eraldi kujundikihile

Tavalise kihi ja kujundikihi visuaalne erinevus seisneb selles, et kuju kihtidel on kihi pisipildi paremas alanurgas väike kujundi ikoon:

Kihi pisipildil olev ikoon ütleb meile, et see on kujundikiht.

Peamine erinevus kujundikihi ja tavalise pikslikihi vahel seisneb selles, et kujundikihid jäävad täielikult redigeeritavaks. Kui õppisime eelnevalt kujundi täite- ja joonevärvide valimist, mainisin, et saame alati tagasi minna ja värvi muuta ka pärast kujundi joonistamist. Peame vaid veenduma, et kihtide paneelil on valitud kujundi kiht ja grupi Shapes tööriist on aktiveeritud. Seejärel klõpsake lihtsalt ühel värviproovil Täidised(Täitke) või värviproovi järgi Insuldid(Stroke) seadete paneelil, et valida mõni muu värv. Samuti saate vastavalt vajadusele muuta käigu laiust ja töötada muude parameetritega. Klõpsan täitevärvi proovil:

Kui valitud on kujundikiht, klõpsake täitevärvi näidisel.

Klõpsake sinisel näidisel

Niipea, kui klõpsan proovil, täidab programm kohe kujundi uue värviga:

Kujundi värvi on muudetud ilma kuju uuesti joonistamata

Ja kui vaatame uuesti kihtide paneeli, näeme, et ka kujundi kihi pisipilt on muutnud oma värvi:

Kui tegime muudatusi, muutis ka kujukihi pisipilt oma välimust.

Ümardatud ristküliku tööriist

Vaatame grupi Kujundid teist tööriista - Ümardatud ristkülik(Ümardatud ristküliku tööriist). Valin selle tööriistaribalt:

Valige ümardatud ristküliku tööriist

Tööriist ümardatud ristkülik on väga sarnane ristküliku tööriistaga, välja arvatud see, et see võimaldab meil joonistada ümardatud ristkülikuid. Reguleerime parameetri abil nurkade ümardamise astet "Raadius"(Raadius) seadete paneelil. Mida suurema raadiuse väärtuse sisestame, seda ümaramaks muutuvad nurgad. Raadiuse väärtus tuleb määrata enne kujundi joonistamise alustamist, minu puhul sisestan parameetri "Raadius" väärtuse, mis on võrdne 50 piksliga:

Kasutage suvandit Raadius, et määrata nurkade ümardamise aste

Pärast raadiuse väärtuse määramist on ümardatud ristküliku joonistamine sarnane tavalise ristküliku joonistamisega. Esmalt klõpsake dokumendi aknas kujundi alguspunkti määramiseks, seejärel hoidke hiireklahvi all ja lohistage kujundi joonistamise lõpetamiseks hiirekursor diagonaalselt. Nagu ristküliku kuju puhul, joonistab programm kursori liigutamisel kujundi õhukese piirjoone:

Pärast raadiuse väärtuse sisestamist suvandite ribale lohistage ümara ristküliku joonistamiseks välja

Kui vabastate hiirenupu, lõpetab Photoshop kuju joonistamise ja täidab selle värviga:

Kui vabastate hiirenupu, täitub kujund värviga

Allpool on veel üks ristkülik, mille raadius on 150 pikslit. See väärtus on nii suur (selle näitaja puhul igal juhul), et vasak ja parem pool ristkülikud on kõvera kujuga:

Mida suurem on raadiuse väärtus, seda ümaramad on nurgad.

Ja siin on ristkülik väikese raadiusega 10 pikslit, mis ainult veidi ümardab kujundi nurki:

Väikese raadiuse väärtus, millest on maha arvatud ümarad nurgad

Kahjuks eelvaade Photoshop CS6-s puudub nurkade ümardamine. Alles pärast ristküliku joonistamist näeme, kui ümarad on nurgad. Samuti ei saa me kujundi joonistamise ajal raadiuse väärtust muuta, kuid Photoshop ei luba meil pärast kujundi joonistamist tagasi minna ja raadiuse väärtust muuta. Kõik eelnev tähendab, et ümarate ristkülikute joonistamine on sisuliselt katse-eksituse protsess.

Kui teile ei meeldi ristküliku nurkade ümardamine, minge pärast selle joonistamist menüüsse "Redigeerimine"(Redigeeri) ekraani ülaosas ja valige Tagasivõtmine: ümardatud ristküliku tööriist(Undo Rounded Rectangle Tool) (või vajutage kiirklahvi Ctrl + Z (Win) / Command + Z (Mac)), mille tulemusel kujund dokumendist eemaldatakse. Seejärel sisestage suvandite ribale raadiuse uus väärtus ja alustage ristküliku joonistamist uuesti.

Valige Redigeerimine > Võta tagasi: ümardatud ristküliku tööriist

Samad klaviatuuri otseteed, mida vaatasime, kui õppisime ristküliku tööriista kohta, töötavad ka ümardatud ristküliku tööriistaga. Ümarate nurkadega ruudu joonistamiseks alustage kujundi joonistamist ja seejärel vajutage ja hoidke all Shift. Pärast hiirenupu vabastamist vabastage tõstuklahv.

Kuju joonistamiseks nurga asemel keskelt, alustage kuju joonistamist ja seejärel vajutage ja hoidke all Alt (Win) / Option (Mac). Ja lõpuks jagatud klahvivajutused Shift+ Alt (Võida) / Shift+ Võimalus (Mac) põhjustab ruudu tõmbamise keskelt. Klahvid tuleb vabastada alles pärast hiirenupu vabastamist.

Ellipsi tööriist

Tööriist "Ellips"(Ellipsi tööriist) võimaldab meil joonistada ellipse ja ringe. Valin selle tööriistaribalt:

Ellipsi tööriista valimine

Nagu teistegi vaadatud tööriistade puhul, klõpsake kujundi alguspunkti määramiseks dokumendiaknas, seejärel hoidke hiirenuppu all ja lohistage hiirekursorit diagonaalselt, et kujundi joonistamine lõpetada:

Joonistage ellips tööriistaga Ellips

Kujundi joonistamise lõpetamiseks ja värviga täitmiseks vabastage hiirenupp:

Kuju on täidetud värviga.

Täiesti sirge ringi joonistamiseks Ellipse tööriista abil alustage lohistamist ja seejärel vajutage ja hoidke all Shift... Ellipsi joonistamiseks keskelt vajutage ja hoidke all Alt (Võida) / Võimalus (Mac) pärast joonistamise alustamist. Klahvide samal ajal all hoidmine Shift+ Alt (Võida) / Shift+ Võimalus(Mac) võimaldab teil joonistada ringi keskelt. Ja nagu alati, vabastage klahvid alles pärast hiirenupu vabastamist:

Ellipsi tööriistaga joonistatud ring

Hulknurga tööriist

Tööriist "hulknurk"(Polygon Tool) on meie jaoks huvitavam kujundite joonistamise võimaluste poolest. Valin selle tööriistaribalt:

Hulknurga tööriista valimine

Kui kasutame ristküliku tööriista, saame joonistada ainult nelinurkseid ristkülikuid, siis hulknurga tööriist võimaldab joonistada nii paljude külgedega hulknurki, kui tahame. Järgmisena vaatame, kuidas saate selle tööriistaga isegi tähti joonistada! Kujundi joonistamiseks hulknurga tööriista abil sisestage esmalt parameetrikasti soovitud külgede arv "peod"(Sides) seadete paneelil. Võite sisestada mis tahes arvu vahemikus 3 kuni 100. Vaikimisi on külgede arv 5 ja ma jätan selle nii:

Sisestage parameetrite lahtrisse "Küljed" külgede arv

Kui olete külgede arvu määranud, asetage kursor dokumendiaknasse ja hakake seda hulknurkse kujundi joonistamiseks välja lohistama. Photoshop tõmbab alati hulknurkseid kujundeid keskelt, nii et te ei pea all hoidma klahvi Alt (Win) / Option (Mac). Vajutage ja hoidke all klahvi Shift pärast hulknurga joonistamise alustamist võimaldab see piirata kujundi nurkade arvu ja asetada see ekraanile täpselt nii, nagu vaja:

Hulknurga tööriistaga joonistatud 5-poolne kujund

Määrates külgede arvuks 3, saame hõlpsalt joonistada kolmnurga:

Lihtne kolmnurk, mis on joonistatud hulknurga tööriistaga

Allpool on hulknurk, millel on 12 külge.Nii nagu tööriista Rounded Rectangle suvandi Raadius puhul, ei saa me pärast kujundi joonistamist külgede arvu muuta, seega kui teete vea, peate minema menüüsse "Redigeerimine"(Redigeeri) ekraani ülaosas ja valige Tagasivõtmine: hulknurga tööriist(Võta tagasi hulknurga tööriist) (või vajuta klahvikombinatsiooni Ctrl + Z (Win) / Command + Z (Mac)), seejärel sisesta parameetrikasti "Sides" teine ​​väärtus ja joonista kuju uuesti:

Kaheteistkümne küljega hulknurk

Tähtede joonistamine hulknurga tööriistaga

Tähe joonistamiseks hulknurga tööriista abil klõpsake seadete paneelil hammasrattaikoonil ja seejärel valige suvand "Star"(Tärn):

Klõpsake hammasrattaikoonil ja valige parameeter "Tärn".

Seejärel klõpsake dokumendiaknas ja lohistage kursorit tähe joonistamiseks. Parameeter "peod" Seadete paneelil (küljed) määrab tähe tippude arvu, nii et kui parameetri vaikeväärtus on viis, saame viieharulise tähe:

Hulknurga tööriistaga joonistatud viieharuline täht

Muutes parameetri Sides väärtuseks 8, saame kaheksaharulise tähe:

Määrake tähe tippude arv parameetriga Sides

Me saame joonistada kuju, mis näeb välja nagu plahvatav täht, suurendades parameetri abil tähe kiirte teravust "Kiirte sügavus"(taande taane). Vaikimisi on selle parameetri väärtus 50%, suurendan väärtust 90%. Suurendan ka tähe tippude arvu 16-ni:

Joonistage kuju, mis näeb välja nagu plahvatav täht, suurendades kiirguse sügavuse väärtust

Ja siin on joonis, mille ma sain:

Hulknurga tööriistaga joonistatud plahvatav täht

Vaikimisi on tähtede tipud teravate nurkadega, kuid me saame need ümardada, valides suvandi Siledad välisnurgad(Siledad nurgad):

Valides suvandi Välisnurkade silumine

Allpool on viieharuline täht, kus on valitud suvand Siledad välisnurgad:

Smooth Outer Corners pehmendab tähtede nurka

Samuti võime tähekiirte aluses olevad nurgad ümardada, valides valiku Siledad sisenurgad(Sujuvad taanded):

Suvandi Smooth Inner Corners valimine

Jällegi näeb meie täht välja täiesti erinev:

Joonistatud täht, millel on valitud siledad sisenurgad

Joone tööriist

Grupi Kujundid peamistest tööriistadest viimane on tööriist "joon"(Line Tool). Valin selle tööriistaribalt:

Tööriista Line valimine

See tööriist võimaldab meil joonistada lihtsaid sirgeid jooni, kuid saame sellega joonistada ka nooli. Sirge joone tõmbamiseks määrake esmalt joone laius, sisestades parameetrikasti väärtus (pikslites) "Paksus"(Kaal) seadete paneelil. Vaikimisi on paksus 1 piksel, suurendan selle 16 pikslini:

Parameeter "Tickness" vastutab joone paksuse (või laiuse) eest

Teiseks, nagu ka teiste kujundite rühma tööriistade puhul, klõpsake dokumendiaknas ja lohistage kursorit joone joonistamiseks. Horisontaalse või vertikaalse joone tõmbamise hõlbustamiseks vajutage ja hoidke all vahetus, pärast joone tõmbamist vabastage hiirenupp ja vajutage viimasena tõstuklahvi:

Horisontaalsete või vertikaalsete joonte joonistamiseks hoidke all tõstuklahvi

Joonistage suunanooled

Noolte joonistamiseks klõpsake valikute avamiseks seadete paneelil hammasrattaikoonil "nooled"(Nooleotsad). Valige, kuhu soovite nooled lisada: rea alguses, lõpus või mõlemas otsas samaaegselt (kui soovite, et nool osutaks samas suunas, kuhu joonistate, valige suvand "Lõpuks"(Lõpp)):

Noolte valikute avamiseks klõpsake hammasrattaikoonil.

Allpool on eelmisega sarnane rida, välja arvatud see, et lõpus on nooleikoon:

Line tööriista abil on lihtne joonistada juhtnooled

Kui noole vaikesuurus teile ei sobi, saate seda valikute abil muuta "laius"(laius) ja "Pikkus"(Pikkus). Parameetri abil saame noolele lisada ka kõvera "Kumerus"(Nõgusus). Vaikimisi on selle parameetri väärtus 0%, kuid suurendan seda 50% -ni:

Muutke noole kuju, suurendades parameetri "Kumerus" väärtust

Ja selline näeb nool praegu välja. Enne joone joonistamise alustamist valige kindlasti tööriista Joone suvandite väärtus, kuna te ei saa neid joonistamise ajal muuta. Kui soovite muudatusi teha, peate kujundi kustutama ja uuesti joonistama:

50% kumerusega nool

Peida kujundi ümber olev piirjoon

Kui me selles õpetuses kujundi joonistasime, kuvas programm selle õhukese piirjoone. Kui vabastasime hiirenupu, lõpetas programm kujundi joonistamise ja täitis selle värviga. Probleem on selles, et kui vaatate joonistatud kujundit tähelepanelikult, näete selle ümber suure tõenäosusega õhukest piirjoont, mis pole kuhugi kadunud. V&

Lõpptulemus

Nagu teate, on vektorillustratsioonid veebigraafikas praegu väga populaarsed. Professionaalsed disainerid saavad selliseid illustratsioone luua mõne tunni jooksul. Olenemata sellest, kas olete algaja või harrastaja, on veebigraafika tunnid teile kindlasti väga kasulikud. Selle õppetunni eesmärk on heita valgust valitud pildi loomise protsessile. Näitan kogu protsessi samm -sammult ja selgitan kõiki samme oma kommentaaride abil.

Tõeliselt laheda pildi loomiseks peate valima soovitud programm ja järgige teatud reegleid. Kui soovite joonistada vektorkujutist, peaksite meeles pidama, et selleks kasutate selliseid redigeerijaid nagu Adobe illustraator või CorelDraw... Kuid, Photoshop tal on piisavalt raha vektorillustratsioonide arendamiseks. Näitan seda selgelt oma õppetükis, kuidas joonist vektoriks tõlkida. Illustratsiooni aluseks olen valinud visandi kassist. Otsustasin kujutada sinist kassi roosade õitega käppades.

Samm 1

Alustuseks loome tausta. Joonistame kujundi, kasutades valikutööriista () ( Kujundage kihid(Kihikuju)). Seaded – (Täida läbipaistmatus) = 0% ... Nüüd kasutage loodud kujundi täitmiseks gradiendi ülekatet: ((Layer Style - Gradient Overlay)). Kõik seaded on vaikimisi, peate muutma ainult nurka (määran kraadi) ja gradienti. Lisama Insult(Stroke) ((Layer Style – Stroke)). Kasutame kõiki vaikesätteid, välja arvatud laius tollides 1 px ja värvid.