{"id":2660,"date":"2015-07-28T00:09:06","date_gmt":"2015-07-28T07:09:06","guid":{"rendered":"http:\/\/networkdiagram101.com\/?page_id=2660"},"modified":"2020-12-22T12:05:47","modified_gmt":"2020-12-22T20:05:47","slug":"tip-14","status":"publish","type":"page","link":"https:\/\/networkdiagram101.com\/?page_id=2660","title":{"rendered":"Tip 14"},"content":{"rendered":"<div id=\"google_translate_element\"><\/div>\n<p><script type=\"text\/javascript\">\nfunction googleTranslateElementInit() {\n  new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL, gaTrack: true, gaId: 'UA-41069223-1'}, 'google_translate_element');\n}\n<\/script><script type=\"text\/javascript\" src=\"\/\/translate.google.com\/translate_a\/element.js?cb=googleTranslateElementInit\"><\/script><\/p>\n<p><center><br \/>\n<iframe loading=\"lazy\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/S8VD0mti45s?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<h3>TIP 14 In Depth Video with Example<\/h3>\n<p>Watch my YouTube video for more information, and subscribe to my channel to be notified of new content.<br \/>\n<\/center><br \/>\n&nbsp;<\/p>\n<p><span style=\"font-size: 18px;\"><span style=\"color: #676767;\"><span><span class='dropcap1'>I<\/span>mpress your boss by using the company colors in your diagrams. \u00a0Sample the exact colors of a company logo and incorporate into your diagram and border elements.\u00a0<\/span><\/span><\/span><br \/>\n<div class='divider-border' style='margin-top: 40px; margin-bottom: 40px'><\/div><div class='clear'><\/div>\n<h3><span style=\"color: #78d18b;\"><strong>Example 14-1<\/strong><\/span><\/h3>\n<p><span style=\"font-size: 16px;\"><span style=\"color: #676767;\"><span><span style=\"color: #676767;\">Start with a clean logo and open in Microsoft Paint.<\/span><\/span><\/span><\/span><\/p>\n<h3><\/h3>\n<p><center><img loading=\"lazy\" alt=\"text\" src=\"http:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/07\/DIAG_logo.jpg\" width=\"161\" height=\"146\" \/><center><\/center><\/center><div class='divider-border' style='margin-top: 40px; margin-bottom: 40px'><\/div><div class='clear'><\/div>\n<h3><span style=\"color: #78d18b;\"><strong>Example 14-2<\/strong><\/span><\/h3>\n<p><span style=\"font-size: 16px;\"><span style=\"color: #676767;\"><span><span style=\"color: #676767;\">\u00a0Select the eye dropper tool and click on the orange area in the logo.<br \/>\n<\/span><\/span><\/span><\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><\/h3>\n<p><center><img alt=\"text\" src=\"http:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/07\/TIP14_Example1-1.jpg\" \/><center><\/center><\/center><div class='divider-border' style='margin-top: 40px; margin-bottom: 40px'><\/div><div class='clear'><\/div>\n<h3><span style=\"color: #78d18b;\"><strong>Example 14-3<\/strong><\/span><\/h3>\n<p><span><span><span><span style=\"color: #676767;\"><span style=\"font-size: 16px;\">After the color has been sampled (Color 1), choose Edit colors on right side of color\u00a0palette.\u00a0<\/span><\/span><\/span><\/span><\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><\/h3>\n<p><center><img alt=\"text\" src=\"http:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/07\/TIP14_Example1-2.jpg\" \/><center><\/center><\/center><div class='divider-border' style='margin-top: 40px; margin-bottom: 40px'><\/div><div class='clear'><\/div>\n<h3><span style=\"color: #78d18b;\"><strong>Example 14-4<\/strong><\/span><\/h3>\n<p><span style=\"font-size: 16px;\"><span style=\"color: #676767;\"><span><span style=\"color: #676767;\">Write down the Hue, Saturation, and Luminosity (HSL) <strong>or<\/strong> the Red, Green, Blue (RGB) information.<br \/>\n<\/span><\/span><\/span><\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><\/h3>\n<p><center><img alt=\"text\" src=\"http:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/07\/TIP14_Example1-3.jpg\" \/><center><\/center><\/center><div class='divider-border' style='margin-top: 40px; margin-bottom: 40px'><\/div><div class='clear'><\/div>\n<h3><span style=\"color: #78d18b;\"><strong>Example 14-5<\/strong><\/span><\/h3>\n<p><span style=\"font-size: 16px;\"><span style=\"color: #676767;\"><span><span style=\"color: #676767;\">In Microsoft Visio, select your shape and on the HOME tab, go to EDIT&gt;More Colors.<br \/>\n<\/span><\/span><\/span><\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><\/h3>\n<p><center><img alt=\"text\" src=\"http:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/07\/TIP14_Example1-4.jpg\" \/><center><\/center><\/center><div class='divider-border' style='margin-top: 40px; margin-bottom: 40px'><\/div><div class='clear'><\/div>\n<h3><span style=\"color: #78d18b;\"><strong>Example 14-6<\/strong><\/span><\/h3>\n<p><span style=\"font-size: 16px;\"><span style=\"color: #676767;\"><span><span style=\"color: #676767;\">Choose the Custom tab, and in this example I used the RGB levels for the orange I wrote down from the logo sampling. <\/span><\/span><\/span><\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><\/h3>\n<p><center><img alt=\"text\" src=\"http:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/07\/TIP14_Example1-5.jpg\" \/><center><\/center><\/center><div class='divider-border' style='margin-top: 40px; margin-bottom: 40px'><\/div><div class='clear'><\/div>\n<h3><span style=\"color: #78d18b;\"><strong>Example 14-7<\/strong><\/span><\/h3>\n<p><span style=\"font-size: 16px;\"><span style=\"color: #676767;\"><span><span style=\"color: #676767;\">Ring takes on the exact logo color. <\/span><\/span><\/span><\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><\/h3>\n<p><center><img alt=\"text\" src=\"http:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/07\/TIP14_Example1-6.jpg\" \/><center><\/center><\/center><div class='divider-border' style='margin-top: 40px; margin-bottom: 40px'><\/div><div class='clear'><\/div>\n<h3><span style=\"color: #78d18b;\"><strong>Example 14-8<\/strong><\/span><\/h3>\n<p><span style=\"font-size: 16px;\"><span style=\"color: #676767;\"><span><span style=\"color: #676767;\">Use the colors sparingly, reserving for important locations like company headquarters and the border. \u00a0The diagram will take on the corporate identity and create a sense of pride. <\/span><\/span><\/span><\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><\/h3>\n<p><center><img alt=\"text\" src=\"http:\/\/networkdiagram101.com\/wp-content\/uploads\/2015\/07\/TIP14_Full-example-s.jpg\" \/><\/center><center><\/center><center><\/center><div class='divider-border' style='margin-top: 40px; margin-bottom: 40px'><\/div><div class='clear'><\/div>\n<p style=\"text-align: center;\"><a target='_self' href='http:\/\/networkdiagram101.com\/?page_id=1314' class='button large rounded green'>&lt; TIP<\/a><a target='_self' href='http:\/\/networkdiagram101.com\/?page_id=4763\" target=\"_blank' class='button large rounded green'>TIP &gt;<\/a>\n<p><center><img alt=\"text\" src=\"http:\/\/networkdiagram101.com\/wp-content\/uploads\/2013\/05\/compass-vsmall.png\" \/><\/center><center><a target='_blank' href='http:\/\/networkdiagram101.com\/?page_id=820' class='button large rounded orange'>Diagram Store<\/a><\/center><\/p>\n","protected":false},"excerpt":{"rendered":"<p>TIP 14 In Depth Video with Example Watch my YouTube video for more information, and subscribe to my channel to be notified of new content. &nbsp; mpress your boss by using the company colors in your diagrams. \u00a0Sample the exact colors of a company logo&#8230;<\/p>\n","protected":false},"author":116,"featured_media":2911,"parent":66,"menu_order":14,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=\/wp\/v2\/pages\/2660"}],"collection":[{"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=\/wp\/v2\/users\/116"}],"replies":[{"embeddable":true,"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2660"}],"version-history":[{"count":54,"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=\/wp\/v2\/pages\/2660\/revisions"}],"predecessor-version":[{"id":33198,"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=\/wp\/v2\/pages\/2660\/revisions\/33198"}],"up":[{"embeddable":true,"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=\/wp\/v2\/pages\/66"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=\/wp\/v2\/media\/2911"}],"wp:attachment":[{"href":"https:\/\/networkdiagram101.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}