万能的PPT【01】—使用PPT制作简单的矢量图标

做网站啊软件啊或者其它设计之类的经常会需要做一些简单的图标或LOGO,一般首先想到的应该就是PS或AI了,可是PS做矢量图标比较麻烦,AI对与初学者来说又比较困难,该怎么办呢?没事,有了PPT,简单的图标再也不用麻烦PS和AI啦~

说在前面

万能的PPT

一直想分享一些关于PowerPoint的东西,虽说PowerPoint是用于制作演示文稿的软件,但是其方便的图形操作和丰富的动画效果何以用来做很多其它事情,大大提升效率。我会抽时间写些使用心得,希望能给与大家一些帮助~

您需要准备的是2010或更新版本的Office,文章内所使用的是2013版本,推荐使用Office 2013,拖动图形时的自动对齐功能十分好用。

正文开始

关于图标的一些姿势知识

虽然说本文重点是如何用PPT做图标,不过还是简单的介绍一些关于图标的知识比较好,可能说的不是很专业但是至少能说的明白~

就一般开发来说,通常我们所说的图标是指图片文件,电脑上最常见的图标文件格式为JPG、GIF和PNG,三者各有优劣:

  1. JPG:目前最常见的图片格式,图像有损压缩,对于大图和照片的效果较好,但对于纯色较多或超小图片的压缩结果比较糟糕,完全不支持透明;
  2. GIF:相比其它常见图片格式颜色数较少,但可以通过优化色板或扩散仿色等达到良好的显示效果,可支持动态图像,单帧体积较小,只支持挖空透明,不支持半透明;
  3. PNG:支持半透明的图片格式,支持无损压缩,但对于照片或复杂的大图压缩效果不好,适合制作有透明效果图标和简单的图片。

对于本文所说的内容,在效果上PNG是最好的。

而矢量和位图(标量图),不太准确的说,矢量图片记录的是图像中各点的位置和连接关系,位图片则记录的是一系列点,从表现上看指的是图片是否可以无损的随意缩放,下面两个图可以说明两者区别:

i00

刚刚所讲的三种图片格式都是位图格式,设计时常见的矢量图标格式为AI、CDR、WMF和EPS等,而在网页等方面则是SVG格式慢慢开始流行起来。
矢量图像的好处在于设计完成后可以输出成任何尺寸,无论是用于网页上的小图标还是用于大幅海报的印刷都没有问题,所以目前图标设计大多为矢量设计,最常用的设计软件就是Adobe Illustrator和CorelDraw了,不过两者都有一定的上手难度,所以对大多于非艺术类专业的人来说并不容易使用。因为Office内所内置的图形就是矢量图形,所以这篇文章所讲的就是使用PPT来轻松制作简单的矢量图标。

主要使用的工具和操作

用PPT做图标主要用到的就是基本形状绘制与调整、形状融合和元素对齐三个功能:

  • 形状绘制与调整:这个不用多说,大家都会的(如果这个都不会……嗯……您应该补补计算机基础了……),就是从菜单选个圆啊方啊五角星啥的按住鼠标拖出一个形状,然后按住四周的点点缩放旋转之类的,当然这个也有技巧:
    • 按住Shift拖动四个角上的点可以等比例缩放
    • 按住Shift拖动整个形状可保持在水平或垂直方向上移动
    • 按住Shift拖动旋转手柄能以15度为单位旋转形状
    • 按住Ctrl拖动周围的点可以做中心对称缩放
    • 按住Ctrl拖动整个形状可以复制形状
  • 形状融合:如下图的位置
    p00
    可以将两个形状以一些方式融合成一个,需要注意这个和组合不同,可以看下图了解组合和融合的区别,大家可以随便画两个形状然后按住Shift将它们选中,然后试试各种融合的效果,用这种方式可以做出默认形状中没有的形状
    gm01
  • 元素对齐:如下图所示
    p01
    可以将选中的多个形状进行对齐或平均分布等操作,十分方便有没有~

第一步-确定主题与风格

做图标当然首先得知道做什么咯~这个就不用多说了,接着就是确定风格,目前扁平化大行其道,做扁平LOGO比以前做拟物简单多啦,那么我们这次就做一个会冒泡的化学药剂吧(因为前一段正好做过一次类似的嘿嘿~)

第二步-心里偷偷打草稿

既然要做扁平化图标,就需要把想做的东西拍扁,将其特征抽离出来变成可用最简单图形(方形、圆形、三角形等基本图形)组合的东西,说实话这个没法教,我没学过任何美术方面的东西(哭)所以也都是做一步像一步,对于学过一些美术或设计的同学来说应该更简单

第三步-开始画啦~

新建一个空白PPT,将模版选择为空白或全选删掉页面上的文本框之类的所有东西,然后可以在上方的视图选项卡下打开标尺和参考线方便定位对齐,在主页选项卡的右下角选择菜单中可打开选择窗格,能方便的选择层叠在一起的形状,然后可以看到类似下图的东西:
do00

要表示化学药剂,那就画一个装了液体的圆底烧瓶吧~于是整个图标就分为了液体和烧瓶两个部分~

  1. 画出瓶身和液体,居中对齐(一个圆环里一个圆,比例自己琢磨啦~),可以按住Ctrl滚动鼠标滚轮放大页面;
    do01
  2. 画一个飘动旗帜的形状,遮盖住圆的上半部分,然后按住Shift先选中圆在选择旗子,然后在融合形状中把旗子割掉~是不是有点液体的感觉了?
    do02
    do03
  3. (嗯洗了个澡~)在液体里画一串气泡,然后从液体中割掉~是不是冒泡了?嘿嘿~
    do04
  4. 按照瓶身厚度画一个细长的矩形,然后再复制一个,这两条就是瓶颈啦~摆好位置先别急着融合;
    do05
  5. 在贴紧瓶颈内测两臂画个矩形(如果上一部融合了的话就没法自动吸附贴紧了~),然后如图从瓶身减去这个矩形开个口子,然后融合瓶身
    do06
  6. 在顶部画个比瓶壁厚一点点的圆角矩形,按住黄色菱形将圆弧拉到最大,与瓶身融合
    do07
  7. 组合或融合瓶身与液体~然后改改颜色和描边啥的再加些修饰比如背景或边框之类的就完成啦~
    do08
  8. 全部选中,右键保存为图片,可以直接导出PNG使用,也可选最后一个导出成emf矢量文件,不过不建议导出wmf,因为这样可能丢失字体
    do09

更为复杂的东西

上面做说的只是比较简单的图标,事实上PPT还自带了大量的渐变、发光、阴影、3D旋转等特效,所以就算想做比较复杂精致精致的图标也是可以的~
比如这个,相比上面那个就有质感多了~
m01
(嘛~也不怎么好看就是了~没学过设计是硬伤啊ToT)

来个总结?

好累哦~不想总结了~就先这样吧……
2dogesleep

发表评论

© 2019 MapleZone

Up ↑