Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ
  • në shtëpi
  • Windows Phone
  • Si të bëni një tranzicion të qetë në Photoshop. Si të bëni një tranzicion të qetë në Photoshop? Njohuri bazë dhe një sekret për të fituar gjithmonë

Si të bëni një tranzicion të qetë në Photoshop. Si të bëni një tranzicion të qetë në Photoshop? Njohuri bazë dhe një sekret për të fituar gjithmonë

Sot do t'ju tregoj si të bëni një tranzicion të qetë midis dy fotove.

Kam bërë një foto paraprakisht dhe ky është rezultati që kam marrë:

Për të marrë një foto të tillë, do të bëj dy fotografi që do t'i kombinoj.

Kam bërë një sfond të bukur me detin dhe një fotografi të një vajze që është fotografuar në sfondin e pemëve të zymta pa gjethe.

Pra, le të fillojmë - unë do ta bëj tranzicion i qetë i ngjyrave dhe për këtë do të ndjek këto hapa:

Hapi 1

Hapja e fotove të mia në Photoshop dhe përdorimi i mjetit Duke lëvizur Zvarrit një foto të një vajze në një foto me sfond deti.

Dua ta bëj pak më të vogël foton e vajzës dhe për këtë bëj thirrje Transformim falas duke shtypur shkurtoren e tastierës CTRL+T.

Korniza që shfaqet rreth fotos me vajzën ka nyje që mund t'i tërhiqni dhe zvogëloni madhësinë e fotos, ndërsa duhet të mbani të shtypur çelësin Ndërrimi, në mënyrë që përmasat e imazhit të mos shtrembërohen.

Hapi 2

Tani po kaloj te paleta Shtresat dhe duke qenë në shtresë me vajzën, klikoj në ikonën e quajtur Shtoni një maskë vektoriale.

Siç e shohim në paleta Shtresat Në shtresën me vajzën është formuar një maskë shtresash, e cila vihet në pah me një kornizë, e cila tregon se maska ​​është aktive dhe e gjithë puna që do të bëj do të kryhet pikërisht në maskën e shtresës.

Në panelin e sipërm ku ndodhen të gjitha cilësimet e instrumentit Gradient Unë klikoj në shigjeta, që ndodhet pranë ikonës së veglës dhe në dritaren që shfaqet me gradient, zgjedh Gradient radial, e cila shkon nga e zezë në transparente.

Tani unë vizatoj linjat e gradientit që nuk arrijnë figurën e vajzës, siç tregohet në foto (mund të keni më shumë drejtime). Kur vizatoni një vijë gradient, sfondi zhduket pa probleme.

M'u deshën dy ose tre herë të vizatoja vijën e gradientit në secilin nga drejtimet e treguara në figurë për të arritur rezultatin që shihni në foton më poshtë.

Hapi 4

Megjithatë, mund të vërejmë se me zhdukjen e sfondit që i përkiste fotografisë së vajzës, edhe imazhi i vetë vajzës ndryshoi disi, pasi në disa vende u bë i tejdukshëm.

Por kjo është shumë e lehtë për t'u rregulluar.

Ndërsa në maskën e shtresës, marr një rrumbullak të butë furçë të bardhë dhe me këtë furçë pikturoj vajzën.

Furça e bardhë rikthen të gjitha zonat e humbura të imazhit të vajzës.

Dhe ne gjithashtu duam t'ju kujtojmë se gjithmonë mund të bisedoni rreth temave të Photoshop-it në forumin e Photoshop-it dhe të gjeni përgjigje për shumë nga pyetjet tuaja.

Ja çfarë ndodhi si rezultat:

I lidha dy fotot së bashku duke përdorur një fade.

Shpresoj se e kam shpjeguar qartë, si të bëni një tranzicion të qetë mes dy fotove - siç mund ta shihni është mjaft e thjeshtë.

Unë gjithashtu ju këshilloj të shikoni mësimin tim të mëparshëm Valentika në Photoshop, e cila përmban shumë gjëra interesante.

Ju uroj suksese të mëtejshme në zotërimin e Photoshop-it!

Galina Sokolova ishte me ju.

1 votë

Ditë të mbarë, të dashur lexues. Sot vendosa t'ju vërtetoj se është më mirë të studioni teorinë në praktikë. Edhe nëse jeni fillestar, mund të arrini një rezultat të mirë fjalë për fjalë në një orë pa kuptuar asgjë për Photoshop-in! Shikoni, kjo foto është krijuar tërësisht falë gradientëve. Ato aplikohen në elementë të ndryshëm dhe në variacione të ndryshme.

Nëse e lexoni këtë artikull deri në fund, jo vetëm që do të mësoni se si të bëni një tranzicion të qetë të ngjyrave në Photoshop, por gjithashtu do ta zbatoni këtë njohuri në praktikë në lidhje me tekstin, format, të krijoni diamante të bukur vezulluese dhe shumë më tepër.

Unë tashmë e kam bërë këtë foto. Nëse dëshironi, atëherë mund të krijoni saktësisht të njëjtin vetë, dhe ndoshta edhe më mirë, por unë do t'ju mësoj duke përdorur një shembull tjetër. Cila? Zbulojeni në fund të artikullit. Unë do të vizatoj me ju dhe në të njëjtën kohë do të përshkruaj procesin; unë vetë ende nuk e di se çfarë do të kem sukses. Falë kësaj, unë mund të shoh se çfarë problemesh mund të hasni dhe t'ju ndihmoj në zgjidhjen e tyre.

Njohuri bazë dhe një sekret për të fituar gjithmonë

Pra, së pari duhet të hapim Photoshop. Unë rekomandoj fuqimisht që të shkarkoni këtë program ( Këtu mund të blini një version të licencuar ). Nuk do të gjeni kurrë më të mirë se ajo. Nëse keni frikë se nuk do ta zotëroni atë dhe do të humbni paratë tuaja, duke harruar plotësisht programin pas provës së parë, mund të provoni shërbimin në internet https://editor.0lik.ru/ . Është shumë më e përshtatshme të kesh programin tënd dhe shumë shpejt do ta kuptosh pse.

Kështu duket versioni 2015 i Photoshop-it, nëse keni një botim tjetër, mos u shqetësoni. Gjithçka do të jetë afërsisht e njëjtë. Ju keni pak më pak opsione dhe ky është i vetmi ndryshim.

Le të krijojmë një dokument të ri.

Zgjedhja e një madhësie është një nga pyetjet më të vështira për mua. Si bazë, mora madhësitë maksimale të imazhit për një postim në rrjetet sociale. 800x500, por, siç e kuptoni, kjo nuk është pika. E gjitha varet nga qëllimet dhe detyrat që do të kryeni duke përdorur Photoshop.

Shikoni, në panelin në të djathtë ka të gjithë butonat kryesorë, duke përfshirë gradientin. Megjithatë, tani nuk mund të gjendet. Si keshtu? Unë vetë e kam hasur këtë problem kur fillova të mësoja se si të punoja me Photoshop. Ju lexoni një artikull, por duhet të kërkoni gjysmën e informacionit në burime të palëve të treta. Google, Google, Google.

Lexuesi shumë i zgjuar, që di gjithçka në mënyrë të përsosur, më faltë për devijime të vogla nga tema. Unë dua që të gjithë vizitorët e blogut të jenë në gjendje të ndjekin mësimet e mia. Ndoshta një ditë kjo do të jetë shumë e dobishme për ju. Do të kursejë shumë kohë.

Në këndin e poshtëm djathtas të pothuajse çdo butoni, përveç xhamit zmadhues, ka diçka si një shigjetë. Kjo sugjeron që ka disa mjete të fshehura në buton.

Mbani butonin e majtë të miut në buton për disa sekonda për të hapur një menu shtesë dhe për të zgjedhur gradientin.

Një tjetër menu shtesë u hap në krye. Përdoret ekskluzivisht për gradient. Klikoni në tekst - një menu e veçantë teksti do të hapet në krye, në furçë dhe ... mirë, e kuptoni idenë.

Klikoni në shigjetën pranë ikonës së ngjyrave. Tranzicionet standarde ose ato që keni ngarkuar ruhen këtu.

Nëse nuk e konsideroni veten një gjeni të dizajnit, atëherë ju rekomandoj të shkarkoni shabllone falas nga Interneti. Ka mjaft prej tyre. Së pari, kursen kohë, dhe së dyti, disa opsione të ngjashme zakonisht kombinohen në një temë të krijuar në një stil të vetëm. Kjo mund të aplikohet në një fotografi pa asnjë problem dhe pothuajse gjithmonë do të duket mirë.

Instalimi i shablloneve të rinj nuk është problem. Shkarkoni ato nga Interneti, më pas zgjidhni arrë në këndin e sipërm të djathtë dhe gjeni lidhjen "Shkarko...".

Zgjidhni dosjen me skedarët e shkarkuar në kompjuterin tuaj dhe ruajeni.

Ata do të shtohen në fund të listës.

Plotësoni

Tani le të mësojmë se si të mbushim. Zgjidhni çdo opsion që ju pëlqen (ne do të kalojmë në krijimin e tij pak më vonë) dhe klikoni mbi të. Mbani të shtypur butonin e majtë të miut kudo në ekran dhe lëvizni në çdo drejtim. Vendndodhja e tranzicionit të ngjyrave varet nga ajo.

Shihni ndryshimin.

Mund ta rrotulloni kudo.

Për të parandaluar zhvendosjen e linjës suaj dhe turbullimin e gradientit, mbani të shtypur butonin Shift ndërsa vendosni drejtimin.

E shihni, tranzicioni i ngjyrave tani po ndodh në qendër. Ne do t'i shikojmë cilësimet në më shumë detaje ndërsa krijojmë gradientin tonë. Tani do të flas vetëm për zhvendosjen e qendrës. Klikoni në këtë pjatë.

Klikoni me të majtën në ngjyrën në fund dhe zhvendoseni atë majtas ose djathtas.

Kjo është ajo me të cilën përfundova.

Si të aplikoni një gradient në tekst për t'i bërë letrat të duken moderne

Tani le të shkruajmë diçka. Zgjidhni butonin e duhur.

Nëse keni nevojë të ndryshoni madhësinë ose vetë fontin, kushtojini vëmendje panelit në krye të ekranit. Gjithçka është e thjeshtë atje.

Tani shtypni Ctrl dhe në të njëjtën kohë klikoni në ikonën e shtresës së re të tekstit. Kini kujdes, duhet të klikoni jo në tekst, por në drejtkëndësh, siç tregohet në pamjen e mëposhtme të ekranit.

Tani le të krijojmë një shtresë të re. Ekzistojnë tre mundësi për zgjidhjen e problemit: mbani të shtypur Shift, ctrl, N në të njëjtën kohë; Ne përdorim panelin në krye, gjejmë atje "Shtresa - e re - krijo"; përdorni butonin në menunë e shpejtë në të djathtë. Në foton më poshtë e kam treguar me një shigjetë.

Tani, për të hequr theksimin përgjatë skajeve të shkronjave, mund të klikoni në përzgjedhjen dhe më pas të klikoni në çdo pjesë të figurës. Ky është rezultati.

Puna me tekstin nuk përfundon me kaq. Shikoni, ne kemi 2 shtresa: njëra me gradient dhe e dyta me shkronja. Pse ndodhi atje? Unë do të shpjegoj sa më mirë të mundem. Shkruani në komente nëse nuk është e qartë. Ti e ke shkruar tekstin. Photoshop-i e kuptoi që këto ishin shkronja dhe madje sugjeroi t'i bëni ato më të mëdha, më të vogla, të ndryshoni fontin, etj.

Pastaj ju zgjodhët këtë fragment. Ne krijuam një shtresë të re, për të përdorur një analogji, premë një klishe nga letra dhe e mbushëm. Në këtë pikë, Photoshop humbi. Ai pushoi së shikuari letrat tuaja. Për të, është vetëm një pjesë e një fotografie, si një romb, katror ose rreth me një qendër të prerë. Nëse shkoni në punë me shkronja në një shtresë, nuk do të keni sukses; nëse doni të aplikoni një gradient në tekst, e njëjta gjë.

Nëse tani doni ta zhvendosni tekstin diku dhe shkoni në seksionin përkatës dhe më pas filloni ta lëvizni me shigjetën, atëherë gjithçka do të largohet.

Ne heqim shtresën e tekstit për të shmangur konfuzionin. Klikoni me të djathtën mbi të dhe zgjidhni opsionin e dëshiruar.

Llojet e gradientëve, mbushja e formave dhe krijimi i yjeve

Nëse i keni kushtuar vëmendje panelit të gradientit në krye, mund të keni vënë re se ato vijnë në lloje të ndryshme: lineare, radiale, këndore, pasqyre ose diamanti. Nuk është e vështirë për të parë dallimet; nuk është e nevojshme të lexoni artikujt për ta bërë këtë, thjesht hapni një fletë letre të zbrazët dhe përpiquni të aplikoni një ose një opsion tjetër. Shikoni çfarë ndodhi.

E vetmja gjë që vlen të përmendet: nëse doni të shihni rezultatin perfekt, si në foton time, shigjeta duhet të drejtohet nga qendra.

Tani le të kthehemi te fotografia jonë. Më lejoni t'ju mësoj një teknikë interesante. Tranzicionet e ngjyrave mund të përdoren brenda formave që vizatoni. Kjo është shumë e dobishme, veçanërisht për ata që planifikojnë të krijojnë faqe interneti.

Pra, zgjidhni një drejtkëndësh ose rreth. Nuk ka rëndësi.

Tani ngjyra e mbushjes.

Le të shkojmë në seksionin e gradientëve.

Këtu na duhet një romb.

E shihni, doli të ishte një efekt interesant, por ngjyra e bardhë prish gjithçka. Duhet transparente. Mund të gjendet brenda shablloneve. Nëse shihni një grilë si kjo brenda shabllonit, atëherë kjo është ajo që na nevojitet.

Luaj me cilësimet dhe do të marrësh opsionin tënd ideal.

Tani le ta klonojmë këtë flash. Zgjidhni lëvizjen. Thjesht klikoni në butonin.

Tani mbani alt dhe tërhiqni kopjen në anën.

Ky është rezultati që kam marrë.

Krijo një gradient të ri dhe butona për faqet

Dhe së fundi, unë do t'ju tregoj se si të krijoni gradient nga e para, dhe në të njëjtën kohë do të kuptojmë cilësimet e tyre. Le të krijojmë një buton të bukur, apo jo? Unë do të shtoj një drejtkëndësh me skaje të rrumbullakosura në foton time.

Kështu duket ai. Këtë herë nuk do të përdorim mbushjen e brendshme. Nuk është shumë i përshtatshëm për të punuar me një shabllon të ri përmes tij. Le të jetë vetëm e zezë tani për tani.

Zgjidhni një mjet të njohur dhe klikoni mbi die.

Gradientët e rinj krijohen bazuar në të vjetrat. Klikoni në cilindo. Versioni i vjetër nuk do të zhduket askund. Pastaj thjesht gjeni një emër të ri për të dhe ruajeni.

Duke përdorur pikat kryesore të kontrollit, mund të kontrolloni nivelet e transparencës.

Ato më të ulëtat përdoren për të punuar me ngjyra. Për të zgjeruar gamën, klikoni pranë çdo pike dhe ajo do të kopjohet.

Mund të krijoni sa të doni.

Për ta bërë tranzicionin të duket modern, duhet të zbutni ngjyrat. Mos e prekni këtë tregues dhe gjithçka do të jetë në rregull. Duhet të jetë 100%. Gati. Mund të klikoni "OK" ose "Ruaj" - gjithçka varet nga dëshira juaj.

Tani ne përsërisim atë që kemi bërë kohët e fundit me tekstin. Mbani të shtypur ctrl, klikoni në butonin e stilit të dëshiruar në qendër dhe krijoni një të ri bazuar në të.

Tani shtoni një tranzicion dhe voila.

Le të shtojmë tekst në butonin dhe kjo është ajo. Nuk është e qartë pse ka përfunduar gjëja e nevojshme. Nga rruga, ju mund të shkarkoni burimin tim nëse dëshironi ( Shkarko burimin gradient.psd ). Mund ta hapni në Photoshop dhe të përmirësoni foton time. Unë mendoj se nuk do të jetë e vështirë.

OK tani ka mbaruar. Tani ju dini shumë për gradientët. Nëse jeni një projektues, dizajner faqosjesh, krijues faqesh interneti ose dëshironi të bëheni një i tillë, dhe ky mësim ishte vërtet i dobishëm për ju, regjistrohuni në buletinin dhe mësoni më shumë rreth asaj që ju intereson. Ju gjithashtu mund t'i kushtoni vëmendje kësaj faqeje: https://photoshop-master.org/disc149/ . Këtu mund të gjeni një sërë kursesh me pagesë dhe falas që do t'ju mësojnë punë reale dhe profesionale me Photoshop.

Ju uroj fat dhe shihemi përsëri.

Krijimi i një kolazhi nuk ka të bëjë vetëm me kombinimin e disa fotove në një. Kolazhi i duhur tregon aftësinë e autorit, dhe gjithashtu tregon aftësinë e tij për të rregulluar bukur dhe me kompetencë fotografitë në mënyrë që të duket elegant dhe tërheqës. Një kolazh i suksesshëm dhe i dukshëm do të jetë ai në të cilin nuk ka kufij të dukshëm midis fotografive - në vend të kësaj, fotografitë duket se rrjedhin në njëra-tjetrën. Ky efekt mund të arrihet duke kryer operacione të thjeshta në Adobe Photoshop.

Do t'ju duhet

  • - Programi Adobe Photoshop

Udhëzimet

  • Hapni dy foto me përafërsisht të njëjtën madhësi që dëshironi të kombinoni në një kolazh.
  • Shtypni tastin V për të aktivizuar veglën lëvizëse dhe tërhiqni njërën foto mbi tjetrën në mënyrë që të dyja të jenë në të njëjtën dritare në dy shtresa të ndryshme.
  • Zgjidhni pjesën e sipërme nga lista e dy shtresave që shfaqen dhe më pas shtoni një maskë vektori në të (Shto maskën e shtresës).
  • Një ikonë maskë në formën e një katrori të bardhë do të shfaqet pranë ikonës së fotografisë në rreshtin e shtresës. Klikoni mbi të për të aktivizuar shtresën. Ikona do të rrethohet nga një kornizë e zezë për të treguar aktivitetin e saj.
  • Në shiritin e veglave, zgjidhni gradientin dhe specifikoni drejtimin e gradientit duke tërhequr një vijë nga këndi i poshtëm djathtas në këndin e sipërm djathtas. Do të vini re se si njëra nga imazhet fillon të shfaqet përmes tjetrës ku keni vizatuar gradientin këndor.
  • Eksperimentoni dhe ndryshoni gjatësinë dhe gjerësinë e gradientit derisa të jeni të kënaqur me rezultatin dhe imazhet të rrjedhin pa probleme dhe bukur në njëra-tjetrën në vendin ku dëshironi të shfaqet tranzicioni.
  • Për të arritur efektin e dëshiruar, përdorni gradientin vetëm me modalitetin e maskës së shtresës të aktivizuar - përndryshe, asgjë nuk do të funksionojë.
  • Dilni nga modaliteti i maskës duke klikuar në ikonën e fotos në shtresë pasi kolazhi juaj të jetë gati.
  • Bashkoni shtresat dhe ruani kolazhin në formatin e dëshiruar.
  • Zhvendosni foton e dytë në atë të hapur më parë.

    Mund të lexoni më shumë rreth lidhjes së fotove në.

    Më pas, duke përdorur mjetin Move Tool, vendosim vendndodhjen e dëshiruar të fotove në lidhje me njëra-tjetrën. Duhet të siguroheni që njëra foto të mbivendoset me tjetrën dhe do të krijohet një tranzicion i qetë në pikën e mbivendosjes. Për lehtësi, mund të zvogëloni përkohësisht tejdukshmërinë e imazheve në panelin e shtresave dhe është gjithashtu një ide e mirë të vendosni udhëzues në kufijtë e mbivendosjes.

    Tani le të përcaktojmë se cila foto do të jetë në krye dhe, nëse është e nevojshme, të ndryshojmë rregullimin e shtresave në Panelin e Shtresave. Do të kem një imazh me Twitter në krye.

    Pastaj vendoseni opacitetin e shtresave të imazhit në njëqind për qind.

    Dhe tani, le të kalojmë në krijimin e një tranzicioni të qetë midis fotografive; në këtë shembull, ne do ta bëjmë këtë duke përdorur një maskë shtresash dhe duke përdorur një gradient bardh e zi.

    Shtoni një maskë shtresash në shtresën me foton e sipërme duke klikuar në ikonën përkatëse në fund të paletës, ndërsa ngjyrat në paletën e ngjyrave ndryshojnë automatikisht në ngjyrë të zezë në plan të parë dhe ngjyrë të bardhë të sfondit, një ikonë maskë do të shfaqet në shtresat Paneli në shtresën përkatëse. Pastaj hapni mjetin Gradient në paletën e veglave. Në këndin e sipërm të majtë të dritares së punës së Photoshop, klikoni në trekëndësh për të hapur paletën e gradientit dhe zgjidhni të parën, të quajtur "Nga plani i parë në sfond". Pastaj vizatojmë një vijë nga një udhëzues në tjetrin në drejtimin e treguar në figurë.

    Në mënyrë që të vizatoni një vijë gradienti rreptësisht horizontalisht (ose, për raste të tjera, rreptësisht vertikalisht), mbani të shtypur tastin Shift.

    Si rezultat, do të marrim një tranzicion të qetë drejt transparencës së skajit të djathtë të imazhit të sipërm, i cili jep efektin e një tranzicioni të qetë midis dy fotografive.
    Në ikonën e maskës në panelin Layers do të shohim ndryshimet e mëposhtme: ngjyra e zezë tregon transparencë të plotë dhe e bardha, përkundrazi, patejdukshmëria e plotë e imazhit në të cilën aplikohet maska ​​e shtresës.

    Kjo është e gjitha, detyra është përfunduar!

    Përshëndetje të dashur webmaster fillestarë. Përsëri.

    Në këtë artikull do t'ju tregoj se si të bëni një kalim nga nuancat e errëta në ato më të lehta, si dhe nga një ngjyrë në tjetrën.

    Ky veprim quhet gradient dhe meqenëse në thelb është një imazh i sfondit, ai ekzekutohet nga vetia e sfondit, e cila merr dy vlera:

    1. linear-gradient - kalimi i ngjyrës nga një skaj ose cep në tjetrin.

    2. radial-gradient - kalimi i ngjyrës nga qendra në skajet.

    Është shkruar si më poshtë:

    sfond : -moz-linear-gradient (lart, #ff0000, #ffcfcf );
    krye, #ff0000, #ffcfcf );

    Më poshtë, duke përdorur një shembull, ne do të shqyrtojmë në detaje çdo element të këtij regjistrimi.

    Fatkeqësisht, gradienti ka ende probleme me shfaqjen në shfletues dhe specifikimet e W3C, kështu që vlerat duhet të paracaktohen ende.

    Një parashtesë vendoset në fillim të vlerës dhe fillon me një vizë.

    Ne do të duhet të fusim një listë të tillë në përzgjedhësin e elementeve, duke krijuar një gradient për të, në mënyrë që sfondi juaj shumë i bukur të pasqyrohet saktë në të gjithë shfletuesit. Bukuria kërkon sakrificë.





    Dokument pa titull





    Ky është gradienti më i thjeshtë me dy ngjyra. Le të hedhim një vështrim më të afërt në vlerat e pronës së sfondit

    Rreshti i parë vendos sfondin për shfletuesit që nuk mbështesin gradientë linearë.

    5 rreshtat e ardhshëm janë për shfaqjen e sfondit në shfletues të ndryshëm. Së pari, vlera e gradientit shkruhet me një parashtesë në fillim.

    Pastaj, në kllapa:

    lart - drejtimi nga i cili fillon ngjyra e parë (mund të jetë poshtë, majtas, djathtas)

    #ff0000 - ngjyra e parë e ndarë me presje;

    #ffcfcf - ngjyra e dytë e ndarë me presje;

    Safari, deri në versionin 5, dhe Chrome deri në dhjetë kishin sintaksën e tyre, gjë që rriti ndjeshëm kodin. Kjo është ndoshta arsyeja pse gradienti për këto versione shpesh nuk është i specifikuar, veçanërisht nëse ka një numër të madh ngjyrash.

    Ju mund të bëni një tranzicion ngjyrash jo horizontalisht ose vertikalisht, por nga këndi në cep. Për këtë qëllim ekzistojnë udhëzimet e mëposhtme:

    poshtë djathtas - nga këndi i poshtëm i djathtë në të majtë lart;

    poshtë majtas - nga poshtë majtas lart djathtas;

    lart djathtas - nga lart djathtas poshtë majtas;

    majtas lart - nga lart majtas poshtë djathtas;

    Ju mund të bëni një kalim ngjyrash nga qendra e bllokut në skajet. Pastaj në kuptimin, në vend të fjalës lineare (lineare), vendosni radial (radial)

    #gradient (
    sfond : #ff0000 ;
    sfond: -moz-radial-gradient ( qendër, mbulesë elipse, #ff0000, #ffcfcf);
    sfond: -webkit-radial-gradient ( qendër, mbulesë elipse, #ff0000, #ffcfcf);
    qendër, mbulesë elipse, #ff0000, #ffcfcf);
    qendër, mbulesë elipse, #ff0000, #ffcfcf);
    gjerësia: 600 px;
    lartësia: 400 px;
    kufiri: 1px solid #333;
    }

    Tani le të bëjmë diçka si një ylber, si të thuash. Për ta bërë këtë, shtoni disa ngjyra të tjera në kodin e mësipërm dhe vendosni volumin e secilës ngjyrë si përqindje (numri i ngjyrave nuk është i kufizuar)

    Vëllimi i ngjyrës është vendosur nga 0% në 100% (i pari është 0%, i fundit është 100%, pjesa tjetër janë në mes sipas renditjes). Le ta shqyrtojmë këtë opsion në një gradient radial. Në një linjë, gjithçka bëhet në të njëjtën mënyrë.

    #gradient (
    sfond : #ff0000 ;
    sfond: -moz-radial-gradient();
    sfond: -webkit-radial-gradient t( qendër, mbulesë elipse, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf 100%);
    sfond: -o-radial-gradient ( qendër, mbulesë elipsi, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf1005);
    sfond: -ms-radial-gradient ( qendër, mbulesë elipse, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf 100%);
    gjerësia: 600 px;
    lartësia: 400 px;
    kufiri: 1px solid #333;
    }

    Parimi, mendoj, është i qartë. Pra, përpiquni të shkruani një rresht për Safari deri në versionin e pestë, dhe Chrome deri në të dhjetën, vetë.

    Gradienti është vendosur në çdo bllok HTML (trupi, div, h1-6, p, ul, ol), si dhe në stilin global dhe të integruar (kjo është për një faqe WordPress).

    Tani disa fjalë se si dhe ku të zgjidhni ngjyrat. Ka shërbime për krijimin e gradientëve që ofrojnë ngjyrën, përqindjen e volumit dhe kodin e gradientit, por zgjedhja e tyre është e kufizuar nga furnizimi.

    Prandaj, unë përdor mjetin colorscheme.ru, në të cilin mund të zgjidhni ngjyrat në një gamë të pakufizuar, dhe sekuenca dhe kombinime të zgjedhura në mënyrë optimale.

    Në rreshtin e sipërm të panelit, ju zgjidhni numrin e ngjyrave për të kombinuar. Kalimi nëpër "Këndi 30°" ndryshon diapazonin e përzgjedhjes.

    Në "Rregullimi i skemës", toni bëhet më i errët ose më i lehtë. Në "Listën e ngjyrave", të gjitha ngjyrat e pranishme në diagram renditen sipas ngopjes dhe me një kod në nënshkrim.

    Në përgjithësi, ka mundësi të pakufizuara për zgjedhjen e ngjyrave për të krijuar një gradient.

    Ju uroj suksese krijuese.

    - Rabinovich! A keni njëqind dollarë për të ndryshuar?
    - Jo, por faleminderit për komplimentin!

    Dy banorë të Odessa:
    - Rose, si të pëlqen fustani im i ri?
    - Më fal, Sarah, jam me nxitim, nuk kam kohë për skandale tani!

    Artikujt më të mirë mbi këtë temë