加入收藏 | 设为首页 | 会员中心 | 我要投稿 佛山站长网 (https://www.0757zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 网站设计 > 教程 > 正文

Photoshop设计简洁大方干净的网页界面设计教程

发布时间:2013-03-24 23:27:06 所属栏目:教程 来源:站长网
导读:我将介绍如何创建一个干净的网络布局、一个漂亮的背景。开门见山,咱直接切入正题吧,菇凉帅哥们有兴趣的话,可以打开PS跟着做哟。

使用椭圆工具(白色的小圆圈一次,然后把它复制到再次使用)和线工具(重量:3px的,颜色为#FFFFFF)设计图在左侧。集团所有创建的形状和线条,重复的组,将其转换为智能对象,然后栅格化了。现在,您可以将样式添加到该层。

Photoshop设计简洁大方的网页界面,破洛洛

使用钢笔工具绘制一些标签(使用鲜艳的色彩:#d82f4c,#edcd59,4d85a2#598b3b),然后将它命名使用横排文字工具,您可以申请一个的软降shadwo到,标签和文字。

Photoshop设计简洁大方的网页界面,破洛洛

在正确的圈等三个圆圈,设置填充为20%,添加文字(你可以申请一个软阴影的字符串),如图所示。

Photoshop设计简洁大方的网页界面,破洛洛

现在,我们要隐藏超出部分的“设计”与“发展”界。正如已经看到的,我们将使用图层蒙版。 

按Ctrl +单击在“图层”调板中的“创意”圆的形状,然后去选择>修改>扩展的值设置为3个像素。

Photoshop设计简洁大方的网页界面,破洛洛

按Ctrl + Shift + I反选,然后将图层蒙版的形状命名为“设计”。

Photoshop设计简洁大方的网页界面,破洛洛

重复上述操作,创建一个新的选择和扩大它所示。您可以使用Ctrl + Shift +点击,当你需要添加矢量蒙版缩览图从两个或两个以上的选择,通过点击“设计”和“创意”的形状,在这种情况下,我们创建了选择。

Photoshop设计简洁大方的网页界面,破洛洛

按Ctrl + Shift + I反选,然后将图层蒙版的形状命名为“发展”。

Photoshop设计简洁大方的网页界面,破洛洛 

应用软阴影的三个圆圈,得到以下结果。

Photoshop设计简洁大方的网页界面,破洛洛

(编辑:佛山站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读