Gradient. Melanging regler for en jævn farveovergang. Lineær gradient Konstruktion af en kompleks baggrund ved hjælp af gradienter

Når vi taler om gradienter i CSS, taler vi om farvede gradienter.

Der er to typer gradienter i CSS:

• lineær: farver går fra et punkt til et andet, langs lige linjer;
• radial: farver går fra midten af ​​cirklen til dens kanter, in alle sammen retninger.

Gradienten tages i betragtning baggrundsbillede og skal bruges med den relevante ejendom.

lineær gradient

Syntaksen for lineære gradienter er ret kompleks, men den grundlæggende idé er denne:

• bestemme det ønskede farver;
• hvor disse farver skal vises langs aksen(i begyndelsen, midten, slutningen osv.);
• hvori retning der skal være en gradient.

Lad os starte med en simpel tofarvet gradient:

Div (baggrundsbillede: lineær gradient (rød, blå); )

Standard:

• lodret retning, oppefra og ned;
• først farve ind starten(op);
• anden farve ind ende(på bunden).

Skifter retning

Hvis top-down retningen ikke passer dig, kan du ændre den til en af ​​mulighederne:

• Definere gradientopgave, ved hjælp af nøgleord som til venstre øverst ;
• bestemme specifik hjørne i grader, som 45 grader.

Denne retning skal indstilles Før farve:

Div (baggrundsbillede: lineær gradient (nederst til højre, gul, lilla); bredde: 200px; )

Hvis du vil spørge specifik vinkel, så kan du bruge værdien i grader:

• 0 grader - fra bund til top;
• 20 grader - lidt diagonalt, med uret;
• 90 grader - som klokken 15, fra venstre mod højre;
• 180 grader er standard, fra top til bund.

Div (baggrundsbillede: lineær gradient(20 grader, grøn, blå); bredde: 150px; )

Tilføjelse af flere farver

Du kan indsætte så mange farver som du vil. De vil jævnt fordelt langs aksen:

• to farver: 0 % og 100 %
• tre farver: 0 %, 50 % og 100 %
• fire farver: 0 %, 33 %, 67 % og 100 %

Div (baggrundsbillede: lineær gradient (orange, grå, gul); bredde: 150px; )

Definition af specifikke farvepunkter

Hvis du ikke ønsker, at farven skal fordeles jævnt, kan du indstille bestemte farvepositioner ved at bruge enten procenter (%) eller pixels (px):

Div (baggrundsbillede: lineær gradient(orange, grå 10%, gul 50%); bredde: 150px;)

I disse parametre:

• orange har ingen farveposition angivet, så standardværdien er 0%;
• den grå farve er tættere på toppen, med 10% i stedet for 50%;
• Farven gul optager halvdelen af ​​gradienten, fra 50 % til slutningen af ​​100 %.

radial-gradient

Mens lineære gradienter følger en enkelt akse, radiale gradienter spredes i alle retninger. Deres syntaks er meget lig lineære gradienter, da begge har prikker af farve. Men i stedet for at angive en retning, skal du angive:

• form: cirkel eller ellipse;
• Udgangspunktet: som vil være midten af ​​en cirkel eller ellipse;
• slutpunkt: hvor kanten af ​​cirklen eller ellipsen vil være.

Div (baggrundsbillede: radial-gradient (rød, gul); polstring: 1rem; bredde: 300px; )

Standard:

• gradient er ellipse;
• første farve starter kl centrum;
• den sidste farve ender på det fjerneste hjørne.

Udgangsposition

Udgangsposition fungerer som baggrundsposition. Du kan indstille det via nøgleordet at.

Div (baggrundsbillede: radial-gradient (øverst til højre, sort, lysegrå); polstring: 1rem; bredde: 300px; )

Slutposition

Som standard slutter formularen kl det fjerneste hjørne. Du kan vælge:

• nærmeste side
• nærmeste hjørne
• den fjerneste side
• det fjerneste hjørne

Div (baggrundsbillede: radial-gradient(nærmeste hjørne ved 20px 20px, grøn, blå); polstring: 1rem; width: 300px; ) div:hover (baggrundsbillede: radial-gradient(længst side ved 20px 20px, grøn, blå);)

Fast størrelse

I stedet for at indstille start- og slutpositionerne kan du blot indstille specifikke størrelser:

Div (baggrundsbillede: radial-gradient(20px 10px ved 75% 50%, mørkviolet, pink); polstring: 1rem; bredde: 300px; )

Gradienter i CSS er kraftfulde i betragtning af det uendelige antal tilgængelige muligheder.

Vlad Merzhevich

En gradient er en glidende overgang fra en farve til en anden, og der kan være flere farver og overgange mellem dem. Ved hjælp af gradienter skabes de mest bizarre webdesigneffekter, for eksempel pseudo-tredimensionalitet, blænding, baggrund osv. Også med en gradient ser elementer mere attraktive ud end monokromatiske.

Der er ingen separat egenskab til at tilføje en gradient, da den betragtes som et baggrundsbillede, så den tilføjes gennem egenskaben baggrundsbillede eller den generiske baggrundsegenskab, som vist i eksempel 1.

Eksempel 1: Gradient

Her begynder det obskøne formsprog traditionelt det prosaiske billede, men sprogspillet fører ikke til en aktiv dialogisk forståelse.

Resultatet af dette eksempel er vist i fig. 1.

Ris. 1. Lineær gradient for afsnit

I det enkleste tilfælde med to farver, vist i eksempel 1, skrives først den position, hvorfra gradienten begynder, og derefter start- og slutfarverne.

For at registrere en position skal du først skrive til , og derefter tilføje nøgleordene top , bottom og left , right , samt deres kombinationer. Ordenes rækkefølge er ikke vigtig, du kan skrive til venstre øverst eller øverst til venstre . I tabel 1 viser forskellige positioner og typen af ​​gradient opnået for farver #000 og #fff, ellers fra sort til hvid.

Bord 1. Gradienttyper

Position		Beskrivelse	Udsigt
til top	0 grader	Ned op.
til venstre	270 grader	Fra højre til venstre.
til bunden	180 grader	Oppefra og ned.
til højre	90 grader	Fra venstre mod højre.
øverst til venstre		Fra nederste højre hjørne til øverste venstre.
øverst til højre		Fra nederste venstre til øverste højre.
nederst til venstre		Fra øverste højre hjørne til nederste venstre.
nederst til højre		Fra øverst til venstre til nederst til højre.

I stedet for et nøgleord kan du angive hældningen på forløbslinjen, som viser retningen af ​​forløbet. Først skrives den positive eller negative værdi af vinklen, derefter tilføjes deg til den.

Nul grader (eller 360º) svarer til gradienten fra bund til top, så er nedtællingen med uret. Hældningsvinklen for gradientlinjen er vist nedenfor.

For øverste venstre og lignende værdier beregnes gradientlinjens hældningsvinkel ud fra elementets dimensioner for at forbinde to diagonalt modstående hjørnepunkter.

For at skabe komplekse gradienter vil to farver ikke længere være nok; syntaksen giver dig mulighed for at tilføje et ubegrænset antal af dem, med en liste over farver adskilt af kommaer. Du kan bruge en gennemsigtig farve (gennemsigtigt nøgleord) samt en semi-gennemsigtig farve ved hjælp af RGBA-formatet, som vist i eksempel 2.

Eksempel 2: Gennemskinnelige farver

HTML5 CSS3 IE 9 IE 10 Cr Op Sa Fx

Resultatet af dette eksempel er vist i fig. 2.

Ris. 2. Gradient med gennemskinnelige farver

For nøjagtigt at placere farver i en gradient efterfølges farveværdien af ​​dens position i procenter, pixels eller andre enheder. For eksempel optage rød 0%, orange 50%, gul 100% betyder, at gradienten starter rødt, derefter 50 % orange og derefter helt gult. For nemheds skyld kan ekstreme enheder som 0% og 100% udelades; de antages som standard. Eksempel 3 viser, hvordan man laver en gradientknap, hvor positionen af ​​den anden farve ud af tre er sat til 36 %.

Eksempel 3: Gradient-knap

HTML5 CSS3 IE 9 IE 10 Cr Op Sa Fx

Tryk mig blidt

Resultatet af dette eksempel er vist i fig. 3.

Ris. 3. Gradient-knap

Ved at indstille farvens position kan du få skarpe overgange mellem farver, hvilket i sidste ende giver et sæt monokromatiske striber. Så for to farver skal du angive fire farver, de første to farver er de samme og starter fra 0% til 50%, de resterende farver er også de samme og fortsætter fra 50% til 100%. I eksemplet tilføjes 4 striber som baggrund for websiden. På grund af det faktum, at de ekstreme værdier automatisk erstattes, kan de ikke specificeres, så det er nok kun at skrive to farver.

Eksempel 4. Almindelige striber

HTML5 CSS3 IE 9 IE 10 Cr Op Sa Fx

Typisk europæisk bourgeoisi og respektabilitet illustreres elegant af det officielle sprog.

Resultatet af dette eksempel er vist i fig. 4. Bemærk, at en af ​​gradientfarverne er indstillet til transparent, så den ændrer sig indirekte gennem websidens baggrundsfarve.

Ris. 4. Baggrund af vandrette striber

Gradienter er ret populære blandt webdesignere, men at tilføje dem er kompliceret af forskellige egenskaber for hver browser og specificering af flere farver. For at gøre det nemmere for dig at lave gradienter og indsætte dem i din kode, anbefaler jeg siden www.colorzilla.com/gradient-editor, som gør det nemt at opsætte gradienter og med det samme få den ønskede kode. Der er færdige skabeloner (Presets), visning af resultatet (Preview), justering af farver (Adjustments), endelig kode (CSS), der understøtter IE gennem filtre. For dem, der har arbejdet i Photoshop eller en anden grafisk editor, vil det at skabe gradienter virke som et stykke kage, men for andre vil det ikke være svært at finde ud af det hurtigt. Generelt kan jeg varmt anbefale det.

Ombre manicure på billedet af det smukke design af 2018 er en ære. Negledesignere af alle striber bliver aldrig trætte af at synge ros til ham. Næsten enhver neglefantasi bliver kun smukkere, hvis du dygtigt designer farvestrækket. Du finder udsøgte eksempler på moderigtige negledesigns med gradient og to populære mesterklasser om, hvordan du gør dem i denne artikel.

Modetrends af ombre manicure 2018

Gradient, ombre, degradé, stretch... Uanset hvad dette negledesign er blevet kaldt i løbet af de sidste par sæsoner. Alt dette betyder en glidende overgang fra en tone til en anden. Først refererede teknikken til den gradvise mørklægning af en lys nuance, men så udvidede konceptet sig. I dag er dette ikke længere nok til en trendy manicure, og den fedeste gradient opnås ved at kombinere kontrasterende toner som orange og blå, pink og grøn. Med et ord, kombinere det uoverensstemmende, og du vil blive glad!

Modetrends i 2018 identificerede pæn horisontal strækning som deres favorit. Lodret er ikke længere i trenden, og strømmen af ​​toner fra finger til finger betragtes som klodset.

Men i indretning er kunst ikke begrænset til ordet "absolut." Tegninger, rhinestones, monogrammer, applikationer er kun velkomne, fordi det eneste at være på vagt over for i 2018 ombre manicure er banalitet! Så håndværkerne praktiserer farvekombinationer og deres udsmykning.

Sådan laver du en ombre manicure: to mesterklasser på 5 minutter

Det vigtigste, der lægges vægt på i modeteknologi, er gradvis strækning uden fejl. Sidste år kunne du smøre et par strimler på en svamp og trykke den på din negl. Med en 99,9% sandsynlighed ville resultatet ikke være nøjagtigt, og endda med bobler.

I dag er manøvren "og det vil den gøre!" det vil ikke virke. Man skal kun se på ombre manicure 2018 på billedet - upåklageligheden og renheden af ​​fusionen af ​​nuancer fanger øjet. Den nemmeste måde at opnå denne skønhed derhjemme er på to måder. Vi vil tale om dem.

Lektion nr. 1: gradient med gellak (skygge med en kambørste)

En speciel børste giver dig mulighed for at skabe en gradient på dine negle med gellak hurtigere end alle andre værktøjer. Hendes hår er af forskellig længde, og de er sparsomme mod spidsen. Du kan skære den samme form fra en almindelig flad børste, hvis dine hænder selvfølgelig vokser fra det rigtige sted. Eller du kan købe færdiglavet.
Gellak til denne teknik er nødvendig med klar pigmentering, men ikke særlig tæt. De bør ikke stribe mærkbart, ellers bliver resultatet rodet. Derudover vil du ikke have mulighed for at påføre 3-4 lag. Det er altid nemmere at begynde at øve sig med lyse farver og derefter starte med rige kontrasterende.

Så du skal bruge:

• Base og finish til gellak.
• Blå og sorte gellak.
• Kam børste.
• LED lampe.
• Væske til at fjerne klæbrighed.
• Bomuldspuder.

1. Fil kanterne på neglene, påfør en polering, ryst savsmuldet af og affedt neglene.
2. Påfør base og tør i 60 sekunder.
3. Dæk neglen med blå lak, langs hvilken du vil strække gradienten og tørre den.
4. Fnug forsigtigt kammen.
5. Mal området omkring lunula sort. Efter at have trukket den symbolske kant tilbage et par millimeter, dæk resten af ​​kanten med blå lak.
6. Træk nu den sorte sø til bunden med små strøg op og ned. Lav et par rækker og tør børsten af. Fortsæt dine streger fra hvor du slap.
7. Når strøgene bliver næsten gennemsigtige, skal du tørre børsten af ​​og adskille børsterne.
8. Begynd at strække pigmentet igen fra første række. På dette tidspunkt vil overgangen blive mærkbar. Efter at have nået slutningen, polymeriser resultatet.
9. Anvend igen sort og blå til de samme kanter og træk ned. Efter to eller tre rækker skal du tørre værktøjet af.
10. Som en sidste touch, brug en ren "kam" til at stryge hele strækningen ved hjælp af klappende bevægelser. Dette gøres for at sikre, at der ikke er nogen bobler tilbage. Tør.
11. Dæk dit arbejde med finish.

Til inspiration er her nogle slående eksempler på denne teknik. Når du først har fået styr på det, kan du bruge ikke bare to farver, men meget mere.

Og denne videotutorial viser tydeligt hele processen:

Lektion #2: Airbrush Gradient

En airbrush er en pen-formet enhed med en dyse på toppen. Hæld specialmaling i en tragt og "blæs" den på dine negle. Fordelen ved teknologi er tidsbesparelse og resultater af høj kvalitet. Ulempen er, at et godt værktøj er ret dyrt, det koster omkring to tusind rubler.

Værktøjer:

• Airbrush.
• Mal til ham.
• Et stykke papir (for ikke at plette alt omkring).
• Base, top og gellak.
• Forsvarer.
• Væske til affedtning og fjernelse af klæbrighed.
• Ultraviolet lampe.

1. Påfør bunden på de klargjorte og fedtfri plader, tør og overtræk med gellak.
2. Efter tørring fjernes det klæbrige lag og overfladen poleres lidt. Ryst savsmuldet af.
3. Beklæd huden omkring pladerne med forsvarer og vent til den er tør.
4. Hæld maling i dysen, og hold "håndtaget" i en vinkel, spray på spidserne af neglene fra en afstand på 15-20 centimeter.
5. Træk forsvarsfilmen af.
6. Når alt er tørt, dæk dit arbejde med finish og send det til polymerisering.

Designet viser sig at være mere originalt, hvis du bruger forskellige stencils til airbrushing. Det er præcis, hvad den anden videolektion handler om:

Rainbow nail art ideer i nutidens trends

At lære at blande farver perfekt er en præstation i sig selv. Men se på de fantastiske muligheder, kombinationen af ​​gradient med indretning og fantasi åbner op for.

På korte negle

Det er nemmere at øve i en kort længde, især hvis du vil lære at bruge en børste. Paletten er enhver, pastel eller tværtimod meget rig, endda neon. Den afrundede firkant elsker kamifubuki, rhinsten og at gnide på sammensmeltningen af ​​toner.

På lange negle

Mørke farver vil se storslåede og rovdyr ud. Kombiner sort med rød, lilla, smaragd, mørkeblå... Tegn, tegn geometri, tilføj gnistre.

Og nu om hver enkelt nail art mere detaljeret!

Mat

Det er simpelt. Dæk dit arbejde med en mat finish for sofistikeret, afdæmpet kunst. Til efterårs- og vintermanicure er dette en win-win-mulighed.

Geometri

En geometrisk gradient vises bedst på en pastelbase. Bland pink med hvid, blå, mintgrøn og sort eller hvid gelmaling og tegn subtile mønstre. Hegnsgradienten er stadig i trend.

Den skematiske afbildning af dyresilhuetter vinder popularitet. Selvfølgelig er det svært at tegne et rævehoved på egen hånd, så brug stencils.

"Ødelagt glas"

Glaskløer og ombre supplerer hinanden perfekt. Lav en lodret strækning, så farven flyder fra den ene finger til den næste. Lim folie i mørke områder.

Monogrammer

Du kan dekorere alle fingre med en gradient, men placer kun krøller på den ene, helst den ene. Den lilla-lyserøde base og de yndefulde krøller af gelmaling drysset med pudder ser luksuriøse ud.

Lunar

Et hul designet i negativt rum og en farvet vævning nedenfor vil være uhyre æstetisk. Giv præference til saftige farver. Sort kan blandes med mørk pink, lilla, blå...

Se denne mesterklasse og lær usædvanlig kunst:

fransk

Den mest almindelige løsning er at duplikere smilets farve med en af ​​de toner, der bruges i basen. Har du for eksempel designet en rød og sort ombre? Udvid et sort smil nedenfor. Denne jakke praler hovedsageligt på korte firkantede negle og ser fuldstændig ikke-triviel og meget fængende ud.

Gradientstrimmel

Det nye produkt er lige ved at vinde popularitet, og et blik på denne kunst er nok til at blive forelsket én gang for alle. Striberne er ret nemme at tegne i hånden, følg blot algoritmen som i videoen:

Du kan også bruge en airbrush. Stencilbånd er nyttige til dette.

1. Dæk pladerne med gellak, topcoat, fjern klæbrigheden og sæt strimlerne fast i nærheden af ​​siderullerne, så de sidder meget tæt.
2. Spray maling, fjern stencil.
3. Målstregen. Hvis det ønskes, kan du drysse strimlen med glitter eller pulver.

Kamifubuki

Vælg pailletter, der matcher paletten, hvorfra ombreen vil blive tegnet, så designet ikke er klæbrigt. Udstrækning kan udføres på alle negle eller kun én, men lad kamifubuki være i minimale mængder. Et godt eksempel på billedet er to negle med en blodsort gradient, og den ene har konfetti på.

Med et billede

Tynde stængler ser godt ud på et farvet felt. Vælg støvede nuancer til kombination, og så vil kunsten være meget delikat. Pastorale billeder er også svære at forestille sig uden ombre. Selvfølgelig holder blomsterbilleder håndfladen. Du kan endda tegne en hel buket på fingrene, hvis kronbladene er i harmoni med basispaletten.

Forresten vil evnen til at strække farver være nyttig for dig i din tegning. Gradientknopper eller sommerfuglevinger bliver meget mere realistiske end i mono farve. Vælg en klar palet - gul, et stort udvalg af blå, grøn i kombination med mælk.

Med rhinsten

Du er velkommen til at forkæle din fantasi! Småsten klarer sig fremragende i farvesammensmeltning. Lav en blå-sort gradient og tegn en skrøbelig linje af rhinestones nær hullet. Jo flere nuancer der er i ombreen, jo mere elegant vil rhinestones se ud. Vær ikke bange for at blande varme og kolde toner; kunst med en gul og blå overgang vil være meget iørefaldende. Du kan bygge et helt "stjernefald" på den matte indigo-himmel - fra store sten til små.

Gradient. Simple strikkeregler

smukt lærred med en jævn overgang af farver

Artiklen bruger fotografier fra internettet: kilde "Google-søgning"

Gradient er et ord fra lat. gradienter, betyder "gå, vokse" eller retningen af ​​den største stigning i en vis værdi, i vores tilfælde farven på det strikkede stof. Kort sagt er en gradient en jævn overgang fra en farve til en anden, og selve farverne og antallet af overgange kan være alle. For eksempel kan du gå fra sort til hvid i to trin eller i 5 eller 10 trin, ved at vælge mellem de indledende (sort) og endelige (hvide) nuancer fra mørkegrå til sølv og snehvid.

Også med andre farver og nuancer

I strikning bruges flerfarvet stof i en række forskellige mønstre og stilarter, både til børn og voksne.

Generelt et hav af fantasi og muligheder!!!

Du kan strikke et emne med striber i forskellige farver, du kan sørge for en overgang af nuancer i processen med at strikke et mønster, eller du kan kun understrege "spiralen" af et emne gennem strømmen af ​​farver i en almindelig glatstrik (eller sjal) søm.

For en GLAD overgang fra en farve til en anden bruges en simpel teknik til at kombinere tråde - melange. Wikipedia definerer Melange som "en metode til at kombinere og sammenflette flerfarvede strikketråde." Og for at lave et gradientstof skal vi selvstændigt blande de valgte garnfarver: alt er meget enkelt, men effektivt og smukt!

Ofte, i den færdige form, er "overgangslinjer" stadig mærkbare, meget uklare og vage, men visuelt synlige.

Hvis produktet er strikket med et mønster, for eksempel fletninger eller noget andet, så sløres "synligheden" af striberne, overgangen bliver mindre mærkbar

Her er et mere slående eksempel for at sammenligne glatstrik og mønsteret

I intet tilfælde kan man sige, at dette er grimt - det er bare et faktum)) alle produkter, der bruger denne teknik, ser meget cool og imponerende ud!

MEN! Du kan opnå et næsten perfekt glat farveskift ved at bruge den samme strikketeknik!!!

Se for eksempel

Faktisk er alt meget enkelt - denne effekt kan opnås på to måder:

1. Jo flere halvtoner der bruges mellem primærfarverne, jo smukkere bliver resultatet og jo mindre mærkbare overgange, dvs. Ved at bruge tre farver er det meget svært at opnå det samme resultat som at bruge 9 farver garn.

Som et eksempel, med 3 nøgler *sort-grå-hvid* vil iriseringen være mærkbare striber, og hvis der er 9 trådfarver *sort/marengo/mørkegrå/grå/lysegrå/mørk sølv/sølv/off white/hvid /snehvid*, vil dette være en meget jævnere gradient.

1. strikning med et større antal lag af tråde, gradvist at erstatte hver af dem med en ny nuance, vil opnå nøjagtig glatheden af ​​farveovergangen.

Billederne ovenfor er den anden metode til samme strikketeknik.

Der er en anden mulighed - en anden teknik, for eksempel jacquard eller mønster, hvor forskellige farver kan introduceres punktvis, i hver efterfølgende række øge volumen af ​​en ny nuance og derfor opnå en gradvis, meget "langsom" farveændring.

Vi overvejer en gradient strikkemetode, der involverer sammensmeltning af tråde!

ET PAR REGLER for at danne de "nødvendige" farver, når du strikker en gradient - melange.

1. Garntykkelse

Under strikkeprocessen vil vores tråde blive kombineret i forskellige kombinationer, dvs. arbejdstråden vil ALTID bestå af flere tråde - du kan kun tage 2 primære farver garn, MEN effektiviteten af ​​gradienten vil afhænge af antallet af folder. De der. når man strikker i tre tråde, vil overgangen helt sikkert være mere mærkbar end når man strikker med samme garn i 6 eller flere folder.

Derfor er den første regel for et godt resultat, at jo større antallet af folder af tråde, jo glattere bliver overgangen af ​​nuancer i det færdige produkt.

Det indledende valg af garn afhænger af dette - fokuser på den "endelige tykkelse" af tråden (= arbejdstråd), som vil blive brugt til at strikke stoffet i flere folder: hvis et nøgle indeholder 100 g og længden af ​​tråden er 400-500 m, så tykkelsen af ​​arbejdstråden er tre folder vil være ret voluminøs, farveovergange vil være mere mærkbare. For den samme tre-lags version af tråde, som hver er 700-900 m lang og vejer 100 g, vil tykkelsen af ​​arbejdstråden gøre et tyndere stof. Nå, når foldet i 6-8 tråde til garn på 1300-1500 m eller mere, kan du håbe på et næsten "ideelt" gradientresultat.

Dit valg af garn bør først tage højde for dette øjeblik!

Men, jeg gentager, det betyder ikke, at strikning i 3 folder er grimt eller ineffektivt - det hele afhænger af den ønskede model og dit valg!

Der er tre farver bomuldsgarn, som en gradient sommerbluse skal strikkes af.

Garn 50% bomuld/50% viskose, længde 425 m x 100 g - Jeg strikker med 3-lags tråd med strikkepinde nr. 3,5 (evt. 4,0 afhængig af individuel strikketæthed).

Der er kun 2 hovedfarver af garn - Semenovskaya "Lydia", 100% uld, længde 1613 m x 100 g, farver "Mørkeblå" og "Iceberg" (turkis). En hue bliver strikket i 8 (!) folder

Bemærk venligst, at i det første eksempel er "striberne" fra farveovergangene mærkbare, især i det område, hvor melange- og hovedområderne ændrer sig, mens ved overgangen fra ikke særlig kontrasterende nuancer, er "grænsen" mere sløret. De der. hvis der blev brugt flere nuancer, ville flowet være jævnere selv med et lille antal folder af arbejdstråden.

I det andet eksempel, på kaskettens lærred, er der ingen sådan synlig "kant" af farve, selv for skarpe farvetoner UDEN brug af halvtoner.

2. Sådan melanges gevind

De der. hvordan man danner "overgangs" trådfarver.

Den grundlæggende regel for melange:

der er områder med primærfarver og der er såkaldte. melerede områder af strikket stof. Alle sektioner strikkes med samme antal folder (= arbejdstråd): sektioner af primærfarver er en fold af tråde af kun primærfarver, og melerede sektioner er en kombination af tråde i forskellige farver. Hver efterfølgende overgang udføres ved at erstatte en af ​​trådene i arbejdstråden med en tråd af en anden farve.

For eksempel, når du tilføjer 5 tråde, vil den første overgang blive lavet ved at erstatte en af ​​de fem tråde med en tråd i en anden farve = 4 tråde i en farve + 1 tråd i en anden farve.

Strikkeprocessen udføres som følger: efter at have strikket en bestemt lodret sektion skifter vi en af ​​trådene i arbejdstråden til en anden. Vi strikker den næste lodrette sektion og skifter en anden tråd i arbejdstråden til den samme som den første udskiftning. Og så videre - alle trådene i arbejdstråden udskiftes gradvist med en anden farve.

2.1. Vi strikker med mørkt garn i 3 tråde af samme (lilla) farve til den ønskede højde*

*Sådan bestemmes højden af ​​strikkedelen for ensartet fordeling af farver langs produktets længde - nedenfor i teksten

Dette er den første sektion af hovedfarven.

2.2. Første skift til lysere garn (lyserød) = første melangesektion. For at gøre dette erstatter vi en af ​​de tre tråde i vores arbejdstråd med en lyserød tråd - vi får en tredobbelt tilføjelse af to lilla og en lyserød tråd. På denne måde vil den lettere tråd gradvist blive introduceret i stoffet.

2.3. Efter at have strikket dette segment til den ønskede højde, erstatter vi en tråd fra de to resterende lilla med en lyserød - vi får en tredobbelt tilføjelse af to lyserøde tråde og en lilla.

Vi får et lærred af denne type

2.5. Overgangen fra pink til hvid vil ske på samme måde:

— 2 lyserøde tråde + 1 hvid

— 1 lyserød tråd + 2 hvide

- 3 hvide tråde

Dermed er den glatte overgang fra den oprindelige mørke farve til den endelige lyse farve fuldført.

Intet kompliceret eller abstrut)))

Dette er et eksempel på strikning i tre farver. På lignende måde vil vi blande 4 farver (betinget A, B, C, D), og overgangen vil være glattere, fordi segmenterne bliver kortere og fordelt som følger:

- 4 tråde A

— 3 tråde A + 1 tråde B

— 2 tråde A + 2 tråde B

— 1 tråd A + 3 tråde B

- 4 tråde B

Følgelig er de følgende afsnit af overgange

Nu bliver det klart, at jo flere tråde der er i arbejdstråden, jo glattere bliver overgangen, fordi udskiftningen sker gradvist, og derfor er introduktionen af ​​en ny skygge "mindre" mærkbar. Derfor giver selv strikning med 2 primære farver, men i et større antal folder af arbejdstråden det mest spektakulære slutresultat af gradienten - eksempel 2))

Jeg synes princippet om melange er klart uanset antallet af primærfarver og antallet af overgange.

3. Sådan bestemmes højden af ​​overgangssegmentet (lodret snit af lærredet)

Hvis dit produkt skifter jævnt fra en farve til en anden, dvs. alle nuancer vil have samme højde, så er den planlagte længde af hele produktet (målt i midten af ​​produktet) fra den øverste kant (f.eks. halsen på en bluse eller bunden af ​​en kasket) til den nederste kant divideret med antallet af primærfarver - UDEN at tage højde for de melange områder.

I eksempel nr. 1 ovenfor er der 3 dele: lilla, pink og hvid. Som et eksempel, lad os tage den samlede højde af blusen til at være 72 cm.

72: 3 = 24 cm. Altså den komplette overgang fra en primærfarve til en anden bør være 24 cm MEN! i hver sådan overgang bruges 3 tilgange med skiftende tråde = melerede sektioner (3 tråde af samme farve, 2 af en + 1 af den anden farve, 1 af en + 2 af den anden farve), hvilket betyder, at vi deler hvert segment af hovedfarven i 3 dele mere = hver lodret sektion af strikning, inklusive melange, er 8 cm. Nå, antallet af rækker afhænger af den individuelle strikketæthed))

Med tanke på stilen, modellen og antallet af ønskede overgange, kan du allerede nu vælge, hvilke af overgangene der skal have en større højde, og hvilke segmenter der bliver mindre eller ens. Især er dette meget vigtigt, hvis mængden af ​​garn, du har, er forskellig: der er 4 nøgler af en farve, og kun 1 af andre - følgelig vil en af ​​overgangene være mere "lang", mens de andre vil være " kortere”. Eller bare hvis du ønsker det, en farve (eller et meleret område) i din model skal være 2/3 af hele længden som planlagt))

For at strikke blomstersektioner i forskellige højder, brug følgende mønster:

- Bestem den ønskede højde for hver sektion af hovedtrådene

Eksempel nr. 2: til at strikke en hue med en arbejdstråd i 8 lag garn i to farver: den samlede planlagte højde af produktet fra den nederste kant til midten af ​​bunden vil være 23 cm. Højden af ​​hver sektion af hovedfarverne er henholdsvis 7 cm, "midten", dvs. Den TOTALE højde af alle melerede områder for overgangen fra den ene hovedfarve til den anden hovedfarve vil være 9 cm.

— fordel det samlede melangeareal for alle farver efter antallet af overgange

I vores eksempel er det sådan her:

7 tråde A + 1 tråd B

De der. Der foretages i alt 7 krydsninger i dette afsnit. Som tidligere beregnet skal den samlede højde være henholdsvis 9 cm, hvert enkelt melangeareal vil være ca. 1,5 cm.

Alle. Beregningerne er lavet!

4. Glat overgang fra et område til et andet meleret eller almindeligt stykke, hvis der er et lille antal folder i arbejdstråden og tilstrækkeligt kontrasterende nuancer af garn.

Dette er også en ret subtil pointe i strikning, for hvis antallet af primærfarver er lille, f.eks. vores 3 farver i 1. eksempel, og farven er ret kontrasterende, så er der, som nævnt ovenfor, stadig en ret “ klar” afgrænsningslinje mellem forskellige nuancer.

Brug reglen om gradvis introduktion, dvs. Du kan ikke strikke hele rækken på én gang ved at udskifte en tråd, men introducere en ny nuance gennem delvis strikning, for eksempel ved at strikke et lille segment i forkortede rækker, vil overgangen ikke længere være tydeligt "vandret".

Eller du kan bruge jacquard-teknikken, bogstaveligt talt strikke 1-2 løkker hver 5-6 cm i træk, og dermed øge områderne af den nye farve i den næste.

En anden mulighed er at strikke en lille del af rækken med en ny arbejdstråd, derefter også strikke en lille del af den forrige nuance, og igen skifte mellem de "nye" og "nuværende" arbejdstråde i samme række, strik den næste række helt med den forrige nuance, den næste med den "nye" nuance: på denne måde vil "sammensmeltningen" ikke være i en linje, men i episoder.

I vores første eksempel er "afgrænsningen" af områder, når du introducerer en hvid tråd, især mærkbar. Men jeg vil ikke "gide" med jacquard eller forkortede rækker)), der er 3 kontrastfarver og kun 3 folder af arbejdstråd, som planlagt.

Når jeg strikkede, brugte jeg begge delsektioner af strikning med forskellige arbejdstråde (foto ovenfor), og denne metode: strik den første overgangsrække i skiftende tilstand * 2 masker af den forrige farve (det er lige meget om det er en melangerække eller den vigtigste) og 2 sting i den "nye" farve *.

Når jeg flyttede til hovedsektionen fra *1 pink + 2 hvide* til *3 hvide tråde* strikkede jeg sådan her: *2 masker af den nuværende melangefarve, de næste 2 masker hvide* = hele rækken er i et skakternet mønster, og forskellige sømme ser ens "brogede" ud i det generelle billede.

Næste række strikkes i en "ny" farve - hvid. Men du kan selvfølgelig stadig øge "højden" ved at introducere den "nye" farve for at få et jævnere flow!

På den forkerte side af produktet, hvis du strikker 2 løkker med forskellige arbejdstråde, dannes der små brocher, som når du strikker jacquardmønstre - du kan ikke være opmærksom på dem, fordi de er korte, men du kan bruge reglerne for jacquard strikning for at "eliminere" dem, når brokker "blandes" i den nuværende række.

Generel form

Eksempel 2. Her i alle overgange blev 1. tråd blot udskiftet uden yderligere strikkemetoder

Det er alle reglerne for at strikke en gradient. Ukompliceret og ret effektivt til at opnå et smukt resultat i det færdige produkt - strik en række og meget pæne glatte farvetoner! Jeg håber, at både resultatet af dit arbejde og selve strikkeprocessen ikke vil bringe andet end glæde!

CSS funktioner

Definition og anvendelse

CSS linear-gradient()-funktionen bruges til at udfylde et specifikt område med en specificeret sekvens af farvenuancer med jævne overgange mellem dem.

Den lineære gradientfunktion er den nemmeste at forstå; den anvender en gradient i en lige linje fra den ene kant af et element til den anden med jævnt skiftende farvetoner. For at bygge en lineær gradient skal du blot indstille start- og slutfarverne.

Du kan finde ud af mere om at arbejde med gradienter i artiklerne "" og "". Bemærk venligst, at artiklerne fremhæver nuancerne ved at arbejde med gamle browsere og giver adskillige eksempler.

Browser support

Fungere			Opera		IExplorer	Edge
lineær-gradient()	26.0 10.0 -webkit-	16.0 3.6 -moz-	12.1 11.1 -o-	6.1 5.1 -webkit-	10.0	12.0

CSS syntaks:

baggrundsbillede/baggrund farve 1 – stop 1, . . . , farve n – stop n); /* det er tilladt at bruge flere lineære gradienter i én erklæring adskilt af kommaer */

Farve

Når du opretter en gradient, kan du ikke kun bruge "Foruddefinerede farver", men også enhver "" - hexadecimal(HEX), RGB/-A og HSL/-A farveværdier.

Retning

Alle lineære gradienter (som standard) er placeret langs retning fra elementets øverste kant til bunden. I CSS er der flere muligheder for at ændre startpositionen for gradienten - dette er ved at bruge værdier i grader eller nøgleord.

Følgende nøgleord bruges til at angive startpositionen for gradienten:

For at indstille gradientvinklen i grader skal du angive en værdi i området fra 0 til 360 sammen med nøgleordet deg. Den moderne standard tillader brug af negative værdier.

Lineær gradient angivet i grader gennemløb gennem midten af ​​elementets midtpunkt og vises (gengivet) langs denne linje. Nedenfor er et billede, der viser, hvordan gradienten er placeret i en eller anden vinkel ved hjælp af eksemplet med et kvadratisk element:

Værdierne 0deg, 90deg, 180deg og 270deg svarer til værdierne for de tidligere omtalte søgeord, uanset om elementet er kvadratisk eller rektangulært i form. Hvis elementet er helt firkantet, svarer følgende værdier i grader fuldt ud til nøgleordene:

Værdi i grader	Matcher søgeord	Gradientplacering
0 grader	til top	Ned op.
45 grader	til højre øverst *	Gradienten placeres i en vinkel på 45 grader til skæringspunktet for koordinatlinjen.
90 grader	til højre	Fra venstre mod højre.
135 grader	til højre nederst *	Gradienten placeres fra øverste venstre til nederste højre.
180 grader	til bunden	Oppefra og ned. Dette er standardværdien.
225 grader	til venstre nederst *	Gradienten placeres fra øverste højre hjørne til nederste venstre.
270 grader	til venstre	Fra højre til venstre.
315 grader	til venstre øverst *	Gradienten placeres fra nederste højre hjørne til øverste venstre.

* - sandt, kun for et firkantet element. Billedet nedenfor viser forskellen mellem 45 graders værdier og værdierne til højre for et rektangulært element. Det vigtigste at forstå er, at for kvadratiske elementer vil værdierne af 45 grader og til højre top, 135 grader og til højre nederst, 225 grader og til venstre bund, 315 grader og til venstre top være de samme, men for rektangulære gradienter er disse værdier vil være anderledes:

Knækpunkter

Syntaksen gør det muligt for en bestemt gradientfarve at indstille den størrelse, den optager i forhold til andre farver, ved hjælp af specielle stoppunkter.

Brudpunktet fortæller browseren, at gradienten skal nå den givne farve med den givne værdi og glide overgangen til den næste farve, hvis der er en.

Det er tilladt at angive værdierne for brudpunkter ( farven stopper) i længdeenheder (f.eks. – px eller em), og i procentværdier. Som regel er procentværdier mere bekvemme og tilpassede at bruge.

CSS version

CSS3

Eksempel på brug

Lad os se på, hvordan man angiver positionen for en gradient ved hjælp af nøgleord:

I dette eksempel har vi lavet otte blokke, for hver blok har vi angivet forskellige retninger for placering af gradienten, som kan specificeres ved hjælp af nøgleord. Derudover søgte vi lodret justering, , , angivne ydre marginer for alle sider.

Resultatet af vores eksempel er vist på billedet:

Lad os se på, hvordan man angiver en gradients position ved hjælp af grader:

I dette eksempel har vi lavet et element med en højde på 100 pixels (bredden strækkes automatisk, så den passer til hele skærmen). Spurgte efter ham tre farver gradient i en vinkel på 135 grader. Derudover søgte de lodret justering, midterste tekstjustering Og sæt linjehøjden lig med elementhøjden.

Overvej brugen af ​​gradientstoppunkter ved at bruge følgende eksempel:

I dette eksempel lavede vi fem elementer med en højde på 50 pixels (bredden strækkes automatisk, så den passer til hele skærmen). Sæt for dem tre farver gradient, befinde sig fra venstre mod højre. Derudover søgte vi lodret justering, midterste tekstjustering, sæt linjehøjden lig med elementhøjden Og angivet den ydre margen på undersiden svarende til 0,7em. Værdierne for de første fire blokke er kun røde stoppunkter(de resterende farver optager en jævn afstand). For den sidste blok, vi specificerede tre stoppunkter:

• Første punkt– for rød gradient (15%);
• Andet punkt– for grøn gradient (60%);
• Tredje punkt– for blå gradient (70%). Denne værdi vil ikke påvirke visningen, da der ikke er andre farver efter denne gradient, og den vil alligevel strække sig til hele elementets bredde.

Resultatet af vores eksempel:

Den moderne CSS-standard, analogt med at arbejde med baggrundsbilleder, giver dig mulighed for at specificere flere lineære gradienter (funktioner) for et element. For at gøre dette skal du angive dem adskilt af kommaer.

baggrundsbillede / baggrund : lineær gradient (retning, farve 1 – stop 1, . . . , farve n – stop n), /* kommaer efter hver funktion er påkrævet */ lineær gradient (retning, farve 1 – stop 1, . . . , farve n – stop n), ... lineær gradient (retning, farve 1 – stop 1, . . . , farve n – stop n);

I det følgende eksempel vil vi oprette et schweizisk flag (en til en) vha tre gradienter, som vi vil angive i en meddelelse:

• Første gradient indstiller tre dele til gradienten fra top til bund: 30 % rød farve, fra 30 % til 70 % gennemsigtig og resten rød farve. Grøn vises gennemsigtig grund.
• Anden gradient angiver en symmetrisk kombination fra venstre mod højre (90 graders vinkel). rød – gennemsigtig – gennemsigtig – hvid – hvid – gennemsigtig – gennemsigtig – rød. Som du kan gætte, er farvegentagelse nødvendig for at fjerne den glatte overgang mellem farver (ingen sløring).
• Tredje gradient giver det endelige look ved at farve flaget på steder, der ikke er nødvendige i vores komposition.

Resultatet af vores eksempel.