优艾设计网

photoshop设计软件行业网站模板教程

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:┆死┆
软件行业网站需要的是专业性的视觉效果,所以在本文中的页面设计并没有使用过于鲜艳的颜色,而是用比较酷的一排金属按钮来完成页面的视觉效果

软件行业网站需要的是专业性的视觉效果,所以在本文中的页面设计并没有使用过于鲜艳的颜色,而是用比较酷的一排金属按钮来完成页面的视觉效果

作者:amitk 来源:websbook.com翻译

先看看最终效果图:

 

photoshop设计软件行业网站模板教程

新建760x770大小PS文件,设置前景色为#e8e8e8,新建图层,随后用油漆捅工具在新建的图层上制作渐变色,颜色从#e8e8e8到透明,如下图设置

 

photoshop设计软件行业网站模板教程

随后用油漆桶从下往上拉条渐变线,效果如下图

 

photoshop设计软件行业网站模板教程

用圆角矩形工具,半径为7px

photoshop设计软件行业网站模板教程

随后制作下图这些圆角矩形形状

 

photoshop设计软件行业网站模板教程

使用椭圆工具制作下面四个正圆(按shift建绘制正圆)

 

photoshop设计软件行业网站模板教程

为四个圆添加图层样式

 

photoshop设计软件行业网站模板教程

 

photoshop设计软件行业网站模板教程

 

photoshop设计软件行业网站模板教程

 

photoshop设计软件行业网站模板教程

 

photoshop设计软件行业网站模板教程

结果如下

 

photoshop设计软件行业网站模板教程

现在我再制作四个黑色的圆放在之前的图层上,如下

 

photoshop设计软件行业网站模板教程

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消