Jump to content

How to get transition pattern/image to work?

Recommended Posts


for a new layout for my website I want to pattern the body with Part A picture below. In the center of the page there should appear Part B.

On the right side the transition works already (in fact Part A is from the right side of Part B).

But can't get the transition to work of the left side (at least with my knowledge). Part A should not be color adjusted.

What I tried already:

I used the magic wand tool on the blue part on the top of Part A below. Then I created a gradient from black (full opacity) to black (zero opacity) as you can see below "Opacity layer". Then I wanted to insert Part A in a third layer over "opacity layer" and set its display mode to "additive" (as I thought that Part A would be drawn over Part B with opacity values gradient from the opacity level. Unfortunately it did not work properly.

So how can I get the transition to work?


Just some seconds after I clicked Send I got another idea and it worked. I used the magic wand tool to copy the blue part of Part A and Part B to a new layer. Then I used the Motion Blur effect on the new layer (0 degrees, centered off, 40 pix distance). The black part (banister of the bridge) was now blurred by the layer above. Using an eraser for that part removed the effect and the transition is now smooth as wanted.


Thanks in advance,


Link to comment
Share on other sites

  • 1 month later...
Edit:Just some seconds after I clicked Send I got another idea and it worked.

This is old and dead. But thanks for trying to help.

No. Way. I've just seen Bob. And... *poof!*—just like that—he disappears into the mist again. ~Helio

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.

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.

  • Create New...