来源：自律的音律
大家上午好呀，我是云朵。
上周，我们有一篇文章的头图是这样的：
当时有小伙伴提问道：图中「疑难杂症」文字效果如何制作？
今天呢，我就来分享一波像素风~
我会先告诉大家，这页文字的制作思路，然后推荐相关网站，最后分享素材~
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
以上就是今天分享的全部内容，希望对大家有所帮助。
联系客服
