软件频道>设计在线>网页UI|平面网页Flash视频三维欣赏|设计专题教程素材| 群乐:Vista系统下载
您现在的位置: 天极网 > 软件频道 > 设计在线 > 网页UI设计 > 设计自己的个性风格网站计数器
全文

设计自己的个性风格网站计数器

2006-05-25 10:45作者:新思维风之梦 原创出处:天极设计在线责任编辑:Shiny

点击查看更多精彩网页设计技巧

  计数器是用来统计网页被访问次数的工具。当来访者的浏览器读到页面内的计数器代码时,会按代码内指定的地址去读取一个数值。然后该数值会被程序做加1的运算并得出新数值。新数值会按代码内指定的图片形式显示在浏览器内,同时新数值被保存到原位置覆盖旧数值。以上过程会在每次该页面被访问时重复一次,随之计数器显示的数值也会逐渐累加。

  现在网络上也有许多免费的计数器,比如00counter、lattecounter等。这些免费的计数器种类繁多,非常漂亮,不过一直用带着别人LOGO(或是没有自己个性标识)的计数器,总是感觉不舒服。现在就和梦梦一起打造一个属于自己的计数器吧!

  制作过程中我们将用到Photoshop 颜色模式”的调整、“自由变换”的使用、文字工具的使用及“字符/段落面板”的设置、图层样式“描边”的设置与应用、Web格式图片的输出,最后则是计数器上传、设置及应用。(注:本文以Photoshop CS2中文版为例,其它版本的Photoshop操作步骤基本相同,可能会略有差异。)文章末尾提供.PSD源文件供读者下载参考。

  一、用Photoshop 制作个性计数器图片

  首先在网上找一些比较漂亮的图片,用Photoshop打开。(注意不要太大了,而且制作完成后的图片的宽度和高度不能超过160×100像素)

  大家可以看到在“图层”面板中显示为“索引”模式,这种模式没有办法编辑(大部分网络上下载的图片都是这样),所以首先选择“图像-模式-RGB颜色”模式,将其图像转为RGB模式。

  现在按Ctrl+N新建一个160×100像素,颜色RGB模式,背景透明的文件,将刚才的图片拖进来。由于原来图片较大,所以拖进来后按一下Ctrl+T(自由变换),在按下Shift的同时将图片等比例缩到合达大小,并放在合适的位置后双击退出变换模式。

共3页。 1 2 3 :
相关搜索:
关注此文读者还看过
热门关注
特别推荐
文章排行
本周
本月
最近更新
关于我们|网站律师|天极服务|电子杂志|RSS订阅|加入我们|网站地图
TMG
Copyright (C) 1999-2008 Chinabyte.com, All Rights Reserved 版权所有 天极网络
商务联系、网站内容、合作建议:010-82657868
版权声明 在线提交意见反馈 Powered by 天极内容管理平台CMS4i
经营性网站备案信息 网警备案 中国网站排名
天极传媒:天极网|比特网|IT专家网|IT商网|52PK游戏网|IT分众-网站地图