使用PS绘制像素画的正确姿势(大量动图注意)

本文首发于我的个人博客:https://blog.fstars.wang/posts/how-to-draw-pixi-work-by-ps/

本文旨在引导没有其他绘制像素画工具的同学们解决使用 ps 绘制像素画时,遇到的一些 设置问题

本教程操作的环境:WIN7、Photoshop CS6。

如果是需要一个专业像素画绘制软件,推荐 Aseprite。

成稿时间大概是2017/10/7。

一些有使用Photoshop经验的同学,突然脑子一热想用这款软件绘制像素画,却发现画的像素有透明度、边缘默认会变成柔边缘(放大后有透明度)、放大图片发现边缘也是半透明的。如果你无法解决这些问题,那么就请阅读这篇文章。只要跟着该教程一步一步来,基本上是没有问题的。

本文默认读者会使用 PS 的最基本操作,不会太多叙述 PS 的基础操作方法。如果还遇到了本文没有提到的问题,可以给我留言,大家一起解决。

目录

  1. [准备工作]
  2. [画出像素块]
  3. [像素橡皮擦]
  4. [实时查看预览图]
  5. [放大像素画]
  6. [画水平线和垂直线]
  7. [画直线(斜线)]
  8. [绘制硬边几何图形]
  9. [硬边缘字体]
  10. [制作gif动图]
  11. [写在结尾的话]

1. 准备工作

新建一个40*40的文件,新建一个图层,我们的图就画到这个图层上。然后将画布放大到尽可能大。

2. 画出像素块

选择铅笔工具.gif

在最左边的工具栏中找到 画笔工具,右键它后出现菜单,选择其中的 铅笔工具。将铅笔大小设置为1,我使用的是快捷键 [ 来修改铅笔大小。然后你 就可以在上面绘制像素了。

细心的同学可能会问了,为什么相邻的两个像素之间有条灰色的线呢?其实这是 PS 为了让用户能够分辨出最小像素,而默认设置了 显示额外内容。在顶部的 视图 中将 显示额外内容 的勾选去掉即可不显示灰线。快捷键是 Ctrl + H

取消显示额外内容.gif

3. 像素橡皮擦

像素橡皮擦.gif

工具栏 中选择 橡皮擦,在 选项栏 中将 模式 修改为 铅笔,然后就可以用橡皮擦擦出不带透明度的边缘了。

其实设置好了这两个其实就可以开始画像素画了,后面的内容都是一些非常实用小技巧,可以选择性阅读。

4. 实时查看预览图

当我们放大画布抠一幅像素画的细节时,不时地要缩小画布来查看整体效果,非常麻烦,这时候我们就可以使用下面的方法了。

创建预览窗口.gif

窗口 > 排列 > 为 "XXX" 新建窗口,把新建的窗口放到右上角就可以实时查看像素画的整体效果了。

5. 放大像素画

你是不是对用 ps 放大像素画出现的可怕柔边效果感到绝望?像下面这样:

错误放大.gif

如果要保持放大或缩小的像素画仍然保持硬边缘,需要设置两个东西
编辑 > 首选项 > 常规 中的 插值方式 改为 “邻近(保留硬边缘)”

修改图像差值方式.gif

将要缩放的图层转换为 智能对象

转换为智能对象.gif

做好这些操作后,就可以缩放像素画了,另外最好缩放为原尺寸的整数倍,否则会有一些像素丢失。如果你还要编辑像素画,可以将图层进行 栅格化,然后就可以修改像素画了。

6. 画水平线和垂直线

这个简单,长按 Shift 键,然后用铅笔画就可以画出水平线和垂直线。

7. 画直线(斜线)

先点击鼠标左键画一个像素点,然后按住 Shift 键,然后再在终点单击鼠标左键,就画出直线了。

如果你想画一个45度的直线,可以通过矩形选框来辅助绘制。首先我们长按 Shift 键创建一个正方形的选择框,然后在对角上使用画直线的技巧即可:

配合选择框绘制45度直线.gif

8. 绘制硬边几何图形

画硬边几何图形.gif

9. 硬边缘字体

硬边缘字体.gif

10. 制作gif动图

首先在最顶端的 窗口 中调出 时间轴 窗口,然后跟着下面动图进行操作:

制作gif动图.gif

然后我们要保存为gif图片,快捷键为:Alt + Shift + Ctrl + s

保存gif方式.gif

11. 写在结尾的话

学会了的话,大家就开始地愉快地使用 ps 画像素画吧!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 228,119评论 6 531
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 98,382评论 3 415
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 176,038评论 0 373
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 62,853评论 1 309
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 71,616评论 6 408
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 55,112评论 1 323
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 43,192评论 3 441
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 42,355评论 0 288
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 48,869评论 1 334
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 40,727评论 3 354
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 42,928评论 1 369
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 38,467评论 5 358
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 44,165评论 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 34,570评论 0 26
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 35,813评论 1 282
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 51,585评论 3 390
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 47,892评论 2 372

推荐阅读更多精彩内容