Photoshop创意科技感十足的网页背景教程

2016-02-16 00:36 71 1 收藏

下面图老师小编跟大家分享Photoshop创意科技感十足的网页背景教程,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

【 tulaoshi.com - PS 】

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

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

 

 

来最终效果先:

Photoshop创意科技感十足的网页背景教程,PS教程,图老师教程网

第一步:

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

Photoshop创意科技感十足的网页背景教程,PS教程,图老师教程网

第二步:

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

Photoshop创意科技感十足的网页背景教程,PS教程,图老师教程网

第三步:

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

Photoshop创意科技感十足的网页背景教程,PS教程,图老师教程网

第四步:

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

Photoshop创意科技感十足的网页背景教程,PS教程,图老师教程网

Photoshop创意科技感十足的网页背景教程,PS教程,图老师教程网

第五步:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

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

Photoshop创意科技感十足的网页背景教程,PS教程,图老师教程网

哎哟,效果不错哦

Photoshop创意科技感十足的网页背景教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

第六步:

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

Photoshop创意科技感十足的网页背景教程,PS教程,图老师教程网

Photoshop创意科技感十足的网页背景教程,PS教程,图老师教程网

第七步:

风格化 → 查找边缘

Photoshop创意科技感十足的网页背景教程,PS教程,图老师教程网

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

Photoshop创意科技感十足的网页背景教程,PS教程,图老师教程网

第八步:

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

Photoshop创意科技感十足的网页背景教程,PS教程,图老师教程网

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

Photoshop创意科技感十足的网页背景教程,PS教程,图老师教程网

Photoshop创意科技感十足的网页背景教程,PS教程,图老师教程网

至此,一个帅气简约不明觉厉的现代派抽象风格背景已经修炼完成,欢迎各位同我一起来完成这八步~

来源:https://www.tulaoshi.com/n/20160216/1565926.html

延伸阅读
最近大家伙越来越关注视差滚动的网页了,很多同学都在四处寻找相关的案例来赏析学习。此前我们也分享过相关的制作教程及文章。那么今天我们继续推荐20个创意十足的视差滚动酷站,希望能为你的案例带来灵感,强烈推荐收藏。 Beatbox Academy Discover Shadow This is Now Sam Markiewicz Erős Balázs Le Tour ...
来源:优设 作者:程远 电路背景看上去是非常复杂的,不过用滤镜来制作却不是很复杂。先把一些纹理处理成网格效果,然后用查找边缘等滤镜加强网络的边缘线条,后期细化一下线条,调整一下颜色即可。 最终效果 1、创建大小为1920*1200像素的空白背景,前景色为白色,分辨率为72 dTulaoshi.Compi ,快捷键“D”设置前景色与背景色分别为黑...
创意十足的影调对比摄影   风雪中的撑伞人传递出浓浓的故事感 低调摄影 低调摄影通常又叫暗调摄影,顾名思义就是整体画面的影调控制的很暗,整体亮度很低的摄影手法。但是光影调低暗不是目的,目的是通过大片低暗的影调更鲜明的突出亮调部分想表现的东西,以强烈的影调对比,来表现作品内容和气氛。 仿佛置身...
标签: PS PS教程
效果图基本用图层样式来完成,制作的时候需要在细节及颜色上下功夫,可以多尝试一些图层样式的参数设置,把文字的发光、立体,纹理等完美表现出来。 最终效果 1、打开Photoshop,Ctrl+N新建画布。选择你需要的大小和分辨率。尺寸不要太小,这样我们会看清细节。 2、在这次设计中,我们想要创建一种星际争霸文字的效果。首先下载并...
标签: Web开发
网页中的背景设计是相当重要的,尤其是对于个人主页来说,一个主页的背景就相当于一个房间里的墙壁地板一样,好的背景不但能影响访问者对网页内容的接受程度,还能影响访问者对整个网站的印象。如果你经常注意别人的网站,你应该会发现在不同的网站上,甚至同一个网站的不同页面上,都会有各式各样的不同的背景设计。究竟都有哪些不同样式的背景...

经验教程

938

收藏

75
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部