1、新媒体图片处理技能第3章Contents目录设计新媒体封面图1GIF 图3用创客贴在线设计信息长图2制作九宫格图4一、设计新媒体封面图搜索图片素材1封面图的要求2使用Photoshop 制作封面图345利用PPT 制作封面图利用在线工具设计封面图一、设计新媒体封面图 封面图作为进入读者视线的第一张图，如图3-1 所示，直接影响读者是否愿意点开文章，仔细地阅读。目前，新媒体封面图主要有以下两种形式。（1）直接使用图片作为封面图。（2）使用添加了文字以突出文章主题的图片作为封面图。一、设计新媒体封面图 搜索图片素材是制作封面图的必备技能之一。利用互联网搜索图片时，创业者必须要知道如何找到无版权、可
2、商用的高清图片。版权图片是指经过图片的著作权人（创作图片的作者或者机构）授权，可用于商业、出版、展览等用途的图像作品。若要使用版权图片，可以联系图片的版权持有人并获得使用授权，但是在使用这类图片时，往往需要支付给版权持有人一定的费用。版权图片的授权形式有很多，国际上常见的是RM 和RF 两种形式。RM 是英文Right Management 的缩写，表示版权管理，即版权持有人将图片交给图片经纪机构，图片经纪机构可根据客户的用图范围、发行数量、时间等因素商定图片的授权价格。RF 是英文Royalty Free 的缩写，这是目前国际上比较流行的授权方式。直接将“RF”翻译成中文是“免版税”，即用户
3、购买图片授权后不需要按照其使用方式、次数、取得收益比例等向版权持有人支付版税，而是一次性支付图片的使用费，便可以获得作者的授权，不受时间、地域、出版数量等限制，也不会与使用图片所取得的收入挂钩。创作者可以通过搜索引擎搜索图片。常见的搜索引擎有百度、搜狗、360 搜索等。同样的关键词在不同的搜索平台搜索到的图片可能不同，在具体搜索时，可以使用不同的搜索引擎，以搜到合适的图片。当搜索引擎不能搜索到满意的图片或需要使用无版权图片进行商用时，可以尝试在专业图片网站进行搜索。注意：免费下载、免费可商用的图片素材均禁止出租、转售、分割、注册商标等，不得违反网站方版权协议，也不得违反当地法律法规。一、设计新
4、媒体封面图1Gratisography Gratisography 网站仅支持英文关键词搜索，其中的图片分类包括动物、自然、物体、人物、城市、搞怪等。下载方式：在网站上找到想要下载的图片，如图所示，用鼠标右键单击图片后，在弹出的快捷菜单中选择“图片另存为”命令即可直接下载。一、设计新媒体封面图2摄图网 摄图网（见图）为中文界面，支持中文搜索，专注于向用户提供免费摄影图，图片分类丰富且可免费商用下载。下载方式：在网站上找到想要下载的图片，用鼠标右键单击图片后，在弹出的快捷菜单中选择“图片另存为”命令即可直接下载。一、设计新媒体封面图3FREEIMAGES FREEIMAGES（见图）为中文界面，
5、图片分类包括野生动植物、建筑、艺术与设计、汽车、商业与金融、名人、教育、时尚与美容、花草树木、游戏与卡通、健康与医疗、假日休闲、家居设计、工业、自然风光、电子乐器、户外活动、人物、科技、符号标志、运动健身、纹理与样式、道路与交通等。下载方式：在网站内找到想要下载的图片，单击图片下方的“下载”按钮即可下载。一、设计新媒体封面图4pixabay pixabay（见图）为中文界面，图片分类包括交通运输、产业技术、人物、动物、健康医疗、商业金融、地标、建筑、教育、旅游度假、科学技术、美妆时尚、背景、花纹、自然风景、表情、计算机、运动、音乐、食物与饮料。热门分类包括爱、壁纸、音乐、花等。下载方式：在网站
6、上找到想要下载的图片，用鼠标右键单击图片后，在弹出的快捷菜单中选择“图片另存为”命令即可直接下载。一、设计新媒体封面图5PhotoPin PhotoPin（见图）为英文界面，支持中英文搜索。下载方式：在网站内找到想要下载的图片，将鼠标指针移动到图片上，单击“Get photo”按钮，在弹出的界面中选择所需尺寸，单击“Download”按钮即可下载。一、设计新媒体封面图6SplitShire SplitShire（见图）为英文界面，这个平台更多的是高清的风景大图，是喜欢摄影的朋友的聚集地。在这里，创作者可以看到世界各地的摄影作品。一、设计新媒体封面图7设计导航 用户在设计导航网站上可以对设计素材
7、、灵感酷站、灵感画板、设计教程、配色、设计工具、尺寸规范、Sketch、信息图、前端开发、Designer、Game、设计公司、培训机构等与图片设计相关的各方面进行索引，覆盖范围非常广，如图所示。设计导航可以链接到图库，包含收费、免费、无版权、有版权等各类图片及素材。一、设计新媒体封面图 不同的新媒体平台对于封面图的要求各不相同，有的对图片格式有要求，有的对图片尺寸有要求。（1）新浪微博头条文章封面图尺寸要求为1 000 像素562 像素，信息安全区尺寸为1 000 像素400 像素。封面图格式为JPG、PNG、GIF，封面图大小不超过5 MB。（2）微信公众号的封面图尺寸要求为900 像素5
8、00 像素，格式为JPG、PNG、GIF 和BMP，封面图大小不超过5 MB。（3）今日头条封面图尺寸没有要求，封面图有自动、单图模式、三图模式3 种模式可供选择。创业者通过网上搜索找到的高清图片，往往存在文件过大以及尺寸不合适的问题，这就需要对图片进行裁剪及压缩处理。一、设计新媒体封面图 Photoshop 主要用于处理以像素构成的数字图像。创业者使用Photoshop 的编修与绘图工具，可以有效地进行图片编辑工作。在修改图片大小的时候一般会选择裁剪工具，下面简单介绍裁剪工具的使用方法。（1）启动Photoshop CC 2019 软件，选择“文件”|“打开”命令，弹出“打开”对话框，在“打
9、开”对话框中找到需要剪裁的图片，如图所示。一、设计新媒体封面图（2）选中图片后单击右下角的“打开”按钮，即可打开图片，如图所示。一、设计新媒体封面图（3）选择工具箱中的“裁剪工具”，如图所示。一、设计新媒体封面图（4）在工具选项栏设置宽度和高度，如图所示。一、设计新媒体封面图（5）在剪裁框的区域中双击，即可完成剪裁，如图所示。一、设计新媒体封面图（6）选择“文件”菜单，在下拉菜单中选择“存储为Web 所用格式”命令，将弹出“存储为Web 所用格式”对话框，如图所示。一、设计新媒体封面图（7）单击“储存”按钮，弹出“将优化结果存储为”对话框，选择相应的文件格式，单击“保存”按钮，如图所示。一、设
10、计新媒体封面图 裁剪图片的工具有很多，包括QQ 截屏、Photoshop、美图秀秀等，巧用PPT 也可以对图片进行修改。下 面 介 绍 利 用PowerPoint 2010 制作封面图的方法，具体操作步骤如下。（1）新建一个空白PPT 文档，单击“设计”选项卡下的“幻灯片大小”下拉按钮，在弹出的下拉列表框中选择“自定义幻灯片大小”选项，如图所示。一、设计新媒体封面图 在弹出的“幻灯片大小”对话框中输入宽度和高度，此处以厘米为单位，如图所示。一、设计新媒体封面图（2）设置好幻灯片尺寸后，单击幻灯片顶部的“插入”选项卡下的“图片”按钮，如图所示。一、设计新媒体封面图 找到需要插入的图片文件，插入新
11、建的幻灯片中，如图所示。一、设计新媒体封面图（3）根据对封面图的要求，创业者可以在封面图上进行二次修改，如添加文字等。将图片插入幻灯片以后，单击插入的图片，单击“裁剪”下拉按钮，选择“裁剪为形状”选项，如图所示。一、设计新媒体封面图（4）在弹出的下拉列表框中选择需要的形状，即可将目标图片裁剪为选中的形状，如图所示。将图片裁剪完成之后，调整图片的大小，达到需要的效果即可。一、设计新媒体封面图（5）封面图设置完成后，导出图片即可使用。导出图片的方法为：单击窗口左上方“文件”“导出”“更改文件类型”命令，将当前幻灯片保存为所选格式的图片，如图所示。一、设计新媒体封面图 创客贴是一款在线平面设计工具，
12、无须下载任何客户端，只要计算机处于联网状态，即可打开浏览器进入网站使用，如图所示。创客贴中有丰富且免费的可商用图片、图标、字体、线条、形状、颜色等素材，大大降低了平面设计的难度。一、设计新媒体封面图 目前创客贴平台暂不支持直接选择微博头条文章的封面图尺寸。对于暂不支持的图片，可以通过单击“自定义尺寸”对尺寸进行自定义设计，如图所示。一、设计新媒体封面图 进入创客贴的设计页面，左侧为素材分类区，中间白色部分是设计操作区，如图所示。一、设计新媒体封面图 用户可以在“模板”选项卡中选择合适的模板。模板素材没有根据行业、设计节点、使用范围等维度进行分类，置顶的模板一般根据时间节点等情况进行及时更新，如
13、图所示。当使用“自定义尺寸”进行图片设计时，暂不支持同时使用模板功能，但可以正常使用其他功能。用户在挑选模板时可以将模板进行拆分，从模板的背景、文字、小工具等几部分入手分析图文内容是否匹配以及修改后是否满足需求。1挑选模板一、设计新媒体封面图 通过“文字”选项卡，用户可在操作区上方对文字进行自定义设置，如设置字体颜色、字体、字号、样式（加粗、斜体、下划线）、对齐方式、字间距、行间距、移动、翻转、透明度、复制、删除等；双击模板中的文字，用户可以对文字进行修改，如图所示。2文字元素修改Contents目录设计新媒体封面图GIF 图3用创客贴在线设计信息长图制作九宫格图421二、用创客贴在线设计信息
14、长图 当我们在网上看到类似“一张图读懂”形式的图片时，往往把这类图片称作信息长图。随着移动端用户的增加，普通信息图已经不能满足用户的阅读需求了，信息长图应运而生，如图所示。常说一图胜千言，比起密密麻麻的文字，人们往往更喜欢阅读简单易懂的图片。而将大段文字转化成易于阅读、传播的图片，就是信息长图的作用。信息长图的设计方法分为直接设计长图和使用小图拼接两种。使用Photoshop 直接设计信息长图，对于新媒体从业人员来说难度较大，而使用PPT 和创客贴在线设计可以大大降低信息长图的设计难度。二、用创客贴在线设计信息长图 使用创客贴在线设计信息长图，具体操作步骤如下。（1）登录进入创客贴首页，然后选
15、择一个场景，这里选择“营销长图”，如图所示，进入营销长图模板设计页面。二、用创客贴在线设计信息长图（2）切换到“模板”选项卡，选择其中一个模板，进入作品设置页面，如图所示。二、用创客贴在线设计信息长图（3）双击文本框可以对文字进行修改，如修改文字字号、文字颜色，对文字进行加粗，将文字设置为斜体，为文字添加下划线和特效等，如图所示。二、用创客贴在线设计信息长图 （4）还可以在营销长图中添加形状和箭头图标，如图所示。二、用创客贴在线设计信息长图 因在创客贴中对图表进行编辑时的编辑空间不大，因此，设计图表可以使用“百度图说”。百度图说网站首页如图所示。二、用创客贴在线设计信息长图 进入百度图说网站首
16、页，单击“开始制作图表”“创建图表”，根据不同的数据性质选择不同的图表样式，如图所示。二、用创客贴在线设计信息长图 折线图适合表现趋势，柱状图适合表现对比，饼图适合表现比例，地图适合表现地域，散点图适合表现相关性。这里选择折线图中的“折线图柱状图双轴”，进入图表样式设置界面，如图所示。二、用创客贴在线设计信息长图 将鼠标指针移至图表上，在弹出的菜单中选择“数据编辑”，页面左侧会弹出数据表格，如图所示。通过对表格X 轴与Y 轴名称、数值等进行修改可直接影响图表所体现的内容。单击表格右上角的“导入Excel”按钮，可以直接将已有的Excel 表格数据导入使用。二、用创客贴在线设计信息长图 返回图表
17、样式设置界面，同样将鼠标指针移至图表上，在弹出的菜单中选择“参数调整”选项，可对表格尺寸、颜色、位置、标题等进行自定义调整，如图所示。二、用创客贴在线设计信息长图 如果需要透明底色的图表，单击“基础”“通用”，选中“图整体背景颜色”复选框，单击右侧的颜色框，在弹出的“请选择颜色”对话框中选择透明底色即可，如图所示。图表制作完成后，单击图表右上角的“保存为图片”按钮，进入图表预览状态，此时在图表的任意位置单击，即可下载图表。将通过百度图说制作的图表上传至创客贴，在信息图设计页面中删除模板上不合适的图表，然后上传新的图表即可。Contents目录设计新媒体封面图GIF 图用创客贴在线设计信息长图2
18、制作九宫格图431搜集GIF 图1常用的GIF 图制作工具2三、GIF 图三、GIF 图 GIF 是CompuServe 公司在1987 年开发的图像文件格式。GIF 格式是一种基于LZW算法的连续色调的无损压缩格式，压缩率一般在50%左右，不属于任何应用程序。GIF 格式可以存储多幅彩色图像，如果把存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上，就可构成最简单的动画。GIF 分为静态GIF 和动画GIF 两种，是一种压缩位图格式，支持透明背景图像，适用于多种操作系统，占用空间很小，网上很多小动画都是GIF 格式。其实GIF 图是将多幅图像保存为一个图像文件，从而形成动画，常见的GIF 图
19、是通过一帧帧的图像串联起来的搞笑GIF 图，所以归根到底，GIF 仍然是图片文件格式。三、GIF 图 在图文消息中根据文字内容，配上恰当的动态GIF 图，能为文章增添不少趣味，但如何找到制作精美的GIF 图却成了一个难题。以下网站汇聚了各种类型的GIF 图，用户可以根据需要下载。1GIPHY GIPHY（见图）为英文界面，支持英文搜索，图片分类包括动作、形象、动物、动漫、艺术设计、卡通漫画、名人、年代、情感、潮流、食物与饮料、娱乐、游戏、假日、兴趣、模仿、电影、音乐、自然、新闻时政、行为、科学、体育、贴纸、交通、电视等，支持按照艺术家查看。下载方式：在GIPHY 网站内找到想要下载的图片，单击
20、鼠标右键，选择“图片另存为”命令即可。三、GIF 图2花瓣 花瓣（见图）网站为中文界面，搜索关键词“GIF”或“动态图”即可查找GIF 图。下载方式：在花瓣网站内找到想要下载的图片，打开该GIF 图，单击鼠标右键，选择“图片另存为”命令即可。三、GIF 图3GIFBIN GIFBIN（见图）为英文界面，不支持分类功能。下载方式：在GIFBIN 网站内找到想要下载的图片，单击鼠标右键，选择“图片另存为”命令即可。三、GIF 图4多玩图库 多玩图库（见图）为中文界面，图片每天更新，不支持分类功能。下载方式：在多玩图库网站内找到想要下载的图片，单击图片右上方“查看原图”按钮，打开新窗口后，单击鼠标右
21、键，选择“图片另存为”命令即可。三、GIF 图5SOOGIF SOOGIF（见图）为中文界面，支持中文搜索，其中的图片分类包括野表情、热点TOP、明星爱豆、综艺秀场、艺术设计等。下载方式：在SOOGIF 网站内找到想要下载的图片，单击图片右侧的“表情包下载”“公众号下载”或“原图下载”即可。三、GIF 图1录制计算机屏幕制作GIF 图 创作者要通过录制计算机屏幕的方法制作GIF 图，可以使用软件LICEcap 或GifCam，在网站上搜索“LICEcap”或“GifCam”即可获取软件的下载链接，下载后解压并安装即可使用。工具一：LICEcap 双击快捷方式图标打开软件后，可通过拖动录制框任意
22、一角调整录制框大小。把所需录制内容置于录制框内，单击“录制”按钮，如图 所示。三、GIF 图1录制计算机屏幕制作GIF 图 弹出“选择文件录制”对话框，选择保存路径并输入文件名，单击“保存”按钮，如图3-45 所示。此时系统会延迟2 秒再录制，以保证用户有充足的时间调整录制窗口和鼠标，当录制框左下角出现时间计时，代表开始录制GIF 图。在录制过程中，用户可以单击右下角的“暂停”按钮，暂停GIF 图的录制，单击“继续”按钮即可继续录制，单击“停止”按钮即可完成录制。通过录制的方式保存的GIF 图所占内存非常小，实测录制3 寸左右的GIF 图，时长6 秒的GIF 图仅占内存约53 KB。三、GIF
23、 图1录制计算机屏幕制作GIF 图 工具二：GifCam 双击快捷方式图标打开软件后，如图所示，可通过拖动录制框任意一角调整录制框大小，把所需录制的内容置于录制框内。单击“录制”按钮开始录制，此时“录制”按钮自动变成“停止”按钮，单击“停止”按钮即可暂停录制，再次单击则继续录制。录制完毕，单击“保存”按钮即可保存。如需录制另外一张GIF 图，在不关闭GifCam软件的情况下，单击“录制”按钮右侧的下拉按钮，在弹出的列表中选择“新建”选项，否则会继续上一张GIF 的录制。三、GIF 图2从电影或视频片段中截取GIF 图 在弹出的GIF 图制作界面（见图）中，有上下两条时间线，上面一条时间线用于控
24、制GIF 图的起点，下面一条时间线用于控制截取视频的时间。此处截取的GIF 图最长支持10 秒。通过滑动时间线上的滑块，可以控制视频截取终点。同时，用户可以通过“微调”来精确控制视频的截取区间。用户可以在“尺寸”右侧的下拉列表框中选择图像尺寸，大尺寸所截取的GIF 图占用空间较大。在GIF 图的制作过程中，用户可以单击“预览”按钮以确定截取的视频是否合适，截取完成后单击“保存”按钮即可。三、GIF 图2从电影或视频片段中截取GIF 图 利用迅雷看看播放器同样可以从视频中截取GIF 图。方法为：打开本地视频，在播放或暂停界面中用鼠标右键单击播放界面，选择“GIF 图截取”，进入GIF 图制作界面
25、，如图所示。迅雷看看的操作界面和QQ 影音的操作界面基本相同，用户可以调节截取的片段范围、截取间隔及画面尺寸，截取时间最长达30 秒。单击“预览”按钮，确保无误后单击“保存”按钮即可。Contents目录设计新媒体封面图GIF 图3用创客贴在线设计信息长图2制作九宫格图41四、制作九宫格图 九宫格又名九宫格图，由9 个方格组成，通过利用9 个方格之间的关系，创作者可以在海报设计以及社交媒体配图设计方面发挥更多创意。竖版海报是新媒体平台上常见的配图形式，九宫格图就是社交媒体常用的配图类型之一，如图所示。四、制作九宫格图下面以 PowerPoint 2010 为设计工具，介绍九宫格图海报的制作方法
26、，具体操作步骤如下。（1）新建空白PPT 文档，单击“设计”选项卡下的“页面设置”组中的“页面设置”按钮，在弹出的“页面设置”对话框中的“幻灯片大小”下拉列表中选择“自定义”选项，设置幻灯片“方向”为“纵向”，宽度和高度根据需要进行设置，如图所示。单击“确定”按钮，将幻灯片调整为竖版幻灯片。四、制作九宫格图（2）单击“插入”选项卡下的“形状”下拉按钮，在下拉列表框中选择“矩形”选项，如图所示。四、制作九宫格图 按住Shift 键的同时，通过拖动鼠标绘制一个正方形，再复制8个正方形对齐成九宫格样式，如图所示。用鼠标右键单击页面空白处，在弹出的快捷菜单中选择“网格和参考线”命令，打开“网格线和参考
27、线”对话框，选中“屏幕上显示绘制参考线”与“形状对齐时显示智能向导”复选框，可提高九宫格的对齐效率。四、制作九宫格图（3）单击“插入”选项卡下的“图片”按钮，插入海报中需要添加的图片，双击图片，在“格式”选项卡下选择“裁剪”选项，将图片剪裁成大小合适的正方形，如图所示。四、制作九宫格图 选中目标九宫格图中的任一方块并用鼠标右键单击，在弹出的快捷菜单中选择“设置图片格式”命令，打开“设置图片格式”对话框，在“填充”栏下选中“图片或纹理填充”单选按钮（见图）。四、制作九宫格图 复制的正方形图片将自动填充在选中的方块中。使用相同的方法填充其他方块，填充效果如图所示。四、制作九宫格图（4）根据需要调整九宫格图方块颜色并添加必要的素材信息，即可生成一张九宫格图海报。（5）单击页面左上角的“文件”菜单，在左侧选择“导出”选项，然 后 依 次 单 击“更 改 文 件 类型”“PNG 可移植 网 络 图 形 格式”“另存为”，即可导出当前九宫格图海报，如图所示。
