转:分享多年美工工作收集的小工具和经验

本文主要是介绍转:分享多年美工工作收集的小工具和经验，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1.图片素材收集技巧
我们很多时候看到一个别的站点里面的图片和动画，怎样能方便拿到？
有一个简单的技巧就是，打开IE的 internet选项->internet临时文件，删除所有脱机内容 ,（然后把喜欢的这个网站浏览一遍），再打开IE的 internet选项->internet临时文件，点设置，查看文件（就会看到刚才该网站的所有素材和动画，复制出来就可以直接使用了）

2.在线图片处理工具
http://www.simwebsol.com/ImageTool/
做网站时，需要制作网站标题的特殊效果，可以用下面这个工具，比一些专业文字工具还要方便

http://www.makepic.com
制作个性印章

http://www.buttonator.com/
按钮图片制作工具

http://www.eoool.com/
在网页中直接留写邮箱，容易被一些邮件收集软件扫描而收到垃圾邮件，这个在线工具可以帮助
生成邮件地址的图片

http://lab.rails2u.com/bgmaker/
背景图片制作工具，我们经常需要制作一些颜色渐变的背景图片，用这个工具很方便

http://www.ajaxload.info/#preview
动态进度条图片生成工具，如果你希望显示动态的进度条图片，这个工具一定可以帮到你，

http://www.web20badges.com/
制作奇形怪状的标志图片

http://www.photofunia.com
可以将直接对相片进行换脸图片工具，可以制作很多有趣搞笑的个人相片图片。

3. 网站发布服务软件
http://www.snpsoft.net
30M的绿色软件，可做WEB服务，还打包了一个内容管理系统，支持视频，多国语言，模板更换

素材网站

http://www.flickr.com
http://image.baidu.com/
http://images.google.com.hk
平时需要大量的图片素材，除了baidu，google外，最喜欢下面这个flickr.com图片搜索因为是专门的图片搜索，所以质量高很多

图标类网站下载
http://iconfactory.com
http://interface.com/
http://pixelgirlpresents.com
http://deviantart.com
http://fasticon.com
http://fasticon.com

横向滚动

< div id ="roll" >
               < table border ="0" cellpadding ="0" cellspacing ="0" >
                 < tr >< td id ="img1" >
                 < table border ="0" cellpadding ="0" cellspacing ="4" >
                 < tr >
                   < asp:Repeater ID ="rpArtiShow" runat ="server" >
                         < ItemTemplate >
                         < td width ="120" align ="center" >
                                < a class ="imgBorder" style ="background:url('<%#Helper.EncodeImgPath((string)Eval(" filePath"),"sm") % > ') no-repeat center center" href=" <% = Helper.AbsPath %> /group/ <% # Eval ( " groupID " ) %> /photo_ <% # Eval ( " photoID " ) %> " title=" <% # Eval ( " title " ) %> "> </ a >
                                 < p >< a href ="<%=Helper.AbsPath%>/group/<%#Eval(" groupID") % > /photo_ <% # Eval ( " photoID " ) %> " title=" <% # Eval ( " title " ) %> "> <% # Eval ( " title " ) %> </ a ></ p >
                                 </ td >
                         </ ItemTemplate >
                     </ asp:Repeater >
                     </ tr ></ table >
                  </ td >< td id ="img2" ></ td ></ tr >
                  </ table >
                  </ div >
               </ div >
                 < script type ="text/javascript" >
                 var imgcount = 10 ;
                 var speed = 30 // 速度数值越大速度越慢
                 if (imgcount > 5 )
                    $( " img2 " ).innerHTML = $( " img1 " ).innerHTML

                 function Marquee(){
                     if ($( " img2 " ).offsetWidth - $( " roll " ).scrollLeft <= 0 )
                        $( " roll " ).scrollLeft -= $( " img1 " ).offsetWidth
                     else {
                        $( " roll " ).scrollLeft ++
                    }
                }
                 var MyMar = setInterval(Marquee,speed)
                $( " roll " ).onmouseover = function () {clearInterval(MyMar)}
                $( " roll " ).onmouseout = function () {MyMar = setInterval(Marquee,speed)}
                 </ script >