新浪新闻客户端

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

干货满满!揭秘互动图文制作方法
2020年10月31日 18:57 东北林业大学

  原标题:干货满满!揭秘互动图文制作方法

来源:东北林业大学

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

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

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

  

  

  

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

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

  第一步:前期构思与策划

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

  第二步:图文制作

  特效一 点击图片显示文字

  

1

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

  

2

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

  

3

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

  

4

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

  特效二 滑动显示答案

  

1

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

  

2

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

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

  第三步:排版和文字

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

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

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

  枫叶红

  

  国旗红

  

  晚霞红

  

  军装红旗  是一腔不熄的热血

  眉宇神色  是一曲无声的赞歌

    赤红照我心  肝胆为君热

  秋日渺远的晴空下

  寂静地舒展  安然地鲜艳

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

  红云夜空灯火通明

  脚步 学子 郎朗书声

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

  

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

  

新浪新闻客户端
新浪新闻客户端

扫描左侧二维码下载,更多精彩内容随你看。(官方微博:新浪新闻

图片故事

新浪新闻意见反馈留言板 400-052-0066 欢迎批评指正

违法和不良信息举报电话:4000520066
举报邮箱:jubao@vip.sina.com

Copyright © 1996-2020 SINA Corporation

All Rights Reserved 新浪公司 版权所有