雨声 发表于 2025-11-17 17:08:27

【雨声音画】匆匆那年 (云荷第二期同图)

<style>
#mydiv { margin: 0 0 0 calc(40% - 933px);
display: grid;
place-items: center;
   width: 1900px;
   height: 900px;
top:130px;
background: lightblue url('https://www.yhyhlt.com/data/attachment/forum/202511/17/170058idi54g44cdw7oabd.jpg') no-repeat center/cover;
box-shadow: 0px 0px 0px #000;
user-select: none;
overflow: hidden;
position: relative;
z-index: 3;}

.mypic {
      position: absolute;
    right:1060px;
    top:100px;
      cursor: pointer;
    mix-blend-mode: Multiply;
    z-index: 3;
    }
   
   
#vid1 {
        position: absolute;
        width: 100%;
        height: 110%;
        top:-100px;
        object-fit: cover;
        pointer-events: none;
mix-blend-mode: soft-light;
        z-index: 2;
        opacity: .20;
}

#vid2 {
      position: absolute;
      width: 70%;
      height: 80%;
                right:-26%;
      top:-100px;
      object-fit: cover;
      pointer-events: none;
      mix-blend-mode: screen;
      z-index: 2;
      opacity: .90;
}

#vid3 {
        position: absolute;
        width: 100%;
        height: 110%;
                    right:0%;   
        top:-80px;
        object-fit: cover;
        pointer-events: none;
mix-blend-mode: screen; //滤色

        z-index: 2;
        opacity: .0;
}



#vid4 {
        position: absolute;
       
        width: 100%;
        height: 110%;
        top:-80px;
        object-fit: cover;
        pointer-events: none;
mix-blend-mode: screen;

        z-index: 2;
        opacity: .0;
}
</style>



<div id="mydiv">   <div class="mypic"><img src="" alt="" /></div>      
<video id="vid1" src="https://img.tukuppt.com/video_show/15653652/00/83/01/60f4f9bdd3fd7.mp4" autoplay="" loop="" muted=""></video>
<video id="vid2" src="" autoplay="" loop="" muted=""></video>
<video id="vid3" src="https://img.tukuppt.com/video_show/2269348/00/14/66/5e5a2c53955d7.mp4" autoplay="" loop="" muted=""></video>
<video id="vid4" src="https://img.tukuppt.com/video_show/2475824/00/01/59/5b46b86e6c5bf.mp4" autoplay="" loop="" muted=""></video>
</div>
        <audio id="aud" src="https://music.163.com/song/media/outer/url?id=31514406" autoplay loop></audio>
<br><br><br><br><br><br><br>

雨声 发表于 2025-11-17 17:08:53

{:6_174:}

花茶(永) 发表于 2025-11-17 17:16:19

排字好看,这歌也好听!你也速度快。

圊圊淥詶 发表于 2025-11-17 18:48:07

雨声姐的同图也出来了,好美的意境啊~~{:1_154:}

圊圊淥詶 发表于 2025-11-17 18:54:21

感觉雨声姐的这张同图的天空,太有故事感了,
人物融入了铺满碎云蓝天的背景里,
觉得雨声姐是想让画面从沉静转向开阔,
所以把远镜和海面都做了简化,
只留下几处礁石点缀,
这样就让观者感觉到了那种突出人物仰望天空的自由感了,
我想这可能就是雨声姐想要表达的创意吧,
像要跟着云一起飘向远方~~


圊圊淥詶 发表于 2025-11-17 18:57:20

王菲的背景音乐也是好听,
看着听着,
自己就陷入了遐想:
那些当年没说出口的再见,
现在还有风在传吗?

圊圊淥詶 发表于 2025-11-17 18:58:18

谢谢雨声姐的分享,创作愉快啊,辛苦了~~{:1_154:}

楚云飞 发表于 2025-11-17 19:19:21

音画设计不错,背景置换的和谐自然,
标题文字处理的好看叻,音乐搭配清新,
美美哒音画作品,给嫩点赞,祝好~~
{:1_153:}{:1_153:}

楚云飞 发表于 2025-11-17 19:35:55

音画细腻做工显用心,标题新颖抓眼球,色彩雅致,观之让人愉悦。
{:S16:}

蓝魔 发表于 2025-11-17 19:47:11

在记忆的长河里,匆匆那年,
青春的篇章,轻轻翻过,留下深深的痕迹。

(1)
那年夏天,阳光正好,
我们的梦想,像风筝一样高飞。
匆匆那年,笑声回荡,
在校园的每个角落,留下了我们的足迹。

(2)
书本堆叠,笔记密密麻麻,
那年的我们,埋头苦干,为了未来。
匆匆那年,时光不老,
在知识的海洋里,我们尽情遨游。

(3)
操场上的汗水,跑道上的脚步,
那年的我们,追逐着风的速度。
匆匆那年,青春无悔,
在运动的赛场上,我们尽情挥洒。

(4)
毕业照上的笑容,定格了时光,
那年的我们,即将各奔东西。
匆匆那年,友情长存,
在分别的路口,我们紧紧相拥。

(5)
岁月如歌,匆匆那年已远去,
但那些记忆,永远珍藏在心底。
匆匆那年,青春不散场,
在我们的生命里,永远闪耀。

(6)
让我们为匆匆那年鼓掌,
为那段美好的时光喝彩。
在每个平凡的日子里,为你带来温暖,
匆匆那年,是我们共同的回忆。
页: [1] 2 3
查看完整版本: 【雨声音画】匆匆那年 (云荷第二期同图)