Jump to content

DOWNLOAD MODS

Are you looking for something shiny for your load order? We have many exclusive mods and resources you won't find anywhere else. Start your search now...

LEARN MODDING

Ready to try your hand at making your own mod creations? Visit the Enclave, the original ES/FO modding school, and learn the tricks of the trade from veteran modders...

JOIN THE ALLIANCE

Membership is free and registering unlocks image galleries, project hosting, live chat, unlimited downloads, & more...

Guest Workshop: Texturing Tips and Tricks (PS): Blend If


Hanaisse
 Share

Recommended Posts

Texturing Tutorial: Tips and Tricks (Photoshop)

Blend If

by: Hanaisse

gallery_1515_264_42228.jpg

This workshop is going to describe what the Blend If feature is and how to use the feature in Photoshop to enhance textures.

Requirements:

Photoshop

Basic working knowledge of Photoshop

Basics:

The Blend If feature uses layers to blend by luminosity. You can blend underlying layers or overlying layers to change textures into unique creations.

Luminosity is the attribute of an object or colour enabling the extent to which an object emits light (or brightness) to be observed.

Blend If uses this light attribute to determine how light and dark layers interact - how transparent a layer can be or how opaque certain portions of a layer can be. In effect, it’s a faster way to create colour masking.

Example:

Explaining it in words is difficult, so it’s time to demonstrate. Here is an existing cobblestone landscape texture from Oblivion (cobblestone01.dds).

gallery_1515_264_49859.jpg

What if we wanted to get rid of the dirt in between the stones and change it to something entirely different? We could spend a tedious amount of time trying to use the magic wand tool to isolate it, or try to paint over it with a brush or paint bucket. And that would lead to very blocky results.

gallery_1515_264_49302.jpg

Instead, we’ll use Blend If to achieve higher quality results. Create a new layer and fill it with any colour. I’ve used orange to demonstrate easier.

gallery_1515_264_6405.jpg

Double click on Layer 1 to bring up the Layer Styles box. At the bottom of the main box is the Blend If option we’re looking for.

gallery_1515_264_32830.jpg

Using the sliders we can set where the currently selected layer will show through. By tweaking the sliders we can make this layer transparent based on the luminosity (how light the layer is) of the layers below it.

Move the black slider (on the left) of the bottom line called Underlying Layer to the right and see what happens.

gallery_1515_264_38198.jpg

Based on the luminosity, the orange layer doesn’t show through the darker areas of the underlying image until it reaches a “luminosity level” of 90.

Now move the black slider back to it’s default and slide the white slider to the left. In this case, the orange layer doesn’t show through the lighter areas of the image until it reaches a level of 90.

gallery_1515_264_19390.jpg

By playing with the handles we can choose to cover and blend only the light or only the dark areas of the underlying image.

So far, the blending is very abrupt and still a bit blocky, but we can smooth it out nicer. Holding down the ALT key will split a slider and allow a “fade in”, “fade out” transition of blending.

Remember our luminosity level of 90? If we split the white slider in two and move each to either side of 90 we can smooth out our blending area. I’ve found a + or - of 20 on each side to work very well. Play with it until you like it.

gallery_1515_264_47911.jpg

gallery_1515_264_67919.jpg

Another Example:

Now that we understand how Blend If works, we’ll try a real example of blending texture on texture, not just colour. We’ll take a metal texture, that appears to have some water stains leaked on it, and we’ll change those stains to rust. Make sure both textures are the same size.

gallery_1515_264_74352.jpg

Adjusting the black slider will leave the metal transparent and the lighter stains covered with rust.

gallery_1515_264_72385.jpg

Adjusting the white slider will leave the metal transparent and the darker stains covered with rust.

gallery_1515_264_53639.jpg

You can also use both sliders for a greater affect.

gallery_1515_264_30932.jpg

Another Example:

How about adding some moss in between a clean brick texture.

gallery_1515_264_68474.jpg

Adjust the black slider so the lighter grout is covered.

gallery_1515_264_60599.jpg

Adjust the white slider to add some moss blending on the darker spots of the bricks.

gallery_1515_264_84379.jpg

Another trick we can do is, because the layers are still separate, we can adjust using any other blend / adjustment options we like. I darkened the moss to -25 brightness for a more realistic look.

gallery_1515_264_220265.jpg

Final: <statement>

Try other things. You may be surprised by results.

Concrete wall plus moss.

gallery_1515_264_42228.jpg

Concrete wall plus moss, plus Colour Overlay layer style.

gallery_1515_264_139057.jpg

Faded wood plus dark brown.

gallery_1515_264_34419.jpg

Complex wallpaper sample: Colour Overlay layer vs. Blend If layering using same red colour hex #.

gallery_1515_264_176989.jpg

Colour Overlay does not allow the white portions to be coloured. Blend if does, allowing much more flexibility in texture design.

Also try experimenting with the “This Layer” line for opposite effects.

gallery_1515_264_42955.jpg

  • Upvote 1
Link to comment
Share on other sites

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.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...