{"id":6664,"date":"2022-05-07T06:24:35","date_gmt":"2022-05-07T06:24:35","guid":{"rendered":"https:\/\/myeducationstation.net\/?p=6664"},"modified":"2022-06-12T19:31:18","modified_gmt":"2022-06-12T19:31:18","slug":"making-colors-pickable","status":"publish","type":"post","link":"https:\/\/myeducationstation.net\/pl\/umozliwianie-wyboru-kolorow\/","title":{"rendered":"Mo\u017cliwo\u015b\u0107 wyboru kolor\u00f3w"},"content":{"rendered":"
W tej lekcji dowiesz si\u0119, czym jest \u015bwiat\u0142o, sk\u0105d pochodzi i dlaczego staje si\u0119 widmem, gdy zostanie wystawione na dzia\u0142anie pryzmatu.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t Przyjrzyjmy si\u0119 temu obrazkowi i zapomnijmy na chwil\u0119 o \u015bwietle podczerwonym i ultrafioletowym. Mamy do czynienia tylko z \u201ewidmowym spektrum\u201d kolor\u00f3w, kt\u00f3re ludzkie oko mo\u017ce zobaczy\u0107. Je\u015bli odetniemy kolory, kt\u00f3rych nie widzimy, otrzymamy spektrum, kt\u00f3re wszyscy znamy i kochamy, z czerwieni\u0105 po lewej stronie i fioletem po prawej. Teraz wyobra\u017a sobie, \u017ce zamiast widma pod\u0105\u017caj\u0105cego prost\u0105 lini\u0105 poziom\u0105 od lewej do prawej, po\u0142\u0105czyli\u015bmy lewy koniec widma z prawym ko\u0144cem, tak aby utworzy\u0142o ko\u0142o. Je\u015bli to zrobimy, widmo stanie si\u0119 ko\u0142em kolor\u00f3w! Czerwony koniec \u0142\u0105czy si\u0119 z fioletowym ko\u0144cem, tworz\u0105c p\u0142ynne kontinuum odcieni. Je\u015bli pomy\u015blisz o tym jako o ko\u0142owym widmie, twoje oko zawsze powinno my\u015ble\u0107 o czerwieni jako o lewym ko\u0144cu widma, a o fiolecie jako o prawym ko\u0144cu widma. Nie dlatego, \u017ce tak m\u00f3wi\u0119, ale dlatego, \u017ce tak w\u0142a\u015bnie wygl\u0105da widmo. Ko\u0142a kolor\u00f3w s\u0105 najcz\u0119stszym rodzajem selektora kolor\u00f3w i prawdopodobnie znajdziesz je w ka\u017cdym programie graficznym.<\/span><\/p> Tak wi\u0119c, aby to wszystko po\u0142\u0105czy\u0107, gdy \u015bwiat\u0142o zostanie rozbite pryzmatem, otrzymasz widmo. Pasma kolor\u00f3w, kt\u00f3re widzisz na widmie, s\u0105 tworzone przez d\u0142ugo\u015b\u0107 fali, amplitud\u0119 i cz\u0119stotliwo\u015b\u0107 fal \u015bwietlnych \u015bwiec\u0105cych przez widmo. D\u0142u\u017csze, wolniejsze fale znajduj\u0105 si\u0119 na czerwonym ko\u0144cu po lewej stronie widma. Szybciej poruszaj\u0105ce si\u0119 fale znajduj\u0105 si\u0119 na fioletowym ko\u0144cu po prawej stronie widma. Tak wi\u0119c, gdy dostosowujesz suwaki w swoich selektorach kolor\u00f3w,\u00a0Ty<\/strong>\u00a0kontrolujesz, gdzie znajdujesz si\u0119 w tym pa\u015bmie kolor\u00f3w, wybieraj\u0105c konkretne fale, kt\u00f3rych potrzebujesz.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t Zamiast bezcelowego w\u0119drowania po kole kolor\u00f3w, Adobe stworzy\u0142o panele Kolor, aby umo\u017cliwi\u0107 Ci kontrolowanie dok\u0142adnie tego, gdzie jeste\u015b i co widzisz. W poni\u017cszym przyk\u0142adzie zobaczysz panel RGB. W przyk\u0142adzie po lewej stronie, ze wszystkimi suwakami przesuni\u0119tymi maksymalnie w lewo, uk\u0142ad kolor\u00f3w jest czarny. Paski zmieniaj\u0105 kolor na czerwony, zielony i niebieski po prawej stronie, ale s\u0105 czarne po lewej stronie. Ale w przyk\u0142adzie po prawej stronie, z suwakami przesuni\u0119tymi maksymalnie w prawo, dzieje si\u0119 odwrotnie. Uk\u0142ad kolor\u00f3w zmienia kolor na bia\u0142y, a paski zmieniaj\u0105 kolor na cyjan, magenta i \u017c\u00f3\u0142ty po lewej stronie, ale s\u0105 bia\u0142e po prawej stronie.<\/span><\/p> Dzieje si\u0119 tak, poniewa\u017c je\u015bli spojrzysz na ko\u0142o kolor\u00f3w powy\u017cej, zobaczysz, \u017ce cyjan jest dok\u0142adnie naprzeciwko czerwieni. Magenta jest dok\u0142adnie naprzeciwko zieleni. A \u017c\u00f3\u0142ty jest dok\u0142adnie naprzeciwko niebieskiego. Ta informacja b\u0119dzie niezwykle pomocna, gdy zaczniesz korygowa\u0107 i r\u00f3wnowa\u017cy\u0107 kolor na swoich obrazach. Poniewa\u017c bycie dok\u0142adnie naprzeciwko siebie sprawia, \u017ce\u00a0odwrotnie proporcjonalny<\/strong>, jak w przypadku, gdy nie mo\u017cna zmieni\u0107 jednego bez wp\u0142ywu na drugie.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t Je\u015bli na przyk\u0142ad masz obraz, kt\u00f3ry cierpi z powodu przewagi czerwieni, teraz, gdy wiesz, \u017ce czerwie\u0144 i cyjan s\u0105 naprzeciwko siebie na kole kolor\u00f3w, mo\u017cesz odj\u0105\u0107 t\u0119 czerwie\u0144 od obrazu, co pozostawi cyjan, r\u00f3wnowa\u017c\u0105c kolor. Je\u015bli na obrazie jest odcie\u0144 magenty, mo\u017cesz go zr\u00f3wnowa\u017cy\u0107, dodaj\u0105c wi\u0119cej zieleni, kt\u00f3ra jest jego przeciwie\u0144stwem na kole kolor\u00f3w. A je\u015bli na obrazie jest odcie\u0144 \u017c\u00f3\u0142ci, skoryguj to, dodaj\u0105c wi\u0119cej niebieskiego. Bez zgadywania. Tak to si\u0119 naprawia. Suwaki daj\u0105 ci wszystkie potrzebne wskaz\u00f3wki, zmieniaj\u0105c kolor paska na przeciwny na kole kolor\u00f3w. Musisz tylko wiedzie\u0107, jak je \u201eodczyta\u0107\u201d.<\/span><\/p> Mo\u017cesz zauwa\u017cy\u0107, \u017ce kolory na paskach poruszaj\u0105 si\u0119, gdy przeci\u0105gasz suwak. To Photoshop (lub dowolny inny program, kt\u00f3rego u\u017cywasz) poruszaj\u0105cy si\u0119 po kole kolor\u00f3w za Ciebie, zmieniaj\u0105cy kolor pozosta\u0142ych suwak\u00f3w, aby pokaza\u0107 Ci, jak Twoje zmiany wp\u0142ywaj\u0105 na pozosta\u0142e dwa suwaki, w oparciu o wybrany model kolor\u00f3w. W przypadku tych suwak\u00f3w RGB, Photoshop dostosowuje kolor pozosta\u0142ych dw\u00f3ch suwak\u00f3w, przesuwaj\u0105c ko\u0142o kolor\u00f3w albo w lewo od jego pozycji na spektrum, albo w prawo, w zale\u017cno\u015bci od tego, w kt\u00f3r\u0105 stron\u0119 przeci\u0105gasz suwak.<\/span><\/p> Ale gdyby suwaki by\u0142y HSB (odcie\u0144, nasycenie, jasno\u015b\u0107), suwaki pozwoli\u0142yby Ci dostosowa\u0107 nasycenie (intensywno\u015b\u0107 koloru) lub jasno\u015b\u0107, zmieniaj\u0105c odpowiednio kolor. Wszystkie suwaki kolor\u00f3w dzia\u0142aj\u0105 w ten spos\u00f3b. Ka\u017cdy z nich zmieni si\u0119 zgodnie z u\u017cywanym modelem kolor\u00f3w. Spodziewaj si\u0119 wi\u0119c, \u017ce suwaki HSB b\u0119d\u0105 si\u0119 r\u00f3\u017cni\u0107 od suwak\u00f3w HSL, kt\u00f3re b\u0119d\u0105 si\u0119 r\u00f3\u017cni\u0107 od suwak\u00f3w CMYK i skali szaro\u015bci.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t Selektory kolor\u00f3w pozwalaj\u0105 nam wy\u015bwietla\u0107 widoczne spektrum na wiele sposob\u00f3w, dzi\u0119ki czemu mo\u017cemy \u0142atwo wybra\u0107 potrzebny nam kolor, wk\u0142adaj\u0105c w to minimum wysi\u0142ku. <\/p>","protected":false},"author":1,"featured_media":5588,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[136],"tags":[173],"class_list":["post-6664","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorial","tag-light"],"acf":[],"_links":{"self":[{"href":"https:\/\/myeducationstation.net\/pl\/wp-json\/wp\/v2\/posts\/6664","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/myeducationstation.net\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/myeducationstation.net\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/myeducationstation.net\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/myeducationstation.net\/pl\/wp-json\/wp\/v2\/comments?post=6664"}],"version-history":[{"count":20,"href":"https:\/\/myeducationstation.net\/pl\/wp-json\/wp\/v2\/posts\/6664\/revisions"}],"predecessor-version":[{"id":6834,"href":"https:\/\/myeducationstation.net\/pl\/wp-json\/wp\/v2\/posts\/6664\/revisions\/6834"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/myeducationstation.net\/pl\/wp-json\/wp\/v2\/media\/5588"}],"wp:attachment":[{"href":"https:\/\/myeducationstation.net\/pl\/wp-json\/wp\/v2\/media?parent=6664"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/myeducationstation.net\/pl\/wp-json\/wp\/v2\/categories?post=6664"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/myeducationstation.net\/pl\/wp-json\/wp\/v2\/tags?post=6664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Ko\u0142o kolor\u00f3w<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
Jak dzia\u0142aj\u0105 selektory kolor\u00f3w<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
Powi\u0105zane lekcje:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
Lekcja 1: Definicja \u015bwiat\u0142a<\/h2>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
Lekcja 2: Jak podr\u00f3\u017cuje \u015bwiat\u0142o<\/h2>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
Lekcja 3: Dynamika fal<\/h2>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t