0

一分钟掌握像素图的精髓

 3 years ago
source link: https://www.shejidaren.com/xiangsutu-jiaocheng.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

前言:超级玛丽这款游戏应该很多同学都玩过吧,网络上也出现很多和超级玛丽画风很相似,利用像素绘制的卡通图案,我们称之为像素画。以前的游戏画质不高才有了像素画这个概念,现在技术更好设计可以更精美了,像素画反而成为一种独特的设计风格。

3QrIrqz.jpg!mobile

提到超级玛丽,应该有不少同学找到了童年记忆。

EB7Fryz.jpg!mobile

欣赏一组来自俄罗斯 @Megapont 大神的像素画作品。

auq6juz.jpg!mobile

Bj2ErqU.jpg!mobile

jq6Jnm3.jpg!mobile

iQfIvuQ.jpg!mobile

MRN32uu.jpg!mobile

3iuMzeN.jpg!mobile

JFJjyi7.jpg!mobile

欣赏完大神的作品应该知道了,今天要教大家 用PS画像素画

那就,预备备开课

像素画一准备工具

准备工作 1 – 新建文件

首先新建一个50 X 50 像素的源文件

并无限放大

uErYNz.gif!mobile

准备工作 2 – 画笔变铅笔

为什么画笔换铅笔呢?

先看个错误案例

jMbQRfr.gif!mobile

画笔画的线太虚不适合像素画

下面看正确选择铅笔

画笔换成铅笔,铅笔大小1画的像素线才对

na26JvI.gif!mobile

准备工作 3 – 橡皮模式变铅笔

橡皮模式要改成铅笔

这样才能擦除干净多余部分

EVvQNfb.gif!mobile

准备工作 4 – 设置油漆桶工具

油漆桶工具默认是勾选中消除锯齿的,这样给图形填充颜色会涂到图形外面。开始像素画前要 取消掉消除锯齿

FfUjqyJ.gif!mobile

前期工具准备完成

那么我们就开始画吧!

像素画一画多种线条

1 画水平垂直线

用铅笔工具按住 SHIFT 画水平垂直线条

FZrE7vq.gif!mobile

2 画直斜线

如何画45度直的斜线呢?正常画会这样,不够直拿橡皮擦又浪费时间。

3uie6jn.gif!mobile

一个小技巧快速画直的斜线,框选出正方形选区,按住 SHIFT 在选区对角线分别点击两次,垂直斜线就出现了。

famMn2A.gif!mobile

3 画几何图形

画规则几何像素画图形时,先选中样式里的 像素 ,在 取消掉消除锯齿 选项。

uiyIR3R.gif!mobile

像素画―边画边预览

为了像素画细节更好我们都是无限放大画的,想看100%效果时还要缩小回来才行,这样反复放大缩小很麻烦。有便捷方法吗?必须有!

方法是在画像素画时执行 窗口 菜单下的 排列 给当前文件名新建一个窗口放在画笔旁边100%显示边画边预览。

aiaUjyu.gif!mobile

像素画一无损放大

还是先快速画个案例需要用到的素材

Vb6Fr2B.gif!mobile

如果正常CTRL+T放大像素车是会模糊的,要选中 图像 菜单下的 图像大小 ,在弹出的对话框里更改宽度高度和分别率数值,尤其重新采样里一定选中 邻近(硬边缘) 最后确定。车会放大但是没有失帧模糊。

yMVbAv.gif!mobile

看到这里的同学是不是觉得

像素画看起来繁琐掌握要领还是不难的

下面做个案例看看

案例制作

这就用以上学的方法,画个像素海报

vyUfUnf.gif!mobile

看下静态完整版

Qfuyqyv.jpg!mobile


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK