I am trying to achieve the following effect:

As you can see, the red-lined thumbnail is partially cropped on the right side with a frame. This border shares a thumbnail with a green neckline that is cropped at both borders. I could really use some sample code, how can I achieve this.
As you can see, the green finger slightly overlays the red finger, although it never overlaps on the upper side where the border passes. Basically, images slide next to each other.
The black square that you see behind it is a simple png, I should not use it if the effect can be achieved with some kind of Bitmap trimming. However, I do not know how to do this.
I ask:
- How to copy sketches to achieve the effect described above?
- Any ideas on how to pin this button?
- Any suggestions on how to do this differently?
I really rack my brains over it and I lost. Please help me overflow the stack :)
source
share