邮箱订阅

订阅即可免费获取优质的设计资讯!

邮箱订阅

感谢你的支持!

分享到微信朋友圈:

Close

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

热门文章

Mockplus是什么?

Mockplus,更快更简单的原型设计工具。快速创建原型,一键拖拽创建交互,团队协作省事省力。微软、联合国国际贸易中心、华为、东软、育碧、Oracle、西门子、IBM等全球知名企业和全球300多所高校都在用,你也可以免费开始你的设计!

了解更多

【友情推荐】人人秀,H5活动制作工具,3分钟制作游戏、投票、抽奖、红包、砍价等营销活动。

了解更多

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

SUPERYEAH_098 2018-12-27 23:16:45 阅读:1966

欢迎来到叶设计的自习室

持续更新 · 设计干货

工具自习 | 经验教程 | 素材分享



Hello guys!

Welcome to Superyeah's Study Room.

Sit down, and have fun!


大家好哇!

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

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

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


01

新建文档



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


02

绘制网格



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



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



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

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


03

建立实时上色组



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



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


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


04

准备色板



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


05

绘制像素画



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


开始涂!

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


涂多了怎么办?

别怕,办法总是有的啦。



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



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


06

分离网格



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


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



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


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



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


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



最后!


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

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

那就继续你的创作8!

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



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

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

中文:方正像素12

英文:Mouse

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


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

推荐你看

这里有叶设计的自习室所有的干货!


本文经作者授权转载。

原文地址:https://weibo.com/ttarticle/p/show?id=230940432177...


原型工具难上手、速度慢?试试Mockplus!

_____

Mockplus,更快更简单的原型设计工具。快速创建原型,一键拖拽创建交互,团队协作省事省力。微软、华为、东软、育碧、Oracle、西门子、IBM等全球知名企业和全球300多所高校都在用,你也可以免费开始你的设计!

免费下载
logo

咨询客服

帮助群:702611532 加入QQ群

服务邮箱:service@jongde.com

咨询客服

在线客服

置顶