Reflective Thumbnails with No Line Distortion [Workaround]

Came up with this simple Workaround a while ago… (but forgot to post it) :wink:

To remove the line distortion at the top of Reflection thumbnails a simple edit is required.

For Example: the orginal reflection xml code…

<wrapper y=β€œ380” w=β€œ190” h=β€œ285” scale=β€œ100” mirror=β€œ1”>
<image name=β€œth0"image=”@@browse_0_thumbnail" default_image=β€œ@@default_thumbnail_0” x=β€œ151” bg=β€œ1”/>
<image name=β€œth1"image=”@@browse_1_thumbnail" default_image=β€œ@@default_thumbnail_1” x=β€œ349” bg=β€œ1”/>
<image name=β€œth2"image=”@@browse_2_thumbnail" default_image=β€œ@@default_thumbnail_2” x=β€œ547” bg=β€œ1”/>
<image name=β€œth3"image=”@@browse_3_thumbnail" default_image=β€œ@@default_thumbnail_3” x=β€œ745” bg=β€œ1”/>
<image name=β€œth4"image=”@@browse_4_thumbnail" default_image=β€œ@@default_thumbnail_4” x=β€œ943” bg=β€œ1”/>


<image name=β€œth0"image=”@@browse_0_thumbnail" default_image=β€œ@@default_thumbnail_0” x=β€œ151” bg=β€œ1”/>
<image name=β€œth1"image=”@@browse_1_thumbnail" default_image=β€œ@@default_thumbnail_1” x=β€œ349” bg=β€œ1”/>
<image name=β€œth2"image=”@@browse_2_thumbnail" default_image=β€œ@@default_thumbnail_2” x=β€œ547” bg=β€œ1”/>
<image name=β€œth3"image=”@@browse_3_thumbnail" default_image=β€œ@@default_thumbnail_3” x=β€œ745” bg=β€œ1”/>
<image name=β€œth4"image=”@@browse_4_thumbnail" default_image=β€œ@@default_thumbnail_4” x=β€œ943” bg=β€œ1”/>

simply alter and add this to the code in RED Β  …

<wrapper y=β€œ380” w=β€œ190” h=β€œ282” scale=β€œ100” scale_type=β€œpan” align=β€œbottom” mirror=β€œ1”>

So, this crops the cover by 3 pixels and moves it β€˜up’ (align=β€œbottom” does the reverse to a flipped image)

The Line Distortion is only visable (very briefly) during the Cover Caching process … but once finished the Line is not visable again.

No Overlaping or Overlays are needed to hide any β€œLine” (Because it’s not visable)Β  … and you can increase the distance between the Poster and it’s Reflection.

A β€œDiffusion” Layer is still required for the β€œFading” effect.

eg.

SampleΒ 

good find Joey,

what would be the solution to add the reflecting focus image as it is not showing in the sample image,

would it crop 3 pixel from the bottom too? If so one need to add 3 blank pixels to the bottom of the focus image i guess?

Definitely a good find, will help for editing themes with lines