{"id":710,"date":"2017-04-04T16:37:56","date_gmt":"2017-04-04T14:37:56","guid":{"rendered":"http:\/\/bulletin-board.de\/watchfaces\/?p=710"},"modified":"2017-04-04T18:22:35","modified_gmt":"2017-04-04T16:22:35","slug":"multiple-colors-ucolor","status":"publish","type":"post","link":"https:\/\/bulletin-board.de\/watchfaces\/multiple-colors-ucolor\/","title":{"rendered":"How to use multiple colors based on the new user color selector for {ucolor}"},"content":{"rendered":"<p>The Watchmaker app was\u00a0updated some weeks ago and introduced a new cool color selector right inside the app.<\/p>\n<p>This is very convenient for both: The users and the designers \/\u00a0developers.<\/p>\n<p>As a developer you just have to use the variable {ucolor} instead of a color code or your own color variable. Here&#8217;s the wiki documentation: <a href=\"http:\/\/watchmaker.haz.wiki\/ucolor\">ucolor [Watchmaker Wiki]<\/a><\/p>\n<p>The first thing I did was to update my\u00a0<a href=\"http:\/\/bulletin-board.de\/watchfaces\/portfolio\/homer-simpson-duff-beer-watch\/\">Homer Simpson Duff Beer Watch<\/a>\u00a0to take advantage of the new selector.<\/p>\n<p class=\"jetpack-slideshow-noscript robots-nocontent\">This slideshow requires JavaScript.<\/p><div id=\"gallery-710-1-slideshow\" class=\"jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black\" data-trans=\"fade\" data-autostart=\"1\" data-gallery=\"[{&quot;src&quot;:&quot;https:\\\/\\\/bulletin-board.de\\\/watchfaces\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/Screenshot_20170404-151641-576x1024.png&quot;,&quot;id&quot;:&quot;711&quot;,&quot;title&quot;:&quot;Screenshot_20170404-151641&quot;,&quot;alt&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;itemprop&quot;:&quot;image&quot;},{&quot;src&quot;:&quot;https:\\\/\\\/bulletin-board.de\\\/watchfaces\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/Screenshot_20170404-151647-576x1024.png&quot;,&quot;id&quot;:&quot;712&quot;,&quot;title&quot;:&quot;Screenshot_20170404-151647&quot;,&quot;alt&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;itemprop&quot;:&quot;image&quot;}]\" itemscope itemtype=\"https:\/\/schema.org\/ImageGallery\"><\/div>\n<p>As you might know this watch face not only consists of one changeable color but two: One for the background and one for the hands.<\/p>\n<h1>So, how can we change two colors by just using one selected color?<\/h1>\n<p>The solution is the <a href=\"http:\/\/watchmaker.haz.wiki\/shader\">shader<\/a> <strong>HSV<\/strong>. You can change the color&#8217;s hue, saturation and value based on the set color for the element.<\/p>\n<div data-carousel-extra='{&quot;blog_id&quot;:1,&quot;permalink&quot;:&quot;https:\/\/bulletin-board.de\/watchfaces\/multiple-colors-ucolor\/&quot;}' id='gallery-2' class='gallery galleryid-710 gallery-columns-2 gallery-size-large'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2017\/04\/Screenshot_20170404-151726.png'><img loading=\"lazy\" decoding=\"async\" width=\"552\" height=\"981\" src=\"https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2017\/04\/Screenshot_20170404-151726-576x1024.png\" class=\"attachment-large size-large\" alt=\"\" aria-describedby=\"gallery-2-716\" srcset=\"https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2017\/04\/Screenshot_20170404-151726-576x1024.png 576w, https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2017\/04\/Screenshot_20170404-151726-169x300.png 169w, https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2017\/04\/Screenshot_20170404-151726-768x1365.png 768w, https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2017\/04\/Screenshot_20170404-151726-840x1493.png 840w, https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2017\/04\/Screenshot_20170404-151726.png 1080w\" sizes=\"auto, (max-width: 552px) 100vw, 552px\" data-attachment-id=\"716\" data-permalink=\"https:\/\/bulletin-board.de\/watchfaces\/multiple-colors-ucolor\/screenshot_20170404-151726\/\" data-orig-file=\"https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2017\/04\/Screenshot_20170404-151726.png\" data-orig-size=\"1080,1920\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Screenshot_20170404-151726\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Select shader properties&lt;\/p&gt;\n\" data-medium-file=\"https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2017\/04\/Screenshot_20170404-151726-169x300.png\" data-large-file=\"https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2017\/04\/Screenshot_20170404-151726-576x1024.png\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-2-716'>\n\t\t\t\tSelect shader properties\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2017\/04\/Screenshot_20170404-151736.png'><img loading=\"lazy\" decoding=\"async\" width=\"552\" height=\"981\" src=\"https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2017\/04\/Screenshot_20170404-151736-576x1024.png\" class=\"attachment-large size-large\" alt=\"\" aria-describedby=\"gallery-2-715\" srcset=\"https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2017\/04\/Screenshot_20170404-151736-576x1024.png 576w, https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2017\/04\/Screenshot_20170404-151736-169x300.png 169w, https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2017\/04\/Screenshot_20170404-151736-768x1365.png 768w, https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2017\/04\/Screenshot_20170404-151736-840x1493.png 840w, https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2017\/04\/Screenshot_20170404-151736.png 1080w\" sizes=\"auto, (max-width: 552px) 100vw, 552px\" data-attachment-id=\"715\" data-permalink=\"https:\/\/bulletin-board.de\/watchfaces\/multiple-colors-ucolor\/screenshot_20170404-151736\/\" data-orig-file=\"https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2017\/04\/Screenshot_20170404-151736.png\" data-orig-size=\"1080,1920\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Screenshot_20170404-151736\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Define the relative hue to ucolor&lt;\/p&gt;\n\" data-medium-file=\"https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2017\/04\/Screenshot_20170404-151736-169x300.png\" data-large-file=\"https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2017\/04\/Screenshot_20170404-151736-576x1024.png\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-2-715'>\n\t\t\t\tDefine the relative hue to ucolor\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<p>With the help of the <strong>hue value<\/strong>\u00a0of the shader you can define\u00a0a different color in the spectral color circle in relation to the selected base color (i.e. {ucolor}).<\/p>\n<p>Of course you should\u00a0play around with the other properties of the HSV shader as well. The following diagram shows you the principle of HSV and you can get <a href=\"https:\/\/en.wikipedia.org\/wiki\/HSL_and_HSV\">more information<\/a> on wikipedia.<\/p>\n<p><a href=\"https:\/\/commons.wikimedia.org\/wiki\/File:HSV_color_solid_cylinder_alpha_lowgamma.png#\/media\/File:HSV_color_solid_cylinder_alpha_lowgamma.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/0\/0d\/HSV_color_solid_cylinder_alpha_lowgamma.png\" alt=\"HSV color solid cylinder alpha lowgamma.png\" width=\"640\" height=\"480\" \/><\/a><br \/>\nBy <a title=\"File:HSV color solid cylinder.png\" href=\"\/\/commons.wikimedia.org\/wiki\/File:HSV_color_solid_cylinder.png\">HSV_color_solid_cylinder.png<\/a>: <a title=\"User:SharkD\" href=\"\/\/commons.wikimedia.org\/wiki\/User:SharkD\">SharkD<\/a><br \/>\nderivative work: <span style=\"border: 1px solid #f57900; padding: 1px;\"><a title=\"User:SharkD\" href=\"\/\/commons.wikimedia.org\/wiki\/User:SharkD\"><span style=\"color: #8f5902; padding-left: 1px;\">SharkD<\/span><\/a> <a title=\"User talk:SharkD\" href=\"\/\/commons.wikimedia.org\/wiki\/User_talk:SharkD\"><span style=\"color: #fff; background: #fcaf3e;\">\u00a0Talk\u00a0<\/span><\/a><\/span> &#8211; <a title=\"File:HSV color solid cylinder.png\" href=\"\/\/commons.wikimedia.org\/wiki\/File:HSV_color_solid_cylinder.png\">HSV_color_solid_cylinder.png<\/a>, <a title=\"Creative Commons Attribution-Share Alike 3.0\" href=\"http:\/\/creativecommons.org\/licenses\/by-sa\/3.0\">CC BY-SA 3.0<\/a>, <a href=\"https:\/\/commons.wikimedia.org\/w\/index.php?curid=9801673\">Link<\/a><\/p>\n<h1>Complementary Colors<\/h1>\n<p>The hue value of the shader is restricted to the <a href=\"https:\/\/en.wikipedia.org\/wiki\/Additive_color\">additive color mode<\/a>\u00a0of spectral light.\u00a0Because of that, you <strong>can&#8217;t use<\/strong>\u00a0the concept of <strong>traditional<\/strong>\u00a0<a href=\"https:\/\/en.wikipedia.org\/wiki\/Complementary_colors\"><em>complementary colors<\/em><\/a>. They are based on the <a href=\"https:\/\/en.wikipedia.org\/wiki\/Subtractive_color\">subtractive color mode<\/a>. If you&#8217;d like to use this kind of concept, you have to write (or find) a conversion lua script function for that.<\/p>\n<p>If you <strong>don&#8217;t care<\/strong> about the traditional\u00a0complementary colors you can of course use the <strong><em>RGB complementary colors<\/em><\/strong> by using the <strong><em>hue value of &#8220;50&#8221;<\/em><\/strong>.<\/p>\n<h1>Further possibilities<\/h1>\n<p>You can also use the <em>RGB shader<\/em> to limit or boost the primary color share of the selected {ucolor}. Unfortunately you can&#8217;t combine shaders for one and the same element.<\/p>\n<p>You can always control the &#8220;V&#8221; (color value) of HSV by using a grey scale for the bitmap images. You can read more about coloring bitmap images in this article:\u00a0<a href=\"http:\/\/bulletin-board.de\/watchfaces\/color-changing\/\">Color changing<\/a>.<\/p>\n<div class=\"twoclick-intro\"><div class=\"sharedaddy\">\n<h3 class=\"sd-title\">Like this on:<\/h3>\n<p>For privacy save likes click 2 times. Hover the <em>i<\/em> button for further information.\n<\/div>\n<\/div><div class=\"twoclick_social_bookmarks_post_710 social_share_privacy clearfix 1.6.4 locale-en_US sprite-en_US\"><\/div><div class=\"twoclick-js\"><script type=\"text\/javascript\">\/* <![CDATA[ *\/\njQuery(document).ready(function($){if($('.twoclick_social_bookmarks_post_710')){$('.twoclick_social_bookmarks_post_710').socialSharePrivacy({\"services\":{\"facebook\":{\"status\":\"on\",\"txt_info\":\"2 clicks for more privacy: The first click activates the like button, which already sends information to Facebook. The second click gives this content a Like.\",\"perma_option\":\"off\",\"action\":\"like\",\"language\":\"en_US\"},\"gplus\":{\"status\":\"on\",\"txt_info\":\"2 clicks for more privacy: The first click activates the like button, which already sends information to Google. The second click gives this content a Like.\",\"perma_option\":\"off\",\"referrer_track\":\"\"},\"pinterest\":{\"status\":\"on\",\"the_excerpt\":\"How to use multiple colors based on the new user color selector for {ucolor}  #assets #colors #ucolor\",\"txt_info\":\"2 clicks for more privacy: The first click activates the like button, which already sends information to Pinterest. The second click gives this content a Like.\",\"perma_option\":\"off\",\"media\":\"https:\\\/\\\/bulletin-board.de\\\/watchfaces\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/ucolor.jpg\"}},\"txt_help\":\"If you activate these fields by clicking, information will be send to Facebook, Twitter, Pinterest or Google. Click on the <em>i<\\\/em> button for further information.\",\"settings_perma\":\"Permanently activate the like buttons:\",\"info_link\":\"http:\\\/\\\/www.heise.de\\\/ct\\\/artikel\\\/2-Klicks-fuer-mehr-Datenschutz-1333879.html\",\"uri\":\"https:\\\/\\\/bulletin-board.de\\\/watchfaces\\\/multiple-colors-ucolor\\\/\",\"post_id\":710,\"post_title_referrer_track\":\"How+to+use+multiple+colors+based+on+the+new+user+color+selector+for+%7Bucolor%7D\",\"display_infobox\":\"on\"});}});\n\/* ]]> *\/<\/script><\/div>","protected":false},"excerpt":{"rendered":"<p>The Watchmaker app was\u00a0updated some weeks ago and introduced a new cool color selector right inside the app. This is very convenient for both: The users and the designers \/\u00a0developers. As a developer you just have to use the variable {ucolor} instead of a color code or your own color variable. Here&#8217;s the wiki documentation:&hellip; <a href=\"https:\/\/bulletin-board.de\/watchfaces\/multiple-colors-ucolor\/\">Continue reading <span class=\"screen-reader-text\">How to use multiple colors based on the new user color selector for {ucolor}<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":718,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":true,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"How to use multiple colors based on the new user color selector for {ucolor}","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[165,1],"tags":[80,78,166],"class_list":["post-710","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-editor","category-makers","tag-assets","tag-colors","tag-ucolor"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2017\/04\/ucolor.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p5aacI-bs","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":311,"url":"https:\/\/bulletin-board.de\/watchfaces\/color-changing\/","url_meta":{"origin":710,"position":0},"title":"Color changing","author":"Tamio Honma","date":"February 7, 2016","format":false,"excerpt":"Shortly after releasing my Homer watch face, one user suggested a feature to change the colors of the watch face background. I liked the idea, so I implemented a color change function, which I describe now. Asset production The first thing to do, is to remove the colors of\u00a0the graphic\u2026","rel":"","context":"In &quot;For the Makers&quot;","block_context":{"text":"For the Makers","link":"https:\/\/bulletin-board.de\/watchfaces\/category\/makers\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/photoshop-homer-asset-1-300x182.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/photoshop-homer-asset-1-300x182.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/photoshop-homer-asset-1-300x182.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/photoshop-homer-asset-1-300x182.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":388,"url":"https:\/\/bulletin-board.de\/watchfaces\/move-objects-in-a-circle-smoothly\/","url_meta":{"origin":710,"position":1},"title":"Move objects in a circle smoothly","author":"Tamio Honma","date":"February 11, 2016","format":false,"excerpt":"Some days ago, I posted an article called \"Back to trigonometry\" about moving objects in a circle by seconds, minutes or hours with a trigonometric formula. Today I write about the making of my new watch face Burner. Before writing about trigonometry again, I describe the production of the asset\u2026","rel":"","context":"In &quot;For the Makers&quot;","block_context":{"text":"For the Makers","link":"https:\/\/bulletin-board.de\/watchfaces\/category\/makers\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/Burner-Photoshop-300x223.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/Burner-Photoshop-300x223.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/Burner-Photoshop-300x223.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/Burner-Photoshop-300x223.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":367,"url":"https:\/\/bulletin-board.de\/watchfaces\/supporting-round-and-square-watches-in-one-watch-face\/","url_meta":{"origin":710,"position":2},"title":"Supporting round and square watches in one watch face","author":"Tamio Honma","date":"February 9, 2016","format":false,"excerpt":"Shortly after I've released my Homer watch face for round smart watches, a user suggested that I should support square watches as well. So I did. It doesn't matter, if you usually design your watch faces on a square watch or on a round one. You can support both watches\u2026","rel":"","context":"In &quot;For the Makers&quot;","block_context":{"text":"For the Makers","link":"https:\/\/bulletin-board.de\/watchfaces\/category\/makers\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/duff_0000_Rahmen-150x150.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":415,"url":"https:\/\/bulletin-board.de\/watchfaces\/moving-around-the-easy-way\/","url_meta":{"origin":710,"position":3},"title":"Moving around &#8211; the easy way","author":"Tamio Honma","date":"February 20, 2016","format":false,"excerpt":"In my recent\u00a0articles Back to Trigonometry\u00a0and\u00a0Move objects in a circle smoothly, I described a formula to move objects around a circle. Since WatchMaker also offers rotation values in degrees for time, we can simplify those formulas and make them more efficient to calculate. In the original formulas I've used {ds},\u2026","rel":"","context":"In &quot;For the Makers&quot;","block_context":{"text":"For the Makers","link":"https:\/\/bulletin-board.de\/watchfaces\/category\/makers\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":319,"url":"https:\/\/bulletin-board.de\/watchfaces\/back-to-trigonometry\/","url_meta":{"origin":710,"position":4},"title":"Back to trigonometry","author":"Tamio Honma","date":"February 8, 2016","format":false,"excerpt":"Since I'm scripting watch faces for smart watches, I was confronted with mathematical issues from my school days nearly 30\u00a0years ago. The basics The circle is\u00a0the main geometric form to support using watch faces. And so I was confronted with\u00a0\u03c0,\u00a0sine, angles and some other things from the trigonometry. One main\u2026","rel":"","context":"In &quot;For the Makers&quot;","block_context":{"text":"For the Makers","link":"https:\/\/bulletin-board.de\/watchfaces\/category\/makers\/"},"img":{"alt_text":"Circle-trig6.svg","src":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/9\/9d\/Circle-trig6.svg\/1200px-Circle-trig6.svg.png","width":350,"height":200,"srcset":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/9\/9d\/Circle-trig6.svg\/1200px-Circle-trig6.svg.png 1x, https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/9\/9d\/Circle-trig6.svg\/1200px-Circle-trig6.svg.png 1.5x, https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/9\/9d\/Circle-trig6.svg\/1200px-Circle-trig6.svg.png 2x, https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/9\/9d\/Circle-trig6.svg\/1200px-Circle-trig6.svg.png 3x"},"classes":[]},{"id":451,"url":"https:\/\/bulletin-board.de\/watchfaces\/rotate-forms-for-round-watch-faces\/","url_meta":{"origin":710,"position":5},"title":"Rotate forms for round watch faces","author":"Tamio Honma","date":"February 29, 2016","format":false,"excerpt":"Especially in the beginning of designing round watch faces, I had to get used to place forms to\u00a0the right place in a circle. This is needed for markers, numbers and some\u00a0decoration elements. Photoshop doesn't offer circular guide lines or other help functions for these kind of layouts. In fact, it's\u2026","rel":"","context":"In &quot;Photoshop&quot;","block_context":{"text":"Photoshop","link":"https:\/\/bulletin-board.de\/watchfaces\/category\/makers\/photoshop\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/rotate-hour-3.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/rotate-hour-3.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/rotate-hour-3.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/rotate-hour-3.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/bulletin-board.de\/watchfaces\/wp-content\/uploads\/2016\/02\/rotate-hour-3.png?resize=1050%2C600&ssl=1 3x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/bulletin-board.de\/watchfaces\/wp-json\/wp\/v2\/posts\/710","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bulletin-board.de\/watchfaces\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bulletin-board.de\/watchfaces\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bulletin-board.de\/watchfaces\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bulletin-board.de\/watchfaces\/wp-json\/wp\/v2\/comments?post=710"}],"version-history":[{"count":4,"href":"https:\/\/bulletin-board.de\/watchfaces\/wp-json\/wp\/v2\/posts\/710\/revisions"}],"predecessor-version":[{"id":722,"href":"https:\/\/bulletin-board.de\/watchfaces\/wp-json\/wp\/v2\/posts\/710\/revisions\/722"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bulletin-board.de\/watchfaces\/wp-json\/wp\/v2\/media\/718"}],"wp:attachment":[{"href":"https:\/\/bulletin-board.de\/watchfaces\/wp-json\/wp\/v2\/media?parent=710"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bulletin-board.de\/watchfaces\/wp-json\/wp\/v2\/categories?post=710"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bulletin-board.de\/watchfaces\/wp-json\/wp\/v2\/tags?post=710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}