Building Tiled Backgrounds Using Photoshop and Illustrator
I can’t wait to get back to publishing Flash tips and code, buy information pills healing but we’ve been so wrapped up in ChessJam lately leaving so little time to clean up code and make things more component-ized. I am enjoying the break from programming though, drugs doing illustration again has been very rewarding.
Fixing Blotchy Textures:
In producing tiled textures for some of the background paintings and 3D renderings, approved I found that even though the tiles did not really show any seams, they were creating some weird patterns over the whole tiled area. They needed tweaking without a long and laborious process of exporting and rendering. The key for me was to have a realtime preview of what I was working on, seeing how the tile would look tiled over a larger surface while I was painting in Photoshop. There may be better ways, we always appreciate feedback, but this worked really well and now my textures are much less blotchy.
After you get the tile started in Photoshop, save a PSD. Then you can Place (File : Place) that PSD into Illustrator. Using the duplicate feature in Illustrator (command + option : Mac or control + alt : PC) you can drag out as many of these tiles as you need. I built a 9 unit grid using the placed PSD. Then every time I saved in photoshop, the tiles would update in Illustrator when I brought Illustrator to the front. Now I can see how the dynamics of the tile will effect the larger area after it is tiled.
Added sample of tiled background.
Here are some sneaks of the new screens created and updated for the new 2.0 release. To find out more about what is happening with ChessJam, check out the official ChessJam blog.