有赞新零售社区

发帖
运营杂谈»手把手教你做微信底图---动态指纹扫描二维码

手把手教你做微信底图---动态指纹扫描二维码

鑫頭肉 2015-06-24 22534 浏览 12 评论 | [显示全部楼层] [打印]
先上图,看效果:

这样一个图我们会经常出现我们的店铺里,或者微信图文的最下部,通过这样的效果来吸引粉丝关注你的店铺或者公众号,
废话不说,今天我就来教大家如何使用PS如何做出这一个高大上的动态图吧;
1.首先新建一个文件,可按快捷键【ctrl+N】实现,640x320px即可;


2.按快捷键【ctrl+R】调出辅助线,拖出两条辅助线,如下图;


3.选择【矩形选框工具】,按下图的样子,拖出一个矩形选框,并按快捷键【ctrl+Del】,选择一个合适的颜色填充,我这里选择了黄色。


4.打开事先准备好的二维码,快捷键【ctrl+T】调整大小并到移动到合适的位置;


5.选择【矩形】工具,在画布的右侧绘制一个矩形,具体设置参数如下图;


6.拖出另外两条辅助线,对齐左侧的二维码和刚刚画出的矩形;


7.双击“矩形”所在的图层,调出图层样式,选择【描边】样式,具体设置参数如下图,设置完成以后点击确定;


8.打开事先准备好的“指纹”样式,调整大小并移动到合适的位置,如下图;


9.添加必要的文字说明;


10.选择【矩形选框工具】,在指纹上方绘制一个矩形选框,并用白色填充;


11.同样双击该图层,调出“图层样式”,按下图设置样式,设置完成以后,点击确定;


12.点击【窗口】,【时间轴】调出时间轴面板;


13.点击【创建帧动画】;


14.调整“扫描层”的位置,位于指纹的正上方,并点击下方的复制所选帧;


15.确定选中时间轴上的第二个图层,继续调整“扫描层”的位置,把他移动到指纹的正下方,如图;


16.点击【过渡动画帧】,参数设置如下图:,设置好以后点击确定;


17.点击下面的【一次】,修改为【永远】;


18.选择【文件】【存储为web所用格式】;


19.选择gif格式,存储;


ok,下面附上psd源文件(见附件);
========================================
-------------------顺便打个野广告-------------------------
========================================

本教程由 有赞拍档·点点达 提供

有情怀的拍档

只为移动互联网而生

二维码源文件.psd

430.33 KB , 下载次数: 1320

psd源文件

用手机打开
收藏 8 ··· 回复
    lizong   青铜   2015-08-05 显示全部楼层
    http://wap.koudaitong.com/v2/feature/16bw9wzzb
    本店专卖电子商品有需要的可以来看下

      1跳至
      您需要登录后才可以回帖 登录 | 立即注册

      本版积分规则

      复制链接
      新浪微博
      QQ空间
      微信扫码
      • 回复

      • 评分

      客服工作时间是9:00-18:00,客服妹子当前不在线,若不能及时回复请谅解。试试右上角的搜索吧,论坛有丰富的经验贴、公告贴,相信一定能够帮到您~

      复制成功