像素画教程-基本规则

标签: pixel-art-tutorial 像素画教程 像素画基础教程 | 发表时间:2011-08-31 14:33 | 作者:pixel32 Hopone
出处:http://51pixel.com

2. 基本规则

首先等角投影像素画最重要的规则是如何构建最基本的线条。等角投影因为30度的倾斜边,有时又叫做30/30透视。但是你在下图中可以看到在像素画中这个角度并不是30度。当角度为30的时候,由像素点构成的线条会出现很多躁点,而当角度为26.565°时则很完美。你只需要记住视觉效果最佳的像素线条的构建法则:间隔1个像素,横2个像素。(译者:也可以看作规则的阶梯形)

1.3. 26.565, 像素画中神圣的数字

你可以使用任何形式的线条在你的作品,但如果你想要光滑笔直的线条,最好遵循像素线条的构建法则。

1.4. 完美的像素线条

3. 线条构成形状,形状构成物体

这些线条可以构建最基本的几何形状。一旦你明白这个原理,就可以用这些基本几何形来塑造更复杂的东西。  在下图左你可以看到6个基本几何形,以及如何利用它们构建一个怪异的城堡建筑(下图右)。

1.5.基本形状可用于构建更复杂的对象

4. 明暗

我们需要使用明暗法来模拟3D效果。这是一种在绘画中常用的技术。首先我们需要确定光源的位置,假定在左上角。

  1. 首先在灰色的格子上放置一个蓝色的立方体。
  2. 新建一个图层,用油漆桶工具给立方的左右两个面填充20%透明度的黑色(填充需要勾选所有图层)
  3. 给右下边的面再填充一次。
  4. 新建一个图层画内边线,使用白色单像素线。
  5. 隐藏新建的两个图层。把原来立方体的黑色内边线改成蓝色。
  6. 选中白色内边线的那个图层,更改透明度为50%。

这样你会得到一个和下图7一模一样的立方体。

当然很多其他的方法给物体上明暗,我介绍的是我喜欢用的方法。

5. 图块世界

如果你想制作基于像素画的互动多媒体,图块是一个不错的选择。Tiles are wonderful things if you want to make your Pixel Art interactive.我们可以把对象被放置在等距的网格中。正因为如此,编码部分会变得容易很多。网格是2维的,可以用一个简单的2维数组来定义(在第三部分我会详细说明该方法)。然后旋转45度,在减少50%高度,就得到了符合等角投影规则的空间。

1.7. 制作一个2D的等角投影空间

在使用格子构建你的作品时,必须非常小心。因为即使1个像素的偏差,都回破坏整个效果。以下是三种你可能会遇到的情况。

(注意: 每个例子中的蓝色立方都不一样. 同一个例子中其他颜色的立方体的构建方法都和蓝色立方体相同)

1.8. 32像素宽的立方体。这里立方体的轮廓线会重叠,因为2个立方体的轮廓不匹配。

1.9. 34 像素宽的立方体。 这里轮廓线会越界1像素。

1.10. 33 像素宽的立方体。我找到的最佳宽度。 立方体的一条边少1像素,但是当你把他们组合在一起,你会发现契合完美。

6. 文件格式

我想很多人可能已经了解不少关于图片格式的知识,所以在这里我只谈像素画作者们需要了解的东西。GIF 和 PNG 是两种唯一适合发布你作品的图片格式。不管你把作品应用于Flash还是发布在网络上。而JPG格式会扭曲你的像素,并且它无法处理透明度。

GIF和PNG的主要区别在于支持的颜色数和透明度。GIF只能使用256色,而PNG支持24-bit 或 1600 0000 色。PNG用来存储彩色图像时,彩色图像的深度可多到48位,并且还可存储多到16位的α通道数据,所以PNG支持透明度。

7. 结语

好了,现在你已经知道了基本的等角投影像素画知识。下一部分我们将使用photoshop画一个酸奶店。

顺便说一句, Peter NRG提供一个画像素的小窍门:在画像素画的时候你可以把同一个文件显示在2个窗口中,其中一个设置为100%,随时查看效果,另一个则可以根据你的需要随时改变缩放比例。你可以通过以下步骤打开第2个窗口: Photoshop Menu菜单 > Window窗口 > Arrange排列 > New Window新窗口 为 ‘filename文件名称’新建窗口

 

 

更多精彩文章

相关 [像素画 规则] 推荐:

像素画教程-基本规则

- Hopone - 像素交流/网络末端
首先等角投影像素画最重要的规则是如何构建最基本的线条. 等角投影因为30度的倾斜边,有时又叫做30/30透视. 但是你在下图中可以看到在像素画中这个角度并不是30度. 当角度为30的时候,由像素点构成的线条会出现很多躁点,而当角度为26.565°时则很完美. 你只需要记住视觉效果最佳的像素线条的构建法则:间隔1个像素,横2个像素.

html嵌套规则

- - Web前端 - ITeye博客
转载: http://www.studyofnet.com/news/412.html. 一、HTML 标签包括 块级元素(block)、内嵌元素(inline). 一般用来搭建网站架构、布局、承载内容……它包括以下这些标签:. 一般用在网站内容之中的某些细节或部位,用以“强调、区分样式、上标、下标、锚点”等等,下面这些标签都属于内嵌元素:.

wireshark过滤规则

- - CSDN博客推荐文章
WireShark 过滤 语法  . 过 滤 IP,如来源IP或者目标IP等于某个IP. ip.addr eq 192.168.1.107 // 都能显示来源IP和目标IP. tcp.port eq 80 // 不管端口是来源的还是目标的都显示. tcp.dstport == 80 // 只显tcp协议的目标端口80.

Reid Hoffman:创业十规则

- Susie - 互联网的那点事
LinkedIn 的创始人和执行主席 Reid Hoffman 在西南偏南互动讨论上(SxSW)做了主题演讲“创业者怎样创造未来”,阐述了他关于互联网行业创业和 Web 3.0 产品的观点,并举出十条他认为创业者应该遵循的规则. Reid Hoffman 本人的职业生涯起步于苹果和富士通的产品管理,后来在 PayPal 任执行副总裁,2003 年合作创办了 LinkedIn — 商务社交网站的先锋.

我的code review规则

- vento - 我的宝贝孙秀楠 ﹣C++, Lua, 大连,程序员
1) 是否有语法错误,编译错误,编译警告. 做法:下载最新代码,将编译警告级别提升到最高,检查output信息. 2)是否符合需求,完成requirement文档要求的内容,不能多,也不能少. 注意:即使发现有问题代码,如果与需求关联不大,不要涉及. 应该让每次enhancement和bug fix最简洁,牵涉范围最小,影响到组件最少.

车牌里的潜规则

- 茫茫 - 南方周末-热点新闻
山西省曾作为国内整治特种车牌的典范区域. 但如今,对于特种车牌的整治却越来越力不从心,业内人士称:“整顿更像是一个障眼法,谁会主动革掉自己的特权.

创业者的“钱”规则

- 圣斌 - 醒客眼 Thinker's Opinion
有多少钱才能开始一次创业之旅. 创业,从新开始甚至从零开始,没有起步资源的支持,活下去都不太容易,更不要说发展,作为起步的本钱,没有肯定是不行的,但到底要多少合适呢. 许多人之所以困惑,源于有个问题没有考虑清楚,在考虑需要多少钱之前,你必须明白自己要干什么. 盖个狗窝还是500米高的摩天大楼,目标不同代价当然不一样.

[翻译]反射的规则

- stern - Some reminiscences, some memories
第一次知道反射的时候还是许多年前在学校里玩 C# 的时候. 那时总是弄不清楚这个复杂的玩意能有什么实际用途……然后发现 Java 有这个,后来发现 PHP 也有了,再后来 Objective-C、Python 什么的也都有……甚至连 Delphi 也有 TRttiContext……反射无处不在. Go 作为一个集大成的现代系统级语言,当然也需要有,必须的.

网页命名规则

- Bloger - 博客园-首页原创精华区
  内容:content/containe.   页面外围控制整体布局宽度:wrapper.   左右中:left right center.   登录条:loginbar.   友情链接:friendlink.   版权:copyright.   合作伙伴:partner.   容器: container.

[原]常用的规则

- - ChaJn To The Dream
闭包:指的是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分. 封装主要用意在于将实现细节隐藏,提供给客户端的只是定义良好的接口. 如何将广告始终定位到网页右下角. /* 以下是写给IE6的 */. 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义? .