كيف أقوم بهذا التأثير سواءً في الفوتوشوب أو CSS

لم أفهم ما الصعب في الأمر؟!، سأحول الرد على ما فهمتُ.

عنصران، عنصران أحدهما يملك صورةً، وهو في الخلفية والآخر فوقه -استخدم كلًا من z-index، position الذي فوق يملك تدرج لوني:

تفضل أخي هذا الدرس :

اتمنى أن يفيدك

background: linear-gradient(to right, #0082d5 0%, #a234d5 100%);