同学！你要的PPT像素风教程来了~

大家上午好呀，我是云朵。

上周，我们有一篇文章的头图是这样的：

当时有小伙伴提问道：图中「疑难杂症」文字效果如何制作？

今天呢，我就来分享一波像素风~

我会先告诉大家，这页文字的制作思路，然后推荐相关网站，最后分享素材~

01. 制作思路

这页的背景素材其实是从 Freepik 上直接下载的。

素材格式为 EPS ，可以用 Illustrator 打开，选择需要的素材任意组合，然后导出 PNG 图片，方便在 PPT 中制作时，调整每一个元素的大小与位置。

组合好基本图形：

接下来着手制作像素风字体，这里共提供两种方法。

方法一：使用字体

可以直接使用现成的字体，节省制作时间。

打开猫啃网，搜索关键词“像素”：

这里示例下其中两个字体的效果。

全小素：8×8 的像素字体

寒蝉点阵体 7px

不过不足之处也很明显，那就是样式固定，不易修改，可辨识度不高。

方法二：手动制作

这个方法正好可以避开第 1 种方法的不足。

打开 PS ，新建长宽为 300 像素、分辨率为 300 的画布。

在画布上输入「疑难杂症」四个字，字号 12，字体喜鹊招牌体，最后加粗一下。

添加图层样式：描边和渐变。

调整完成后，隐藏白色背景图层。

左上角依次点击「文件-导出-存储为 Web 所用格式」。

选择导出格的格式为 PNG 且勾选透明度，将图像长宽大小都调整为 2000 ：

此时文字边缘比较模糊，可以将品质更换为【邻近】，再点击储存导出图片。

将素材置于页面中：

接着复制一份，将亮度调整到最低，并置于下层略向下移动：

这一步的目的，是模拟文字的底部阴影，注意观察：此时文字底部的描边看起来比上半部分的描边更粗。

怎么样，你学会了吗~

以上就是字制作思路，接下来分享素材~

02. 像素素材

像素图标

Skware ：这个网站提供 100 款免费可商用的像素风图标，支持打包下载 SVG 与 PNG 格式，使用时需注明来源。

https://www.aboutppt.com/sites/84579.html

打开网页后点击「立即获取」，页面自动从图一调整转到图二，点击「下载图标」中的「获取 PNG 和 SVG」即可下载。

当然贴心的我，其实已经把这部分素材整理好了，文末有领取方法，感动不？

像素插画

DOTOWN ：免费可商用的像素风插画库，有很多分类与标签，可以当作图标或装饰素材使用，默认下载为 PNG 免抠图。

打开网站，选择自己喜欢的插画，进入详情页后，点击「DOWNLOAD」即可获得图片。

https://www.aboutppt.com/sites/79021.html

背景纹理

有了图标和插画，你或许还想要背景纹理，别着急我也准备了。

AboutPPT 里面搜集了很多，大家可以慢慢逛：

https://www.aboutppt.com/favorites/wenlicaizhi

这里面我最常用的是图鱼，素材丰富，种类较多。

https://www.aboutppt.com/sites/2788.html

好了，介绍完了素材，接下来一起看下还有哪些好玩的像素风网站吧~

03. 在线网站

我将推荐的网站分为了两种类型。

先来看第 1 种：自由绘制图形

自由绘制想要的像素图形，功能有：自定义画笔颜色、橡皮擦、图层混合等，如果你有 PS 基础，上手速度将会更快。

pixelarttogether：界面简单容易操作

https://pixelart.liveblocks.app

dinopixel ：页面干净整洁，可添加预设形状。

https://dinopixel.com

PiSKEL ：相对于上一个网站，功能较多，难度也升级了，想实现更多效果的小伙伴，可以研究下。

https://www.piskelapp.com/p/create/sprite

再来看第 2 种：根据图片生成

这些网站都是先上传一张图片，然后调整参数，最后导出像素风图片。

按照操作由易到难排序，逐个为大家介绍下。

img8bit ：只有一种效果，上传图片即可生成，提供 GIF、 JPG、MP4 格式。

https://img8bit.com

Pixel It ：有预设效果，更换色调、调整像素数量、设置像素块大小，调整完成后，点击下方「DOWDLOAD IMAGE」即可下载图片。

https://giventofly.github.io/pixelit/

Pixel Me ：像素头像图案生成网站，可调整预设，例如：对比度、颜色、图案尺寸、图案间隔等等~

https://pixel-me.tokyo/en/

Minecraft Image Converter ：这个网站可以将像素替换为图案，可编辑性更好，制作完成后，点击上方的另存为即可保存图像。

https://minecraftart.netlify.app/editor

好了，以上就是推荐的网站。

04. 文末小结

我们一起来回顾下今天的知识点：

• 如何制作像素文字

  •   使用像素字体

  •   使用 PS 调整

• 像素风素材推荐

  •   像素图标 Skware

  •   像素插画 DOTOWN

  •   背景纹理 AboutPPT

• 像素网站推荐

  • 自由绘制图形

    • pixelarttogether

    • dinopixel

    • PiSKEL

  • 根据图片生成

    • img8bit

    • Pixel It

    • Pixel Me

    • Minecraft Image Converter

接下来就是福利时刻了，我这里准备了几页像素风素材，一起来预览下：

需要的话自行下载吧，别忘了给我点赞就行

https://pan.baidu.com/s/11HYHLzkgWbxsJtpCQk81rw?pwd=6666

以上就是今天分享的全部内容，希望对大家有所帮助。

最后，明天是端午节，我们也停下来休息几天，提前祝大家端午节快乐喔~

——
公众号：自律的音律
原文链接：同学！你要的PPT像素风教程来了~