Posted in 色彩与明暗

初级教程-怎样使用明暗表现立体感?

摘要:以杯子为例子讲解如何使用明暗表现立体感。pixel32 原创  | 教你画像素画 出品立体感是什么像素画是二维艺术,是平面的(基于电子屏幕的),只有长和宽,用坐标系来表示就是x,y轴坐标。 三维会再多一个z轴。 立体感就是三维,除了长和宽,还有高度。 由于人眼成像是在视网膜上,实际上也是平面的……因此艺术家可以利用明暗对照法来表现立体感,其实是欺骗肉眼。画家合理地以明暗组织画面,使用明暗对照法在二维的平面上表现物体的立体感。 怎样表现立体感?绘画教材及课程中通常会用立方体为例讲解立体感。 这是因为立方体够简单,同时也是造型艺术最小的单位。将立方体放置在单一光源下,可以一目了然的表达出明暗对照法的精髓,就是物体在受到光照以后,会形成以下几个区域:高光1,亮部2,明暗交界线3,暗部4,反光5,投影6。 画画的时候只要能画出这些东西,就可以表现出立体感。…

Continue Reading... 初级教程-怎样使用明暗表现立体感?
Posted in 色彩与明暗

像素画颜色基础知识和选择方法

原文:pixelsmil色彩基础知识计算机常用的色彩模式是RGB,打开Photoshop默认的就是RGB色彩模式。RGB拆开就是Red红色,Greeen绿色,Blue蓝色。 RGB每个颜色的值范围是0-255。我更喜欢HSL(或HSB),在Photoshop中切换颜色模式为HSB。 分别观察HSB的3个颜色值。H是色相,是每个颜色本来的样子。 S是饱和度,值越低颜色越灰暗。B是亮度,值越低越接近黑色。 下面来看一个实际的例子。这是一个绿色的豆子? 很多新手画好线稿填上固有色后,会通过调节亮度值获得暗部和高光区域的颜色。画出来就是下面这个样子了。 但是这样就没有考虑色相,颜色是会随着温度互相转换的。观察色相条可以发现,提高绿色的温度就会变成黄色,降低的话就会变成蓝色。 这是更加符合自然的用色之道。另外只要是光源比如太阳,默认就会带一点白色和黄色。 光的颜色也会一定程度影响物体高光区域的固有色。 在考虑了色相变化的前提下,对使用的颜色进行修改如下。…

Continue Reading... 像素画颜色基础知识和选择方法
Posted in 色彩与明暗

像素画游戏角色从线稿到上色

线稿第一步:粗略的草图。焦点在角色的形状上,不用在意线条是否美观。 第二步:修线,尽量把线条控制在1像素。 修线要点:完美的像素见下图1-4;尽量避免图5的情况。 上色单个角色尽量不超过32色为佳。首先选择颜色,然后铺上单色。 设置好光源,填上暗部颜色。 铺完色该上调子啦,注意不要像下图左1那样,而是要像右1那样。 根据之前设置好的光源画调子。 光源在右上,适当添加细节。 选择性勾边(对轮廓线依据受光情况进行处理)。这一步其实不是必要的,假如你希望表现卡通的风格,黑色的勾边可以保留。 尽量使用色相环选择颜色。外圈是色相环,内部的方框垂直方向是亮度,水平方向是饱和度。…

Continue Reading... 像素画游戏角色从线稿到上色
Posted in 色彩与明暗

0基础像素画-你可以画出立体感

古埃及的壁画是平面的。平面的壁画装饰性很强。 早期的电子游戏受性能限制,游戏里的角色颜色有限,自然只能是平面的。比如马里奥。 平面是二维的,立体感是三维的。早期传统绘画就是在二维的纸或画布上,画出三维立体的感觉,模拟真实生活。 像素画作为数码绘画,同样有这样的需要。能够画出准确的形状和线条,是画立体感的基础。 以下我列出画出立体感的几种方法。真的不难,相信我。 只要理解并运用正确的方法,你就可以画出立体感。1、用线条表现立体感 这是Eboy画的一辆车。 看起来立体的原因是使用线条画出了车的结构。可以找一张相同的角度车的照片对比一下。 是不是很像呢?用线条表现立体感的原理在于,每一条线都交代了车的结构,可以把结构理解为骨架。 我在下面分别用红色和黑色画出了车的骨架。可以比较不受干扰的看出车是由一个矩形盒子嵌套类一个梯形物体加上4个轮子组成。…

Continue Reading... 0基础像素画-你可以画出立体感
Posted in 色彩与明暗

0基础-像素画上色教程

原文:Mark Pay 翻译:imick明暗关系所有物体的存在都是三维的。三维关系在一个光源下可以表达得很清楚。 被光源照到的面就是亮面。光源照不到的面就是暗面。 在二维的电脑屏幕上,我们要靠渲染明暗关系来塑造形体和体积。我们通过线稿塑造了形体,给线稿铺上了大块的颜色,现在要做的是加入颜色变化,将作品立体化。 确立光源上明暗关系前,最重要的是确立光从何处来。有些人倾向于将光源设在图形的左上部-我则倾向于右上部,这个教程将遵循这个选择。 如下图所示,所有的光线都以同一个角度照射在物件上。 而对于一种特殊情况,有一个或多个光源照亮整个形体的周围,我们需要花多一点精神在里面。 擅用辅助光可以帮助营造气氛和环境氛围。有一个显而易见但我仍要重复的观点是:光线越远离光源,强度越弱。 确立好光源后,就可以开始给作品上明暗关系了,先从一个简单的球体开始。先展示一下错误的上色方法:…

Continue Reading... 0基础-像素画上色教程
Posted in 色彩与明暗

像素画基础配色-学会这几招配色再也不发愁了

原文:Nauris Amatnieks翻译:Pixel32色相变化画像素画时根据明暗的变化,我们需要多个渐变的同色系颜色。这个时候除了考虑明暗的变化,最好也根据色相环,加入色相的变化。 比如下面两个例子,当红色和绿色变亮时会混入黄色,变暗时会混入蓝色。 第一排颜色没有色相变化,只有明暗变化第二排颜色有色相变化 在颜色变化的时候,不仅要考虑明暗变化,还需要考虑色相的变化。 当颜色变亮时会趋向于黄色;当颜色变暗时会趋向于蓝色。(颜色会随着温度沿色相环变化。 ) 盾牌修改前 盾牌修改后,仅仅修改了颜色的色相变化,效果就变得更好了。 在盾牌外框的纯灰色中加入蓝色。…

Continue Reading... 像素画基础配色-学会这几招配色再也不发愁了
Posted in 色彩与明暗

像素画调色指南

为像素画配色很难,尤其一开始选择固有色,然后还需要经过反复修改和调整。作品最终呈现的样子和一开始可能很不一样。 最快速的方式是选择你喜欢艺术家的作品,然后取出调色板,用到你自己的作品里。知道吗? 颜色或者配色是没有版权的。点击Photoshop菜单图像 调整,有一大堆命令可以用来调色,让我们一起来试试吧。 下图是用于调色的南瓜头。 亮度/对比度 通常大部分像素画作品都缺乏足够的对比度,所以亮度和对比度应该是经常使用的命令。 如果你需要更精确的调整,可以使用色阶和曲线命令。曝光度 我不知道曝光度和饱和度有什么不同,我相信它会同时调整颜色的亮度。 色相/饱和度…

Continue Reading... 像素画调色指南
Posted in 色彩与明暗

像素画第二部分:视角,色彩,解剖和应用

第一部分1:基本概念和练习第一部分2:详细刻画和总结第一章:组合当你掌握了单个物体的像素画画法,马上就会面临一个巨大的挑战,就是要把许多像素画堆积在一起。因为游戏里面除了场景,还有道具,敌人,特效等等,所有这些都是像素画,都有颜色,需要保证所有这些组合在一起,看起来自然和谐。 下面这张图,我列出了一些错误以及比较合适的组合。 优秀组合的特点有一定的图像。 就是你想画什么。图像是你传达给观众的信息。 图像必须容易读取和识别。你想告诉观众什么。 图像应该在舞台上均匀分布。图像不要被画面的边缘切断。 关键的对象大多数时候应该处于中心。并不是每个人都愿意画画,但是每个人都愿意试试手机拍照。 当你为心爱的姑娘拍照,你会怎么安排姑娘在取景器里的位置?你会选择怎样的视角? 第二章:视角 各种古老的游戏主要适用以下三种视角:…

Continue Reading... 像素画第二部分:视角,色彩,解剖和应用
Posted in 色彩与明暗

像素画第四部分:让光线流动

第一部分:基本概念和练习第一部分:详细刻画和总结第二部分:视角,色彩第二部分:解剖和应用第三部分:弹跳动画第三部分:待机动画和光影变化昨天更的比较晚,logo都忘了加,哈哈~今天补上。不说空话,上图。 边看图边学习。还是先从剪影开始。 剪影是不言而喻的。观众可以理解,这是一个骑手。 准备刻画具体的结构了! 继续刻画细节。 裤子上的黄色条纹,车上的文字,通过这些就可以告诉玩家或观众更多的信息! 来点动态吧,想要表现前进,可以画一个不断后退的东西。 还记得上一篇里的例子吗?这次要应用在车子和角色身上。 来一组慢镜头,看看光是怎么流动的。 现在扩大光的范围。…

Continue Reading... 像素画第四部分:让光线流动
Posted in 色彩与明暗

怎样画好明暗?-Sprite Art像素画教程

Sprite Art像素画教程-线条Sprite Art像素画教程-抖动基础Sprite Art像素画教程-AA抗锯齿基础Sprite Art像素画教程-逆向AA反光如何使你的像素画作品提升到一个新的水平?将反光画出来。 简单的讲,就是暗部不要涂太黑。什么是反光? 光沿直线传播,遇到物体会反射和折射,这个反射光就是反光。因为有反光,所以任何物体的暗部都不会是纯黑。 反光除了可以丰富作品的表现力,还会给作品增加神秘感。范例我将使用球体来说明如何表现反光,因为光滑的球体更容易反射光。 首先,画一个圆。 接下来定义一个位于右上角的主光源。…

Continue Reading... 怎样画好明暗?-Sprite Art像素画教程