Amikor a CSS-ben a színátmenetekről beszélünk, arról beszélünk színes színátmenetek.
A CSS-ben kétféle színátmenet létezik:
A gradienst figyelembe veszi háttérképés a megfelelő tulajdonsággal kell használni.
A lineáris gradiensek szintaxisa meglehetősen bonyolult, de az alapötlet a következő:
Kezdjük egy egyszerű kétszínű gradienssel:
Div (háttér-kép: lineáris gradiens (piros, kék); )
Alapértelmezett:
Ha a felülről lefelé irány nem felel meg Önnek, módosíthatja az alábbi lehetőségek egyikére:
Ezt az irányt be kell állítani előtt szín:
Div (háttérkép: lineáris gradiens (jobbra lent, sárga, lila); szélesség: 200 képpont; )
Ha kérdezni akarsz meghatározott szög, akkor használhatja az értéket a következőben fokon:
Div (háttérkép: lineáris gradiens (20 fok, zöld, kék); szélesség: 150 képpont; )
Annyi színt szúrhat be, amennyit csak akar. Fognak egyenlően elosztott a tengely mentén:
Div (háttérkép: lineáris színátmenet (narancs, szürke, sárga); szélesség: 150 képpont; )
Ha nem szeretné, hogy a szín egyenletesen oszlik el, beállíthatja bizonyos színpozíciók százalékok (%) vagy pixelek (px) használatával:
Div (háttérkép: lineáris színátmenet (narancs, szürke 10%, sárga 50%); szélesség: 150 képpont; )
Ezekben a paraméterekben:
Míg a lineáris gradiensek egyetlen tengelyt követnek, radiális gradiensek minden irányba terjed. Szintaxisuk nagyon hasonlít a lineáris gradiensekhez, mivel mindkettő rendelkezik színes pöttyök. De az irány megadása helyett meg kell adnia:
Div (háttérkép: radiális gradiens (piros, sárga); kitöltés: 1 rem; szélesség: 300 képpont; )
Alapértelmezett:
Kezdő pozícióúgy működik, mint a background-position . Az at kulcsszóval állíthatja be.
Div (háttérkép: radiális színátmenet (jobbra fent, fekete, világosszürke); párnázás: 1 rem; szélesség: 300 képpont; )
Alapértelmezés szerint az űrlap a következőre ér véget a legtávolabbi sarokban. Választhatsz:
Div ( háttérkép: radial-gradient (legközelebbi sarok 20 képpontnál 20 képpont, zöld, kék); padding: 1 rem; szélesség: 300 képpont; ) div:hover ( háttérkép: radial-gradient (legtávolabbi oldal 20 képpontnál 20 képpont, zöldes-kék); )
A kezdő- és véghelyzet beállítása helyett egyszerűen beállíthatja konkrét méretek:
Div (háttérkép: radiális gradiens (20px 10px 75% 50%, sötétlila, rózsaszín); párnázás: 1 rem; szélesség: 300px; )
A CSS-ben a színátmenetek hatékonyak a rendelkezésre álló lehetőségek végtelen számának köszönhetően.
Vlad Merzsevics
A színátmenet zökkenőmentes átmenet egyik színről a másikra, és több szín és átmenet is előfordulhat közöttük. A színátmenetek segítségével a legfurcsább webdesign effektusok jönnek létre, például pszeudo-háromdimenziós, tükröződés, háttér stb. A színátmenettel az elemek vonzóbbnak tűnnek, mint a monokromatikusak.
A színátmenet hozzáadásához nincs külön tulajdonság, mivel az háttérképnek minősül, így a background-image tulajdonságon vagy az általános háttértulajdonságon keresztül kerül hozzáadásra, amint az 1. példában látható.
1. példa: Gradiens
Itt hagyományosan az obszcén idióma kezdi a prózai képet, de a nyelvi játék nem vezet aktív párbeszédes megértéshez.
Ennek a példának az eredménye az ábrán látható. 1.
Rizs. 1. Lineáris színátmenet a bekezdéshez
Az 1. példában bemutatott legegyszerűbb esetben két szín esetén először azt a pozíciót írjuk be, ahonnan a színátmenet elkezdődik, majd a kezdő- és végszínt.
Pozíció rögzítéséhez először a címre írjon, majd adja hozzá a top , bottom és left , right kulcsszavakat, valamint ezek kombinációit. A szavak sorrendje nem fontos, írhat balra fent vagy balra fent . táblázatban Az 1. ábra a #000 és #fff színek különböző pozícióit és a kapott színátmenet típusát mutatja, egyébként feketétől fehérig.
Pozíció | Leírás | Kilátás | |
---|---|---|---|
a tetejére | 0 fok | Le fel. | |
balra | 270 fok | Jobbról balra. | |
az aljára | 180 fok | Felülről lefelé. | |
jobbra | 90 fok | Balról jobbra. | |
balra fent | A jobb alsó sarokból a bal felsőbe. | ||
jobbra fent | A bal alsó felől a jobb felső felé. | ||
balra lent | A jobb felső sarokból a bal alsóba. | ||
jobbra lent | Balról fentről jobbra lent. |
Kulcsszó helyett megadható a gradiens vonal meredeksége, amely a színátmenet irányát mutatja. Először a szög pozitív vagy negatív értékét írjuk fel, majd hozzáadjuk a deg-et.
A nulla fok (vagy 360º) az alulról felfelé haladó gradiensnek felel meg, majd a visszaszámlálás az óramutató járásával megegyezően történik. A gradiens vonal dőlésszöge az alábbiakban látható.
A bal felső és hasonló értékeknél a gradiens vonal dőlésszöge az elem méretei alapján kerül kiszámításra, hogy összekapcsoljon két átlósan ellentétes sarokpontot.
Összetett színátmenetek létrehozásához már nem lesz elég két szín, a szintaxis lehetővé teszi korlátlan számú hozzáadását, vesszővel elválasztva a színeket. Használhat átlátszó színt (átlátszó kulcsszó), valamint félig átlátszó színt az RGBA formátum használatával, a 2. példában látható módon.
2. példa: Átlátszó színek
HTML5 CSS3 IE 9 IE 10 Cr Op Sa Fx
Ennek a példának az eredménye az ábrán látható. 2.
Rizs. 2. Gradiens áttetsző színekkel
A színek színátmenetben való pontos pozicionálásához a színértéket a százalékban, pixelben vagy más mértékegységben megadott pozíció követi. Például rögzíteni piros 0%, narancs 50%, sárga 100% azt jelenti, hogy a gradiens pirossal kezdődik, majd 50%-os narancssárgával, majd végig sárgával. Az egyszerűség kedvéért az olyan szélsőséges mértékegységek, mint a 0% és a 100%, elhagyhatók; alapértelmezés szerint ezeket feltételezi. A 3. példa bemutatja, hogyan lehet létrehozni egy színátmenet gombot, ahol a háromból a második szín pozíciója 36%-ra van állítva.
3. példa: Gradiens gomb
HTML5 CSS3 IE 9 IE 10 Cr Op Sa Fx
Ennek a példának az eredménye az ábrán látható. 3.
Rizs. 3. Gradiens gomb
A szín pozíciójának beállításával éles átmeneteket érhet el a színek között, ami végső soron monokromatikus csíkokat ad. Tehát két színhez négy színt kell megadni, az első két szín megegyezik, és 0%-tól 50%-ig kezdődik, a többi szín szintén ugyanaz, és 50%-tól 100%-ig folytatódik. A példában 4 csík van hozzáadva a weboldal háttereként. Tekintettel arra, hogy a szélső értékek automatikusan behelyettesítésre kerülnek, nem adhatók meg, így elegendő csak két színt írni.
4. példa Sima csíkok
HTML5 CSS3 IE 9 IE 10 Cr Op Sa Fx
A tipikus európai burzsoáziát és a tekintélyt elegánsan illusztrálja a hivatalos nyelv.
Ennek a példának az eredménye az ábrán látható. 4. Vegye figyelembe, hogy az egyik színátmenet színe átlátszóra van állítva, tehát közvetett módon változik a weboldal háttérszínén keresztül.
Rizs. 4. Vízszintes csíkok háttere
A színátmenetek meglehetősen népszerűek a webdesignerek körében, de hozzáadását bonyolítja az egyes böngészők eltérő tulajdonságai és több szín megadása. A színátmenetek létrehozásának és a kódba való beillesztésének megkönnyítése érdekében ajánlom a www.colorzilla.com/gradient-editor webhelyet, amely megkönnyíti a színátmenetek beállítását, és azonnali hozzáférést biztosít a kívánt kódhoz. Vannak kész sablonok (Presets), az eredmény megtekintése (Preview), a színek beállítása (Adjustments), a végső kód (CSS), amely szűrőkön keresztül támogatja az IE-t. Azok számára, akik Photoshopban vagy más grafikus szerkesztőben dolgoztak, a színátmenetek létrehozása egy darab tortának tűnik, de mások számára nem lesz nehéz gyorsan kitalálni. Általában nagyon ajánlom.
A 2018-as gyönyörű dizájn fotóján látható ombre manikűr büszke helyet foglal el. A legkülönbözőbb körömtervezők soha nem fáradnak bele, hogy dicsérő ódákat zengjenek róla. Szinte minden körömfantázia csak szebbé válik, ha ügyesen megtervezed a színfeszítést. Ebben a cikkben gyönyörű példákat találhat a divatos színátmenetes körömdizájnokra és két népszerű mesterkurzusra, hogyan kell ezeket elkészíteni.
Gradiens, ombre, degradé, stretch... Bárhogy is hívták ezt a körömdizájnt az elmúlt néhány évszakban. Mindez zökkenőmentes átmenetet jelent egyik hangról a másikra. Eleinte a technika egy világos árnyalat fokozatos sötétedésére vonatkozott, de aztán a koncepció kibővült. Ma ez már nem elég egy divatos manikűrhöz, és a legmenőbb színátmenetet az olyan kontrasztos tónusok kombinálásával érik el, mint a narancs és a kék, a rózsaszín és a zöld. Egyszóval kombináld az össze nem illőt, és boldog leszel!
A 2018-as divattrendek kedvencükként a tiszta vízszintes nyújtást jelölték meg. A vertikális már nem divatos, és a hangok ujjról ujjra áramlását ügyetlennek tartják.
De a dekorációban a művészet nem korlátozódik az „abszolút” szóra. Rajzokat, strasszokat, monogramokat, rátéteket csak szívesen fogadunk, mert a 2018-as ombre manikűrben csak a banalitásra kell vigyázni! Így a kézművesek gyakorolják a színkombinációkat és azok díszítését.
A legfontosabb dolog, amire a divattechnológiában figyelmet fordítanak, a fokozatos nyújtás hibák nélkül. Tavaly még felkenhettél pár csíkot egy szivacsra, és rányomhatod a körmödre. 99,9%-os valószínűséggel nem lenne pontos az eredmény, még buborékokkal is.
Ma a manőver „és így lesz!” nem fog menni. Csak meg kell nézni a 2018-as ombre manikűrt a képen - az árnyalatok összeolvadásának kifogástalansága és tisztasága felkelti a figyelmet. Ezt a szépséget a legegyszerűbben kétféleképpen érhetjük el otthon. Beszélni fogunk róluk.
Egy speciális ecsettel gyorsabban hozzon létre gradienst a körmein a gél lakkkal, mint az összes többi eszközzel. Szőrszálai különböző hosszúságúak, és a vége felé ritkák. Ugyanezt a formát vághatja egy közönséges lapos ecsettel, ha természetesen a keze a megfelelő helyről nő. Vagy vásárolhat készen is.
Ehhez a technikához tiszta pigmentációjú, de nem túl sűrű gél lakkokra van szükség. Nem szabad észrevehetően csíkozniuk, különben az eredmény rendetlen lesz. Ráadásul nem lesz lehetősége 3-4 réteget felvinni. Mindig könnyebb elkezdeni a gyakorlást a világos színekkel, majd elkezdeni a gazdag kontrasztos színekkel.
Tehát szüksége lesz:
Inspirációként íme néhány frappáns példa erre a technikára. Ha egyszer rájöttél, nem csak két színt használhatsz, hanem sokkal többet is.
És ez az oktatóvideó világosan bemutatja az egész folyamatot:
Az airbrush egy toll alakú eszköz, amelynek tetején egy fúvóka található. Öntsön speciális festéket egy tölcsérbe, és „fújja” a körmére. A technológia előnye az időmegtakarítás és a kiváló minőségű eredmény. A hátránya, hogy egy jó eszköz meglehetősen drága, körülbelül kétezer rubelbe kerül.
Eszközök:
A design eredetibbnek bizonyul, ha különféle sablonokat használ az airbrushhoz. A második videólecke pontosan erről szól:
A színek tökéletes keverésének megtanulása önmagában eredmény. De nézd meg, milyen csodálatos lehetőségek nyílnak meg a színátmenet és a dekoráció és a képzelet kombinációjában.
Könnyebb röviden gyakorolni, különösen, ha meg akarod tanulni az ecset használatát. A paletta bármilyen, pasztell vagy éppen ellenkezőleg, nagyon gazdag, akár neon. A lekerekített négyzet imádja a kamifubukit, a strasszokat és a tónusok fúzióján való dörzsölést.
A sötét színek csodálatosnak és ragadozónak tűnnek. Kombináld a feketét pirossal, lilával, smaragddal, sötétkékkel... Rajzolj, rajzolj geometriát, adj csillogást.
És most minden körömről részletesebben!
Ez egyszerű. Fedje le munkáját matt felülettel a kifinomult, tompa művészet érdekében. Az őszi és téli manikűr számára ez egy mindenki számára előnyös lehetőség.
A geometriai színátmenet legjobban pasztell alapon jeleníthető meg. Keverje össze a rózsaszínt fehér, kék, mentazöld és fekete vagy fehér zselés festékkel, és rajzoljon finom mintákat. A kerítés gradiens továbbra is trendben van.
Egyre népszerűbb az állati sziluettek sematikus ábrázolása. Természetesen nehéz egyedül rajzolni egy róka fejét, ezért használjon sablonokat.
Az üvegkarmok és az ombre tökéletesen kiegészítik egymást. Hozzon létre egy függőleges szakaszt úgy, hogy a szín egyik ujjról a másikra áramlik. Ragasszon fóliát a sötét területekre.
Az összes ujját díszítheti színátmenettel, de csak az egyikre helyezzen fürtöket, lehetőleg a gyűrűsre. A lilás-rózsaszín alap és a púderrel megszórt gélfesték kecses fürtjei pazarul hatnak.
A negatív térben kialakított lyuk és az alatta lévő színes szövés rendkívül esztétikus lesz. Előnyben részesítse a lédús színeket. A fekete keverhető sötét rózsaszínnel, lilával, kékkel...
Nézze meg ezt a mesterkurzust, és tanuljon szokatlan művészetet:
A leggyakoribb megoldás a mosoly színének megkettőzése az alapban használt tónusok valamelyikével. Például terveztél egy piros és fekete ombre-t? Nyújtson ki egy fekete mosolyt alább. Ez a kabát főleg a rövid, négyzet alakú körmökön pompázik, és teljesen nem triviálisnak és nagyon fülbemászónak tűnik.
Az új termék még csak egyre népszerűbb, és elég egy pillantás erre a művészetre, hogy egyszer s mindenkorra beleszeressünk. A csíkokat meglehetősen könnyű kézzel rajzolni, csak kövesse a videóban látható algoritmust:
Használhat festékszórót is. Ehhez a stencilszalagok hasznosak.
Válassza ki a flittereket, hogy illeszkedjenek ahhoz a palettához, amelyről az ombre készül, hogy a design ne legyen ragadós. A nyújtást minden körmön vagy csak egy körmön végezhetjük, de a kamifubuki legyen minimális mennyiségben. Jó példa a képen két vérfekete színátmenetű köröm, és az egyiken konfetti ül.
A vékony szárak jól mutatnak színes mezőn. Válasszon poros árnyalatokat a kombinációhoz, és akkor a művészet nagyon finom lesz. A lelkipásztori képeket is nehéz elképzelni ombre nélkül. Természetesen virágos képek tartják a tenyeret. Akár egy egész csokrot is rajzolhatsz az ujjaidra, ha a szirmok összhangban vannak az alappalettával.
Mellesleg, a színek nyújtásának képessége hasznos lesz a rajzban. A színátmenetes rügyek vagy a pillangószárnyak sokkal valósághűbbé válnak, mint a mono színben. Válasszon átlátszó palettát - sárga, hatalmas kék, zöld, tejjel kombinálva.
Nyugodtan engedje el fantáziáját! A kavicsok kiválóan teljesítenek a színösszeolvadásban. Készítsen kék-fekete színátmenetet, és rajzoljon egy törékeny strasszvonalat a lyuk közelében. Minél több árnyalat van az ombre-ban, annál elegánsabbak lesznek a strasszok. Ne féljen meleg és hideg tónusokat keverni; a sárga és kék átmenettel rendelkező művészet nagyon fülbemászó lesz. Egy egész „csillaghullást” építhet a matt indigó égboltra – a nagy kövektől a kicsikig.
Gradiens. Egyszerű kötési szabályok
gyönyörű vászon sima színátmenettel
A cikk az internetről származó fényképeket használ: forrás „Google kereső”
A színátmenet a lat szóból származik. színátmenetek, „járást, növekedést” jelent, vagy egy bizonyos érték, esetünkben a kötött anyag színének legnagyobb növekedésének irányát. Egyszerűen fogalmazva, a színátmenet zökkenőmentes átmenetet jelent egyik színről a másikra, és maguk a színek és az átmenetek száma tetszőleges lehet. Például két lépésben válthat feketéről fehérre, vagy 5 vagy 10 lépésben, és választhat a kezdeti (fekete) és a végső (fehér) árnyalatok között a sötétszürkétől az ezüstig és a hófehérig.
Bármilyen más színnel és árnyalattal is
A kötésben a sokszínű szövetet különféle mintákkal és stílusokkal használják, mind a gyermekek, mind a felnőttek számára.
Általában a képzelet és a lehetőségek tengere!!!
Köthet egy tárgyat különböző színű csíkokkal, gondoskodhat az árnyalatok átmenetéről a minta kötése során, vagy csak a normál harisnyában lévő színek áramlásán keresztül hangsúlyozhatja egy cikk „ízét” (vagy kendő) öltés.
Az egyik színről a másikra való zökkenőmentes átmenethez a szálak kombinálásának egyszerű technikáját használják - a melanzsot. A Wikipédia meghatározása szerint a Melange „a többszínű kötőszálak kombinálásának és összefűzésének módszere”. A színátmenetes szövet elkészítéséhez pedig a kiválasztott fonalszíneket önállóan kell összekeverni: minden nagyon egyszerű, de hatékony és gyönyörű!
Gyakran a kész formában az „átmeneti vonalak” még mindig észrevehetők, nagyon homályosak és homályosak, de vizuálisan láthatóak.
Ha a termék mintával, például zsinórral vagy bármilyen mással van kötve, akkor a csíkok „láthatósága” elmosódik, az átmenet kevésbé észrevehető
Íme egy szembetűnőbb példa a harisnyaöltés és a minta összehasonlítására
Semmi esetre sem lehet azt mondani, hogy ez csúnya - ez csak tény)) az ezzel a technikával használt összes termék nagyon klassz és lenyűgöző!
DE! Szinte tökéletesen sima színeltolódást érhetsz el, ugyanazzal a kötési technikával!!!
Például nézd
Valójában minden nagyon egyszerű - ez a hatás kétféleképpen érhető el:
Például 3 gombolyaggal *fekete-szürke-fehér* az irizáló csíkok észrevehetőek lesznek, ha pedig 9 cérnaszín van *fekete/marengo/sötétszürke/szürke/világosszürke/sötétezüst/ezüst/törtfehér/fehér /hófehér*, ez sokkal simább gradiens lesz.
A fenti képek ugyanazon kötési technika második módszerét mutatják.
Van egy másik lehetőség - egy másik technika, például jacquard vagy minta, ahol különböző színeket lehet pontszerűen bevezetni, minden következő sorban növelve egy új árnyalat hangerejét, és ezáltal fokozatos, nagyon „lassú” színváltozást érve el.
Egy gradiens kötési módszert fontolgatunk, amely magában foglalja a szálak elegyítését!
NÉHÁNY SZABÁLY a „szükséges” színek kialakításához gradiens - melange kötésekor.
1.Fonal vastagsága
A kötés során szálainkat különböző kombinációkban egyesítjük, pl. a munkaszál MINDIG több szálból fog állni - csak 2 alapszínt vehet fel a fonalból, DE a színátmenet hatékonysága a hajtások számától függ. Azok. ha három szálban kötünk, az átmenet minden bizonnyal észrevehetőbb lesz, mint ha ugyanazzal a fonallal 6 vagy több hajtásban kötünk.
Ezért a nagyszerű eredmény első szabálya az, hogy minél több a szálak redői, annál simább lesz az árnyalatok átmenete a késztermékben.
A fonal kezdeti kiválasztása ettől függ - összpontosítson a cérna „végső vastagságára” (= munkaszál), amelyet a szövet több hajtásban történő kötésére használnak: ha egy gombolyag 100 g-ot tartalmaz, és a szál hossza 400-500 m, akkor a munkamenet vastagsága három hajtás elég terjedelmes lesz, a színátmenetek észrevehetőbbek lesznek. Ugyanazon háromrétegű szálak esetében, amelyek mindegyike 700-900 m hosszú és 100 g súlyú, a munkaszál vastagsága vékonyabb szövetet eredményez. Nos, 6-8 szálra hajtva 1300-1500 m-es vagy nagyobb fonal esetén szinte „ideális” gradiens eredményben reménykedhetünk.
A fonal kiválasztásakor először ezt a pillanatot kell figyelembe vennie!
De ismétlem, ez nem jelenti azt, hogy a 3 hajtásos kötés csúnya vagy hatástalan - minden a kívánt modelltől és az Ön választásától függ!
Három színű pamutfonal létezik, amelyből gradiens nyári blúzt kell kötni.
Fonal 50% pamut/50% viszkóz, hossza 425 m x 100 g - 3 rétegű cérnával fogok kötni 3,5-ös kötőtűvel (egyéni kötési sűrűségtől függően esetleg 4,0-s).
A fonalnak csak 2 fő színe van - Semenovskaya „Lydia”, 100% gyapjú, hossza 1613 m x 100 g, színek „Sötétkék” és „Jéghegy” (türkiz). Egy sapka 8 (!) hajtásban lesz kötve
Felhívjuk figyelmét, hogy az első példában a színátmenetekből származó „csíkok” észrevehetők, különösen azon a területen, ahol a melanzs és a fő területek megváltoznak, míg a nem túl kontrasztos árnyalatokról való áttéréskor a „határ” elmosódottabb. Azok. ha több árnyalatot használnánk, az áramlás egyenletesebb lenne még a munkamenet kis számú hajtása esetén is.
A 2. példában a sapka vásznán még éles színtónusoknál sincs ilyen látható „színhatár”, féltónusok használata NÉLKÜL.
2. Hogyan keverjük össze a szálakat
Azok. hogyan alakítsunk ki „átmeneti” cérnaszíneket.
A melanzs alapszabálya:
vannak alapszínek területei és vannak ún. melange területek kötött anyagból. Minden szakasz azonos számú hajtással (= munkafonal) van kötve: az alapszínek szakaszai csak az alapszínű szálak hajtogatását jelentik, a melange szakaszok pedig különböző színű szálak kombinációját jelentik. Minden következő átmenet úgy történik, hogy a munkaszálban lévő szálak egyikét egy másik színű szálra cserélik.
Például 5 szál hozzáadásakor az első átmenet úgy történik, hogy az öt szál egyikét egy másik színű szálra cseréljük = 4 szál egyszínű + 1 szál másik színű.
A kötési folyamat a következőképpen történik: egy bizonyos függőleges szakasz megkötése után a munkaszál egyik szálát egy másikra cseréljük. A következő függőleges szakaszt megkötjük, és a munkaszálban egy másik szálat cserélünk az első cseremenetre. És így tovább - a munkaszálban lévő összes szálat fokozatosan más színűre cserélik.
2.1. Sötét fonallal kötünk 3 azonos (lila) színű szálból a kívánt magasságig*
*Hogyan határozható meg a kötőszakasz magassága a színek egyenletes eloszlásához a termék hosszában - lent a szövegben
Ez a fő szín első része.
2.2. Első váltás világosabb fonalra (rózsaszín) = első melanzs szakasz. Ehhez a munkaszálunk három szála közül az egyiket rózsaszín cérnára cseréljük - háromszoros kiegészítést kapunk két lila és egy rózsaszín szálból. Így a könnyebb cérna fokozatosan kerül be az anyagba.
2.3. Miután ezt a szegmenst a kívánt magasságra megkötöttük, a két megmaradt lila szálból egy szálat cserélünk rózsaszínre - háromszor két rózsaszín és egy lila szálat kapunk.
Kapunk egy ilyen típusú vásznat
2.5. A rózsaszínről a fehérre való átmenet hasonló módon történik:
— 2 rózsaszín szál + 1 fehér
— 1 rózsaszín cérna + 2 fehér
- 3 fehér szál
Így a kezdeti sötét színről a végső világos színre való sima átmenet befejeződött.
Semmi bonyolult vagy elgondolkodtató)))
Ez egy példa a három színben történő kötéshez. Hasonló módon 4 színt összekeverünk (feltételesen A, B, C, D), és az átmenet simább lesz, mert a szegmensek rövidebbek és a következőképpen oszlanak el:
- 4 szál A
— 3 menet A + 1 menet B
— 2 menet A + 2 szál B
— 1 menet A + 3 szál B
- 4 szál B
Ennek megfelelően az átmenetek következő szakaszai
Most világossá válik, hogy minél több szál van a munkamenetben, annál simább lesz az átmenet, mivel a csere fokozatosan történik, és ezért az új árnyalat bevezetése „kevésbé” észrevehető. Ezért a 2 alapszínnel történő kötés, de a munkaszál nagyobb redőiben, a színátmenet leglátványosabb végeredményét adja - 2. példa))
Szerintem a melanzs elve az alapszínek számától és az átmenetek számától függetlenül egyértelmű.
3. Az átmeneti szegmens magasságának meghatározása (a vászon függőleges metszete)
Ha a terméke egyenletesen vált át egyik színről a másikra, pl. minden árnyalat azonos magasságú lesz, akkor a teljes termék tervezett hossza (a termék közepén mérve) a felső szélétől (például egy blúz nyakától vagy egy sapka aljától) az alsó széléig osztva az elsődleges színek számával - A melanzsterületek figyelembevétele nélkül.
A fenti 1. példában 3 rész van: lila, rózsaszín és fehér. Példaként vegyük a blúz teljes magasságát 72 cm-nek.
72: 3 = 24 cm Azaz az egyik alapszínről a másikra való teljes átmenet 24 cm legyen DE! minden ilyen átmenetben 3 megközelítést használnak változó szálakkal = melanzs szakaszok (3 azonos színű szál, 2 egy + 1 a második színből, 1 egy + 2 a második színből), ami azt jelenti, hogy az egyes szegmenseket felosztjuk a fő színből további 3 részre = a kötés minden függőleges szakasza, beleértve a melanzsokat is, 8 cm. Nos, a sorok száma az egyedi kötési sűrűségtől függ))
Figyelembe véve a stílust, a modellt és a kívánt átmenetek számát, máris tetszés szerint módosíthatja, hogy az átmenetek közül melyik legyen nagyobb magasságú, és melyik szegmens legyen kisebb vagy azonos. Ez különösen akkor fontos, ha a fonal mennyisége eltérő: 4 egyszínű gombolyag van, és csak 1 másik - ennek megfelelően az egyik átmenet „hosszabb lesz”, míg a többi „ rövidebb”. Vagy csak ha kívánja, a modellben egy szín (vagy egy melanzs terület) legyen a terv szerint a teljes hossz 2/3-a))
Különböző magasságú virágrészek kötéséhez használja a következő mintát:
- határozza meg a kívánt magasságot a fő szálak minden szakaszához
2. példa: sapka kötéséhez munkaszállal 8 szál kétszínű fonalból: a termék teljes tervezett magassága az alsó széltől az alsó rész közepéig 23 cm. a fő színek 7 cm, illetve a „közép”, azaz . Az egyik fő színről a második fő színre való átmenethez az összes melanzsterület ÖSSZES magassága 9 cm lesz.
— ossza el az összes szín teljes melanzsfelületét az átmenetek számával
A mi példánkban ez így néz ki:
7 menet A + 1 menet B
Azok. Ezen a szakaszon összesen 7 keresztezést hajtanak végre. A korábbi számítások szerint a teljes magasságnak 9 cm-nek kell lennie, minden egyes melange terület kb. 1,5 cm.
Minden. Elkészültek a számítások!
4. Sima átmenet egyik területről a másikra melanzs vagy sima darab, ha kevés redő van a munkaszálon és kellően kontrasztos árnyalatú fonal.
Ez is egy meglehetősen finom pont a kötésben, mert ha az alapszínek száma kicsi, például a mi 3 színünk az 1. példában, és a szín elég kontrasztos, akkor, mint fentebb említettük, még mindig meglehetősen világos” határvonal a különböző árnyalatok között.
Használja a fokozatos bevezetés szabályát, pl. Egy szál cseréjével nem kötheti meg egyszerre a teljes sort, hanem egy új árnyalatot vezet be részleges kötéssel, például egy kis szegmens kötésével rövidített sorokban, az átmenet már nem lesz egyértelműen „vízszintes”.
Vagy használhatja a jacquard technikát, szó szerint 5-6 cm-enként 1-2 hurkot kötve egymás után, ennek megfelelően növelve az új szín területeit a következőben.
Egy másik lehetőség, hogy a sor egy kis részét új munkaszállal kötjük, majd az előző árnyalatból is kötünk egy kis részt, és ismét felváltva az „új” és a „jelenlegi” munkaszálat ugyanabban a sorban, kötjük a következő sort. teljesen az előző árnyalattal, a következő az „új” árnyalattal: így az „összevonás” nem egy sorban, hanem epizódokban történik.
Első példánkban különösen szembetűnő a területek „lehatárolása” a fehér szál bevezetésekor. De nem akarok jacquarddal vagy lerövidített sorokkal "bánni"), 3 kontrasztos szín és csak 3 munkaszál hajtás van, a tervek szerint.
A kötésnél mindkét részleges kötésszakaszt alkalmaztam különböző munkaszálakkal (a fenti kép), és ezt a módszert: az első átmeneti sort kötöttem váltakozó módban * 2 öltés az előző színből (nem számít, hogy melanzssor, ill. a fő) és 2 öltés az „új” színből *.
Az *1 rózsaszín + 2 fehér*-ról *3 fehér szálra* való áttéréskor a következőképpen kötöttem: *2 szem az aktuális melanzs színből, a következő 2 öltés fehér* = az egész sor sakktáblás mintázatú, a különböző öltések pedig ugyanolyan „tarkán” tűnnek az általános képen.
A következő sor „új” színben van kötve - fehér. De természetesen továbbra is növelheti az "új" szín bevezetésének "magasságát", hogy egyenletesebb folyást kapjon!
A termék rossz oldalán, ha 2 hurkot kötünk különböző munkaszálakkal, kis probák keletkeznek, mint a jacquard minták kötésekor - nem lehet rájuk figyelni, mert rövidek, de használhatjuk a jacquard szabályait kötés, hogy „megszüntesse” őket, amikor a broaches „bekapcsolódik” az aktuális sorban.
Általános forma
2. példa Itt minden átmenetnél az 1. szálat egyszerűen kicseréltük minden további kötési mód nélkül
Ez az összes szabály a gradiens kötésére. Egyszerű és meglehetősen hatékony, hogy gyönyörű eredményt érjen el a késztermékben - köthet különféle és nagyon ügyes, sima színárnyalatokat! Remélem, mind a munkád eredménye, mind maga a kötési folyamat csak örömet okoz!
CSS funkciókA CSS linear-gradient() függvény arra szolgál, hogy egy adott területet egy meghatározott színárnyalat-sorozattal töltsön ki, köztük egyenletes átmenetekkel.
A lineáris színátmenet funkció a legkönnyebben érthető, ez alkalmaz egy színátmenetet egy egyenes vonalban az elem egyik szélétől a másikig, egyenletesen változó színtónusokkal. Lineáris színátmenet létrehozásához állítsa be a kezdő és a záró színt.
A színátmenetekkel való munkavégzésről a „” és a „” cikkekben talál további információt. Felhívjuk figyelmét, hogy a cikkek kiemelik a régi böngészőkkel való munka árnyalatait, és számos példát mutatnak be.
Funkció | Opera | IExplorer | Él |
|||
---|---|---|---|---|---|---|
lineáris gradiens() | 26.0 10.0 -webkit- | 16.0 3.6 -moz- | 12.1 11.1 -o- | 6.1 5.1 -webkit- | 10.0 | 12.0 |
Gradiens létrehozásakor nem csak az „előre meghatározott színeket”, hanem bármely „” - hexadecimális(HEX), RGB/-A és HSL/-A színértékek.
Az összes lineáris színátmenet (alapértelmezés szerint) együtt kerül elhelyezésre irányt az elem felső szélétől az aljáig. A CSS-ben számos lehetőség van a gradiens kezdőpozíciójának megváltoztatására - ez fokokban vagy kulcsszavakban megadott értékeket használ.
A következő kulcsszavakat használjuk a gradiens kezdőpozíciójának meghatározására:
A gradiens szögének fokban történő beállításához meg kell adnia egy értéket a 0 és 360 közötti tartományban a deg kulcsszóval együtt. A modern szabvány lehetővé teszi a negatív értékek használatát.
Lineáris gradiens, fokban haladva az elem középpontjának közepén keresztülés ezen a vonalon jelenik meg (renderelve). Az alábbi képen egy négyzet alakú elem példáján látható, hogy a gradiens hogyan helyezkedik el egyik vagy másik szögben:
A 0°, 90°, 180° és 270° értékek megfelelnek a korábban tárgyalt kulcsszavak értékeinek, függetlenül attól, hogy az elem négyzet vagy téglalap alakú. Ha az elem teljesen négyzet alakú, akkor a következő fokokban megadott értékek teljes mértékben megfelelnek a kulcsszavaknak:
Érték fokban | Megfelel a kulcsszónak | Gradiens elhelyezés |
---|---|---|
0 fok | a tetejére | Le fel. |
45 fok | jobb oldalra * | A gradiens 45 fokos szöget zár be a koordinátavonal metszéspontjával. |
90 fok | jobbra | Balról jobbra. |
135 fok | a jobb alsóba * | A színátmenet a bal felső felől a jobb alsóba kerül. |
180 fok | az aljára | Felülről lefelé. Ez az alapértelmezett érték. |
225 fok | bal alsóba * | A színátmenet a jobb felső sarokból a bal alsóba kerül. |
270 fok | balra | Jobbról balra. |
315 fok | bal felsőbe * | A színátmenet a jobb alsó sarokból a bal felsőbe kerül. |
* - igaz, csak négyzetes elemre. Az alábbi képen látható a különbség a 45 fokos értékek és a jobb felső értékek között egy téglalap alakú elemnél. A lényeg, hogy a négyzet alakú elemeknél a 45 fok és jobbra fent, 135 fok és jobbra lefelé, 225 fok és balra lent, 315 fok és balra felfelé azonos értékek lesznek, de a téglalap alakú gradienseknél ezek az értékek megegyeznek. más lesz:
A szintaxis lehetővé teszi, hogy egy bizonyos színátmenet színéhez beállítsa azt a méretet, amelyet más színekhez képest elfoglal, speciális megállási pontok.
A töréspont azt mondja a böngészőnek, hogy a színátmenetnek el kell érnie az adott színt az adott értékkel, és simán át kell állnia a következő színre, ha van ilyen.
Megengedett a töréspontok értékeinek megadása ( szín megáll) hosszegységekben (például – px vagy em), és be százalékos értékek. Általános szabály, hogy a százalékos értékek kényelmesebbek és alkalmazkodóbbak a használatra.
Nézzük meg, hogyan adható meg egy színátmenet pozíciója kulcsszavak használatával:
Ebben a példában hoztuk létre nyolc blokk, minden blokkhoz más-más irányt adtunk meg a gradiens elhelyezésére, melyek kulcsszavakkal adhatók meg. Ráadásul jelentkeztünk függőleges igazítás, , , minden oldalon feltüntetett külső margók.
Példánk eredménye a képen látható:
Nézzük meg, hogyan adható meg egy színátmenet pozíciója fokokkal:
Ebben a példában egy 100 pixel magas elemet hoztunk létre (a szélesség automatikusan megnyúlik, hogy illeszkedjen a teljes képernyőre). Rákérdezett három színátmenet 135 fokos szögben. Ráadásul jelentkeztek függőleges igazítás, középső szövegigazításÉs állítsa be a vonal magasságát az elem magasságával.
Fontolja meg a gradiens megállási pontok használatát a következő példa segítségével:
Ebben a példában öt elemet hoztunk létre, amelyek magassága 50 pixel (a szélesség automatikusan megnyúlik, hogy illeszkedjen a teljes képernyőre). Állítsa be nekik három színátmenet, található balról jobbra. Ráadásul jelentkeztünk függőleges igazítás, középső szövegigazítás, állítsa be a vonal magasságát az elem magasságávalÉs Az alsó oldalon a külső margó 0,7 em. Az első négy blokk értékei: csak piros megállóhelyek(a többi szín egyenletes távolságot foglal el). Az általunk megadott utolsó blokkhoz három megállóhely:
Példánk eredménye:
A modern CSS szabvány, a háttérképekkel való munka analógiájával, lehetővé teszi több lineáris színátmenet (függvény) megadását egy elemhez. Ehhez vesszővel elválasztva kell felsorolni őket.
háttérkép / háttér : lineáris gradiens (irány, szín 1 – stop 1, . . . , szín n – stop n), /* minden függvény után vessző szükséges */ lineáris gradiens (irány, szín 1 – stop 1, . . . , szín n – stop n), ... lineáris gradiens (irány, szín 1 – stop 1, . . . , szín n – stop n);A következő példában egy svájci zászlót fogunk létrehozni (egy az egyhez) a használatával három színátmenet, amit egy közleményben jelezni fogunk:
Példánk eredménye.