【漫步音画】沉默的阴影（欢迎同图）

云端漫步

云端漫步

没有目的欢迎音画爱好者同图，热闹音画版面，期待大家踊跃参与。音画版主也带头参与。
下面两段代码，我们常做的视频单片人物图代码。另代码背景图＋扣出人物图两层图代码，
这代码能使视频在人物图后面更加美观。不熟悉代码也可制单图。

云端漫步

背景ert图高斯模糊为底层，复二层叠加。找相应素材或叠加、或正片叠底、或滤色、等做背景图。
扣出人物放背景图上层磨皮下，再复一层扣出人物高亮凸出脸部与头发高光。

云端漫步

我们常做单片人物图代码

1. <style>
   
2. #mydiv {
   
3.     margin: 130px 0 30px calc(50% - 900px);
   
4.     display: grid;
   
5.     place-items: center;
   
6.     width: 1700px;
   
7.     height: 850px;
   
8.     background: lightblue url('https://s21.ax1x.com/2025/11/11/pZ9O77Q.jpg') no-repeat center/cover;//背景图，
   
9.     box-shadow: 3px 3px 20px #000;
   
10.     user-select: none;
    
11.     overflow: hidden;
    
12.     position: relative;
    
13.     z-index: 1;  
    
14. }
    
15. #vid {
    
16.     position: absolute;
    
17.     width: 130%;
    
18.     height: 130%;
    
19.     object-fit: cover;
    
20.     pointer-events: none;
    
21.     mix-blend-mode: screen;
    
22.       mask: linear-gradient(to top right, red 88%, transparent 0);   
    
23.     -webkit-mask: linear-gradient(to top right, red 88%, transparent 0);   
    
24.     z-index: 2;
    
25.     opacity: .27;
    
26. }
    
27. </style>
    
28.   
    
29. <div id="mydiv">
    
30.     <audio id="aud" src="https://mp3.joy127.com/music/12634.mp3" autoplay loop></audio>
    
31.     <video id="vid" src="https://img.tukuppt.com/video_show/2475824/00/02/15/5b542e5aa91c3.mp4" autoplay="" loop="" muted=""></video>
    
32. </div>

复制代码

云端漫步

背景图＋扣出人物图两层图代码

1. <style>
   
2. #mydiv {
   
3.     margin: 130px 0 30px calc(50% - 900px);
   
4.     display: grid;
   
5.     place-items: center;
   
6.     width: 1700px;
   
7.     height: 850px;
   
8.     background: lightblue url('https://s21.ax1x.com/2025/11/11/pZ9OT0g.jpg') no-repeat center/cover;//背景图，
   
9.     box-shadow: 3px 3px 20px #000;
   
10.     user-select: none;
    
11.     overflow: hidden;
    
12.     position: relative;
    
13.     z-index: 1;  
    
14. }
    
15. #vid {
    
16.     position: absolute;
    
17.     width: 130%;
    
18.     height: 130%;
    
19.     object-fit: cover;
    
20.     pointer-events: none;
    
21.     mix-blend-mode: screen;
    
22.       mask: linear-gradient(to top right, red 88%, transparent 0);   
    
23.     -webkit-mask: linear-gradient(to top right, red 88%, transparent 0);   
    
24.     z-index: 2;
    
25.     opacity: .27;
    
26. }
    
27. </style>
    
28.   
    
29. <div id="mydiv">
    
30.     <!-- 人物图片， -->
    
31.     <img src="https://s21.ax1x.com/2025/11/11/pZ9Obkj.png" style="position:absolute; top:0; left:0; width:1700px; height:850px; z-index:3; object-fit:cover;">
    
32.     <audio id="aud" src="https://mp3.joy127.com/music/12634.mp3" autoplay loop></audio>
    
33.     <video id="vid" src="https://img.tukuppt.com/video_show/2402760/00/01/84/5b4b21df00163.mp4" autoplay="" loop="" muted=""></video>
    
34. </div>

复制代码

云端漫步

@一鹿向北 @风晴雪
@花简静 @令狐冲 @雨声
@狂飙 @泪红颜 @愫怡 @柒玥 @清梦 @姚云裳  
@淥の詶 @玫の玫 @轻舞若芸 @醉美水芙蓉
@深呼吸 @星的祝福 @向荣S @云笛 @素心
@念聪聪 @小雨的心 @游侠

一鹿向北

我这次来的早，
先去听音乐了，
很熟悉的走秀音乐。
这图扣的干净呢，制作辛苦了。
特效制作也很有现代感。

云端漫步

北北好快

花简静

云端漫步 发表于 2025-11-11 15:27
背景ert图高斯模糊为底层，复二层叠加。找相应素材或叠加、或正片叠底、或滤色、等做背景图。
扣出人物放背 ...

抠图和背景还有教程全给了，云端老师真是贴心。

花简静

云端漫步 发表于 2025-11-11 15:35
背景图＋扣出人物图两层图代码

代码太好了，这可以直接套用。。