广告：
网页制作参考
千千学园
雨路开发频道
雨路技术文档
技术问答
编程技术

目的：
# 80×80 的头像图片
适用：
# 初学的朋友
# 喜欢使用和研究身边小程序的朋友
程序：
# windows 画图程序
# animagic gif
效果：
screen.width-300)this.width=screen.width-300 border=0 alt=click to open in new window>

关键词：
# 像素图片,头像图片,80×80,画图程序,animagic gif
步骤：
首先，当然是一个草稿。看起来真的很滑稽，呵呵。
这个还算是简单修整了边线的像素线稿。
screen.width-300)this.width=screen.width-300 border=0 alt=click to open in new window>

呜哈哈！无条件加粗边线！怎么样？感觉不同了吧。
在画图程序里撤消只能够使用三次！仅仅三次。
所以，每做一个变动都应该复制一份贴在一边。
screen.width-300)this.width=screen.width-300 border=0 alt=click to open in new window>

凭喜好上基本的底色。他竟然是个绿大汉……不可思议。
screen.width-300)this.width=screen.width-300 border=0 alt=click to open in new window>

简单的把阴影暗处表现出来。俨然像那么一回事了。
暗色要大块一些，能连上的尽量连上。毕竟我们不需要那么“细腻”。
这样，处理上也方便，呵呵，偷懒。
screen.width-300)this.width=screen.width-300 border=0 alt=click to open in new window>

酷酷的墨镜！差不多完成了吧。
screen.width-300)this.width=screen.width-300 border=0 alt=click to open in new window>

感觉明暗层次还差了一些，加一些高光。
回忆一下，我们前面可只是处理了暗处。
做到这里，人物我就不想动了。
screen.width-300)this.width=screen.width-300 border=0 alt=click to open in new window>

需要加点儿字儿上去。当然是我的网址了。
先用黑色的铅笔工具描（写？）出来。
为了要让字叠在图上能与图分辨开，要给字加边！
因为，整个图没有用到红色(rgb 255 0 0)，所以我用红色临时加边，以示区分。
这个当然是有道理的。
screen.width-300)this.width=screen.width-300 border=0 alt=click to open in new window>

喀嚓！我字贴到了人物的脚下。
注意，粘贴的时候“选定”工具应设置成“透明粘贴”。
画图程序帮助对“透明粘贴”的解释：
指定现有图片将透过选定区域显示，而且不显示选定区域的背景颜色。
screen.width-300)this.width=screen.width-300 border=0 alt=click to open in new window>

screen.width-300)this.width=screen.width-300 border=0 alt=click to open in new window>

把字再处理一下，临时红色的加边使命结束了。
screen.width-300)this.width=screen.width-300 border=0 alt=click to open in new window>

我们需要把图片来一个重叠的阴影，怎么做？
先复制一份图片，将所有颜色统一成一种阴影的灰色。
screen.width-300)this.width=screen.width-300 border=0 alt=click to open in new window>

重叠之前，对于原图需要一个简单的临时的处理。
就是把白色的地方涂成一种临时颜色，和上面字的红边是一个道理。
这里我用了那种亮绿色(rgb 0 255 0)。
因为画图程序默认白色为背景色，直接重叠的话，下面的灰色就会透过白色显现出来。
screen.width-300)this.width=screen.width-300 border=0 alt=click to open in new window>

重叠！把图片向阴影左上错开两个像素。
screen.width-300)this.width=screen.width-300 border=0 alt=click to open in new window>

把刚刚的临时绿色换回白色。
screen.width-300)this.width=screen.width-300 border=0 alt=click to open in new window>

等等！是不是发现袖口的绿色效果要比原来的白色要好？
那么，我们就留下它！真是个意外的发现！
screen.width-300)this.width=screen.width-300 border=0 alt=click to open in new window>

我要说：完成了！这位说为什么没有背景？
呵呵！因为我要透明的背景！
因为我们要做80乘80的图片，这时候，我们要再打开一个画图程序。
在新打开的画图程序使用快捷键 ctrl+e 设置宽度、高度都为 80 。
把刚刚的图片粘贴过来。
将想要透明的颜色替换为一种没有用到的临时颜色（又来了）。
我习惯是亮紫色(rgb 255 0 255)。
screen.width-300)this.width=screen.width-300 border=0 alt=click to open in new window>

怎么变透明？我们用到另一个小软件 animagic gif。
这是一个可以制作 gif动画 的小软件，小到它还不拥有绘画功能。
它只能够把复制进来的图片保存成 gif 文件。当然，这就足够了！
screen.width-300)this.width=screen.width-300 border=0 alt=click to open in new window>

打开 animagic gif ，把我们刚刚紫色背景的图片粘贴进来！
快捷键 alt+a 然后 t 。这时鼠标点击图片上的亮紫色。
怎么样？透明了！
screen.width-300)this.width=screen.width-300 border=0 alt=click to open in new window>

看看这一大堆东东！
screen.width-300)this.width=screen.width-300 border=0 alt=click to open in new window>

最终的图片！
screen.width-300)this.width=screen.width-300 border=0 alt=click to open in new window>

（）