美文网首页生活家工具癖技能学习
1秒制作像素图,你GET了吗?

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

作者: NataliaB | 来源:发表于2016-12-24 20:39 被阅读6440次

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

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

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

    好吧,不扯啦,上干活!

    什么是像素?

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

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

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

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

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

    一步一步来哈~

    1、选图案

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

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

    2、Photoshop处理过程

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

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

    3、BINGO,放大就OK啦~


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

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

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

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



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

    高度扩大到4/3倍

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

    适合做编织图的像素图

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

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

    相关文章

      网友评论

      本文标题:1秒制作像素图,你GET了吗?

      本文链接:https://www.haomeiwen.com/subject/ixglvttx.html