AI教程 | 三分钟搞定像素画!

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
25816 27 439 2018-11-28

Image title


Hello guys! 

Welcome to Superyeah's Study Room. 

Sit down, and have fun!


大家好哇!


前段时间叶哥忙着沉淀项目和思考人生,已经好久没有更新教程类的文章了,今天必须得发点干货补偿一下大家。


三分钟,只需要三分钟,轻松get在AI中绘制像素画滴技能~


好了,我们一起来上自习吧!


01

新建文档

Image title

Ctrl+N 快速新建文档,设置宽高都为800px,注意看单位是不是像素哦,颜色模式就用默认的RGB就好啦。


02

绘制网格

Image title

找到「直线段工具」,就是上图中一根斜线的图标,对它点击右键,在弹窗中选择【矩形网格工具】。


Image title

选择了矩形网格工具之后,直接在画布中单击一下,就会弹出这个弹窗啦,大家可以参考图中的数值绘制一个规范的网格~


Image title

网格画好了,我们需要让它跟画布水平+垂直居中。


这里如果有零基础的小朋友,不知道对齐工具怎么调出来的——你可以在顶部菜单栏点击「窗口」,然后找到【对齐】,快捷键是Shift+F7


03

建立实时上色组

Image title

找到「形状生成器」,就是上图中两个圆+一个鼠标的图标,对它点击右键,在弹窗中选择【实时上色工具】,快捷键是K


Image title

在实时上色工具的状态下,鼠标移到网格上面,就会变成红色,并且有文字提醒:单击以建立“实时上色”组,那么你不用犹豫,赶快单击一下!


好了,接下来你可以画画了!


04

准备色板

Image title

在实时上色工具状态下,不太方便随时调色,所以建议大家提前建立好色板(就是有颜色的形状而已),到时候直接用快捷键吸色即可!


05

绘制像素画

Image title

到这一步了,整个绘制过程就更简单啦!


开始涂!

选中实时上色工具(K),按住Alt,鼠标会变成一根吸管,去单击黄色的色板吸色,然后直接在网格中单击上色 / 或者长按并移动鼠标连续上色,是不是很好用呢!


涂多了怎么办?

别怕,办法总是有的啦。


Image title

还是这张图,大家选择「实时上色选择工具」,快捷键Shift+L,然后再单击你涂多了的地方,按下Delete删掉它~~


Image title

用实时上色选择工具选中多余地方时,会是这种点状网格的状态。


06

分离网格

Image title

恭喜了!你的像素画已经成功完成了!

接下来我们就让画像从网格中分离出来吧!


Image title

首先,你要确保网格是在选中状态。

然后,在顶部菜单栏执行【对象】>【扩展】


Image title

在扩展的弹窗中,默认勾选这三个选项,点击确定即可。


(单身狗也许会出现无法勾选“对象”的情况,不用管它,摸摸头)


Image title

最后!

选中网格,执行两次【取消编组】,就分离出来了唷,开心吗(*^▽^*)


三分钟到了,是不是还不过瘾?

那就继续你的创作8!


叶哥也画了一些吃豆人的图供大家做练习

Image title

Image titleImage title

Image title

Image title

Image title

Image title

Image title


Image title

一定会有同学留言询问封面图上的字体用的是啥呢?

叶哥很自觉的,现在就告诉你们——


中文:方正像素12

英文:Mouse


今天的自习就上到这里啦。

欢迎大家关注叶设计的自习室,转发我的文章还可以获得自习群的门票一张~交流设计,分享干货和经验,让我们一起进步吧!


Image title

全部评论:27

  • 禹先生

    2021-08-19 15:36

    @不吖萝卜❤: 得先选中网格,选中状态下可以上色了

  • 超级叶

    2020-12-31 15:56

    存出来的图上有线条的情况,介意的同学可以选中同一个区域的形状,进行一次合并,就可以解决了

  • limerence

    2020-12-24 15:54

    @一只可爱鬼: 可以区域填色的,鼠标点击小空格不松开拖动就可以一次填一行的颜色,操作类似于形状生成器

  • 一只可爱鬼

    2019-10-11 22:59

    还有那种直接选中一大片颜色,好像是色谱直接变色的操作

  • 一只可爱鬼

    2019-10-11 22:58

    我想知道有没有区域选择,一个空格一个空格地选有点麻烦哦

  • 震天福尔摩斯大卷锐

    2019-06-18 15:14

    太棒了~好用的办法

  • 超级叶

    2019-06-14 09:22

    @不吖萝卜❤: 实时上色不是用油漆桶工具上色

  • 不吖萝卜❤

    2019-06-13 15:36

    大佬,为什么我的上色工具,油漆桶显示的是禁用的呢?

  • DOMOHAHA

    2019-04-30 17:45

    @黄痛痛: 不用呀,记得吸取颜色后用实时上色工具直接上色(会有个红色小框)。

  • DOMOHAHA

    2019-04-30 17:42

    真的三分钟搞定,手动打CALL!!

  • 皓皓旰旰

    2019-04-27 20:26

    大神求助!!为什么我之前按你的操作没有问题 现在取消编组两次(我可以取消三次)之后,一拖网格 颜色也跟着都一起动?这是为什么?我一选中所有网格点DEL就 颜色也一起删除了,只能一根根点,如果颜色都涂上黑色的话 有时候 网格线还会消失,点到才能显示,,这是为什么???

  • 超级叶

    2019-04-01 10:55

    @小魔女ZOE: 扩展 取消编组 删除 文章里有说明哦

  • 超级叶

    2019-04-01 10:54

    @LLLAZY: 分离是把颜色和网格分离,网格只是作为参考线所以可以删掉了,你变成一根一根线说明多取消了一次编组

  • LLLAZY

    2019-03-27 10:37

    最后分离是变成了线条一根一根的吗?然后删除。但是线就没有留下来,只是颜色而已,什么情况

  • 小魔女ZOE

    2019-03-21 13:53

    这个线框最后怎么去掉的?

  • 超级叶

    2019-03-15 10:11

    @☞小哥: 小程序名字叫啥 可以推荐一下吗

  • ☞小哥

    2019-03-14 16:29

    微信小程序有的这种像素风格涂鸦的软件,玩的让你停不下来,还可以原创

  • 万齐大人

    2019-02-02 15:40

    感谢大佬!

  • 米米米兰

    2019-01-25 13:27

    @超级叶: 知道了,谢谢

  • 黄痛痛

    2019-01-19 15:33

    这个估计还得自己画出大概轮廓,然后再填充上色得吧

  • 超级叶

    2019-01-18 14:04

    @米米米兰: 不可以的

  • 米米米兰

    2019-01-11 15:35

    可以有半个格子的吗

  • 超级叶

    2018-12-20 01:18

    @鲨鱼的尾巴儿: 有线条是因为没有扩展然后把网格移除吗?如果移除了,是看得见若隐若现的网格间隙的话,可以使用路径查找器里面的联集,将同色的网格合并

  • 超级叶

    2018-12-20 01:16

    @Sayuki: 棒棒哒!

  • Sayuki

    2018-12-19 15:04

    啊啊啊啊啊啊啊啊啊!!!!学会了!!!!非常感谢!!!!!!!!以后能画像素小人画了!!!!!!!!!!

  • 鲨鱼的尾巴儿

    2018-12-18 16:25

    存出来的图片上有线条该怎么办呢,可以处理吗?

  • 布丁1573

    2018-12-13 16:44

    谢谢

  • AAhuang

    2018-12-13 14:36

    @SasaCrazy: 好的 谢谢

  • SasaCrazy

    2018-12-13 10:25

    @AAhuang: 工具栏下方有“ ... ”的标识,点击它自定义工具栏就可以,举行网格工具在里面

  • AAhuang

    2018-12-12 14:33

    CC2019矩形网格工具 怎么找

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票