Mēs esam priecīgi sveikt jūs mūsu nākamajā nodarbībā par darbu Adobe Photoshop. Šajā rakstā tiks runāts par to, kā programmā izveidot vienmērīgas pārejas pie attēlu/krāsu robežas. Šī ir ļoti noderīga prasme, kas jums noteikti būs nepieciešama, tāpēc sāksim!

Veicot vienmērīgu pāreju starp krāsām

Jo Photoshop ir profesionāla attēlu apstrādes programma, ļoti bieži vienu un to pašu rezultātu var sasniegt vairākos veidos. Tas pats ar pārejām.

Gradienta rīka izmantošana

Jūs droši vien esat iepazinies ar šo rīku. Tāpēc dodieties uz rīkjoslu kreisajā pusē un atlasiet "Gradients".

Kad rīks ir atlasīts, zem galvenās izvēlnes parādīsies Gradienta iestatījumu panelis, kurā varēsiet atlasīt gradienta veidni un pēc vajadzības iestatīt papildu parametrus.

Diemžēl standarta gradientu komplektā nav daudz veidņu, tāpēc varat izmantot meklēšanu un paplašināt savu kolekciju vai izveidot savu versiju.

Lai pāreja būtu tieši krāsaina un necaurspīdīga, jums ir jāiestata arī iestatījumi kontroles punkts necaurredzamība (skatiet zemāk redzamo ekrānuzņēmumu):

Kad viss ir gatavs, atliek tikai piemērot izmaiņas, noklikšķinot uz “OK” un aizpildīt audeklu ar gradientu. Lai to izdarītu, mēs izveidojam atlasīto apgabalu, kuru vēlamies aizpildīt, vai piemērojam gradientu visam audeklam. Vienkārši noklikšķiniet uz LMB (peles kreisā poga) vēlamajā vietā un velciet tik daudz, cik nepieciešams.

Svarīgi! Pievērsiet uzmanību tam, kāds pildījuma veids ir izvēlēts:

Mūsu gadījumā "Lineārais gradients".

Caur slāņu masku

Šo metodi izmanto pieredzējuši lietotāji. Visas darbības notiks caur slāņu paleti. Sāksim:

Izmantojot selekcijas apspalvojumu

Būtība šī metode ir izveidot vienmērīgu pāreju uz aizpildītā objekta/attēla un fona robežas. Sāksim!

1. Mums būs nepieciešams taisnstūrveida telts rīks.
   
   
2. Tagad jums ir jāizveido atlase:
   
   
3. Kad atlase ir gatava, izmantojiet karstos taustiņus SHIFT+F6 izsaukt logu, kurā vienumā jāievada vērtība "Spalvas rādiuss".
   
   
4. Pēc tam jāaizpilda izveidotā atlase. Lai to izdarītu, mēs atkal izmantosim karstos taustiņus SHIFT+F5 un atlasiet aizpildījuma krāsu.
   
5. Pēc izmaiņu piemērošanas mēs iegūstam šādu vienmērīgu pārejas rezultātu:
   
   
6. Atliek tikai noņemt atlasi, izmantojot CTRL+D un esat pabeidzis:
   
   

Kā redzat, Photoshop nav nekā sarežģīta, lai vienmērīgi pārietu starp krāsām. Mēs esam iesnieguši 3 veidus, kā to izdarīt, un katrs no tiem ir piemērots noteiktā situācijā.

Tas arī viss! Tiekamies mūsu nākamajās nodarbībās!

Sveiki, dārgie iesācēji tīmekļa pārziņi. Atkal .

Šajā rakstā es jums pastāstīšu, kā veikt pāreju no tumšiem toņiem uz gaišākiem, kā arī no vienas krāsas uz otru.

Šo darbību sauc par gradientu, un tā kā būtībā tā arī ir fona attēlu, pēc tam izpilda fona rekvizīts, izmantojot divas vērtības:

1. lineārais-gradients - krāsu pāreja no vienas malas vai stūra uz otru.

2. radial-gradient - krāsu pāreja no centra uz malām.

Tas ir rakstīts šādi:

fons : -moz-linear-gradient (augšā, #ff0000, #ffcfcf);
top, #ff0000, #ffcfcf );

Tālāk, izmantojot piemēru, mēs detalizēti izpētīsim katru šī ieraksta elementu.

Diemžēl gradientam joprojām ir problēmas ar displeju pārlūkprogrammās un W3C specifikāciju, tāpēc vērtībām joprojām ir jāpievieno prefiksi.

Vērtības sākumā tiek ievietots prefikss, kas sākas ar domuzīmi.

Šāds saraksts mums būs jāievieto elementu atlasītājā, izveidojot tam gradientu, lai jūsu ļoti skaistais fons tiktu pareizi atspoguļots visās pārlūkprogrammās. Skaistums prasa upurus.

Šis ir vienkāršākais divu krāsu gradients. Sīkāk apskatīsim fona īpašuma vērtības

Pirmajā rindā tiek iestatīts fons pārlūkprogrammām, kas neatbalsta lineāros gradientus.

Nākamās 5 rindas ir paredzētas fona attēlošanai dažādas pārlūkprogrammas. Pirmkārt, gradienta vērtība tiek rakstīta ar prefiksu sākumā.

Pēc tam iekavās:

augšā - virziens, no kura sākas pirmā krāsa (var būt apakšā, pa kreisi, pa labi)

#ff0000 — pirmā krāsa, kas atdalīta ar komatiem;

#ffcfcf — otrā krāsa, kas atdalīta ar komatiem;

Safari līdz 5. versijai un Chrome līdz desmit bija sava sintakse, kas ievērojami palielināja kodu. Iespējams, tāpēc šo versiju gradients bieži netiek norādīts, it īpaši, ja ir liels daudzums ziedi.

Jūs varat veikt krāsu pāreju nevis horizontāli vai vertikāli, bet no stūra uz stūri. Šim nolūkam ir šādi norādījumi:

apakšējā labajā stūrī - no apakšējā labā stūra uz augšējo kreiso pusi;

apakšā pa kreisi - no apakšējās kreisās puses uz augšu pa labi;

augšā pa labi - no augšas labās puses uz leju pa kreisi;

augšā pa kreisi - no augšējās kreisās puses uz apakšējo labo pusi;

Varat veikt krāsu pāreju no bloka centra uz malām. Tad nozīmē vārda lineārs (lineārs) vietā ievietojiet radiālu (radiālu)

#gradients (
fons : #ff0000 ;
fons: -moz-radial-gradient ( centrs, elipses vāks, #ff0000, #ffcfcf);
fons: -webkit-radial-gradient ( centrs, elipses vāks, #ff0000, #ffcfcf);
centrs, elipses vāks, #ff0000, #ffcfcf);
centrs, elipses vāks, #ff0000, #ffcfcf);
platums: 600 pikseļi;
augstums: 400 pikseļi;
apmale : 1px solid #333 ;
}

Tagad izveidosim kaut ko līdzīgu varavīksnei, tā sakot. Lai to izdarītu, iepriekš norādītajam kodam pievienojiet vēl pāris krāsas un iestatiet katras krāsas skaļumu procentos (krāsu skaits nav ierobežots)

Krāsu skaļums ir iestatīts no 0% līdz 100% (pirmais ir 0%, pēdējais ir 100%, pārējie ir starp secībā). Apsvērsim šo opciju uz radiālā gradienta. Lineārajā gadījumā viss tiek darīts tāpat.

#gradients (
fons : #ff0000 ;
fons: -moz-radial-gradient();
fons: -webkit-radial-gradient t( centrs, elipses vāks, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf 100%);
fons: -o-radial-gradient ( centrs, elipses vāks, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf1005);
fons: -ms-radial-gradient ( centrs, elipses vāks, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf 100%);
platums: 600 pikseļi;
augstums: 400 pikseļi;
apmale : 1px solid #333 ;
}

Princips, manuprāt, ir skaidrs. Tāpēc mēģiniet pats uzrakstīt rindiņu pārlūkprogrammai Safari līdz piektajai versijai un pārlūkam Chrome līdz desmitajai versijai.

Gradientam ir iestatīts jebkurš HTML bloks (body, div, h1-6, p, ul, ol) un gan globālais, gan iebūvētais stils (tas ir paredzēts WordPress vietnei).

Tagad daži vārdi par to, kā un kur izvēlēties krāsas. Ir pakalpojumi gradientu izveidei, kas piedāvā krāsu, skaļuma procentus un gradienta kodu, taču to izvēli ierobežo piedāvājums.

Tāpēc es izmantoju rīku colorcheme.ru, kurā varat atlasīt krāsas neierobežotā diapazonā un optimāli atlasītas secības un kombinācijas.

Paneļa augšējā rindā atlasiet kombinējamo krāsu skaitu. Pārejot cauri “Leņķim 30°”, tiek mainīts atlases diapazons.

Programmā "Shēmas pielāgošana" tonis tiek padarīts tumšāks vai gaišāks. “Krāsu sarakstā” visas diagrammā esošās krāsas ir sakārtotas pēc piesātinājuma un ar kodu parakstā.

Kopumā neierobežotas izvēles iespējas krāsu diapazons lai izveidotu gradientu.

Es novēlu jums radošus panākumus.

- Rabinovičs! Vai jums ir simts dolāru, kas jāmaina?
- Nē, bet paldies par komplimentu!

Divi Odesas iedzīvotāji:
— Roze, kā tev patīk mana jaunā kleita?
- Atvainojiet, Sāra, es steidzos, man tagad nav laika skandāliem!

Kolāžas izveide nav tikai vairāku fotoattēlu apvienošana vienā. Pareizā kolāža parāda autora prasmi, kā arī parāda viņa spēju skaisti un prasmīgi sakārtot fotogrāfijas tā, lai tās izskatītos stilīgi un pievilcīgi. Veiksmīga un pamanāma kolāža būs tāda, kurā starp fotogrāfijām nav pamanāmas robežas – tā vietā fotogrāfijas it kā saplūst viena otrā. Šo efektu var panākt, veicot vienkāršas darbības programmā Adobe Photoshop.

Jums būs nepieciešams

• - Adobe programma Photoshop

Norādījumi

Atveriet divus aptuveni tāda paša izmēra fotoattēlus, kurus vēlaties apvienot kolāžā.

Nospiediet taustiņu V, lai aktivizētu pārvietošanas rīku, un velciet vienu fotoattēlu uz otru, lai tie abi būtu vienā logā divos dažādos slāņos.

Atlasiet augšējo no divu parādīto slāņu saraksta un pēc tam pievienojiet tam vektora masku (Pievienot slāņa masku).

Blakus fotoattēla ikonai slāņu rindā parādīsies maskas ikona balta kvadrāta formā. Noklikšķiniet uz tā, lai aktivizētu slāni. Ikonu ieskauj melns rāmis, kas norāda uz tās darbību.

Rīkjoslā atlasiet gradientu un norādiet gradienta virzienu, velkot līniju no apakšējā labā stūra uz augšējo labo stūri. Jūs pamanīsit, kā viens no attēliem sāk parādīties otrā, kur zīmējāt leņķisko gradientu.

Eksperimentējiet un mainiet gradienta garumu un platumu, līdz esat apmierināts ar rezultātu un attēli vienmērīgi un skaisti saplūst viens otrā vietā, kur vēlaties parādīties pāreja.

Lai sasniegtu vēlamo efektu, izmantojiet gradientu tikai ar aktivizētu slāņa maskas režīmu - pretējā gadījumā nekas nedarbosies.

Izejiet no maskas režīma, noklikšķinot uz fotoattēla ikonas slānī, kad kolāža ir gatava.

Apvienojiet slāņus un saglabājiet kolāžu vēlamajā formātā.

Piekrītu, viena no neparastākajām dāvanām ir kolāžas. Viņi var izrotāt interjeru, likt draugiem smieties un iepriecināt mīļotos. Oriģinālās fotogrāfijas parasti tiek pasūtītas fotostudijā vai arī mēģināt tās uzņemt pats datorā. Lai viena fotoattēla pārklājums uz otras izskatītos organiski, jums jāapgūst vairākas vienkāršas kombinācijas. Vissvarīgākais ir tas, ka starp kadriem nav kontrasta. Izvēloties kolāžas fonus, noteikti ņemiet vērā abu fotogrāfiju krāsas un gaismas virzienu, kā arī objektu un galvenā objekta izmērus. Lai saprastu, kā Photoshop veikt vienmērīgu pāreju, vienkārši izpētiet šajā rakstā aprakstīto procedūru.

Par procedūru

Mēģiniet praktizēt šādu darbību secību.

Studē grafiskie redaktoriļaus izveidot neparastus darbus, labot attēlus, tos rediģēt un radīt pārsteidzošas kompozīcijas ar jebkuru fotomateriālu!

Mēs ceram, ka mūsu raksts ļaus jums veiksmīgi izpildīt uzdevumu un arī gūt patiesu prieku no šī aizraujošā un radošā procesa.

Šajā rakstā mēs aplūkosim populāros vienmērīgu pāreju starp attēliem metodes.

Šādas pārejas ir nepieciešamas, kad veidojat sarežģītas kolāžas vai vēlaties skaisti sakārtot vairākus attēlus vienā.

No visām tālāk norādītajām opcijām: mīksta dzēšgumija, mīkstas otas un gradients, labākā metode ir gradients. Tas rada pirmšķirīgu pāreju, nezaudējot sākotnējo attēlu kvalitāti. Pārliecinies pats: izmantojot dzēšgumiju, mēs krāsojam pāri pikseļiem, bet kur ir garantija, ka visu varēsi nokrāsot nevainojami? Protams, jūs varētu pavadīt visu dienu Photoshop, dzēšot pikseļus pa pikseļiem. Bet es uzskatu, ka “spēle nav sveces vērta”, jo mēs cenšamies netērēt daudz laika noteiktām darbībām un visu darīt ātri.

Mīksta dzēšgumija un suka ir piemērotas, lai izvilktu malas, lai abas fotogrāfijas labi saplūstu kopā un neizskatītos nevietā cieto malu dēļ.

Tagad apskatīsim tuvāk:

Mīksta dzēšgumija

Tā kā dzēšgumijas rīku var izmantot ar otu opcijām, izmantojot mīksta suka Varat izdzēst attēla daļu, lai būtu redzams cits attēls, kas atrodas zemāk esošajā slānī. Izmantojot šo paņēmienu, jūs varat sasniegt vēlamo rezultātu, taču tas ir arī neatgriezenisks - ja pārdomājat un nolemjat attēlus apvienot citādi, jums būs jāsāk no jauna.

Kad esat ievietojis abus attēlus, kurus vēlaties apvienot vienā dokumentā (katru atsevišķā slānī), rīkojieties šādi:

1. Velciet attēlu, kuru vēlaties daļēji dzēst, uz slāņu paletes augšdaļu.

Piezīme

Pirms dzēšanas ieteicams izveidot tā slāņa dublikātu, ar kuru strādāsit, ja rezultāts jums nepatīk (lai to izdarītu, nospiediet Ctrl+J). Lai jaunais slānis netraucētu, tā redzamību var izslēgt (un vajadzības gadījumā atkal ieslēgt).

2. Izvēlieties dzēšgumiju, nospiežot taustiņu E, un iestatiet to otas režīmā. Lai to izdarītu, opciju joslas nolaižamajā sarakstā Režīms atlasiet Ota. Pēc tam nolaižamajā sarakstā Brush Presets atlasiet mīkstu otu. Pārliecinieties, vai lauki Opacity un Pressure ir iestatīti uz 100.

Lai pāreja būtu vēl vienmērīgāka, eksperimentējiet ar dzēšgumijas necaurredzamības vērtību. Samazinot necaurredzamības vērtību, varat izveidot vienmērīgākas pārejas, pārvietojot otu virs vēlamā apgabala, nevis veicot atsevišķus klikšķus.

3. Novietojiet peles rādītāju virs attēla un izdzēsiet nevajadzīgo daļu. Ja pieļaujat kļūdu vai kādā brīdī pārdomājat, izmantojiet vēstures paleti, lai atgrieztos dažus otas triepienus, vai atsauciet pēdējo darbību, nospiežot taustiņu kombināciju Ctrl+Z.

Mīkstas otas un slāņu maskas

Dzēšgumijas alternatīva ir pretēja iespēja - slāņa maskas krāsošana ar lielu mīkstu suku. Šajā gadījumā jūs tikai slēpjat daļu zīmējuma, nevis to noņemat.

Pieņemsim, ka vēlaties uzsvērt, cik ātri brauc motocikls. Uzlabojiet kustības efektu To var izdarīt, pievienojot zīmējumam nelielu kustības izplūšanu un pēc tam paslēpjot daļu izplūšanas ar slāņa masku.

Lūk, kā izveidot ātras kustības efekts:

1. Atveriet attēlu un izveidojiet oriģinālā slāņa dublikātu, nospiežot taustiņu kombināciju Ctrl+J.

2. Izvēlieties izvēlnes komandu Filtri => Blur => Kustības izplūšana. Izmantojot šo filtru, jūs varat radīt sajūtu, ka objekts pārvietojas ļoti ātri. Tā kā filtrs aizmiglo visu attēlu, kļūst grūti tajā saskatīt vēlamo objektu, tāpēc daļa izplūdušā slāņa būs jāslēpj, pievienojot slāņa masku. Lai to pievienotu, noklikšķiniet uz pogas ar apļa attēlu taisnstūrī paletes apakšā.

3. Nospiediet B, lai atlasītu Brush Tool un izvēlieties lielu, mīkstu otu. Iestatiet melnu kā priekšplāna krāsu.

Atgādināšu, ka attiecībā uz slāņu maskām, krāsošana ar melno krāsu slēpj to, kas mums šajā gadījumā jādara. Apskatiet rīku paneļa apakšdaļu un, ja tie ir melnbalti, nospiediet taustiņu X, līdz augšpusē ir melnais indikators. Ja ir atlasītas citas krāsas, vispirms iestatiet noklusējuma krāsas, nospiežot taustiņu D, un pēc tam nospiediet taustiņu X, līdz melnais indikators ir augšpusē.

6. Novietojiet peles rādītāju virs attēla un izmantojiet otu, lai paslēptu daļu no izplūdušā slāņa.

Gradienta maskas

Novietojiet mīkstās otas malā. Izveidot pēc iespējas vienmērīgākas pārejas iespējama lietošana gradients - mīksta, pakāpeniska pāreja no vienas krāsas uz otru. Metodes attēlu sapludināšanai, izmantojot mīkstās otas un gradientus, ir līdzīgas, jo attēli tiek apvienoti vienā dokumentā un pēc tam augšējam slānim tiek pievienota slāņa maska. Bet tā vietā, lai krāsotu masku ar melnu vai baltu otu, jūs izmantojat melnu uz caurspīdīgu vai melnu uz baltu gradientu, lai izveidotu vienmērīgu, nemanāmu plūsmu no viena attēla uz otru.

1. Velciet attēlu, kuram vajadzētu būt kolāžas priekšplānā, slāņu saraksta pašā augšdaļā un pievienojiet tam slāņu masku.

2. Nospiediet taustiņu G, lai atlasītu Gradienta rīku. Opciju joslā noklikšķiniet uz atlases nolaižamās bultiņas. Nolaižamajā sarakstā atlasiet melnu uz caurspīdīgu gradientu un tipu grupā noklikšķiniet uz lineārā gradienta pogas.

3. Manā piemērā es vēlos, lai Betmena logotips labajā pusē būtu caurspīdīgs. Lai to izdarītu, es nospiežu peles pogu uz logotipa malas un turu nospiestu taustiņu, līdz es sasniedzu aptuveni logotipa vidu. Atlaižot taustiņu, es iegūstu vienmērīgu pāreju starp attēliem. Lai uzlabotu pārejas kvalitāti, varat arī lietot gradientu.

Velkot, programma Photoshop novelk līniju, kas attēlo pārejas platumu: jo īsāka līnija (jo mazākā attālumā velciet rādītāju), jo šaurāka un grūtāka ir pāreja (skaidras robežas nebūs, bet jūs saņemsiet kaut kas tam tuvu); jo garāka līnija, jo platāks gradients un vienmērīgāka pāreja.

Ja tekstā pamanāt kļūdu, atlasiet to un nospiediet Ctrl + Enter. Paldies!