How to create a clipping mask effect in Photoshop

[{"selector":"#anim-6ec438d1-e1b8-4a8f-ad2e-220c5748b5f3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ded72f3f-74b3-458c-a338-5ef73b94dc19","keyframes":{"transform":["translate3d(-110.77844%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-58977ac7-c121-4a16-9278-7ac82f685d61","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-52c71161-518d-456f-83ef-236ea05159f7","keyframes":{"transform":["translate3d(0px, -109.26399%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Create a New Page.

[{"selector":"#anim-e33183d3-67c3-40a7-93dc-9b296558c2bc","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4e7e6662-a820-43ea-b789-e5c19f7cd55b","keyframes":{"transform":["translate3d(105.14905%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f3cfd4e5-fd60-48d9-ba95-41ab62daf157","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2656e1b9-1ebc-4c0a-9efe-4c4e349e71eb","keyframes":{"transform":["translate3d(0px, -94.87582%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Select the 'Rectangular Shape' tool from the tool box. Make a strip of desired colour.

[{"selector":"#anim-0e646b97-2cb3-43ed-8eca-b701c733e675","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-50083e55-fa92-41d0-b16b-4c2c3fb81cb3","keyframes":{"transform":["translate3d(-107.22222%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b4c632a1-3059-458c-839f-e0fa1773489d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-33e62a03-e0f4-4b60-ae76-a9db3cc7c58d","keyframes":{"transform":["translate3d(0px, -85.69935%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Change the setting in the 'Radius' section of the property dilog box and resize the strip as shown in the figure.

[{"selector":"#anim-035bde6e-5bc0-46a2-b9ce-ce570ed47ffb","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f3b7a96d-fb47-43e6-920b-b493bbe961cb","keyframes":{"transform":["translate3d(106.94444%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5aaa6c7c-be8d-4c51-a246-efc3185fdd9c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f86acc6e-4a87-41c5-a58a-b1bdca229074","keyframes":{"transform":["translate3d(0px, -99.50062%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Duplicate layers should be created by pressing the 'Ctrl and J' buttons on the keyboard. The strips should be set as shown in the figure.

[{"selector":"#anim-17afc85b-c9c4-4577-8541-a6aff3987abf","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ce6b8f4f-5149-4a3f-a026-ce46640177ac","keyframes":{"transform":["translate3d(-108.49858%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-59fa8ff6-5294-4db0-947b-55077d18f7a9","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bc34e869-4b8f-4bef-b1e2-67d6e4e9352e","keyframes":{"transform":["translate3d(0px, -119.80008%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Select all the layers in the Layers palette. Press 'Ctrl and G' buttons on the keyboard to group it.

[{"selector":"#anim-0689d8fe-526f-406a-b6fe-8e2ca997d8e1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5f5c9ffc-02d4-4f97-9a46-8ffeb58c32d1","keyframes":{"transform":["translate3d(0px, -103.83505%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-85e95e79-b129-42cc-bc20-a21584f83d28","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0b964162-f011-41e0-b5c6-39c67d238527","keyframes":{"transform":["translate3d(107.64873%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Press 'Ctrl and T' to set the strips

[{"selector":"#anim-42ea5797-3286-4d64-903d-8c1351508ded","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1577ef6a-bea6-4c6b-9a92-420de02391e4","keyframes":{"transform":["translate3d(0px, -99.61183%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9d7b91bb-5278-4b45-9c40-394b4479914f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-be64529e-7b72-4f01-a2a3-1db79955cf25","keyframes":{"transform":["translate3d(109.91253%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] The image should be pasted onto the strips. Image should be set using transform command.

[{"selector":"#anim-0a3168ee-8c0f-4692-ba95-53a7f8347535","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-90c29109-b086-41ed-9e5d-fde6f2b2bfcf","keyframes":{"transform":["translate3d(0px, -94.95685%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0ca60504-136f-48b4-b70c-020125243de2","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-12a1125f-7f83-442b-bd7c-d9d7dc8a48e1","keyframes":{"transform":["translate3d(-112.76595%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Right click on the image layer and select 'clipping mask' option from the list.

[{"selector":"#anim-4429997e-efe2-4add-a9f8-79166ab1cff4","keyframes":{"transform":["scale(1)","scale(1.5)","scale(0.95)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-8794125f-0970-412c-8696-aa257aca6659","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-aafb7974-6b40-4505-adca-7c494248cbcd","keyframes":{"transform":["translate3d(112.76595%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Clipping Mask effect will be created on the image.

Please distribute the website link among your friends and various groups.

[{"selector":"#anim-3febfaf3-4896-47b8-ba4c-58dc0b8a7b29","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3f51ae7b-3f8f-4fe2-bb7d-59dee81ac726","keyframes":{"transform":["translate3d(0px, 129.87988%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]