Photoshop制作web2.0风格软件开发公司网站模版(7)插图

Photoshop制作web2.0风格软件开发公司网站模版(7)

软件开发公司网站需要的是专业性的视觉效果,所以在本文中的页面设计并没有使用过于鲜艳的颜色,而是用比较酷的一排金属按钮来完成页面的视觉效果。 最终效果: 新建760×770大小PS文件,设置前景色为#e8e8e8,新建图

Photoshop制作web2.0风格软件开发公司网站模版(2)插图

Photoshop制作web2.0风格软件开发公司网站模版(2)

使用椭圆工具制作下面四个正圆(按shift建绘制正圆) 为四个圆添加图层样式 结果如下

广告位
Photoshop制作web2.0风格软件开发公司网站模版(6)插图

Photoshop制作web2.0风格软件开发公司网站模版(6)

这里我们要为我们的软件包装图片制做一个促销的图标,用多变形工具,设置如下 制作一个白色的多边形,随后加一些文字 使用笔刷做对页面一些修饰 最终完成的软件网站效果页面如下

Photoshop制作web2.0风格软件开发公司网站模版(5)插图

Photoshop制作web2.0风格软件开发公司网站模版(5)

最后设置不透明度为20%就完成了倒影的制作 我再加入一些icon的小图标作为装饰 现在开始制作导航条部分 加入导航文字与LOGO 随后为导航文字制作鼠标移动上时的效果图 在上面的黑色圆角矩形图层上按右键选择删格图层

Photoshop制作web2.0风格软件开发公司网站模版(4)插图

Photoshop制作web2.0风格软件开发公司网站模版(4)

选中按钮的所有图层 将所有图层复制一次 选中复制出的所有图层,随后按ctrl+e合并为一个图层 编辑 变换路径 垂直翻转,然后将复制出的按钮移动到原按钮的下方 我们这么做的目的是为了制作按钮的倒影效果,这里倒影

Photoshop制作web2.0风格软件开发公司网站模版(3)插图

Photoshop制作web2.0风格软件开发公司网站模版(3)

现在我再制作四个黑色的圆放在之前的图层上,如下 为黑色的圆添加图层样式 这是完成后的按钮效果

Photoshop制作web2.0风格软件开发公司网站模版插图

Photoshop制作web2.0风格软件开发公司网站模版

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

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部