{"id":4406,"date":"2015-05-04T23:47:18","date_gmt":"2015-05-04T21:47:18","guid":{"rendered":"http:\/\/www.maxschoenherr.de\/clock\/?p=4406"},"modified":"2015-05-05T21:33:13","modified_gmt":"2015-05-05T19:33:13","slug":"der-farbverlauf-ohne-farbe","status":"publish","type":"post","link":"https:\/\/www.maxschoenherr.de\/clock\/der-farbverlauf-ohne-farbe\/","title":{"rendered":"der farbverlauf | ohne farbe"},"content":{"rendered":"<p style=\"text-align: center;\"><a href=\"http:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/farbverlauf_bildbearbeitung.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4407\" src=\"http:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/farbverlauf_bildbearbeitung.jpg\" alt=\"farbverlauf_bildbearbeitung\" width=\"560\" height=\"188\" srcset=\"https:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/farbverlauf_bildbearbeitung.jpg 560w, https:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/farbverlauf_bildbearbeitung-300x101.jpg 300w\" sizes=\"auto, (max-width: 560px) 100vw, 560px\" \/><\/a><em>colour ramp \/ farbverlauf in einem bildbearbeitungsprogramm<\/em><\/p>\n<p style=\"text-align: justify;\">farbverl\u00e4ufe (farbgradienten im fachjargon) geh\u00f6ren zu den standardwerkzeugen der bildbearbeitung. der hier oben ist sehr bunt und sehr komplex. rechts sieht man den \u00fcbergang <em>linear<\/em>, und links bereits in einem ersten abstraktionsgrad, n\u00e4mlich <em>zirkul\u00e4r<\/em>. willhei\u00dfen: was linear von rot \u00fcber lila nach blau, gr\u00fcn, gelb und wieder rot geht, beschreibt ebenso gef\u00e4rbte kreise.<\/p>\n<p style=\"text-align: justify;\">es gab eine zeit, vielleicht vor so 20 jahren, da nahmen bestimmte effekte in der bildbearbeitung krass zu \u2013 man konnte sie nicht mehr sehen. unter anderem waren das schlagschatten und eben zu beliebig eingesetzte farbverl\u00e4ufe. aber nichts t\u00e4uscht dar\u00fcber hinweg, dass der farbverlauf in der natur zum standard geh\u00f6rt.<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/farbverlauf_himmel.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4408\" src=\"http:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/farbverlauf_himmel.jpg\" alt=\"farbverlauf_himmel\" width=\"557\" height=\"452\" srcset=\"https:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/farbverlauf_himmel.jpg 557w, https:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/farbverlauf_himmel-300x243.jpg 300w\" sizes=\"auto, (max-width: 557px) 100vw, 557px\" \/><\/a><em>farbverlauf des himmels von einem hellen in ein dunkles blau. foto: a. davey\/<a href=\"https:\/\/commons.wikimedia.org\/wiki\/File:Sky_Cloud_Water_%282378543784%29.jpg\" target=\"_blank\">wiki commons<\/a><\/em><\/p>\n<p style=\"text-align: justify;\">der englische begriff f\u00fcr den farbverlauf ist ramp. ich spreche jetzt von verlauf oder ramp und zeige eine ganz andere, sehr sinnvolle anwendung dieser technik \u2013 n\u00e4mlich in der 3D-animation. \u00fcber das hier verwendete programm (<a href=\"http:\/\/www.autodesk.de\/products\/maya\/overview\" target=\"_blank\">autodesk maya<\/a>) habe ich vor \u00fcber 10 jahren mehrere b\u00fccher geschrieben. \u2192 <a href=\"http:\/\/www.maxschoenherr.de\/animation\/Maya\/index.html\" target=\"_blank\">hier<\/a> sind sie zu sehen, und noch einiges mehr aus der zeit, als ich f\u00fcr die sendung mit der maus arbeitete und f\u00fcr die industrie 3D-animationen anfertigte.<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_011.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4410\" src=\"http:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_011.jpg\" alt=\"hair_01\" width=\"1000\" height=\"569\" srcset=\"https:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_011.jpg 1000w, https:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_011-300x171.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><em>simulation von haaren. verlauf der str\u00e4hnenbreite<\/em><\/p>\n<p style=\"text-align: justify;\">im bild oben ist das zu sehen, was in maya nHair hei\u00dft \u2013 ein modul zur simulation naturgetreuer haare. ich habe die standardeinstellungen verwendet und die haare auf einer ebenen grauen fl\u00e4che gepflanzt. rechts sieht man einen verlauf, n\u00e4mlich unter der rubrik &#8222;clamp width scale&#8220;. der verlauf regelt hier die dicke der str\u00e4hnen zwischen ihrem beginn (dick) und ihrem ende (d\u00fcnn). ich \u00e4ndere nun den verlauf ab:<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_02.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4411\" src=\"http:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_02.jpg\" alt=\"hair_02\" width=\"1000\" height=\"623\" srcset=\"https:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_02.jpg 1000w, https:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_02-300x187.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><em>verlauf f\u00fcr die dicke mit minimum in der mitte<\/em><\/p>\n<p style=\"text-align: justify;\">ich habe zweierlei gemacht: einen zus\u00e4tzlichen punkt in den verlauf eingebracht, das markierte minimum in der mitte, welches daf\u00fcr sorgt, dass die str\u00e4hnen im mittelbereich sehr d\u00fcnn werden, und das leicht erh\u00f6hte ende (rechts im verlauf), welches daf\u00fcr sorgt, dass die haare oben nicht streng auf einen punkt zusammenlaufen, sondern wie getreideb\u00fcschel oben etwas breiter zu sehen sind. jetzt treibe ich das etwas weiter:<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_03.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4412\" src=\"http:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_03.jpg\" alt=\"hair_03\" width=\"1000\" height=\"751\" srcset=\"https:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_03.jpg 1000w, https:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_03-300x225.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><em>der verlauf erzeugt nun eine baumform.<\/em><\/p>\n<p style=\"text-align: justify;\">die baumform der haarb\u00fcschel entsteht durch den verlauf, der zwar logisch mit den abgebildeten haaren verkn\u00fcpft ist, aber gar nicht danach aussieht. links beginnt der verlauf relativ niedrig. das hei\u00dft: die haarb\u00fcschel starten da, wo sie aus der grauen fl\u00e4che herauswachsen, ziemlich d\u00fcnn. der verlauf geht von diesem niedrigen wert nun zu einem minimum. bei den haarb\u00fcscheln bedeutet das, sie werden von unten zur mitte hin d\u00fcnner. dann kommt im verlauf ein steiler anstieg. der schl\u00e4gt sich in den haarb\u00fcscheln in der verdickung in der mitte nieder. und dann flacht der verlauf langsam auf null ab \u2013 die haarb\u00fcschel werden ebenso sanft nach oben hin ganz schmal.<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_04.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4413\" src=\"http:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_04.jpg\" alt=\"hair_04\" width=\"1000\" height=\"659\" srcset=\"https:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_04.jpg 1000w, https:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_04-300x198.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><em>nach der haarb\u00fcscheldicke nun die haardicke<\/em><\/p>\n<p style=\"text-align: left;\">bisher hatten wir es mit der dicke der haarb\u00fcschel zu tun, nicht mit der dicke der haare selbst. nat\u00fcrlich kann man die haare beliebig dick oder d\u00fcnn machen. aber auch hier ist es interessant, das eleganter zu gestalten. oben sehen wir die hair width scale, mit der wir bisher gespielt haben, und darunter, rot markiert, die hair width scale. standardm\u00e4\u00dfig ist hier eingestellt, dass die haare \u00fcber fast ihre ganze l\u00e4nge konstant dick sind und an der spitze viel d\u00fcnner werden. das zeigt uns der verlauf oben, das zeigen die haare.<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_05.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4414\" src=\"http:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_05.jpg\" alt=\"hair_05\" width=\"1000\" height=\"636\" srcset=\"https:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_05.jpg 1000w, https:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_05-300x191.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><em>haardicke unten gleich null<\/em><\/p>\n<p style=\"text-align: left;\">mit zwei klicks lasse ich die haare unten ganz verschwinden und blende sie in der mitte sanft ein. der verlauf zeigt das so: null von links bis zur mitte = haardicke null, also haare nicht zu sehen. es folgt ein steiler, aber nicht treppenartiger anstieg; das bedeutet, die haare werden von ihrer l\u00e4nge null langsam auf eine sichtbare l\u00e4nge hochgebracht, also sichtbar. und im verlauf nach rechts hin sinkt die kurve dezent ab. die haare werden zur spitze hin allm\u00e4hlich d\u00fcnner. das sieht man \u00fcbrigens aus der n\u00e4he. dass die haarb\u00fcschel oben zusammenlaufen, hat nicht mit hair width scale zu tun, sondern mit dem verlauf, der uns oben besch\u00e4ftigt hat.<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_06.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4415\" src=\"http:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_06.jpg\" alt=\"hair_06\" width=\"961\" height=\"775\" srcset=\"https:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_06.jpg 961w, https:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_06-300x242.jpg 300w\" sizes=\"auto, (max-width: 961px) 100vw, 961px\" \/><\/a><em>clump curl \u2013 verlauf f\u00fcr die drehung der haarb\u00fcschel in sich<\/em><\/p>\n<p style=\"text-align: justify;\">sehr viele parameter in programmen wie maya, cinema 4D oder 3D studio max lassen sich mit verl\u00e4ufen elegant einstellen. vorletztes beispiel: die drehung der haarb\u00fcschel in sich, also die lockigkeit. der verlauf con &#8222;clamp curl&#8220; ist oben linear. das hei\u00dft, die haare gehen direkt nach oben. wenn wir diesen verlauf \u00e4ndern, verdrillen sich die haarb\u00fcschel:<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_07.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4416\" src=\"http:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_07.jpg\" alt=\"hair_07\" width=\"951\" height=\"758\" srcset=\"https:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_07.jpg 951w, https:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_07-300x239.jpg 300w\" sizes=\"auto, (max-width: 951px) 100vw, 951px\" \/><\/a><em>verdrillte haarb\u00fcschel<\/em><\/p>\n<p style=\"text-align: justify;\">der verlauf startet jetzt links etwas \u00fcber der mitte. das hei\u00dft, die haare sind unten ein wenig st\u00e4rker in die eine richtung verdreht als ein bild weiter oben. dann steigt die kurve im verlauf ab und bleibt da unten. das bedeutet bei den haaren, dass sich die b\u00fcschel ziemlich weit unten in die andere richtung verdrillen und dann bis oben so stark verdrillt bleiben.<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_08.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-4417\" src=\"http:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_08-1024x543.jpg\" alt=\"hair_08\" width=\"640\" height=\"339\" srcset=\"https:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_08-1024x543.jpg 1024w, https:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_08-300x159.jpg 300w, https:\/\/www.maxschoenherr.de\/clock\/wp-content\/uploads\/2015\/05\/hair_08.jpg 1139w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><em>explizite verlaufstextur f\u00fcr unregelm\u00e4\u00dfigen haarwuchs<\/em><\/p>\n<p style=\"text-align: justify;\">in diesem letzten beispiel habe ich die verdrillten haare oben genommen und ihnen eine &#8222;baldness texture&#8220; verpasst, einen verlauf vom schwarz ins wei\u00df. schwarz bedeutet im haarwuchsbild die rechte seite der grauen fl\u00e4che, wei\u00df bedeutet die linke seite. der verlauf sorgt daf\u00fcr, dass \u00fcberall da, wo er wei\u00df zeigt, keine haare wachsen; da, wo er grau zeigt (in der mitte der grauen fl\u00e4che) wachsen ein paar haare. ganz rechts wachsen die haare normal; das entspricht dem schwarz im farbverlauf \u2013 volle s\u00e4ttigung.<\/p>\n<p style=\"text-align: justify;\">unterm strich: ein farbverlauf, ein ramp, ist ein starkes werkzeug f\u00fcr viele dinge. besonders anschaulich bei der eleganten modifizierung von parametern bei 3D-software. vielleicht mag sich der leser fragen, warum die haare so steil nach oben ragen? das liegt daran, dass sie auf der horizontalen fl\u00e4che nicht wissen, wohin sie fallen sollen. ich k\u00f6nnte einen wind simulieren, aber einfacher ist es, die graue fl\u00e4che zu drehen. ich tat das mit genau drei klicks. das hat mit dem verlauf nichts zu tun, deutet aber die st\u00e4rke der haarsimulation an. es l\u00e4sst sich viel realistischer machen, inbesondere mit viel viel mehr haaren und besserer ausleuchtung. aber das prinzip d\u00fcrfte klar werden:<\/p>\n<p style=\"text-align: center;\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/Rf6Uo9AoOt4\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p class=\"yt watch-title-container\" style=\"text-align: center;\"><em>haarsimulation mit drei klicks<br \/>\n<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>colour ramp \/ farbverlauf in einem bildbearbeitungsprogramm farbverl\u00e4ufe (farbgradienten im fachjargon) geh\u00f6ren zu den standardwerkzeugen der bildbearbeitung. der hier oben ist sehr bunt und sehr komplex. rechts sieht man den \u00fcbergang linear, und links bereits in einem ersten abstraktionsgrad, n\u00e4mlich zirkul\u00e4r. willhei\u00dfen: was linear von rot \u00fcber lila nach blau, gr\u00fcn, gelb und wieder rot [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,922],"tags":[1426,1557,1561,1559,1558,1560],"class_list":["post-4406","post","type-post","status-publish","format-standard","hentry","category-allgemein","category-computer-und-it","tag-3d-animation","tag-maya","tag-parameter","tag-ramp","tag-simulation","tag-verlauf"],"wp-worthy-pixel":{"ignored":false,"public":"34b5687caeb7409db795ddbea7bc5b1f","server":"vg07.met.vgwort.de","url":"https:\/\/vg07.met.vgwort.de\/na\/34b5687caeb7409db795ddbea7bc5b1f"},"wp-worthy-type":"normal","_links":{"self":[{"href":"https:\/\/www.maxschoenherr.de\/clock\/wp-json\/wp\/v2\/posts\/4406","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.maxschoenherr.de\/clock\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.maxschoenherr.de\/clock\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.maxschoenherr.de\/clock\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.maxschoenherr.de\/clock\/wp-json\/wp\/v2\/comments?post=4406"}],"version-history":[{"count":7,"href":"https:\/\/www.maxschoenherr.de\/clock\/wp-json\/wp\/v2\/posts\/4406\/revisions"}],"predecessor-version":[{"id":4429,"href":"https:\/\/www.maxschoenherr.de\/clock\/wp-json\/wp\/v2\/posts\/4406\/revisions\/4429"}],"wp:attachment":[{"href":"https:\/\/www.maxschoenherr.de\/clock\/wp-json\/wp\/v2\/media?parent=4406"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.maxschoenherr.de\/clock\/wp-json\/wp\/v2\/categories?post=4406"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.maxschoenherr.de\/clock\/wp-json\/wp\/v2\/tags?post=4406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}