🔒 Locked

Creating isometric tiles in Photoshop

Started by BigFreak Mar 17, 2006 at 12:16 PM 3 replies 16.1k views

Original Post

Mar 17, 2006 at 12:16 PM

Yeah, I realise this is only very slightly relevant to the topic but I believe it's the closest. Anywho. I've been trying to make a very basic tile in Photoshop by drawing out a square, rotating 45degrees then scaling the height by half. However Photoshop antialiases on rotating which doesn't help when trying to use transparency on a key colour. Are there either any dedicated apps out there for creating iso tiles or anyway in Photoshop to rotate without it antialising? Thanks a lot.

falkone

Mar 17, 2006 at 12:42 PM

Would it help to use two layers, one for the image (with actual transparency) and then one for the background transparent color?

jdarling

Mar 17, 2006 at 12:45 PM

While this isn't really a "Solution" to the problem, this does work:

 * First create a new image for the tile (we will say 60x60 to start with). * Create a new layer * Flood that layer with a color (black works fine) * Rotate arbitrary 45 degrees * 1/2 the height (don't forget to remove constrain proportions)   ** At 60x60 rotated (turns into 85x85) this is about 42 * Uncheck Anti-alias (flood fill is still selected) in the top bar * Flood the area again (this will give you a non anti-aliased version) * Now go to your tile image * Rotate and copy (Ctrl+Shift+C) * Paste into your new document * Select on your mask layer * Switch to pasted layer and delete

You should now have an aliased image that you can use for your tile (not to mention that the black layer can be flooded to fit fringes if they exist). Flood the background with your transparent color and you should be fine.

Also TileStudio can edit isometric tiles if I remember properly.

- Jeremy

BigFreak

Author

BigFreak

Mar 17, 2006 at 1:22 PM

Awesome, thanks a lot. You are a lovely person.

e-u-l-o-g-y

Mar 17, 2006 at 1:38 PM

There are some good tutorials here (both tiles and sprites)

http://www.spriteart.com/
http://www.spriteart.com/tutorials/02_iso_1to1.html

this one's ok
http://www.19.5degs.com/element/869.php

I had another really great link to pixeltutorial.cjb.net, but it seems to be dead :( Apart from that, just google for words like pixelling, isometric, art..

Topic Locked

This topic has been locked by a moderator. New replies are not allowed.