Turn a Texture into a Seamlessly Tiled Background

textures1 Turn a Texture into a Seamlessly Tiled Background

Tiled backgrounds are great for both website backgrounds and in all kinds of Photoshop work. They are particularly useful when working with textures where you need a larger overall background than the small image you have to work with. In this quick tutorial I’ll take you through taking a texture and turning it into a background image ready for seamless tiling. It’s a useful little technique that’s been around forever.

So the first step is to grab the main image and then crop into a section that doesn’t have the really dark corner patches. Something like the box shown above.

Here is our segment. I’ve actually shrunk it down a bit so that the texture isn’t so oversharpened. Now although it’s mostly evenly coloured, we could do with lightening the edges. The more even we can get the image the better as slight differences are quite glaring when the background is tiled.

continue

Share on Facebook




Related Posts :


Subscribe to our feed for news & updates !

Enter your email address :


Related posts :


Colorful background design with bokeh effect.

In today’s tutorial, you’ll learn how to create an abstract colorful background with bokeh effect using Photoshop’s drawing tools, blending modes, and lighting techniques. Layered PSD file included. Let’s get started! Create a new...


Classic Starburst Background Effect In Photoshop

In this Photoshop effects tutorial, we’re going to learn how to create a classic “starburst” background, the same effect you’ve undoubtedly seen hundreds of times in grocery stores, department stores, and in those weekly...


How to turn Photos into Cinematic Portraits

There are a plethora of ways to treat a portrait for a myriad of uses, but that is for another feature. Let’s tackle adding drama or a cinematic quality to a regular, humdrum portrait....


Bubble Text

Before getting started, you may want to find a suitable font for this effect, as not all fonts will necessarily look right when this style is applied. You want a font with rounded edges...


Glossy Carbon Fibre Navigation Buttons

I really love this kind of style, so I thought just I’d share another tutorial with you guys (and girls, of course) on how to design something like what I’ve shown below, a kind...


Professional Skin Texture Sharpening

Have you ever wonder how to close up portraits with beautiful skin texture like the ones in magazines? In this Photoshop tutorial, we will show you the industry-secret technique the top pro photographers use...


Professional Web Navigation Menu Button

In this easy, step-by-step tutorial I’m going to show you how to design an interesting professional menu button by using some simple filters, for example Gaussian Blur & Motion Blur. So, the first step...


Create Bamboo With Photoshop

In this tutorial you will learn how to draw semi-realistic bamboo in Adobe Photoshop—perfect for textures and backgrounds. Create a new document with 800 on 600 pixels, resolution 300 dpi and a transparent background....


How to draw an abstract background with photoshop.

Being able to create effects from elsewhere is a great way to learn Adobe Photoshop. Here I will take you through the steps used to create abstract background from bubbles and waves. Create a...


Create a Retro Photo and Background

In this tutorial we are going to take a regular, boring photo and liven it up using with some effects to give it more of a retro feel to it. We are then going...





Vertical1238097 = false; ShowAdHereBanner1238097 = true; RepeatAll1238097 = false; NoFollowAll1238097 = false; BannerStyles1238097 = new Array( "a{display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;margin:0 4px 10px 0;text-align:center;text-decoration:none;overflow:hidden;}", "img{border:0;clear:right;}", "a.adhere{color:#666;font-weight:bold;font-size:12px;border:1px solid #ccc;background:#e7e7e7;text-align:center;}", "a.adhere:hover{border:1px solid #999;background:#ddd;color:#333;}" ); document.write(unescape("%3Cscript src='"+document.location.protocol+"//s3.buysellads.com/1238097/1238097.js?v="+Date.parse(new Date())+"' type='text/javascript'%3E%3C/script%3E"));