Posted in foundation

大佬分享像素画色块草图画法

像素画显脏,是色块太碎:先铺大块,再修台阶 文本概览:全文约1,967字,阅读约5分钟。画面显脏,很少是因为细节太多。 多半是色块太碎。方法:先用两三像素粗的笔铺大色块,一轮比一轮小,收尾时一边把边缘的台阶数排顺,一边加细节。 这套画法来自像素画师 Pedro Medeiros(Saint11)。他管它叫“色块草图”:不画线稿,直接从颜色开始,像画画一样由粗到细。 先认识你要管的东西:色块一群颜色完全相同、彼此相连的像素,就是一个色块。 斜着挨在一起也算相连,Pedro 管它叫“弱连接”,能避开就避开,不必纠结。 他画像素画的目标很明确:…

Continue Reading... 大佬分享像素画色块草图画法
Posted in foundation

像素画超低分辨率画法

像素画超低分辨率画法 文本概览:全文约911字,阅读约3分钟。跟完这篇,你会用“拼图思维”在极小画布上挑重点、借暗示、推极限。 先当拼图,再谈画感常见做法是把概念图直接缩小。这篇的差异是: 每个像素都当一块拼图——一边想要表达什么,一边想这块像素怎么替你说话。 概念图很大,进游戏后往往只剩一小块精灵。硬缩会糊成一团;先问“这一格还剩几像素,能保住哪几处特征”。 只留能说话的信息低分辨率里你画不全。删掉不致命的细节,只留能立刻认出角色的那几笔。 Celeste 里的 Theo:胡子和头发保住性格;围巾和背包说明在爬山;躯干往回挪 1…

Continue Reading... 像素画超低分辨率画法
Posted in foundation

PixelLogic像素画教程:次级像素可读性

教你画像素画编译出品玩家或观众大多数会关注角色的脸部和眼睛。因此最好避免对脸部添加次级像素。 当角色仅移动1个像素时,仍然可以使用次级像素来增加动画帧数,但中间帧看起来会非常模糊 – 即使在比较快速的帧速率下也是如此。应用次级像素的中间帧动画细腻,非常时髦,毕竟,这些帧只会出现一瞬间。 你不会希望这些有下次的帧停留太长时间。无论使用何种技术,都可以通过复制帧来制作次级像素。 一个好的解决方案是让中间帧尽可能的与关键帧保持一致。保持一致性的简单方法是:有多个帧,其中面部五官在2个位置之间移动(五官不添加次级像素),但是头部,身体和它周围的一切增加次级像素移动。 如果五官添加次级像素,会降低可读性。待续 像素画是独立游戏开发首选美术风格,深受小众玩家欢迎。像素画还被应用于装饰画,墙贴,家具、箱包、床品等文创产品设计。 像素画也是设计和开发乐高玩具图纸的必备技术。像素画制作简单,上手容易,任何人都可以在短时间内学会。 我们以不限于文字,图片,视频的方式免费教你画像素画。▼点击阅读原文搜索更多教程

Continue Reading... PixelLogic像素画教程:次级像素可读性
Posted in foundation

像素画初级教程:如何画出干净的像素线条?

摘要:干净的像素线条是像素画核心基础。能够画出干净的线条,也就意味着真正入门像素画。 线条是造型艺术的基础,在画稍大尺寸的像素画时,线条是不可回避的。要画出干净的像素线条,一般特指1像素线条,秘诀在于数像素。 怎样数像素呢?1像素线条的意思是,线条的宽度只有1像素,是由1个个像素首尾相连组成的线条。 1像素直线问题不大,难点在于1像素曲线。新手画的1像素曲线通常会有很多杂点和多余的点,那么怎样画出干净的像素线条呢? 不干净线条的例子A线条:7-1-2-1-2-7B线条:5-2-3-1-2-5-3像素曲线有点类似楼梯,当每一段的像素楼梯数字变大或变小的幅度很大的时候,线条就 会出现明显的断裂感。这样的情况就属于不干净的线条。 干净线条的例子C线条:4-3-2-1-1-2-3-4每一段的像素楼梯依次递减或递增,线条就会流畅圆滑。这时干净线条的例子。 线条干净的核心原则像素画线条干净的核心原则是像素楼梯数字的平滑过渡。在上图中,线条像素楼梯的数字是:5-4-4-3-2-2-1-1-1-1。 数字平滑递减,在像素楼梯与楼梯之间没有突然变大或变小。其他注意事项有时候锯齿感并不一定是糟糕的,比如在画纹理的时候。 特别像是物体表面或木纹中的裂缝。在用锯齿来表现纹理时,记住仍然需要控制锯齿,你可以控制锯齿来获得想要的裂缝效果。…

Continue Reading... 像素画初级教程:如何画出干净的像素线条?
Posted in 抗锯齿AA

像素画家AA手工抗锯齿基础

摘要:像素画家AA手工抗锯齿基础 关键词:像素画,AA,手工抗锯齿,基础 本文共2118个字,阅读大约需要5分钟。 像素是什么? 像素是数字显示器显示介质的最小单位。这些像素的排列创造一种叫做“网格”,它被隐含的垂直线和水平线划分各个正方形像素。 抗锯齿什么?抗锯齿是一种用于颠覆网格限制并创建平滑形式和混色的视错觉技术。 在数码艺术中,默认情况下几乎总是对笔触进行抗锯齿处理,以模拟传统绘画的平滑效果。手工抗锯齿是什么? 根据定义,像素画不使用抗锯齿工具,因此被认为是锯齿。尽管它看起来似乎违反直觉,但抗锯齿(在像素画世界中通常称为“AA”)可能会应用于像素画,但必须谨慎地手工应用。 从左到右:自动抗锯齿,无抗锯齿,手工置抗锯齿。正确使用AA为了正确使用AA,您必须了解明度(有时也称为亮度),这意味着每种颜色都有明暗度度量。 当颜色相邻放置时,我们的大脑会下意识地解释像素的相对值,从像素中获取有关其组成的形式,位置和亮度信息。AA利用像素感知值的细微变化来创建“破坏网格”的错觉,以便传达该网格内技术上无法实现的形式和细节。…

Continue Reading... 像素画家AA手工抗锯齿基础
Posted in foundation

PixelLogic像素画教程:次级像素运动

教你画像素画编译出品AA会被应用在像素画动画的每一帧,像素动画中的AA就是次级像素的一种。次级像素动画,也就是滑动的AA可以模拟出物体运动错觉。 下面是没有次级像素的史莱姆待机动画,效果是不是差好多?这个蓝色史莱姆有一个选择性勾边,内部有AA。 当它上下起伏时,轮廓线会随着上升而伸展,导致出现新的像素行。没有AA的轮廓线可以直接移动。 当引入新颜色时,就需要根据颜色渐变添加次级像素。这只大象动画非常生动! 为了便于学习,我们将仔细研究大象的耳朵动画。为了便于查看,我会减少耳朵动画的颜色和帧数。 全彩色 –  5帧动画,其中耳朵向左移动。减少颜色 – 白色箭头显示次级像素的运动方向对于次级像素的AA,建议使用尽可能少的颜色渐变。…

Continue Reading... PixelLogic像素画教程:次级像素运动
Posted in foundation

像素画高级教程:像素画纹理指南

作者:Slynyrd教你画像素画编译出品摘要:纹理可以增加作品的丰富程度,运动感和沉浸感。但使用像素创建纹理可能会非常棘手,如果处理不当,纹理反而会破坏作品的美感。 我发现了像素画纹理的规律,可以轻松的处理各种纹理。像素画纹理规律简化将细节分解为简单的抽象形状。 不要试图描绘每片叶子和草的细节。如果作品尺寸足够大,那么选择其他艺术形式会比像素画更合适。 重复良好的纹理可能只需要几个简单的形状。一遍又一遍地重复这些相同的形状,但改变它们分布的模式。 平衡纹理应该感觉平衡。平衡通常意味着你需要一些细节。 对比度改变纹理的对比度,会看起来更有趣,而不是在大面积上具有相同的一致性。这可以通过在选定区域中放置纹理细节并留下隐含纹理的空白区域来实现。 或者可以通过颜色变化实现纹理对比。完美均匀的纹理可能看起来不自然。 避免使用孤立像素孤立像素是未连接到相同颜色的群集的单个像素单位。它们可以分散注意力,通常应该尽力避免。 然而,当他们没有明显漂浮并且与更大的纹理有关时,我允许它们,在这种情况下,我不认为它们是真正的孤立。下面是一个关于制作草地纹理的简单教程,它说明了所有这些原理。 从左到右依次说明:1、画出草,植物,花的简单暗示形状。2、将3种形状随机的放置在画布上。…

Continue Reading... 像素画高级教程:像素画纹理指南
Posted in 抗锯齿AA

西村将由像素画教科书:AA手工抗锯齿

摘要:西村将由像素画教科书:AA手工抗锯齿 关键词:日本,西村将由,像素画,新手教程,AA,手工抗锯齿 西村将由像素画教科书,这套系列教程是偏新手向的基础课程,适合0基础和新人入门。由于编写的年代比较早,使用的软件是Windows画图。 像素画AA手工锯齿像素画是由像素方块组成,不可避免的会产生许多缺口。像素画家使用中间颜色来过渡,就可以在视觉上产生抗锯齿效果。 下图左边版本没有AA,右边版本增加AA。加AA的版本会更圆滑。 AA手工锯齿原理为了说明AA原理,我们来看下面的线条(像素阶梯为2,1,2,1,2,1…),图片左上角为黑色到白色到渐变颜色。我们使用中间色3,替换阶梯2中与阶梯1对角连接的像素,并且在阶梯1与阶梯2对角连接的地方增加1个中间色3的像素。 这样就给线条(像素阶梯为2,1,2,1,2,1…)增加了AA手工抗锯齿。一般AA只添加1个中间色即可,当然也可以继续添加。 不过AA加太多,会使像素画变得不清晰,新手请谨慎添加AA。什么是中间色中间色可以目测也可以计算颜色值得出,中间色是统称,即两个颜色之间的过渡颜色。 下图中第二行左1颜色RGB值为0,0,225;右1颜色RGB值为255,0,0;那么中间色RGB值为122,0,122。由于抗锯齿发生在2个像素方块之间,因此只要有2个颜色,就可以通过计算得出AA中间色的色值。 方便理解的AA辅助线可以使用AA辅助线帮助你理解AA原理。1、新建一个网格画布,,然后在画布上画一根红线2、从上到下:观察绿格子和左右两边的网格第1个绿格子:红线完全在中间的网格,填充100%黑色;第2个绿格子:红线在1、2中有一部分,绿格子和左边的格子填充50%黑色;第3个绿格子:红线主要在中间的网格,绿格子填充75%黑色,左边的格子填充25%黑色。…

Continue Reading... 西村将由像素画教科书:AA手工抗锯齿
Posted in foundation

西村将由像素画教科书:像素画线条基础

摘要:西村将由像素画教科书:像素画线条基础 关键词:日本,西村将由,像素画,新手教程,线条 题图:CAPCOM街机游戏《异形大战铁血战士》西村将由像素画教科书,这套系列教程是偏新手向的基础课程,适合0基础和新人入门。由于编写的年代比较早,使用的软件是Windows画图。 干净的像素画像素画的特点和基本要求在于干净。干净的像素画,观众可以看清楚每一个像素方块的颜色和位置,这种视觉感官上的掌控感会使人感觉到舒适。 一幅像素画可以在观众眼前完全敞开,没有秘密。草图和干净的像素画而其他画种则无法做到完全敞开。 且不说学习绘画价格高昂,还把画画当作天赋,让很多人望而却步。其他画种如数码插画、水彩和油画都会隐藏笔触,显露笔触被认为是初学者,即便是画速写和素描的画家也会尽量隐藏自己的笔触。 反观像素画,自学是免费的,网上有大量的文字和视频教程,像素画的每一个像素方块的颜色和位置也是一目了然,清晰可见。因此当你用1像素铅笔工具画好草图之后,需要清理像素,让你的像素画作品变成干净的像素画。 正方形像素画学习从形状开始,首先是正方形。要画出正方形,需要竖线和横线。 像素画竖线和横线非常好画,在画图软件中按住shift即可画出直线。比较难的是不同角度的正方形。 下面图片中例举了最常见的3种正方形。1、规矩的正方形2、45度正方形,由1像素角线连接而成。…

Continue Reading... 西村将由像素画教科书:像素画线条基础
Posted in foundation

PixelLogic像素画教程:次级像素运动方向

作者:PixelLogic教你画像素画编译出品有没有观察过关闭AA抗锯齿的3D动画?使用3D渲染的光栅图形,可以轻松观察像素曲线的动画效果。 注意:当角色向下移动时,头部的尖端会缩小。为什么会这样呢? 这是因为线条在移动时,遵循抛物线规律。精通数学的人可以使用公式f(x):x2 + n来表示抛物线运动。 当曲线向下移动时,尖端会扩展。每行的像素都会向两侧移动。 在某一点,曲线产生新行,然后循环继续。在动画中,锯齿感不再是问题,因为观众只能在一瞬间看到。 但是,当曲线弹出新行或缩小到较低行时,应该避免过渡到单个像素。弹出形状和线条时,至少应为2-3个像素次级像素化动画制作方法:1、复制一个帧,稍微编辑它;2、在帧之间来回切换,检查像素是如何移动的! 下面是次级像素动画的一般规则。次级像素的方向遵循线条的方向,而不管动画的方向。 观察斗篷轮廓线的次级像素动画,虽然斗篷上下移动,但有时也会有左右运动的次级像素。如果你感到难以咧,可以手比出下图中的样子,拇指是动画运动的方向,不受线条和次级像素的英雄,另外两个手指(线条和次级像素)通常方向一致。…

Continue Reading... PixelLogic像素画教程:次级像素运动方向