当前位置:首页 > 设计在线 > 平面动画 > Photoshop > Photoshop设计自己的个性风格网站计数器图片

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

点击次数:27 次 发布日期:2008-11-27 03:58:40 作者:源代码网
源代码网推荐

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

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

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

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

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

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

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

二、为计数器添加相关参数指示

计数器一般是计算今天、昨日、总体访问量这三个指标,所以这里我们就直接输入“今、昨、总”三个指标。


源代码网供稿.

网友评论 (0)
会员中心
设计在线
本站推荐
设计在线之精华