{"id":1304,"date":"2009-11-07T10:15:39","date_gmt":"2009-11-07T08:15:39","guid":{"rendered":"http:\/\/4eyes.code66.se\/?p=1304"},"modified":"2009-11-07T10:15:39","modified_gmt":"2009-11-07T08:15:39","slug":"making-floor-tiles-in-omnigraffle-round-two","status":"publish","type":"post","link":"http:\/\/4eyes.code66.se\/?p=1304","title":{"rendered":"Making floor tiles in OmniGraffle &#8211; round two"},"content":{"rendered":"<p>So, we did a nice road floor tile yesterday, but did you think we would end just there? We have an OmniGraffle file, and OmniGraffle handles layers, so it is time to create some variations of our tile.<\/p>\n<p><!--more-->First out, we gonna create a tile for the perfect ambush, a small stone wall for the enemies to hide behind.<\/p>\n<p>We start <a href=\"http:\/\/www.omnigroup.com\/applications\/omnigraffle\/\" target=\"_blank\">OmniGraffle<\/a> by opening the file from yesterday.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2009\/11\/tt-final.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1299\" title=\"tt-final\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2009\/11\/tt-final.jpg\" alt=\"tt-final\" width=\"320\" height=\"320\" \/><\/a><\/p>\n<p>This is what we start with today.<\/p>\n<p>So, first add a new layer, between the lines and the ground, like this:<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2009\/11\/tx1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1310\" title=\"tx1\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2009\/11\/tx1.jpg\" alt=\"tx1\" width=\"114\" height=\"294\" \/><\/a><\/p>\n<p>The layer system in OmniGraffle is pretty powerful, but works different compared to layers in for example Photoshop. OmniGraffle doesn&#8217;t have a bunch of blending modes between the layers, only transparency settings on each object will reflect between the layers, and of cause shadows will render on underlaying layers as well.<\/p>\n<p>On the other hand, in OmniGraffle we work with graphical objects that we either create within OmniGraffle, or images that add to the document, the graphics is mostly <em>done<\/em> when we come to the OmniGraffle part of the work.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2009\/11\/tx2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1309\" title=\"tx2\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2009\/11\/tx2.jpg\" alt=\"tx2\" width=\"251\" height=\"500\" \/><\/a><\/p>\n<p>So, we add a bunch of different stones, most of these stones have been done before in <a href=\"http:\/\/www.cheetah3D.com\/\" target=\"_blank\">Cheetah3D<\/a>, with textures rendered in <a href=\"http:\/\/www.filterforge.com\/?affiliateid=200100725\" target=\"_blank\">FilterForge<\/a>.<\/p>\n<p>We add another set of stones, try to avoid using the same picture over and over again.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2009\/11\/tx3.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1308\" title=\"tx3\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2009\/11\/tx3.jpg\" alt=\"tx3\" width=\"154\" height=\"500\" \/><\/a><\/p>\n<p>So, now we need shadows to look the same, so we select all the stones and setup the shadow to render in the same layer and below, so the stones drop shadows on underlaying stones.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2009\/11\/tx4.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1307\" title=\"tx4\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2009\/11\/tx4.jpg\" alt=\"tx4\" width=\"242\" height=\"100\" \/><\/a><\/p>\n<p>One cool thing with OmniGraffle 5.x is that you can copy the props for a setting from one object to another. Say we add yet another stone to the wall, and what the same shadow settings as all the other stones.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2009\/11\/tx5.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1311\" title=\"tx5\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2009\/11\/tx5.jpg\" alt=\"tx5\" width=\"175\" height=\"38\" \/><\/a><\/p>\n<p>Select a stone that have the shadow we want, and at the bottom of the window, there is a &#8220;props bar&#8221;. \u00a0In this case, the shadow prop is circled in red (<em>I did that for showing it<\/em>). Drag that shadow prop setting from the bar to the new stone, and it will get that shadow setting, very neat feature.<\/p>\n<p><a href=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2009\/11\/tx-final.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1306\" title=\"tx-final\" src=\"http:\/\/4eyes.code66.se\/wp-content\/uploads\/2009\/11\/tx-final.jpg\" alt=\"tx-final\" width=\"301\" height=\"300\" \/><\/a><\/p>\n<p>So, here is our road floor tile with a stone wall, and here is the OmniGraffle file,\u00a0<a href=\"http:\/\/homepage.mac.com\/guru66\/4EYes\/roadtile-1.graffle.zip\" target=\"_blank\">roadtile-1.graffle.zip<\/a> (7.1MB).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>So, we did a nice road floor tile yesterday, but did you think we would end just there? We have an OmniGraffle file, and OmniGraffle handles layers, so it is time to create some variations of our tile.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[11,10],"class_list":["post-1304","post","type-post","status-publish","format-standard","hentry","category-mapmaking","tag-imagesynth","tag-omnigraffle"],"_links":{"self":[{"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/posts\/1304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1304"}],"version-history":[{"count":5,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/posts\/1304\/revisions"}],"predecessor-version":[{"id":1426,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/posts\/1304\/revisions\/1426"}],"wp:attachment":[{"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1304"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1304"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}