设为首页收藏本站 天气与日历
开启辅助访问 切换到窄版
搜索
社区»论坛 › 软件源码 › 教程分享 › Photoshop制作一款精美的海底网页模板

[ps] Photoshop制作一款精美的海底网页模板

[复制链接]
查看114 | 回复8 | 2023-3-10 04:33:45 | 显示全部楼层 |阅读模式
[导读]本教程主要使用Photoshop设计悬浮在海洋底的网页模板,学习美工和网页设计的朋友可以一起来学习一下，教程很详细，下面我们一起来学习！
　　本教程主要使用Photoshop设计悬浮在海洋底的网页模板,学习美工和网页设计的朋友可以一起来学习一下，教程很详细，下面我们一起来学习！
　　最终效果图：
13124D55I0Z-11Sa.jpg (137.23 KB, 下载次数: 0, 售价: 1 金钱)
回复

使用道具 举报

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

         
[导读]本教程主要使用Photoshop设计悬浮在海洋底的网页模板,学习美工和网页设计的朋友可以一起来学习一下，教程很详细，下面我们一起来学习！
　　渐变叠加（模式：正常，样式：线性，其它参数如图）
13124D5630920-1B5O.jpg (79.89 KB, 下载次数: 0, 售价: 2 金钱)
回复

使用道具 举报

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

         
[导读]本教程主要使用Photoshop设计悬浮在海洋底的网页模板,学习美工和网页设计的朋友可以一起来学习一下，教程很详细，下面我们一起来学习！
　　7. 我们在我们的初始，不需要任何颜色，所以我们要去想要添加到我们的模板之前，desaturate 我们的形象。 若要做此打命令 + Shift + U 和它将变成黑色和白色。 现在是时候将其导入到我们的模板。 我们不需要在整个的图像，所以您套索工具使用 10px 有关的羽毛、 进行类似于以下的选择然后拖动并将它放到您的文档：
13124D5I95160-21C00.jpg (65.88 KB, 下载次数: 0, 售价: 4 金钱)
回复

使用道具 举报

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

         
[导读]本教程主要使用Photoshop设计悬浮在海洋底的网页模板,学习美工和网页设计的朋友可以一起来学习一下，教程很详细，下面我们一起来学习！
　　12.现在是我们的”splash2.jpg”的开放时间。 我们要按照相同的步骤 6 和 7 中使用。 但这一次我们的 Splash2 将被放置在底部我们内容区域的左侧 (别忘了把你的图层混合模式改为屏幕)：
13124D5N33520-252006.jpg (12.04 KB, 下载次数: 0, 售价: 4 金钱)
回复

使用道具 举报

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

         
[导读]本教程主要使用Photoshop设计悬浮在海洋底的网页模板,学习美工和网页设计的朋友可以一起来学习一下，教程很详细，下面我们一起来学习！
　　18. 让我们现在进入我们的导航菜单。 我们想找我们”返回内容”图层在图层面板和命令并单击图层缩览图，把它变成一个活动选区。 以上一切的新图上填充您用黑色的选择：
13124D5U0b60-309445.jpg (40.59 KB, 下载次数: 0, 售价: 1 金钱)
回复

使用道具 举报

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

         
[导读]本教程主要使用Photoshop设计悬浮在海洋底的网页模板,学习美工和网页设计的朋友可以一起来学习一下，教程很详细，下面我们一起来学习！
　　21. 降低到 80%，并且您图层的不透明度得东西，如以下所示：
13124D59435310-3E355.jpg (37.74 KB, 下载次数: 0, 售价: 6 金钱)
回复

使用道具 举报

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

         
[导读]本教程主要使用Photoshop设计悬浮在海洋底的网页模板,学习美工和网页设计的朋友可以一起来学习一下，教程很详细，下面我们一起来学习！
　　27. 为此挂钩的的时间。 你的工具使用它设置为路径模式，使一个路径类似于以下：
13124D6023NP-42Z57.jpg (21.32 KB, 下载次数: 0, 售价: 3 金钱)
回复

使用道具 举报

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

         
[导读]本教程主要使用Photoshop设计悬浮在海洋底的网页模板,学习美工和网页设计的朋友可以一起来学习一下，教程很详细，下面我们一起来学习！
　　31. 逆选择 SELECT > 逆，然后选择图层蒙版从你的图层面板的底部。
13124D610O020-4Q225.jpg (17.73 KB, 下载次数: 0, 售价: 4 金钱)
回复

使用道具 举报

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

         
[导读]本教程主要使用Photoshop设计悬浮在海洋底的网页模板,学习美工和网页设计的朋友可以一起来学习一下，教程很详细，下面我们一起来学习！
　　36. 剩下的只是添加某些内容。 将容纳我们缩略图框，我使用圆角矩形工具带 # 79B5F5 的前景。
13124D61D2440-545546.jpg (27.68 KB, 下载次数: 0, 售价: 6 金钱)
回复

使用道具 举报

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

本版积分规则

老师傅

1963

主题

2786

回帖

1万

积分

版主

积分
11469
回复楼主 返回列表