《新媒体技术基础（双语）》课件-2.4 动态图及表情包生成技术

模块二：新媒体图片设计技术单元四：动态图及表情包生成技术Module2:NewMediaGraphicDesignTechniquesModule

4:DynamicGraphandEmojiGeneration

Technology表情包生成技术动态图生成技术目

录0201directoryDynamicgraphgenerationtechnologyEmojigenerationtechnology01动态图生成技术PARTONEDynamicgraphgenerationtechnology动态图制作在微博以及微信公众号等新媒体平台中，我们经常能够看到后缀名为“.gif”的动态图，这类图可以将数张图片整合在一起连续播放，实现产品或服务的动态展示，对于新媒体引流能力提升有帮助。InnewmediaplatformssuchasWeiboandWeChatpublicaccounts,wecanoftenseedynamicpictureswiththesuffix".gif",whichcanintegrateseveralpicturesintocontinuousplaybacktoachievedynamicdisplayofproductsorservices,whichishelpfulforimprovingtheabilityofnewmediadrainage.Dynamicgraphmaking动态图

动态图是指当一组特定的静态图像以指定的频率切换而产生某种动态效果的图片。网络上常见的表现形式是GIF动图，运营者通过对多图层的图片按时间进行不同的切换，从而使图片达到动图的效果。 GIF动图的特点是图片小，易于随时安置调用。新媒体运营者使用动态图可以使表达更生动，相比静止的图片，动态图会更吸引用户。运营者可以在昵图网、摄图网、花瓣网等图片网站中直接下载动态图，也可以从电影或视频中截取GIF动图作为文章配图。动态图概念Dynamicimagesrefertopicturesthatproduceacertaindynamiceffectwhenaspecificsetofstaticimagesisswitchedataspecifiedfrequency.AcommonformofexpressionontheInternetisGIF,andoperatorscanswitchbetweenmulti-layerpicturesaccordingtotime,sothatthepicturecanachievetheeffectofGIF. GIFsarecharacterizedbysmallimagesthatareeasytoplaceandcallatanytime.Newmediaoperatorsusedynamicgraphicstomaketheexpressionmorevivid,anddynamicpictureswillbemoreattractivetousersthanstaticpictures.OperatorscandirectlydownloaddynamicimagesfromphotowebsitessuchasNicknameMap,Photogram,andP,ortakeGIFsfrommoviesorvideosasaccompanyingimagesinarticles.DynamicgraphmakingDynamicgraph图片软件在线工具动态图制作技术DynamicgraphmakingOnlinetoolsPicturesoftware利用MaTools在线制作动态图码工具提供功能强大的网站与平台维护工具，包括代码处理、站长工具、多媒体、便民工具等，其多媒体板块囊括了常用的图片处理技术，包括GIF制作、图片转化、DIY头像、二维码生成器、思维导图、网络拓扑图、图片格式转换等。以码工具MaTools在线制作工具为例，说明GIF动态图制作过程。MakedynamicdiagramsonlinewithMaToolsCodeToolsprovidespowerfulwebsiteandplatformmaintenancetools,includingcodeprocessing,webmastertools,multimedia,conveniencetools,etc.,anditsmultimediasectionincludescommonlyusedimageprocessingtechnologies,includingGIFproduction,imageconversion,DIYavatars,QRcodegenerators,mindmaps,networktopologydiagrams,pictureformatconversion,etc.TakethecodetoolMaToolsonlinemakerasanexampletoillustratetheGIFdynamicmapmakingprocess.Step1:点击进入码工具GIF制作首页，/gif。利用MaTools在线制作动态图Step2:选择加载要动态展示的图片MakedynamicdiagramsonlinewithMaToolsClicktoenterthecodetoolGIFmakinghomepage,SelectLoadimagestoanimateStep3:设置播放间隔时间及播放方式等后，点击“一键生成gif动态图片”利用MaTools在线制作动态图MakedynamicdiagramsonlinewithMaToolsAftersettingtheplaybackintervalandplaybackmethod,click"One-clickGenerateGIFDynamicPictures"Step4:预览GIF效果图，确认无误后下载保存。利用MaTools在线制作动态图MakedynamicdiagramsonlinewithMaToolsPreviewtheGIFrendering,confirmthatitiscorrect,andthendownloadandsaveit.利用EasyGIFAnimator制作九宫格动态图Step1:下载并安装EasyGIFAnimator软件。Step2:在首页左侧，插入动态图主图和背景图。UseEasyGIFAnimatortocreateanine-griddynamicmapDownloadandinstalltheEasyGIFAnimatorsoftware.Ontheleftsideofthehomepage,insertthemainimageandbackgroundimageofthedynamicimage.利用EasyGIFAnimator制作九宫格动态图Step3:在“动画属性”将播放设置为“1”。可预览，不循环则表示设置成功。Step4:单击“文件”--“另存”。用同样方法处理其余8张图。Step5:导出9张GIF图，发布到微博或微信朋友圈查看效果。UseEasyGIFAnimatortocreateanine-griddynamicmapIn"AnimationProperties",settheplaybackto"1".Itcanbepreviewed,andifitdoesnotloop,itmeansthatthesettingissuccessful.ClickFile--Save.Theremaining8imagesweretreatedinthesameway.Export9GIFsandpostthemtoWeiboorWeChatmomentstoseetheeffect.利用SOOGIF在线制作动态图SOOGIF不仅是一个资源丰富的GIF图片素材网站，还是一个功能强大的GIF图片编辑网站。该网站提供在线录屏、多图合成GIF、视频转GIF、GIF拼图、GIF编辑、GIF缩放、GIF裁剪，GIF压缩等多种GIF图片编辑功能。SOOGIF的GIF编辑界面MakemotiondiagramsonlinewithSOOGIFSOOGIFisnotonlyaresourcefulGIFimagematerialwebsite,butalsoapowerfulGIFphotoeditingwebsite.Thewebsiteprovidesonlinescreenrecording,multi-imagesyntheticGIF,videotoGIF,GIFpuzzle,GIFediting,GIFscaling,GIFcropping,GIFcompressionandotherGIFpictureeditingfunctions.SOOGIF'sGIFeditinginterface利用GIF中文网在线制作动态图GIF中文网是一个专业且优秀的在线GIF图片编辑网站，提供多张静态图片合成GIF图片、GIF图片裁剪、GIF图片压缩、GIF图片二维码制作、视频文件转GIF图片、flash文件转GIF图片等功能，十分方便快捷，SOOGIF的GIF编辑界面MakedynamicimagesonlinewithGIFsChinesewebGIFCisaprofessionalandexcellentonlineGIFpictureeditingwebsite,providingmultiplestaticpicturestosynthesizeGIFpictures,GIFpicturecropping,GIFpicturecompression,GIFpicturetwo-dimensionalcodeproduction,videofiletoGIFpicture,flashfiletoGIFpictureandotherfunctions,veryconvenientandfast,SOOGIF'sGIFeditinginterface请选择3张以上图片，使用上述任意一种方法，制作一张GIF动态图，要求：与你的家乡主题相关，后期能应用到家乡宣传H5中。课堂练习动态图DynamicgraphClassroomexercisesPleaseselectmorethan3pictures,useanyoftheabovemethodstomakeaGIFdynamicmap,requirements:relatedtoyourhometowntheme,latercanbeappliedtohometownpromotionH5.02表情包生成技术PARTTWOEmojigenerationtechnology典型案例“子曰”表情包助力品牌宣传“子曰”茶叶品牌在使用个性化创意图片笼络了大量85后消费者后，开发了一系列卡通小人物式的表情包，看上去亲切而可爱。这些系列图片又被延伸出其他内容，包括生活场景、戏谑人生、世界杯等，从而引发了网络渠道中的大面积传播。“子曰”用这些丰富的图片极大程度改善了自己的文章风格，采用年轻人喜欢的手绘新潮调性抓住其眼球，不断创新的内容不仅不会让消费者感到厌倦，反而留下深刻印象，与品牌形成情感共鸣。Afterusingpersonalizedcreativepicturestoencirclealargenumberofpost-85consumers,theteabrandhasdevelopedaseriesofcartoonlittlecharacter-styleemojipacks,whichlookcordialandcute.Theseseriesofpictureswereextendedtoothercontent,includinglifescenes,jokesaboutlife,theWorldCup,etc.,whichtriggeredalarge-scalespreadinonlinechannels."Ziyue"hasgreatlyimproveditsownarticlestylewiththeserichpictures,usingthehand-drawntrendytonethatyoungpeopleliketocatchtheireye,andconstantlyinnovatingcontentwillnotonlynotboreconsumers,butalsoleaveadeepimpressionandformanemotionalresonancewiththebrand."Ziyue"emojishelpbrandpromotionTypicalcase典型案例【案例分析】个性化的表情包，配合戏谑人生的人物对话，将品牌人物形象生动地展现于消费者面前，极大程度拉近了品牌与消费者的距离，有效加深了消费者对品牌的印象，也形成了较好的网络口碑，利于品牌网络宣传。Typicalcase【CaseAnalysis】Personalizedemojipackage,withthedialogueofcharacterswhojokeaboutlife,vividlydisplaythebrandcharacterimageinfrontofconsumers,whichgreatlyshortensthedistancebetweenthebrandandconsumers,effectivelydeepenstheconsumer'simpressionofthebrand,andalsoformsagoodonlinereputation,whichisconducivetobrandnetworkpublicity.表情包的概述「表情包」:是利用图片来表达感情的一种方式。在移动互联网时代，人们以时下流行的明星、语录、动漫、影视截图为素材，加上相匹配的文字，用以表达特定的情感。表情包是新媒体人的一个重要工具，能让内容更加有趣、吸引人。Overviewofmemes"Emoji":Itisawaytousepicturestoexpressfeelings.IntheeraofmobileInternet,peopleusepopularstars,quotes,animation,filmandtelevisionscreenshotsasmaterials,plusmatchingtext,toexpressspecificemotions.Memesareanimportanttoolfornewmediaprofessionals,makingcontentmoreinterestingandengaging.表情包的制作自拍表情包:用自拍表情包App如“B612咔叽”“无他相机”、Faceu激萌等。制作网络表情包：制作网络表情包的应用程序有“Biu神器”“搞笑斗图大师”“斗图神器”等。TheproductionofmemesSelfieEmoji:Useselfiememeappssuchas"B612Click","NoCamera",Faceuandmore.Makeawebmeme:Theappformakingwebmemeshas"BiuArtifact""engagedLaughingDoutuMaster","DoutuArtifact",etc.表情包生成Step1:点击进入斗图在线制作表情包首页，/diy/，左侧为工具栏，右侧为各种主题的模板。以“斗图制作器”为例说明Emojigeneration以“斗图制作器”为例说明EmojigenerationTakethe"DoutuMaker"asanexampleClicktoenterthehomepageofDoutuOnlineEmojiPack,/diy/,theleftsideisthetoolbar,andtherightsideisthetemplateforvariousthemes.Step2:双击选中“身体”栏的表情包，在编辑区正常显示表情包生成Step3:在“脸部”栏，选择脸部表情，也可以上传自己准备的脸部表情原始素材Double-clicktheemojipackwiththe"Body"columnselected,anditwillbedisplayednormallyintheeditingareaInthe"Face"field,selectafacialexpression,oruploadtheoriginalimageofyourownfacialexpression表情包生成Step4:根据内容表达需要，搭配配饰以及插图。Accordingtothecontente