新媒体图片处理技能
目录 1 2 3 4 5 6 微信封面图的获取与制作方法 信息长图的设计思路与拼接技巧 icon图标的搜集与制作步骤。 九宫图创意思路与设计方法 GIF图片获取方式及制作方法 截取视频动图的常用工具与方法。 1 2 3 4 5 6
封面图 1,1
“ ” 目前新媒体封面图主要有两种形式 + 文字 图片 图片 不论哪种形式,搜图都是制作封面图的必备技能。通过互联网进行图片搜索时,你必须知道如何找到无版权、可商用的高清图片。 ”
01 如何搜索到高清无版权图片?
Gratisography http://www.gratisography.com/ 点击图片直接下载。
PicJumbo https://picjumbo.com/ 把鼠标放在图片上,点击“FREE DOWNLOAD”按钮
Life Of Pix http://www.lifeofpix.com/ Life Of Pix,英文界面,图片以建筑为主,数量较少。 把鼠标放在图片上,点击“Download”按钮。
其他 IM FREE http://imcreator.com/free FREEIMAGES http://cn.freeimages.com/ Pixabay https://pixabay.com/ SplitShire http://publicdomainarchive.com/ Publicdomain archive https://www.splitshire.com/ Photopin http://photopin.com/ FREEJPG http://www.freejpg.com.ar/ FreeFOODPhotos http://freefoodphotos.com/ New Old Stock http://nos.twnsnd.co/ Little Visuals https://unsplash.com/collections Unsplash http://littlevisuals.co/ Little Visuals http://littlevisuals.co/ CUPCAKE http://cupcake.nilssonlee.se/ 摄图网 http://699pic.com/ 设计师导航 http://hao.shejidaren.com/
02 如何精准搜索图片?
“ 在日常生活、工作中看到一张图片,想要找到这种风格的其他图片怎么办?虽然通过图片类网站可以获取大量的图片,但并不能精准地搜索与这张图片风格类似的图片。 ”
以图识图,对图片进行搜索 Step2:使用“谷歌图片”搜索引擎并“上传图片”进行搜索。 Step1:保存图片并上传至电脑
03 如何制作封面图?
微博头条文章封面图 在微博网页版 在微博客户端 点击微博输入框下方“头条文章”即可进入头条文章编辑页面 点击底部“+”菜单后,点击“头条文章”即可进入头条文章编辑页面。 微博头条文章是微博针对发送大量文字和图片的需求推出的图文编排工具。 微博头条文章封面图尺寸要求为1000像素*562像素,信息安全区尺寸为1000x400px,px为像素符号。 格式为JPG、PNG、GIF。封面图大小不超过5M,
微信公众号封面图 微信公众号封面图尺寸要求为900像素*500像素,格式为JPG、PNG、GIF。封面图大小不超过5M。
头条号封面图 头条号封面图尺寸没有要求,封面可选择三种模式:自动、单图模式、三图模式。 “自动”即从图文中随机抓取一张图作为封面图, “单图模式”即上传图片后进行在线裁剪, “三图模式”仅在wifi环境下显示。
“ 通过搜图找到的图片通常情况下是适合各平台封面图的格式要求的,但是高清图片往往会遇到文件过大以及尺寸不合适的问题,这就需要对照片进行尺寸裁剪以及体积压缩。需要注意的是,当从一张大尺寸图片中裁剪出其中一部分尺寸时,裁剪后得到的尺寸图片相应会变小,因此在制作封面图时,先做图片尺寸裁剪,再做图片压缩是较为合理的制图步骤。 ”
PPT裁剪并制作封面图 Step2:添加文字、图标元素 Step1:修改幻灯片尺寸 教学案例
PPT裁剪并制作封面图 1 添加黑色透明背景。 依次选择幻灯片顶部“插入”——“形状”——“矩形”,鼠标左键拉出一个矩形覆盖整个幻灯片,右键矩形依次选择“设置形状格式”——在幻灯片右侧弹出窗口“填充:纯色填充”——“填充颜色:黑色”——“填充透明度40%”——“线条:无线条”。 1
PPT裁剪并制作封面图 添加方框 依次选择幻灯片顶部“插入”——“形状”——“矩形”,按住键盘“Shift”键,同时鼠标左键拉出一个正方形,右键正方形依次选择“设置形状格式”——在幻灯片右侧弹出窗口“填充:无填充”—— “线条:实线”——“线条颜色:白色”——“线条宽度11磅”,其他数值默认,得到一个白色方框。 2
PPT裁剪并制作封面图 设置完成后将白色方框放置于幻灯片中间。依次在幻灯片以外区域右键选择“标尺”——“网格和参考线”——勾选“参考线”——勾选“智能参考线”,幻灯片出现上方和左方出现标尺,幻灯片中间出现虚线,并在标尺上处于O的位置。把白色方框拖动至幻灯片中间,直至白色边框四边的中点对应在十字架虚线上。
PPT裁剪并制作封面图 添加文字 依次选择幻灯片顶部“插入”——“文本框”,输入文字并选中文字后设置文字颜色,把文本框拖动至白色方框中间居中,居中方式与上述操作相同,文本对齐方式可使用“分散对齐”。 3
PPT裁剪并制作封面图 Step3:导出图片 封面图设置完成后,导出图片即可上传至相应平台使用。导出图片方法依次为点击幻灯片左上方“文件”——“导出”——“更改文件类型”——向下滑动当前页面选择“PNG可移植网络图形格式”或“JPEG文件交换格式”——“另存为”,即可保存当前幻灯片为图片格式。 以上通过PPT进行裁剪以及制作封面的方式优点在于:一方面可以把图片进行尺寸裁剪,另一方面可 以压缩图片大小,并且通过PPT进行封面图的设计,大大降低了图片设计的难度。
信息长图 信息图由来已久,新闻编辑经常使用信息图来对一则新闻事件的来龙去脉进行解读。随着移动端用户量的激增,普通信息图已经不能满足手机屏幕尺寸的阅读方式,信息图渐渐演变成了信息长图
“ 信息图由来已久,新闻编辑经常使用信息图来对一则新闻事件的来龙去脉进行解读。随着移动端用户量的激增,普通信息图已经不能满足手机屏幕尺寸的阅读方式,信息图渐渐演变成了信息长图 ”
小图设计 长图按照上下结构分为封面、内容、封底 三个部分。 封面统领全图。 内容是长图的核心。 封底部分对内容进行总结。 长图按照上下结构分为封面、内容、封底 三个部分。 封面统领全图。 内容是长图的核心。 封底部分对内容进行总结。 背景:纯色背景或较简单的背景,便于拼接长图,使读者不容易发现拼接痕迹。 逻辑元素:通过使用序号、线条、色块等对上下文信息进行逻辑梳理。 文字:精简文字,尽量可视化文字部分,减少文字堆砌。
图片拼接——使用PPT自带功能导出图片。 拼接长图 通过美图秀秀打开一张导出的图片,选择“拼图”——按照图片序号由小到大的顺序“添加图片”——“图片拼接”——“选择边框”边框大小调整为“0”——“保存与分享”——选择保存路径,视情况调整画质(默认画质90)“保存”,长图拼接完成。 依次单击PPT左上角“文件”——“导出”——“更改文件类型”——“PNG可移植网络图形格式”或“JPEG文件交换格式”——“另存为” 。
图icon图标 icon图标一直深受PPT制作者的追捧,它不仅仅是一种图形,更是一种标识,具有高度浓缩并快捷传达信息、便于记忆的特性。无论设计封面图或信息长图,恰到好处的icon图标能够为图片增色不少。一方面,icon图标能够最大限度地取代文字信息,满足视觉化设计需求;另一方面,icon图标的使用可使长图的逻辑线更加清晰。
“ icon图标一直深受PPT制作者的追捧,它不仅仅是一种图形,更是一种标识,具有高度浓缩并快捷传达信息、便于记忆的特性。无论设计封面图或信息长图,恰到好处的icon图标能够为图片增色不少。一方面,icon图标能够最大限度地取代文字信息,满足视觉化设计需求;另一方面,icon图标的使用可使长图的逻辑线更加清晰。 ”
01 搜集精美的icon图标
Easyicon http://www.easyicon.net/update/ 在网站内找到想要下载的图片,根据需要选择图标的像素尺寸,单击图标下方“PNG”下载透明底图标。
千库网 http://588ku.com/ 千库网,中文界面,提供大量免抠图PNG元素,平台元素多来自于网友分享。类别包含:漂浮素材、效果元素、装饰图案、卡通手绘、促销标签、节日元素、艺术字、图标元素、不规则图形、边框纹理、PPT元素、产品实物、其他。每张元素均标注了图片质量和用途范围。 在网站内找到想要下载的图片,单击图片元素右侧“下载PNG”或“下载AI”。
FlattyShadow http://flattyshadow.com/ FlattyShadow,英文界面,一个制作扁平化阴影icon的网站,可以根据需求调整icon的形状、色彩、大小、阴影变化等。单击首页右上角“Get Started”按钮开始设计。 完成设计后,单击设计页面右上角“DOWNLOAD”按钮,如图1-63所示。
其他 ICONFINDER https://www.iconfinder.com/ FLATICON http://www.flaticon.com/ IconFont http://www.iconfont.cn/ Pictogram2 http://pictogram2.com/ Illustration http://illustration-free.net/ iconmonstr http://iconmonstr.com/
02 修改icon图标的颜色
修改icon图标的颜色 Step4:填充 修改PNG格式图片的步骤如下: Step1:打开 Step2:选择工具(油漆桶工具) 单击图标的色块、线条填充取样颜色,若图标较小,可按下键盘Alt键并滑动鼠标滚轮以放大图标 Step1:打开 Step2:选择工具(油漆桶工具) Step5:保存 以上网站均支持PNG格式下载,个别网站支持PSD、AI、SVG等格式。PSD、AI格式下载后可以通过PS、AI软件直接修改颜色。PNG格式图片具有占用空间小且透明底等优点。 Step3:色彩取样
修改icon图标的颜色 以上方法仅适用于单色图标的颜色修改,对于复杂的图标,可以采用调整图片“色相/饱和度”的方法进行颜色修改。 Step1:打开 在“色相/饱和度”对话框中,可勾选“着色”复选框,拖动“色相”“饱和度”“明度”滑块对图像进行整体调整;或不勾选“着色”情况下,对图像进行个性化颜色调整 Step2:调整 单击顶部“图像”——“调整”——“色相/饱和度”
03 制作icon图标
制作icon图标 PPT制作icon图标必会工具:编辑形状。通过联合、剪除、相交、组合、拆分对形状进行重组。
使用PPT制作一个icon人物图标 Step1:画三个圆 Step2:重叠并相交 Step3:与图c联合 教学案例
使用PPT制作一个icon人物图标 Step4:复制人物图标 Step5:重叠并剪除 Step6:复制一个人物图标D并将其水平翻转 Step8: PPT图标icon保存