900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html手机9张图片显示 微信朋友圈九宫格新玩法 显示一张完成的图片 点击有惊喜...

html手机9张图片显示 微信朋友圈九宫格新玩法 显示一张完成的图片 点击有惊喜...

时间:2019-07-24 09:59:37

相关推荐

html手机9张图片显示 微信朋友圈九宫格新玩法 显示一张完成的图片 点击有惊喜...

经常会在朋友圈看到一组照片,九张能组成一张完整的照片,点开后显示不同的内容,这种方法非常实用,今天我整理了一下方法。先给大家看一张效果图吧。

其实这样的玩法1号店店庆时已经玩过,不过他们店庆的时候的图片点开的内容是相同的,今天老杨要说的方法点开后有不同内容的显示,是不是很新奇。方法如下哦:

先制作一张最终朋友圈显示效果的图片

1丶先在PS里面建立一个1800px*1800px大小的图片,把需要展示在朋友的图片放入文件中,最好是选择圆形图片,其它任意形状都行哦,只要是一张完整的图片就行,用参考线工具把图片分成9等分,每个图片大小就是600px*600px,为了方便记忆顺序,我在每个图片上面打上了顺序水印。如图所示

2丶如图所示利用PS切片工具沿着参考线把大图分成九个切片,

3丶同时按住键盘上面ctrl + shift +alt +s 键,导出所有切片,如图所示,注意所有切片选择为jpeg,点击保存,选择所有用户切片,保存在电脑任意位置备用。

4丶制作九张点击后显示效果的图片

在PS里面新建一个文件,命名为1.psd,文件大小600px*3000px,用参考线分成3部分,第一部分高度1200px;第二部分高度600px;第三部分高度1200px;如图所示

5丶在PS中打开刚切片好的第一张图片,把图片拖入1.psd文件中的第二部分,并和参考线对齐,如图所示

6丶在1.psd的第一和第三部分加入你想展示的内容,我这次选择的中秋节相关的内容。如图所示,保存为1.jpg备用。

7丶重复 5 6 步骤,做好其它8张图片,9张图片准备完毕以后,把图片导入手机相册,选择在朋友圈发布,注意顺序哦,1-9的顺序,顺序错了可以删除重新发布。九张图片我全部传上来了,喜欢的朋友可以直接下载发布哦。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。