方舟 发表于 2015-4-14 17:17:53

Photoshop设计未来科技感的网格背景欣赏


本教程主要使用Photoshop设计未来科技感的网格背景,在这个教程中,我将向你演示如何利用滤镜去创建一个具有现代性抽象风格的背景,你可以用于表现科幻类的海报或者其他需要的地方,教程简单详细,关键是可以教会您一种打造自定义背景的方法,而且效果利落,快喊上你的小伙伴来学一学吧。来源:优设

颜色方面您可以根据自己喜好的色彩叠加在背景上,举一反三,可以营造出各种不同的效果。如下图。

来最终效果先:

http://www.missyuan.net/uploads/allimg/130928/20154K257-0.png

第一步:

创建大小为1920*1200像素的空白背景,前景色为白色,分辨率为72dpi快捷键「D」设置前景色与背景色分别为黑色与白色,新建一个图层,命名为「背景」

http://www.missyuan.net/uploads/allimg/130928/20154H5L-1.jpg

第二步:

现在我们要利用滤镜来完成我们的背景咯,童鞋们按照步骤来,→ 滤镜 → 渲染 → 云彩

http://www.missyuan.net/uploads/allimg/130928/20154K062-2.png

第三步:

恩,很有成就感了,这一步更简单,→ 滤镜 → 像素化 → 马赛克,参数就这样!

http://www.missyuan.net/uploads/allimg/130928/20154II5-3.jpg

第四步:

滤镜 → 模糊 → 径向模糊,参数设置如下:

http://www.missyuan.net/uploads/allimg/130928/20154G152-4.png

http://www.missyuan.net/uploads/allimg/130928/20154G1K-5.png

第五步:

好棒,你做到这一步了!快成型了对吗?恩,没错,滤镜 → 风格化 → 浮雕效果,跟着我,这样来设置参数~

http://www.missyuan.net/uploads/allimg/130928/20154L451-6.png

哎哟,效果不错哦

http://www.missyuan.net/uploads/allimg/130928/20154L942-7.png

第六步:

滤镜 → 滤镜库 → 画笔描边 → 强化边缘,参数设置,看图嘿哟

http://www.missyuan.net/uploads/allimg/130928/20154H310-8.png

http://www.missyuan.net/uploads/allimg/130928/20154I4G-9.png

第七步:

风格化 → 查找边缘

http://www.missyuan.net/uploads/allimg/130928/20154G3D-10.png

最后一个滤镜咯,→ 滤镜库 → 风格化,照亮边缘,参数看图不说话:

http://www.missyuan.net/uploads/allimg/130928/20154KN6-11.png

第八步:

图像,调整,色相/饱和度,参数在这儿:

http://www.missyuan.net/uploads/allimg/130928/20154IF9-12.png

效果惊呆了!哎,其实还有一个滤镜,我们需要把它修改得锐利一点,滤镜 → 模糊 → 表面模糊,参数如下:

http://www.missyuan.net/uploads/allimg/130928/20154K254-13.png

http://www.missyuan.net/uploads/allimg/130928/20154K257-0.png

至此,一个帅气简约不明觉厉的现代派抽象风格背景已经修炼完成,欢迎各位同我一起来完成这八步~
搜索更多相关主题的帖子: 网格背景 未来科技感 设计教程 PS教程



加入论坛VIP,下尽您想要的素材,点击进入!

如果您在做图或者看教程(PHOTOSHOP方面),遇到任何问题请到问题交流区提问,地址:http://www.missyuan.com/forum-41-1.html;我们会在第一时间帮助您解决问题,如果在教程后面跟帖,一律不给予解决!~

TOP淘宝店铺装修免费模板 免费空间 非常好的平面设计教程,大家都来学习吧!平面设计学习QQ群:293437288





change^_^http://www.missyuan.com/images/avatars/44.gif
正式会员http://www.missyuan.com/images/missyuan01/star_level2.gifhttp://www.missyuan.com/images/missyuan01/star_level2.gif帖子4 缘分币8 Y 阅读权限10 注册时间2013-8-9
[*]发短消息
[*]加为好友
[*]当前离线
沙发大中小发表于 2013-10-16 13:55         只看该作者

http://www.missyuan.com/images/missyuan01/agree.gif


一样一样的吧http://www.missyuan.com/attachment.php?aid=3020773&noupdate=yes

本帖最近评分记录
[*]蝴蝶君 缘分币        +2 鼓励一下~加油咯. 2013-10-17 08:08


TOP加入思缘VIP,免回复下载全论坛素材,享受更多下载特权和高额缘分币




shenxunjunhttp://www.missyuan.com/images/avatars/07.gif
正式会员http://www.missyuan.com/images/missyuan01/star_level2.gifhttp://www.missyuan.com/images/missyuan01/star_level2.gif帖子55 缘分币18 Y 阅读权限10 注册时间2013-11-8
[*]发短消息
[*]加为好友
[*]当前离线
藤椅大中小发表于 2013-12-3 14:05         只看该作者

http://www.missyuan.com/images/missyuan01/agree.gif

呵呵,这个还是比较好玩的。交作业
附件http://www.missyuan.com/images/attachicons/image.gif 未标题-11.jpg (801.58 KB)2013-12-3 14:05http://images.missyuan.com/attachments/day_131203/20131203_0e2d86ad61177a76317fqCdeA4J4fV0P.jpg

本帖最近评分记录
[*]蝴蝶君 缘分币        +2 鼓励一下~加油咯. 2013-12-4 09:20


TOP加入思缘VIP,免回复下载全论坛素材,享受更多下载特权和高额缘分币




csy54088http://www.missyuan.com/images/avatars/noavatar.gif
中级会员http://www.missyuan.com/images/missyuan01/star_level2.gifhttp://www.missyuan.com/images/missyuan01/star_level2.gifhttp://www.missyuan.com/images/missyuan01/star_level1.gifhttp://www.missyuan.com/images/missyuan01/star_level1.gif帖子247 缘分币394 Y 阅读权限20 注册时间2013-10-16
[*]发短消息
[*]加为好友
[*]当前离线
板凳大中小发表于 2013-12-3 15:30         只看该作者

http://www.missyuan.com/images/missyuan01/agree.gif

未来电子线道交作业:http://www.missyuan.com/attachment.php?aid=3043405&noupdate=yes

本帖最近评分记录
[*]蝴蝶君 缘分币        +2 鼓励一下~加油咯. 2013-12-4 09:20


TOP加入思缘VIP,免回复下载全论坛素材,享受更多下载特权和高额缘分币




想飞的阿猫http://www.missyuan.com/images/avatars/05.gif
正式会员http://www.missyuan.com/images/missyuan01/star_level2.gifhttp://www.missyuan.com/images/missyuan01/star_level2.gif帖子137 缘分币62 Y 阅读权限10 注册时间2013-6-27
[*]发短消息
[*]加为好友
[*]当前离线
地板大中小发表于 2013-12-7 16:18         只看该作者

http://www.missyuan.com/images/missyuan01/agree.gif

我也来交作业了,这个教程蛮实用的,谢谢楼主分享了哈undefined
附件http://www.missyuan.com/images/attachicons/image.gif 未标题-1.jpg (910.85 KB)2013-12-7 16:18http://images.missyuan.com/attachments/day_131207/20131207_32818eb34c7b17be6a6f87W8Fcd9918O.jpg





页: [1]
查看完整版本: Photoshop设计未来科技感的网格背景欣赏