photoshop设计制作一款行业网站模板教程
来源:岁月联盟
时间:2009-10-13
先看一下看完成效果图:
创建760x770大小PS文件,设定前景色为#e8e8e8,创建图层,随后用油漆捅工具在创建的图层上打造渐变色,色彩从#e8e8e8到透明,见下图设定
随后用油漆桶从下往上拖条渐变线,此时效果图如下
用圆角矩形工具,半径为7px
随后打造下图这些圆角矩形外形
运用椭圆工具打造下方四个正圆(按shift建绘制正圆)
为四个圆加上图层样式
结果如下
此时我再打造四个黑色的圆放到前面的图层上,如下
为黑色的圆加上图层样式
这是做完后的按钮效果
选中按钮的所有图层
把所有图层拷贝一遍
选中拷贝出的所有图层,随后按ctrl+e拼合为一图层
编辑 > 变换路径 > 垂直翻转,之后把拷贝出的按钮拖动到原按钮的下面
我们这么做的目的是只为打造按钮的倒影效果,这儿倒影的打造手法非常简易,我先选取如下的笔刷
随后我对下方的按钮执行笔刷抹沫
最终设定不透明度为20%就做完了倒影的打造
我再加入一点icon的小图标作为修饰
此时开始打造导航条部分
加入导航文字和LOGO
随后为导航文字打造鼠标拖动上时的完成图
在上方的黑色圆角矩形图层上按右键选取”删格图层“,如此完全切换为像素图,而没有路径边框了
用选区工具去掉下方的多余部分
按钮此时效果如下图
文字和内容的加上并没有什么可叙述的,做完后如下
这儿我们要为我们的软件包装照片制做一促销的图标,用多变形工具,设定如下
打造一白色的多边形,随后加一点文字
运用笔刷做对页面一点装饰
最后做完的软件网站效果页面如下