I saw the following graphic on a website, which I thought was quite a nice way of displaying an app, however, I am struggling to get the effect with the phone displaying on top of the circle, but using the bottom edge of the circle as a clipping path. How would I achieve this?
-
1You would have 2 copies of the phone, 1 with a clipping mask of the circle and one with no clipping mask that is above the circle.– AndrewHJan 19, 2016 at 15:43
-
Yea. What @AndrewH is suggesting will leave a better quality edge at all times. Here's how you could do that: graphicdesign.stackexchange.com/a/38765/2332– JoonasJan 19, 2016 at 18:01
1 Answer
You can do it this way without duplicating the phone layer:
-
If I select all of the phone layer using
cmd click
, then hold downcmd shift
then I just add the circle layer to my phone layer, how do I make this subtract? Jan 19, 2016 at 18:54 -
1
-
Here's an explanation why the above method might not be a good idea in this case. ( In the example image given by the OP, the blue circle edge would show through the edge of the smart phone screen. )– JoonasJan 20, 2016 at 9:35