前言,今天需要添加一个动图git作为网站的图片懒加载的图片.(毕竟是全栈开发嘛)

首先去了一个网上弄了一个动图

GIF加宽加大的PS操作.简单方便
就是这货

比较小,符合作为懒加载图片的需求(毕竟测试服务器带宽太小了emmm....)

但是.....太小了

需要如下操作gif

GIF加宽加大的PS操作.简单方便

我想把他的''边框''加大

GIF加宽加大的PS操作.简单方便
改成这样

首先,准备好

GIF加宽加大的PS操作.简单方便
PS大大

打开并把图片放进去


GIF加宽加大的PS操作.简单方便
放进去后


GIF加宽加大的PS操作.简单方便
选择这货


GIF加宽加大的PS操作.简单方便
设置比例,我直接写150X150和1X1一样

然后拖动他的  斜上方向的箭头就一点点就好,看个人.

GIF加宽加大的PS操作.简单方便
左上角的拉伸箭头被我拖了一点

再拖动右下角的拉伸箭头


GIF加宽加大的PS操作.简单方便
完成

选择确定


GIF加宽加大的PS操作.简单方便
确定

这时候发现图片大小不是自己想要的?

选择  图像>图像大小  --->设置你要的宽度就好啦..

GIF加宽加大的PS操作.简单方便
完成了


GIF加宽加大的PS操作.简单方便
可以执行一下查看效果

完成了?

注意,下一步我踩坑了.在存储的时候

要选择  文件>存储为Web所用格式   而不是  文件>存储为 来保存.或者直接保存(覆盖之前的图片了)


这本来就是我发到简书上的博客,so.再次注明:也可以关注我的简书 Clevel

相关文章: