{"id":60,"date":"2015-11-23T23:43:41","date_gmt":"2015-11-24T07:43:41","guid":{"rendered":"http:\/\/www.hankgrebe.com\/ux\/?p=60"},"modified":"2023-02-15T17:57:41","modified_gmt":"2023-02-16T01:57:41","slug":"designing-a-new-logo","status":"publish","type":"post","link":"https:\/\/www.hankgrebe.com\/ux\/designing-a-new-logo\/","title":{"rendered":"Designing a New Logo"},"content":{"rendered":"<p><a href=\"http:\/\/mediaspin.com\/blog\/?attachment_id=1028\" rel=\"attachment wp-att-1028\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1028 alignleft\" style=\"margin-left: 10px; margin-right: 10px;\" src=\"https:\/\/i0.wp.com\/mediaspin.com\/blog\/wp-content\/uploads\/2013\/01\/Cyclone7_Logo_icon.jpg?resize=100%2C100\" alt=\"Cyclone7 Icon\" width=\"100\" height=\"100\" \/><\/a> In the beginning, there was the 32 x 32 Cyclone 7 icon, the only logo artwork available.\u00a0 This image had been used for a number of generations of the\u00a03D point cloud processing software, <a href=\"http:\/\/hds.leica-geosystems.com\/en\/Leica-Cyclone_6515.htm\" target=\"_blank\" rel=\"noopener\">Cyclone<\/a>.\u00a0 With the launch of Cyclone version 8, it was high time for a new look, and new logo to accompany the powerful new 3D software update.\u00a0 So began the search for a new look, a refreshed identity embodied in a graphical symbol, a new logo.<\/p>\n<p>My first inclination was to explore completely new concepts and looks, showing that Cyclone&#8217;s connection to the 3D world and playing off of the cyclone, tornado, whirlwind concept.<\/p>\n<p><a href=\"http:\/\/mediaspin.com\/blog\/?attachment_id=1030\" rel=\"attachment wp-att-1030\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1030\" src=\"https:\/\/i0.wp.com\/mediaspin.com\/blog\/wp-content\/uploads\/2013\/01\/Cyclone8_DraftDesignConcepts.jpg?resize=456%2C144\" alt=\"Cyclone8_DraftDesignConcepts\" width=\"456\" height=\"144\" \/><\/a><\/p>\n<p><a href=\"http:\/\/mediaspin.com\/blog\/?attachment_id=1033\" rel=\"attachment wp-att-1033\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1033\" style=\"margin-left: 8px; margin-right: 8px;\" src=\"https:\/\/i0.wp.com\/mediaspin.com\/blog\/wp-content\/uploads\/2013\/01\/Cyclone8_DraftLogo-04.jpg?resize=160%2C160\" alt=\"Cyclone8_DraftLogo-04\" width=\"160\" height=\"160\" \/><\/a><a href=\"http:\/\/mediaspin.com\/blog\/?attachment_id=1032\" rel=\"attachment wp-att-1032\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1032\" src=\"https:\/\/i0.wp.com\/mediaspin.com\/blog\/wp-content\/uploads\/2013\/01\/Cyclone8_DraftLogo-03.jpg?resize=160%2C160\" alt=\"Cyclone8_DraftLogo-03\" width=\"160\" height=\"160\" \/><\/a><a href=\"http:\/\/mediaspin.com\/blog\/?attachment_id=1031\" rel=\"attachment wp-att-1031\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1031\" style=\"margin-left: 8px; margin-right: 8px;\" src=\"https:\/\/i0.wp.com\/mediaspin.com\/blog\/wp-content\/uploads\/2013\/01\/Cyclone8_DraftLogo-02.jpg?resize=160%2C160\" alt=\"Cyclone8_DraftLogo-02\" width=\"160\" height=\"160\" \/><\/a><\/p>\n<p>Using Autodesk Maya and Adobe Illustrator, I tinkered with a conical theme, keeping in mind that Cyclone&#8217;s letter &#8220;C&#8221; might be worked into it.<\/p>\n<p><a href=\"http:\/\/mediaspin.com\/blog\/?attachment_id=1029\" rel=\"attachment wp-att-1029\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1029\" src=\"https:\/\/i0.wp.com\/mediaspin.com\/blog\/wp-content\/uploads\/2013\/01\/Cyclone7_Logo_outlines-01.jpg?resize=420%2C226\" alt=\"Cyclone7_Logo_outlines-01\" width=\"420\" height=\"226\" \/><\/a><\/p>\n<p>Not being completely sold on the cones, it was time to revisit the original icon, and break down what it was about.\u00a0 Outlining the artwork in Illustrator, it became clear that the logo was a pair of letter &#8220;C&#8221;s with a red dot, viewed in 3D perspective.\u00a0 I decided to try and recreate this using a 3D camera view in Maya.<\/p>\n<p><a href=\"http:\/\/mediaspin.com\/blog\/?attachment_id=1036\" rel=\"attachment wp-att-1036\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1036\" src=\"https:\/\/i0.wp.com\/mediaspin.com\/blog\/wp-content\/uploads\/2013\/01\/Cyclone8_Logo_in_Maya-1.jpg?resize=500%2C408\" alt=\"Cyclone8_Logo_in_Maya-1\" width=\"500\" height=\"408\" \/><\/a><\/p>\n<p>Here we see two C&#8217;s extruded, with a cylindrical dot placed in the center.\u00a0 Getting on the right track for 3D software now!\u00a0 More refinement to be done.<\/p>\n<p><a href=\"http:\/\/mediaspin.com\/blog\/?attachment_id=1037\" rel=\"attachment wp-att-1037\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1037\" src=\"https:\/\/i0.wp.com\/mediaspin.com\/blog\/wp-content\/uploads\/2013\/01\/Cyclone8_Logo_in_Maya-2.jpg?resize=500%2C347\" alt=\"Cyclone8_Logo_in_Maya-2\" width=\"500\" height=\"347\" \/><\/a><\/p>\n<p>Here a slight rounded bevel has been added to the extrusion, and textures to the 3D geometry.\u00a0 Time to explore more surface treatments, lighting and rendering.<\/p>\n<p><a href=\"http:\/\/mediaspin.com\/blog\/?attachment_id=1038\" rel=\"attachment wp-att-1038\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1038 alignleft\" style=\"margin-left: 8px; margin-right: 8px;\" src=\"https:\/\/i0.wp.com\/mediaspin.com\/blog\/wp-content\/uploads\/2013\/01\/Cyclone8.0_Logo-Alpha-Plastic.jpg?resize=240%2C240\" alt=\"Cyclone8.0_Logo-Alpha-Plastic\" width=\"240\" height=\"240\" \/><\/a><a href=\"http:\/\/mediaspin.com\/blog\/?attachment_id=1039\" rel=\"attachment wp-att-1039\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1039\" style=\"margin-left: 8px; margin-right: 8px;\" src=\"https:\/\/i0.wp.com\/mediaspin.com\/blog\/wp-content\/uploads\/2013\/01\/Cyclone8.0_Logo-Beta-480.jpg?resize=240%2C240\" alt=\"Cyclone8.0_Logo-Beta-480\" width=\"240\" height=\"240\" \/><\/a><\/p>\n<p>The rendering on the left has a few more directional lights added to the Maya screen preceding it.\u00a0 The rendering on the right is the result of adding a brushed metal, stainless steel style texture and bump map to the rendering.\u00a0 The camera was changed to a wider angle lens setting, to force a more oblique, dynamic perspective, closely matching the original Cyclone 7 logo.\u00a0 The next test would be to composite the new logo into the Cyclone 8.0 splash screen.<\/p>\n<p><a href=\"http:\/\/mediaspin.com\/blog\/?attachment_id=1040\" rel=\"attachment wp-att-1040\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1040\" src=\"https:\/\/i0.wp.com\/mediaspin.com\/blog\/wp-content\/uploads\/2013\/01\/Cyclone8.0_SplashScreen.jpg?resize=500%2C357\" alt=\"Cyclone8.0_SplashScreen\" width=\"500\" height=\"357\" \/><\/a><\/p>\n<p>With this, the product management group\u00a0 felt we had a winner, and were anxious to release the new software.\u00a0 Upon further review, we had not yet scored a goal, and so gave it another shot along with helpful suggestions.\u00a0 The final logo is brighter and easier to read and interpret, and still holds true to the 3D software roots of Cyclone.\u00a0 The new logo was launched proudly with Cyclone 8.<\/p>\n<p><a href=\"http:\/\/mediaspin.com\/blog\/?attachment_id=1041\" rel=\"attachment wp-att-1041\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1041\" src=\"https:\/\/i0.wp.com\/mediaspin.com\/blog\/wp-content\/uploads\/2013\/01\/Cyclone8.1_SplashScreen-632.jpg?resize=500%2C368\" alt=\"Cyclone8.1_SplashScreen-632\" width=\"500\" height=\"368\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>The logo design lives on in the current Cyclone version 9.1. \u00a0The style has been adopted for branding Leica&#8217;s CloudWorx for AutoCAD software, and the JetStream high point cloud rendering system.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.hankgrebe.com\/ux\/wp-content\/uploads\/2015\/11\/Cyclone9.0_SplashScreen-v2-2014-632px.jpg\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"65\" data-permalink=\"https:\/\/www.hankgrebe.com\/ux\/designing-a-new-logo\/cyclone9-0_splashscreen-v2-2014-632px\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.hankgrebe.com\/ux\/wp-content\/uploads\/2015\/11\/Cyclone9.0_SplashScreen-v2-2014-632px.jpg?fit=632%2C466&amp;ssl=1\" data-orig-size=\"632,466\" data-comments-opened=\"0\" 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;1&quot;}\" data-image-title=\"Cyclone9.0_SplashScreen-v2-2014-632px\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/www.hankgrebe.com\/ux\/wp-content\/uploads\/2015\/11\/Cyclone9.0_SplashScreen-v2-2014-632px.jpg?fit=300%2C221&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/www.hankgrebe.com\/ux\/wp-content\/uploads\/2015\/11\/Cyclone9.0_SplashScreen-v2-2014-632px.jpg?fit=632%2C466&amp;ssl=1\" class=\"alignnone size-full wp-image-65\" src=\"https:\/\/i0.wp.com\/www.hankgrebe.com\/ux\/wp-content\/uploads\/2015\/11\/Cyclone9.0_SplashScreen-v2-2014-632px.jpg?resize=500%2C368\" alt=\"Cyclone9.0_SplashScreen-v2-2014-632px\" width=\"500\" height=\"368\" srcset=\"https:\/\/i0.wp.com\/www.hankgrebe.com\/ux\/wp-content\/uploads\/2015\/11\/Cyclone9.0_SplashScreen-v2-2014-632px.jpg?w=632&amp;ssl=1 632w, https:\/\/i0.wp.com\/www.hankgrebe.com\/ux\/wp-content\/uploads\/2015\/11\/Cyclone9.0_SplashScreen-v2-2014-632px.jpg?resize=300%2C221&amp;ssl=1 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the beginning, there was the 32 x 32 Cyclone 7 icon, the only logo artwork available.\u00a0 This image had been used for a number of generations of the\u00a03D point cloud processing software, Cyclone.\u00a0 With the launch of Cyclone version 8, it was high time for a new look, and new logo to accompany the&#8230;<\/p>\n","protected":false},"author":1,"featured_media":88,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[4,5],"tags":[],"class_list":["post-60","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-article","category-design"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.hankgrebe.com\/ux\/wp-content\/uploads\/2015\/11\/Cyclone8.0_Logo_400x300.jpg?fit=400%2C300&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p73ygx-Y","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.hankgrebe.com\/ux\/wp-json\/wp\/v2\/posts\/60","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hankgrebe.com\/ux\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hankgrebe.com\/ux\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hankgrebe.com\/ux\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hankgrebe.com\/ux\/wp-json\/wp\/v2\/comments?post=60"}],"version-history":[{"count":4,"href":"https:\/\/www.hankgrebe.com\/ux\/wp-json\/wp\/v2\/posts\/60\/revisions"}],"predecessor-version":[{"id":346,"href":"https:\/\/www.hankgrebe.com\/ux\/wp-json\/wp\/v2\/posts\/60\/revisions\/346"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hankgrebe.com\/ux\/wp-json\/wp\/v2\/media\/88"}],"wp:attachment":[{"href":"https:\/\/www.hankgrebe.com\/ux\/wp-json\/wp\/v2\/media?parent=60"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hankgrebe.com\/ux\/wp-json\/wp\/v2\/categories?post=60"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hankgrebe.com\/ux\/wp-json\/wp\/v2\/tags?post=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}