干货满满!揭秘互动图文制作方法插图

干货满满!揭秘互动图文制作方法插图1

又到了松松杉杉创意工坊开业的时间啦,这次我们要分享些什么呢?

平时大家看到的精美的图文排版和动人心弦的优美文字,都出自于编辑部小伙伴们之手。听起来有没有一点心动呢?

今天,松松杉杉就介绍一些编辑部制作图文的实用小技巧,希望nefuer们收获满满。

观看更多
正在加载
    正在加载

    视频加载失败,请刷新页面再试

    干货满满!揭秘互动图文制作方法插图2
    干货满满!揭秘互动图文制作方法插图3

    不知道大家是否还记得去年绝对色感这篇图文,其新奇的构思和趣味性曾给大家带来许多惊喜。不如让我们一起回忆一下吧:视觉挑战 | 东林绝对色感

    看完了这篇图文,大家是不是对其中有趣的特效产生了好奇呢?今天我们就为大家揭开其中的奥妙吧!

    第一步:前期构思与策划

    一篇优秀图文的开始,当然是灵感四溢的构思以及充满奇思妙想的策划了。编辑部的小伙伴们通常会进行讨论,集思广益。对于绝对色感这篇图文,灵感则来源于东林五彩缤纷的美景,将生活中独一无二的奇妙色彩以互动的方式记录下来,自然让人难以忘怀。

    第二步:图文制作

    特效一点击图片显示文字

    干货满满!揭秘互动图文制作方法插图4

    1

    干货满满!揭秘互动图文制作方法插图5

    首先我们要打开编辑器,选择一个合适的互动模板。

    干货满满!揭秘互动图文制作方法插图4

    2

    干货满满!揭秘互动图文制作方法插图6

    接着,为了准确地表现出不同的红色,我们要用ps提取出独特的红色,不同的红色会有不同的RGB值。提取方法:选择颜色取样器工具,点击需要取色的位置,最后记录对应的RGB值。

    干货满满!揭秘互动图文制作方法插图4

    3

    干货满满!揭秘互动图文制作方法插图7

    然后,我们在编辑器中选择色块,输入其特定的RGB值,就能得到我们想要的颜色。这样我们就得到了枫叶红色块。

    干货满满!揭秘互动图文制作方法插图4

    4

    干货满满!揭秘互动图文制作方法插图8

    选择替换文字,将文字替换成枫叶红,我们的第一个特效就做好了。再按照同样的方法重复两遍,我们的点击图片显示文字特效就完成啦。

    特效二滑动显示答案

    干货满满!揭秘互动图文制作方法插图4

    1

    干货满满!揭秘互动图文制作方法插图9

    首先,我们清空样式,选择一个合适的特效。点击动画,我们就可以进行图片的替换。将枫叶的照片上传,替换第一张图片,闪现的特效将会出现。同理,将第二张图片替换成枫叶的图片,出现的效果就是滑动后的静态效果,同样上传保存。

    干货满满!揭秘互动图文制作方法插图4

    2

    干货满满!揭秘互动图文制作方法插图10

    第三张图片就是我们最左边的那张图片,选择的是滑动显示答案的图片,保存上传,外网复制,到微信公众平台进行粘贴,这样就出现了我们滑动的互动特效。

    最后点击保存,我们有趣的互动特效就这样完成了。简单又有趣,小伙伴们学会了吗?

    第三步:排版和文字

    最后一步,就是进行图文的排版和文字的撰写了。图文的排版看似简单,实则关系着整篇图文的完善和美观。在排版方面,一定要注意整体的和谐统一,做到赏心悦目为宜。文字则要与图片的内容相匹配,做到言之有物,言之有美;言之有理,言之有情。同时,文字的长短排序也要认真考虑。

    干货满满!揭秘互动图文制作方法插图11

    经过以上的步骤,一道色感挑战题就做好啦,下面让我们一起来欣赏一下吧~

    干货满满!揭秘互动图文制作方法插图12

    以下哪一种颜色是国旗红?

    枫叶红

    国旗红

    晚霞红

    军装红旗  是一腔不熄的热血眉宇神色  是一曲无声的赞歌

    赤红照我心  肝胆为君热

    干货满满!揭秘互动图文制作方法插图13

    干货满满!揭秘互动图文制作方法插图14

    秋日渺远的晴空下

    寂静地舒展  安然地鲜艳

    进行着白雪来临前最后的狂欢

    干货满满!揭秘互动图文制作方法插图13

    干货满满!揭秘互动图文制作方法插图15

    红云 夜空 灯火通明

    脚步 学子 郎朗书声

    晚霞多温柔 用目光遥送行人

    本期松松杉杉创意工坊的内容就到此结束啦,大家是不是收获颇丰呢?心动不如行动,大家赶快拿出电脑尝试一下吧,请相信,你也可以!

    往期精彩

    1.十校联动-东林 | 龙江风光,秋色十里,何处秋景最绰约?

    2.周六特期 | 叮~东林为你开窗送风景啦

    3.晚上好,东林打工人!

    4.我就是我,是标志不一样的东林

    5.快!点进来看松鼠吃东西

    干货满满!揭秘互动图文制作方法插图16

    出品 | 党委宣传部

    责任编辑 | 李蕙珂

    设计 | 宋亭萱

    摄影| 王绍杰

    视频 | 胡彭元 白云坤

    王则铭

    编辑 | 崔凌晗 陈雅璇

    孙雯晶 朱靖宇

    干货满满!揭秘互动图文制作方法插图17

    干货满满!揭秘互动图文制作方法插图18