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

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" >
                               
< 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 >< 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 >

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值