设为首页收藏本站
开启辅助访问 切换到窄版

仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
仓酷云»社区 › 软件教程 Design › Photoshop(PS) › PS教程之PS制造清冷动感的水中网页-PS图片美化 ...
返回列表 发新帖
查看: 934|回复: 17
打印 上一主题 下一主题

[PS教程-广告设计] PS教程之PS制造清冷动感的水中网页-PS图片美化

[复制链接]
飘灵儿 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-12 13:20:45 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
PS教程开始！计划
本教程先容十分简便创意的网页制造***。作者构想十分奇妙，用海水作为全部网页的背景，用一些水珠粉饰网页主体边沿。看上往就仿佛是吊挂在水中的物体。十分传神。
最后的效果

1、新一个1100×1020像素的文档，以下图。
 如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的小伙伴们！
PS教程, 小伙伴, 图片, 文章, 网页

相关帖子
回复

使用道具 举报

飘灵儿 该用户已被删除
沙发
 楼主| 发表于 2015-1-12 13:25:00 | 只看该作者

PS教程之PS制造清冷动感的水中网页-PS图片美化

如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的好朋友们！2、翻开下图所示的海水素材作为背景，假如素材太小能够得当缩小比例。

3、选择圆角矩形工具，半径为10px，拉出下图所示的红色圆角矩形。
4、双击图层调成圆角矩形图层款式，参数设置以下图。


如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的好朋友们！
回复 支持 反对

使用道具 举报

飘灵儿 该用户已被删除
板凳
 楼主| 发表于 2015-1-12 13:29:58 | 只看该作者

PS教程之PS制造清冷动感的水中网页-PS图片美化

欢迎大家来到仓酷云论坛，看我们的PS教程！5、把图层不通明度改成：15%摆布，大抵效果以下图：
6、下一步是增加我们增加喷溅水珠。翻开下图所示的喷溅素材。

7、按Ctrl+Shift+U把素材酿成口角。选择套索工具勾出下图所示的水珠局部，成仙10个像素后按Ctrl+C复制：
8、把选区水珠素材复制出去，得当调剂巨细，放到右上角地位，以下图：
 如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的小伙伴们！
回复 支持 反对

使用道具 举报

飘灵儿 该用户已被删除
地板
 楼主| 发表于 2015-1-12 13:32:05 | 只看该作者

PS教程之PS制造清冷动感的水中网页-PS图片美化

如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的小伙伴们！9、把水珠的图层夹杂形式改成“滤色”，效果以下图：
10、加上图层蒙版，用玄色画笔把圆角矩形内里的水珠局部擦失落，以下图：
11、左上角的水珠我们能够间接复制右侧的，不外为了最终效果加倍丰厚，我们能够选择分歧的水珠素材来制造，大抵效果以下图：
12、再制造右下角局部的水珠，翻开下图所示的水珠素材，同上的***截取水珠局部复制出去，放到背景图层下面，图层夹杂形式改成“滤色”，得当调剂好角度，加上图层蒙版，用玄色画笔擦失落矩形内里的局部，历程以下图：

如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的好朋友们！
回复 支持 反对

使用道具 举报

飘灵儿 该用户已被删除
5#
 楼主| 发表于 2015-1-12 13:33:38 | 只看该作者

PS教程之PS制造清冷动感的水中网页-PS图片美化

如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的小伙伴们！13、同上的***再用上面的水珠素材制造矩形顶部的水珠效果，图层夹杂形式均为“滤色”。


14、一样的***再加上别的局部的水珠，以下图。
如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的小伙伴们！
回复 支持 反对

使用道具 举报

飘灵儿 该用户已被删除
6#
 楼主| 发表于 2015-1-12 13:38:21 | 只看该作者

PS教程之PS制造清冷动感的水中网页-PS图片美化

如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的好朋友们！15、修改圆角矩形图层选区，新建一个图层添补玄色。
16、选择矩形选框工具，拔取玄色圆角矩形下半局部，按Delete删除，效果以下图。
17、双击图层修改图层款式，参数设置以下图，断定后把图层不通明度改成：80%，效果以下图。



如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的小伙伴们！
回复 支持 反对

使用道具 举报

飘灵儿 该用户已被删除
7#
 楼主| 发表于 2015-1-12 13:39:21 | 只看该作者

PS教程之PS制造清冷动感的水中网页-PS图片美化

如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的小伙伴们！18、选择笔墨工具，选择好符合的字体，打上红色的导航笔墨，效果以下图。
19、新建一个图层，把远景色彩设置为：#8CFBFF，选择柔角的画笔工具，调剂好笔刷巨细，点出下图所示的高光局部。
20、用矩形选框工具拔取超越导航栏的局部删除，再把图层不通明度改成：#60%，效果以下图。
21、新建一个图层，用椭圆选框工具拉出下图所示的小正圆选区添补色彩：#192932，以下图。
22、给小圆增加图层款式，参数设置以下图。
23、新建一个图层，用钢笔工具勾出下图所示的路径。
 如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的好朋友们！
回复 支持 反对

使用道具 举报

飘灵儿 该用户已被删除
8#
 楼主| 发表于 2015-1-12 13:39:45 | 只看该作者

PS教程之PS制造清冷动感的水中网页-PS图片美化

欢迎大家来到仓酷云论坛，看我们的PS教程！24、用2像素的玄色画笔描边路径，效果以下图。
25、给做好的曲线增加图层款式，参数设置以下图。


26、用钢笔勾出下图所示的选区，按Delete删除，效果以下图。
如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的小伙伴们！
回复 支持 反对

使用道具 举报

飘灵儿 该用户已被删除
9#
 楼主| 发表于 2015-1-12 13:40:17 | 只看该作者

PS教程之PS制造清冷动感的水中网页-PS图片美化

如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的好朋友们！27、新建一个图层，用钢笔勾出下图所示的曲线路径。
28、用2像素的红色画笔描边路径，效果以下图。
29、给红色曲线调剂图层款式，参数设置以下图。

30、右边的曲线制造***一样，也能够间接复制右边的，程度翻转便可。
 如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的小伙伴们！
回复 支持 反对

使用道具 举报

飘灵儿 该用户已被删除
10#
 楼主| 发表于 2015-1-12 13:49:36 | 只看该作者

PS教程之PS制造清冷动感的水中网页-PS图片美化

如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的好朋友们！31、把远景色彩设置为：#79B5F5，选择圆角矩形工具，拉出下图所示的两个小圆角矩形，半独自定。
32、选择圆角矩形工具在左边拉一个圆角矩形，栅格化图层后，用矩形选框工具删除右侧局部，效果以下图。
33、增加图层款式，参数设置以下图。



新建一个图层制造偏向按钮，右侧的间接复制已往便可。完成后的效果以下图，最初加上想要的图片竣工。
如果您觉得本篇PS教程写的好，请记得点击右边漂浮的分享程序，把好文章分享给你的小伙伴们！
回复 支持 反对

使用道具 举报

老尸 该用户已被删除
11#
发表于 2015-1-25 10:44:48 | 只看该作者
PS高手，我们做朋友吧，你那里还有更多的PS教程，我都想看。
回复 支持 反对

使用道具 举报

莫相离 该用户已被删除
12#
发表于 2015-2-2 22:12:09 | 只看该作者
路过，打酱油的，带走楼主的PS教程。
回复 支持 反对

使用道具 举报

变相怪杰 该用户已被删除
13#
发表于 2015-2-8 15:34:44 | 只看该作者
路过，看看PS教程。求带走。
回复 支持 反对

使用道具 举报

小魔女 该用户已被删除
14#
发表于 2015-2-25 22:39:11 | 只看该作者
下学期可能就没有这们PS课程了.但是平面设计这们课程应用是很广泛的.就那我喜欢摄影来说吧，学习PS教程,肯定要做一些图片处理.所以我还要更加深入的学习这们课程,
回复 支持 反对

使用道具 举报

灵魂腐蚀 该用户已被删除
15#
发表于 2015-3-8 10:21:32 | 只看该作者
我感觉到学习这门课程要有耐心，学习PS教程,要肯下苦工夫,有的图形一次做不好,两次,三次.....,知道做好为止.我在学习平面设计就容易犯这个毛病,简单的图形随便做作,比较复杂的就不去理会.
回复 支持 反对

使用道具 举报

admin 该用户已被删除
16#
发表于 2015-3-16 04:37:49 | 只看该作者
Photoshop通过自身不断完善，已经出现了很多版本。目前较为流行的有photoshop CS2、photoshop CS3、photoshop CS4。
回复 支持 反对

使用道具 举报

只想知道 该用户已被删除
17#
发表于 2015-3-22 21:11:04 | 只看该作者
路过，看PS教程，，看看就走。。
回复 支持 反对

使用道具 举报

柔情似水 该用户已被删除
18#
发表于 2015-3-22 21:11:04 | 只看该作者
学习了楼主的PS教程，我领悟了许多以前不懂的，感谢楼主！
回复 支持 反对

使用道具 举报

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

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2025-1-3 21:44

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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