用PS制作酷面板

2016-03-18 02:04 19 1 收藏

图老师电脑网络栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享用PS制作酷面板的教程,热爱PS的朋友们快点看过来吧!

【 tulaoshi.com - PS 】

最终效果图


1,新建文件,600乘500象素,白色背景。然后新建图层,命名为Interface body,作出1图,复制该层,然后隐藏interface body层。


2,在复制层上用套索工具作出选区,按del键删除。依次作出2图。


3,ctrl+左键,选中复制层,然后新建一个通道,命名为interface,高斯模糊4个象素,然后调整色阶或曲线,使它有清晰的边缘。

4,新建一个图层,命名为interface,然后载入通道的选区,随便填充一种颜色。


5,利用图层样式。


6,选中开始隐藏的层,ctrl+左键,缩小选区5个象素,然后反选,按del键删除。


7,再次选中该层,ctrl+左键,缩小选区3个象素,按del键删除,然后给该层加阴影效果。


8,复制interface层,命名为interface details,ctrlwww.tulaoshi.com+左键,缩小选区10个象素,反选,删除。

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

9,做个矩形选区,按del键删除,按键盘上的向上箭头12次,再次按del,如此类推。最后改变图层样式见这里。





10,作如图选区,按del删除。


11,将该层向左移一点。


12,选中背景层,在其上新建一层,命名为Aqua Triangles,作图如下,填充颜色#595959。


13,如图。


14,利用第5步同样的图层样式,然后加阴影,参数为opacity97%,distance3。


15,在Aqua Triangles层之上新建一层命名为bolts,作一些立体球,给该层加图层样式在这里。



16,在背景层上新建一层命名为Chrome Detail,作图如下,大致就是一个椭圆,右边减一点,然后再作个椭圆选区,反选,按del删除。


17,给该层加阴影,然后设定图层样式在这里。


18,在背景层上新建一层命名为Ring 1,用圆形套索工具作选区如图,给他描边,#212121,9pix,保持选区,新建一层,命名为ring 2,描边,#4B4B4B,Edit - Stroke - 5 pixels - Inside 。


19,取消选择,仍然在ring 2层作选区如图,按del删除,再把选区移到下面,按del删除。


20,在ring 1层作选区如图,按del删除,然后给ring 1层添加图层样式如图。ring 2层也是同样的图层样式。


然后加阴影,Distance: 2 pixels and Size: 2 pixels。


21,最上面新建一层,加文字。

22,在背景层上新建一层命名为Background Buttons用圆角矩形工具作图如下,颜色#737373,确定the Create Filled Region被选中,在Background Buttons层上新建一层命名为Button,用圆角矩形工具作图如下。


23,然后应用第五步同样的样式,接着加阴影,distance 1 pix,size 1 pix。


24,在button层下面新建一层命名为Inset Buttons,在button层按ctrl+左键选中按钮, 然后扩展2个象素,即Select - Modify - Expand - 2 pixels,在Inset Buttons层拉一个从上到下的黑白渐变,同理作出其他五个按钮,然后合并这两层,再加点高斯模糊。


25,复制the Chrome Detail层,也就是16步建的层,然后在复制层上作选区如图,接着反选,删除,去掉阴影效果。


26,高斯模糊5个象素,仍然在该层按ctrl+左键,反选,删除,左右对称我就不多说了。

27,28,在Background Buttons 层上新建一层命名为Highlights,作选区如图,填充白色, 然后将选区向右下角移一点,按del删除。同样作出其他三个,然后高斯模糊3个象素。



29,新建一层命名为Highlights 2,作选区如图,填充白色,高斯模糊2个象素。


30,同样的在下面也做同样的选区,同样的设置。差不多就这样了,后面就是加了暗调在左右两边,也是作选区,填充黑色,高斯模糊。大功告成。
效果见第一个图咯。

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

来源:http://www.tulaoshi.com/n/20160318/1869681.html

延伸阅读
最终效果图 tuLaoShi.com 最终效果图
今天给“小伙伴”们带来一个酷炫的《UI设计小教程》,让我们一起来打造一枚流光质感界面吧~。 1.创建画布 新建一张790*400的画布(不要忘记文件命名哈~) 2.制作背景 Alt+Delete 填充背景色为 #1c46e3,并为其添加渐变叠加图层样式 (如下图所示) 3.创建界面底托 选择圆角矩形工具,创建 250*90圆角半径2像素 的白色圆角矩形,...
最终效果图:   在Adobe Photoshop CS5中新建文件(Ctrl+N),尺寸1280×1024像素(RGB颜色模式),分辨率72像素/英寸。使用油漆桶工具(G)将背景填充为黑色。 找一张现成的人物照片。 选个顺眼的工具,比如钢笔工具(P),魔棒工具(W),磁性套索(L),或者任意一个简单的滤镜>抽出...
标签: PS
打开文件 用Photoshop软件,打开“文件”菜单,点击【新建】,按照自己的喜好新建一个白色画布,完成数据设置后再点击确定。 温馨提示:如果对像素没有概念,可以将宽度和高度的显示单位设为厘米,再输入数值就可以了。 点击渐变工具 点击左侧工具栏的渐变工具,上面就会出现很多编辑框,如图选择渐变类型为线性渐变(渐...
标签: PhotoShop PS PS教程
Photoshop制作非常酷的烈焰字效果。 手工制作火焰字的过程要稍微复杂一点,大致分为三个部分:首先用滤镜做出初步的火丝;然后用液化滤镜和涂抹工具加强成想要的火焰;后期上色,再加上一些火星等即可。 最终效果 1、在图1上面右键,选择图片另存为保存到本机,然后用PS打开保存的文字素材。 按Ctrl + N 新建一个画布,...

经验教程

908

收藏

93

精华推荐

用PS制作水面倒影

用PS制作水面倒影

笨男孩emp

用PS制作贴纸字

用PS制作贴纸字

半颗糖也甜7KO

用PS如何制作胡须

用PS如何制作胡须

天涯海角421

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