设为首页收藏本站 天气与日历
开启辅助访问 切换到窄版
搜索
社区»论坛 › 软件源码 › 教程分享 › Photoshop教程：制作清凉动感的水中网页

[ps] Photoshop教程：制作清凉动感的水中网页

[复制链接]
查看170 | 回复9 | 2023-3-10 04:36:58 | 显示全部楼层 |阅读模式
[导读]本教程介绍非常简洁创意的网页制作方法。作者构思非常巧妙，用海水作为整个网页的背景，用一些水珠装饰网页主体边缘。看上去就好像是悬挂在水中的物体。非常逼真。
　本教程介绍非常简洁创意的方法。作者构思非常巧妙，用海水作为整个网页的背景，用一些水珠装饰网页主体边缘。看上去就好像是悬挂在水中的物体。非常逼真。
　　最终效果
13124E40241P-3KB2.jpg (98.36 KB, 下载次数: 0, 售价: 6 金钱)
回复

使用道具 举报

老师傅 | 2023-3-10 05:20:49 | 显示全部楼层

         
[导读]本教程介绍非常简洁创意的网页制作方法。作者构思非常巧妙，用海水作为整个网页的背景，用一些水珠装饰网页主体边缘。看上去就好像是悬挂在水中的物体。非常逼真。

　　2、打开下图所示的海水素材作为背景，如果素材太小可以适当放大比例。
13124E40C0020-395V4.jpg (29.18 KB, 下载次数: 0, 售价: 1 金钱)
回复

使用道具 举报

老师傅 | 2023-3-10 06:29:21 | 显示全部楼层

         
[导读]本教程介绍非常简洁创意的网页制作方法。作者构思非常巧妙，用海水作为整个网页的背景，用一些水珠装饰网页主体边缘。看上去就好像是悬挂在水中的物体。非常逼真。

　　5、把图层不透明度改为：15%左右，大致效果如下图：
13124E41HDF-45WL.jpg (14.28 KB, 下载次数: 0, 售价: 6 金钱)
回复

使用道具 举报

老师傅 | 2023-3-10 07:01:06 | 显示全部楼层

         
[导读]本教程介绍非常简洁创意的网页制作方法。作者构思非常巧妙，用海水作为整个网页的背景，用一些水珠装饰网页主体边缘。看上去就好像是悬挂在水中的物体。非常逼真。

　　9、把水珠的图层混合模式改为“滤色”，效果如下图：
13124E423L2Z-4a501.jpg (29.81 KB, 下载次数: 0, 售价: 6 金钱)
回复

使用道具 举报

老师傅 | 2023-3-10 07:59:40 | 显示全部楼层

         
[导读]本教程介绍非常简洁创意的网页制作方法。作者构思非常巧妙，用海水作为整个网页的背景，用一些水珠装饰网页主体边缘。看上去就好像是悬挂在水中的物体。非常逼真。

　　13、同上的方法再用下面的水珠素材制作矩形顶部的水珠效果，图层混合模式均为“滤色”。
13124E4320350-559627.jpg (35.55 KB, 下载次数: 0, 售价: 1 金钱)
回复

使用道具 举报

老师傅 | 2023-3-10 08:34:16 | 显示全部楼层

         
[导读]本教程介绍非常简洁创意的网页制作方法。作者构思非常巧妙，用海水作为整个网页的背景，用一些水珠装饰网页主体边缘。看上去就好像是悬挂在水中的物体。非常逼真。

　　15、调出圆角矩形图层选区，新建一个图层填充黑色。
13124E43942140-602120.jpg (26.2 KB, 下载次数: 0, 售价: 1 金钱)
回复

使用道具 举报

老师傅 | 2023-3-10 09:47:19 | 显示全部楼层

         
[导读]本教程介绍非常简洁创意的网页制作方法。作者构思非常巧妙，用海水作为整个网页的背景，用一些水珠装饰网页主体边缘。看上去就好像是悬挂在水中的物体。非常逼真。

　18、选择文字工具，选择好合适的字体，打上白色的导航文字，效果如下图。
13124E45001330-CS37.jpg (17.42 KB, 下载次数: 0, 售价: 4 金钱)
回复

使用道具 举报

老师傅 | 2023-3-10 11:07:22 | 显示全部楼层

         
[导读]本教程介绍非常简洁创意的网页制作方法。作者构思非常巧妙，用海水作为整个网页的背景，用一些水珠装饰网页主体边缘。看上去就好像是悬挂在水中的物体。非常逼真。

　　24、用2像素的黑色画笔描边路径，效果如下图。
13124E45U4230-I3J8.jpg (21.4 KB, 下载次数: 0, 售价: 6 金钱)
回复

使用道具 举报

老师傅 | 2023-3-10 11:28:57 | 显示全部楼层

         
[导读]本教程介绍非常简洁创意的网页制作方法。作者构思非常巧妙，用海水作为整个网页的背景，用一些水珠装饰网页主体边缘。看上去就好像是悬挂在水中的物体。非常逼真。

　27、新建一个图层，用勾出下图所示的曲线路径。
13124E4D10340-OY60.jpg (22.38 KB, 下载次数: 0, 售价: 2 金钱)
回复

使用道具 举报

老师傅 | 2023-3-10 11:44:31 | 显示全部楼层

         
[导读]本教程介绍非常简洁创意的网页制作方法。作者构思非常巧妙，用海水作为整个网页的背景，用一些水珠装饰网页主体边缘。看上去就好像是悬挂在水中的物体。非常逼真。

　　31、把前景颜色设置为：#79B5F5，选择圆角矩形工具，拉出下图所示的两个小圆角矩形，半径自定。
13124E4L53430-T51I.jpg (17.05 KB, 下载次数: 0, 售价: 6 金钱)
回复

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

老师傅

1963

主题

2786

回帖

1万

积分

版主

积分
11469
回复楼主 返回列表