你好,欢迎访问远方教程PC版!
广告位招租
网站首页 >> 站长讲堂 >> 网站建设 >> 文章内容

网页美工-难得国外有这样好的教程(第11页)

[日期:2015-02-11]   来源:远方教程  作者:远方教程   阅读:31551次[字体: ] 访问[旧版]
 捐赠远方教程 

 

  第二十步

网页美工教材15164735.jpg

选择直线工具,设置大小为1px

第二十一步

网页美工教材15164736.jpg

按住shift键画灰色的分割线。

  第二十二步

网页美工教材15164737.jpg

  为每个切换标题添加小图标。我用了来自WebAppers.com的图标。通常一个切换标题激活了其他的就处于非激活状态了。为了清楚表达这一点,我们需要想个办法完成它。我降低其他图标的饱和度并且降低标题字眼和描述文字的透明度一保证激活的标题处于高亮状态。

  第二十三部

网页美工教材15164738.jpg

  为了使激活的按钮更加明显,我们将给它添加一个时尚的背景。为了达到这样的效果我们把整个对象选中然后裁切选区(按住alt画选区即可把不要的选区去掉)最终使选中的范围只有第一个按钮。

网页美工教材15164739.jpg

如上图所示即为所要达到的选区。

网页美工教材15164740.jpg

用一个更小的软笔刷,画出一个白色背景。

 

图片展示
 
相关评论
站长推荐