1秒制作像素图,你GET了吗?

1秒制作像素图,你GET了吗?_第1张图片

做手工经常会用到像素图,也许你有其他用途,whatever,今天范范教你超级简单的像素图制作方法,秒级的速度!

先拜乔帮主,感慨2005年他在斯坦福大学演讲中讲到的串联生命中的点滴。正是因为退学后学习了美术字课程,学会了一种科学永远不能捕捉到的、美丽的、真实的艺术,才有了Macintosh电脑漂亮的字体。

我学设计,爱编织。有天想在一个围巾上绣花样时,突然想到了这种超级简单的像素图制作方法,无形中串联了生命的点滴。

好吧,不扯啦,上干活!

什么是像素?

像素是组成图片的最小单位,用px(pixel)表示;

1秒制作像素图,你GET了吗?_第2张图片

如上图,宽800px,高500px,100%看图片平滑细腻,没有锯齿感。

1秒制作像素图,你GET了吗?_第3张图片

使用Photoshop放大至500%、1000%、3200%,开始出现锯齿,出现网格,这一个格子就是1px;

随着放大,格子越来越大,因为px是最小单位,不能拆分了。

所以制作像素图的原理,就是把原来平滑的图片、图标,根据所需尺寸缩小,变成带有锯齿感的像素图,放大后截图,就OK啦~

一步一步来哈~

1、选图案

iconfinder是一个著名的图标搜索引擎,搜索英文关键字,选择喜欢的图标,可下载背景透明的png格式图标。

1秒制作像素图,你GET了吗?_第4张图片

比如,我想要猫头鹰,浏览器打开iconfinder,输入猫头鹰的英文“owl”,搜索后结果呈现如上图;
选择一个适合做像素如的可爱图标,右键另存到本地;
什么样的图标适合做像素图呢?太多细节的、太复杂的NO,缩小后一共就那么小几十个像素,细节会丢失的。
要选择主体轮廓突出的简约图标,我选了第2排第4个~

2、Photoshop处理过程

1秒制作像素图,你GET了吗?_第5张图片

使用Photoshop的几个基础命令,即可完成像素图制作;
启动Photoshop,打开图标;

1秒制作像素图,你GET了吗?_第6张图片

打开“图像”菜单,点击“图像大小”;
在弹出的面板里,根据所需尺寸调整图像大小;
例如,绣个高度40个格子的十字绣,一个格子对应一个像素,那么把高度改为40;
约束比例”默认是开启的,即保持原图像宽高比不变,调整一个尺寸,另外一个会联动着变化;
如果需要调整比例,取消“约束比例”勾选即可。

3、BINGO,放大就OK啦~

1秒制作像素图,你GET了吗?_第7张图片

放大图片至能够明确分清每个像素,一个像素放大成正方形的格子;
按住CTRL+鼠标,点击图标所在的图层,就可以选中图像了;
这时该图层所有不透明的像素都被选中了;
并且,选中的部分外轮廓生成了一圈流动的虚线。

1秒制作像素图,你GET了吗?_第8张图片

我喜欢淡雅些,新建图层,填充上白色,放到猫头鹰图层的下面;
把猫头鹰图层不透明度降低为10%;
这样外轮廓线就非常明显啦!
使用截屏截图,我用的是pickpic,就得到一张像素图啦!

4、制作适合编织的像素图

正常的像素图,每个像素是宽、高相等的正方形;
编织图中的棒针编织,宽高比为4:3;


1秒制作像素图,你GET了吗?_第9张图片

所以在制作适合编织的像素图时,只需要把原始图标高度上扩大到4/3倍,再缩小;

1秒制作像素图,你GET了吗?_第10张图片
高度扩大到4/3倍

缩小像素图后,截图,再把高度压缩至3/4;
或直接在PS中将像素比调整为1.33倍。

1秒制作像素图,你GET了吗?_第11张图片
适合做编织图的像素图

范范在更新编织小白入门教程--<会正反针就够了>系列,欢迎感兴趣的小伙伴儿关注,一起讨论编织,发现慢手工、慢时光的魅力!

1秒制作像素图,你GET了吗?_第12张图片

我是范特茜,用户体验设计师/编织手艺人;
从0学编织,请关注<会正反针就够了>系列,循序渐进的编织技能贴~
带你进入编织的学习区、GIF动图详解教你织正反针、编织图怎么看?、编织杯垫这些事儿、正反针文艺范儿毛衣、织错了到底拆不拆?、扭麻花、猫头鹰可以这样织、量密度、带字母的儿童帽

你可能感兴趣的:(1秒制作像素图,你GET了吗?)