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

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

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

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

 


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

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

第一步：前期构思与策划



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





第二步：图文制作

特效一 点击图片显示文字

1首先我们要打开编辑器，选择一个合适的互动模板。2接着，为了准确地表现出不同的红色，我们要用ps提取出独特的红色，不同的红色会有不同的RGB值。提取方法：选择“颜色取样器工具”，点击需要取色的位置，最后记录对应的RGB值。3

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

4选择替换文字，将文字替换成“枫叶红”，我们的第一个特效就做好了。再按照同样的方法重复两遍，我们的点击图片显示文字特效就完成啦。
 特效二 滑动显示答案1

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

2

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

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




第三步：排版和文字

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

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

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

枫叶红国旗红晚霞红

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

  赤红照我心  肝胆为君热

秋日渺远的晴空下

寂静地舒展  安然地鲜艳

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

红云 夜空 灯火通明

脚步 学子 郎朗书声

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

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

往期精彩
1.十校联动-东林 | 龙江风光，秋色十里，何处秋景最绰约？2.周六特期 | 叮~东林为你开窗送风景啦3.晚上好，东林“打工”人！4.我就是我，是标志不一样的东林

出品 | 党委宣传部

责任编辑 | 李蕙珂

设计 | 宋亭萱

摄影 | 王绍杰

视频 | 胡彭元 白云坤

 王则铭

编辑 | 崔凌晗 陈雅璇

孙雯晶 朱靖宇