LIBRARY: Tutorials Reviews Interviews Editorials Features Business Authors RSS Feed

High-Pass Texture Tiling

High-Pass Texture Tiling


A CreativeCOW "Preparing Graphics for Video" Quick Tip


High Pass Texture Tiling
George Polevoy George Polevoy,
Moscow, Russia



Article Focus:
Here's a quick tip from Creativecow leader, George Polevoy for our "Preparing Graphics for Video" series. George often uses the "High-Pass" filter in Photoshop in addition to the regular "Clone Tool" in order to create seamless tiled graphics.

No Movie Project file* Download Stuffit Expander for Windows

1. Problem - picture has global lighting gradient from the bottom left to the upper right corner, so it's difficult to make the texture tile able. Even if you make it seamless tile able with a regular tiling technique, for example using a clone tool in Photoshop, it becomes checkered when tiled multiple times and seen from distant view.

Initial texture:
 

Tiled initial texture:


Tiled initial texture. Distant view:


2. Now we will try to remove global gradient.

Open the initial texture (not tiled). Duplicate the background layer. Duplicate again. Blur the first copy several times using 250 pixels radius, until it becomes constant color. Select the other copy. Select the "High Pass..." filter from the "Other" category. Tune the radius setting. You need to bring the gradient out of existence. Smaller radius does it for sure, but you need to balance between small and high radius to remove the gradient, but still save the texture. In this example I used something about ~30. The layer gets generally gray with a little coloring. Now you will mix it back with the constant color, accumulated in the previous layer, but already without unwanted light gradient. Set the 'grayish' layer's mode to 'multiply'.

Photoshop Layers:

"Background copy 2" is the layer processed with "High Pass" filter. This layer has "multiply" mode. "Background copy" is the color accumulation layer. It is made by blurring a background copy multiple times.



Almost done, but you need to adjust the brightness, because multiply operation made the brightness in half. I recommend doing it with "Levels" adjustment layer.

"Levels" settings dialog:


If you now tile your texture, you will see that the problem is solved.

Processed texture:


3. Seams still need to be removed. It can be done with a clone tool in Photoshop. It's a common technique and this process is falling outside the scope of this article. A seasoned texture artist could probably do better job then me at this point.

Processed texture with seams removed:


Now crop the center part of the image using Image/Canvas Size dialog...

Canvas Size dialog settings. Width: 50 percent. Height: 50 percent. Anchor: Center:


Samples:

Finished Texture:


Texture before processing:


Texture after processing:


Texture after final seams removal with the Clone Tool:


Compare another two textures (COW skin)

Before "High Pass" processing:


After "High Pass" Processing:


* Project file demonstrates use in a After Effects project.

 
###George Polevoy


Please visit our forums and view other articles at CreativeCOW.net if you found this page from a direct link.




Related Articles / Tutorials:
Adobe Photoshop
Going from Aperture to Lightroom? Put it in the Cloud!

Going from Aperture to Lightroom? Put it in the Cloud!

Why Wait for Apple Photos? Adventurer and editor Jigs Gaton takes us through some easy steps for migrating your photo library from Apple's Aperture and iPhoto into Adobe Lightroom.

Tutorial, Feature
Jiggy Gaton
Adobe Photoshop
THE BLUR LAB

THE BLUR LAB
  Play Video
Adobe Photoshop CS6 includes three new blurring filters. Rich Harrington will show you new ways to blur specific areas in a photo, as well as achieve tilt sheet and vignette effects.

Tutorial, Video Tutorial
Richard Harrington
Adobe Photoshop
THE ADAPTIVE WIDE ANGLE COMMAND

THE ADAPTIVE WIDE ANGLE COMMAND
  Play Video
Adobe Photoshop CS6 adds to an existing feature that you may not have even been using called Photomerge. Rich Harrington will show you the new Adaptive Wide Angle command to remove all of the lens and perspective distortion in merged photos. You will also learn how to use these exact techniques with video footage, too.

Tutorial, Video Tutorial
Richard Harrington
Adobe Photoshop
COACM: Plug In, Tune Out

COACM: Plug In, Tune Out

Adobe created quite a stir when it recently announced a public beta for the next major update to Photoshop. Is this the result of some very smart marketing, or perhaps an act of desperation, due to the harsh economic realities facing most creatives these days? What is the future of this critical production tool?

Editorial
David Biedny
Adobe Photoshop
Lite Bite: 10 Years Younger Using Gaussian Blur and a Mask

Lite Bite: 10 Years Younger Using Gaussian Blur and a Mask
  Play Video
In this "Lite Bite" tutorial Martin Ainsworth quickly demonstrates to ability to give someone a slightly younger appearance using a Gaussian Blur and a Mask to get some very effective and quick results.

Tutorial, Video Tutorial
Martin Ainsworth
Adobe Photoshop
Lite Bite: Using the High Pass Filter to Sharpen Images

Lite Bite: Using the High Pass Filter to Sharpen Images
  Play Video
In this very quick "Lite Bite" tutorial Martin Ainsworth demonstrates the effectiveness of the High Pass Filter to sharpen images and it's a lot quicker and easier that you might expect.

Tutorial, Video Tutorial
Martin Ainsworth
Adobe Photoshop
Lite Bite for Photoshop: Content Aware Fill vs Patch Tool

Lite Bite for Photoshop: Content Aware Fill vs Patch Tool
  Play Video
In this "Lite Bite" tutorial Martin Ainsworth gives a quick overview of when and why to use the Patch & Content Aware tool to aid Photographic editing.

Tutorial, Video Tutorial
Martin Ainsworth
Adobe Photoshop
Lite Bite for Photoshop: Using Droplets in Adobe Photoshop

Lite Bite for Photoshop: Using Droplets in Adobe Photoshop
  Play Video
This "Lite Bite Tutorial" will help you speed up and automate your work flow by using droplets created from actions in Photoshop. In a matter of minutes you will be up and running. The process is the same for both Mac & PC users.

Tutorial, Video Tutorial
Martin Ainsworth
Adobe Photoshop
Lite Bite for Photoshop: Using Masks on Groups

Lite Bite for Photoshop: Using Masks on Groups
  Play Video
Using masks to speed up web design can help you show multiple graphic ideas with the least amount of effort for best effect. In this tutorial, Martin Ainsworth willl show you how to add a mask to a folder and add content to it.

Tutorial, Video Tutorial
Martin Ainsworth
Adobe Photoshop
Lite Bite for Photoshop: Creating Custom Actions

Lite Bite for Photoshop: Creating Custom Actions
  Play Video
In this "Lite Bite" tutorial, quickly setup custom actions to speed up your photography workflow in Adobe Photoshop to rotate and add adjustment layers for 'Cross Processing' and 'Black & White.' This is a valuable time saving tutorial.

Tutorial, Video Tutorial
Martin Ainsworth
MORE
© 2016 CreativeCOW.net All Rights Reserved
[TOP]