科技感的网页怎么做新出来网页游戏的,用PS?网页要求实时更新有交互性,不能只用PS做个炫酷的背景吧?求指教。

PS教程:八步创建一个未来科技感的网格背景
优秀网页设计联盟-SDC-网页设计师交流平台-听讲座,聊设计,找素材,尽在优设网
& / & & / & 正文
Hi,我是优设小编
PS教程:八步创建一个未来科技感的网格背景
程远:在这个教程中,我将向你演示如何利用滤镜去创建一个具有现代性抽象风格的背景,你可以用于表现科幻类的海报或者其他需要的地方,教程简单详细,关键是可以教会您一种打造自定义背景的方法,而且效果利落,快喊上你的小伙伴来学一学吧。
颜色方面您可以根据自己喜好的色彩叠加在背景上,举一反三,可以营造出各种不同的效果。如下图。
来最终效果先:
创建大小为像素的空白背景,前景色为白色,分辨率为72 dpi
快捷键 「D」设置前景色与背景色分别为黑色与白色,新建一个图层,命名为「背景」
现在我们要利用滤镜来完成我们的背景咯,童鞋们按照步骤来,→
渲染 → 云彩
恩,很有成就感了,这一步更简单,→
马赛克,参数就这样!
滤镜 → 模糊 → 径向模糊,参数设置如下:
好棒,你做到这一步了!快成型了对吗?恩,没错,滤镜 → 风格化 → 浮雕效果,跟着我,这样来设置参数~
哎哟,效果不错哦
画笔描边 →
强化边缘,参数设置,看图嘿哟
最后一个滤镜咯,→
风格化,照亮边缘,参数看图不说话:
图像,调整,色相/饱和度,参数在这儿:
效果惊呆了!哎,其实还有一个滤镜,我们需要把它修改得锐利一点,滤镜 → 模糊 → 表面模糊,参数如下:
至此,一个帅气简约不明觉厉的现代派抽象风格背景已经修炼完成,欢迎各位同我一起来完成这八步~
原文地址:
编译:程远,转载请注明优设网译文出处,谢谢各位亲爱的小编们。
================关于优设网================
“优设网“是一个分享网页设计、无线端设计以及的干货网站。
【特色推荐】
设计讲座:每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音(YY频道:156982)分享实战经验。
设计微博:拥有粉丝量55万的人气微博 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:
我们的团队
大家在关注手机号/邮箱:?
使用第三方登录:?
还可以输入 300 字符
请输入举报理由
选择收藏分类:
默认收藏夹
添加收藏分类:
原创作品:炫酷科技感视觉效果特效PS_D教程素材
系统分类:
个人归类:
作品版权由
解释,禁止匿名转载;禁止商业使用;禁止个人使用。 临摹作品,同人作品原型版权归原作者所有。
厦门 / 设计爱好者143天前发布
厦门 / 设计爱好者143天前发布
同时推荐此作品
还可以输入2000 个字符
所有,禁止匿名转载;禁止商业使用;禁止个人使用。Photoshop创意科技感十足的网页背景教程
作者:佚名
字体:[ ] 来源:优设
时间:10-02 15:15:31
颜色方面您可以根据自己喜好的色彩叠加在背景上,举一反三,可以营造出各种不同的效果
颜色方面您可以根据自己喜好的色彩叠加在背景上,举一反三,可以营造出各种不同的效果。如下图。  来最终效果先:  第一步:  创建大小为像素的空白背景,前景色为白色,分辨率为72 dpi  快捷键 「D」设置前景色与背景色分别为黑色与白色,新建一个图层,命名为「背景」  第二步:  现在我们要利用滤镜来完成我们的背景咯,童鞋们按照步骤来,& 滤镜 & 渲染 & 云彩  第三步:  恩,很有成就感了,这一步更简单,& 滤镜 & 像素化 & 马赛克,参数就这样!  第四步:  滤镜 & 模糊 & 径向模糊,参数设置如下:  第五步:  好棒,你做到这一步了!快成型了对吗?恩,没错,滤镜 & 风格化 & 浮雕效果,跟着我,这样来设置参数~&  哎哟,效果不错哦  第六步:  滤镜 & 滤镜库 & 画笔描边 & 强化边缘,参数设置,看图嘿哟  第七步:  风格化 & 查找边缘  最后一个滤镜咯,& 滤镜库 & 风格化,照亮边缘,参数看图不说话:  第八步:  图像,调整,色相/饱和度,参数在这儿:  效果惊呆了!哎,其实还有一个滤镜,我们需要把它修改得锐利一点,滤镜 & 模糊 & 表面模糊,参数如下:  至此,一个帅气简约不明觉厉的现代派抽象风格背景已经修炼完成,欢迎各位同我一起来完成这八步~
大家感兴趣的内容
12345678910
最近更新的内容PS教程:PS打造未来科技感的文字特效_百度文库
两大类热门资源免费畅读
续费一年阅读会员,立省24元!
PS教程:PS打造未来科技感的文字特效
郑州清新教育电脑培训学校是专业提供1.办公...|
总评分0.0|
&&PS教程:PS打造未来科技感的文字特效
阅读已结束,下载文档到电脑
想免费下载更多文档?
定制HR最喜欢的简历
下载文档到电脑,方便使用
还剩6页未读,继续阅读
定制HR最喜欢的简历
你可能喜欢

我要回帖

更多关于 科技感网页设计 的文章

 

随机推荐