John Rostron Posted January 23, 2018 Share Posted January 23, 2018 A recent post in the Questions forum asked about seamless tiling. There are also video tutorials available, such as the one on Seamless Textures. I describe here how I created a seamless tile to form a repeatable background to the pages on one of my web site. The website was for a wood, so the starting point for the background image was a photo of the autumn woodland floor covered in leaf litter: This image will not tile seamlessly. The first step is to apply the Affine transformation (Filters > Distort > Affine) with an offset of 50% in each of the x and y axes. This gives: The left and right edges of this would now tile seamlessly (as would the top and bottom. But there is the mismatch along the central axes. To get rid of these I placed images of single leaves onto these axes. The leaves were scanned on a flatbed scanner; the individual images edited to remove the white background and they were then saved as .png images. The leaves were placed onto my background using File > Place, and then resized to some extent to get the right scale, and they were randomly rotated. This has now masked all the non-seamless axes. The Affine transform is now reversed, using the same procedure as before ( (Filters > Distort > Affine) with an offset of 50% in each of the x and y axes) This has now created a seamless tile. However, in this example, The placed leaves are conspicuously around the edges, so I added some more at random points over the rest of the image: I could have added more, but I chose to stop there. This image now forms a seamless tile. To demonstrate the effect, I placed four copies of the image together to show how they tile seamlessly (or they would do if I get my placing more precise). In this example, I started off with a background of leaf litter on the woodland floor. I could have started with a blank image and placed leaf images all over it to hide any background. Then I would begin the procedure as above. This would probably have been better since there would be no distinction between the the various leaf images; they would blend in better. However, for my purposes, I liked the original woodland floor image. For a background page for a website, I faded the image above to as not to be too intrusive. I used this technique for the Friends of Coombe Wood web pages. (Apologies for not updating it. I have been unable to visit for the last few months.) John mpowell and Airhead 2 Quote Windows 10, Affinity Photo 1.10.5 Designer 1.10.5 and Publisher 1.10.5 (mainly Photo), now ex-Adobe CC CPU: AMD A6-3670. RAM: 16 GB DDR3 @ 666MHz, Graphics: 2047MB NVIDIA GeForce GT 630 Link to comment Share on other sites More sharing options...
Stuke Posted December 24, 2019 Share Posted December 24, 2019 Thanks for this forum tutorial. I like the finished product although might I suggest an improvement (or alternative)? Sample some other color leaves for the placement after the first Affine 50%,50% action to hide the original edge borders. This would make it a bit less obvious. Of course, every original image we wish to make a seamless texture has it's challenges...usually light intensity is the most difficult to handle. I'm hoping something appears for Affinity Photo (actually in the product or third-party macro) that would behave much like the Map...Tile Seamless... in GIMP. Cheers! Quote -- Stuke Link to comment Share on other sites More sharing options...
John Rostron Posted December 24, 2019 Author Share Posted December 24, 2019 @Stuke, I did a follow-up tutorial which take on-board what you say. There is also a resource giving more examples. John Quote Windows 10, Affinity Photo 1.10.5 Designer 1.10.5 and Publisher 1.10.5 (mainly Photo), now ex-Adobe CC CPU: AMD A6-3670. RAM: 16 GB DDR3 @ 666MHz, Graphics: 2047MB NVIDIA GeForce GT 630 Link to comment Share on other sites More sharing options...
AntunesNeto Posted July 8, 2020 Share Posted July 8, 2020 AFFINE Tool is the TOOL I need. Thanks! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.