{"id":1293,"date":"2009-11-06T08:02:17","date_gmt":"2009-11-06T06:02:17","guid":{"rendered":"http:\/\/4eyes.code66.se\/?p=1293"},"modified":"2009-11-06T08:02:17","modified_gmt":"2009-11-06T06:02:17","slug":"making-floor-tiles-in-omnigraffle","status":"publish","type":"post","link":"http:\/\/4eyes.code66.se\/?p=1293","title":{"rendered":"Making floor tiles in OmniGraffle"},"content":{"rendered":"

So, we’re back to making cool stuff to enhance the gaming experience, and one thing you cannot have too many of are floor tiles. I cannot call them Dungeon Tiles<\/em>, or I will get WotC legal all over me.<\/p>\n

We start with browsing CGTextures<\/a> for some good textures, today we will create a generic road floor tile. Remember that the textures and photos at CGTextures can be used in 2D or 3D models, but you can not make textures based on their material and sell.<\/p>\n

So, I did find one tiles flowery grass tile, this one, perfect for a spring road leading to a rural village.
\nAll textures here are aggressively resized and compressed for your viewing pleasure and to save bandwidth.<\/em><\/p>\n

\"tt2\"<\/a><\/p>\n

For the road, I found this texture, nice stone work.<\/p>\n

\"tt0\"<\/a><\/p>\n

I gave it a run through ImageSynth<\/a>, and the result at fist run was over my expectations, really good.<\/p>\n

\"tt1\"<\/a><\/p>\n

Normally you will have to fiddle a little in ImageSynth for a perfect result, but this one came out right at first run.<\/p>\n

I ran a FilterForge<\/a> filter on the tiles image from ImageSynth, one of my own filters that blurs the edge(s) of the image.<\/p>\n

The blurred images are PNGs, and way to fat to put here, they weight about 1 MB each.<\/p>\n

So, let’s start up OmniGraffle<\/a> and build us a road floor tile.<\/p>\n

\"tt3\"<\/a><\/p>\n

Here you can see the three tiles I have for this, the flowery grass, the blurred road tile and the road tile.<\/p>\n

\"tt4\"<\/a><\/p>\n

I resize the flower tile to be 2 1\/2 square (as I use 1\/2″ grid, I can snap to grid. I set the texture in Omni to tile, so it will not look reshaped at all.<\/p>\n

\"tt5\"<\/a><\/p>\n

Here I have put the together.<\/p>\n

\"tt6\"<\/a><\/p>\n

As you can see, I use tiling on the grass even in the vertical direction, but I use several images for the road, and I will tell you why I don’t use tiling on the road. It is because it should tile against another image, the one with the blurred edge, and OmniGraffle is not 100% perfect when you have two images that tile, and you resize both, they wont tile with each other. But, on the other hand, that logic is pretty hard as you need to know where each image starts, so I solve this the normal way I do it in OmniGraffle.<\/p>\n

Now, I just add a new layer in OmniGraffle and draw some straight lines for the grid. The grid is important, without that, the PCs are as lost as my grandmother would have been on the internet if she had lived today.<\/p>\n

\"tt-final\"<\/a><\/p>\n

So, nice isn’t it? And, as a surprise to everyone, here is the OmniGraffle file for this:<\/p>\n

roadtile.graffle.zip<\/a> (1.9 MB)<\/p>\n

I feel like that old song by Manfred Mann, Dave is on the road again..<\/em>.<\/p>\n","protected":false},"excerpt":{"rendered":"

So, we’re back to making cool stuff to enhance the gaming experience, and one thing you cannot have too many of are floor tiles. I cannot call them Dungeon Tiles, or I will get WotC legal all over me.<\/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-1293","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\/1293","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=1293"}],"version-history":[{"count":4,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/posts\/1293\/revisions"}],"predecessor-version":[{"id":1402,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=\/wp\/v2\/posts\/1293\/revisions\/1402"}],"wp:attachment":[{"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1293"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1293"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/4eyes.code66.se\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1293"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}