查看: 191|回复: 48

[同图] 【漫步音画】沉默的阴影(欢迎同图)

[复制链接]
发表于 2025-11-11 15:24 | 显示全部楼层 |阅读模式
本帖最后由 云端漫步 于 2025-11-12 22:55 编辑

评分

16

查看全部评分

一鹿向北 2025-11-11 15:40
回复
The Screen Behind The Mirror
歌手:Enigma
云端漫步 2025-11-11 15:44
回复
(英格玛)音乐对你来说无所不知,
一鹿向北回复云端漫步 2025-11-11 15:49
回复
这首熟悉,我收过。
回复

使用道具

 楼主| 发表于 2025-11-11 15:25 | 显示全部楼层
本帖最后由 云端漫步 于 2025-11-12 20:59 编辑

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

评分

5

查看全部评分

点评
回复

使用道具

 楼主| 发表于 2025-11-11 15:27 | 显示全部楼层
本帖最后由 云端漫步 于 2025-11-11 15:32 编辑

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

更多图片 小图 大图
组图打开中,请稍候......

评分

8

查看全部评分

点评
回复

使用道具

 楼主| 发表于 2025-11-11 15:34 | 显示全部楼层
本帖最后由 云端漫步 于 2025-11-11 16:11 编辑

我们常做单片人物图代码

  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>
复制代码

评分

5

查看全部评分

点评
回复

使用道具

 楼主| 发表于 2025-11-11 15:35 | 显示全部楼层
背景图+扣出人物图两层图代码
  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>
复制代码

评分

4

查看全部评分

点评
回复

使用道具

 楼主| 发表于 2025-11-11 15:36 | 显示全部楼层
回复

使用道具

发表于 2025-11-11 15:47 📱来自手机 | 显示全部楼层
本帖最后由 一鹿向北 于 2025-11-11 16:02 编辑

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

使用道具

 楼主| 发表于 2025-11-11 15:49 | 显示全部楼层
本帖最后由 云端漫步 于 2025-11-11 16:01 编辑

北北好快
点评
回复

使用道具

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

抠图和背景还有教程全给了,云端老师真是贴心。
点评
回复

使用道具

发表于 2025-11-11 17:39 | 显示全部楼层
云端漫步 发表于 2025-11-11 15:35
背景图+扣出人物图两层图代码

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

获得 小青龙卡 一张

卡片说明:花简静给春风寄去2 颗草籽。

卡片效果:损失 2 颗 草籽

点评
回复

使用道具

您需要登录后才可以回帖 登录 | 中文注册

本版积分规则

手机版|千山论坛 ( 冀ICP备2024055714号 )

GMT+8, 2025-12-17 17:19

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表