Posted in Uncategorized

Luis Zuno像素画教程:游戏美术设计中颜色对比

作者:Luis Zuno编译 | 三二 (转载请注明出处)。游戏场景除了交代游戏角色所处的环境,另外一个用处就是衬托角色。 颜色对比亮色调的游戏场景可以衬托暗色调的游戏角色和怪物。同理,暗色调的游戏场景可以衬托亮色调的游戏角色和怪物。 为什么要这么做?目的都是一样的,为了使玩家可以轻松的找到自己控制的游戏主角。 我们来看一个例子:你能看出来左右两个游戏之间的不同之处吗?因为有颜色的干扰,只有有经验的游戏美术才能一眼看出左右两个游戏的不同之处。 为了使新手也可以轻松看出其中的区别,我们将图片的颜色信息去掉,只保留黑白灰。这样任何人都可以一眼看出其中的秘密。 左边的游戏玩家仍然可以轻松的找到主角;而右边的游戏想要找到主角,貌似难度不小啊。颜色对比应用在开发游戏之前,大多数开发者会使用几何形状制作小型demo。…

Continue Reading... Luis Zuno像素画教程:游戏美术设计中颜色对比
Posted in Uncategorized

网友问答:怎么理解绘画中的比例?

文 | 三二 (转载请注明出处)。比如下面这个火龙果内部的叶片之间有比例关系,大概是1:1,所有叶片的长度都差不多。 2个或2个以上物体才会有比例关系。比如下面两个樱桃,大樱桃和小樱桃大小比例约5:32、使用工具确定比例绘画中的比例一般指物体之间的位置,大小,长短,粗细的关系。 有比例就会有参考基准,比如用尺子量,尺子上的刻度就是参考基础。绘画一般依靠画家目测,没有画家带着尺子去画的。 某些新手会使用铅笔+大拇指来测量所画对象的比例。具体用法如下,从鼻尖到大拇指上端的距离为1单位,然后伸直手臂来测量。 图:pexels由此可知,右边小朋友的身长约2个头长。然后还可以斜着测量。 3、刻意练习提高目测能力新手应该避免依赖工具,在了解方法个规律以后,应该多做刻意练习提高眼睛的目测能力。提升自身的能力才是根本,而且目测的效率比用工具高,并且节约时间。 4、达芬奇笔记画家以和谐的比例令画中各部联同作用,从而使它们可单独观看,亦可同时欣赏。同时欣赏时,观整幅画作;单独欣赏时,观画中所绘各部。…

Continue Reading... 网友问答:怎么理解绘画中的比例?
Posted in Uncategorized

PixelLogic像素画教程:动画技巧运动跟随

文 | 三二 (转载请注明出处)。运动跟随应用案例:Alphonse这个角色,头部和手臂首先运动,帽子装饰物和上半身跟随运动,腰部以下则不动。 绿色部分是运动的起因;黄色部分跟随运动,有延迟;红色部分不动。运动跟随技巧不难,首先需要确定先运动的部分,然后再处理跟随运动的部分。 每次处理一个动画,就不难了。特别复杂的角色,身体上的部件会很多,只需要分拆,一次处理一个,也就不那么难了。 具体应用,比如画下面的角色攻击动作,可以先画角色从上往下的劈砍动作,然后画头发的跟随动画。次级像素我们也可以将运动跟随技巧运用到单个像素。 当1个像素移动时,其他像素需要一两帧才能跟上。小尺寸的像素画要做出细腻的运动跟随,就需要用到次级像素。 次级像素运动跟随,可以增加帧数和模拟运动。还可以扩展像素将它们连接在一起。 这样做的时候,需要随时查看动画效果。下面是2个应用的案例:有45度线条的形状如果要制作运动跟随动画,最好不要添加AA。…

Continue Reading... PixelLogic像素画教程:动画技巧运动跟随
Posted in Uncategorized

独立游戏开发:0基础新手怎样开始设计像素画游戏UI界面?

wilfryed0基础新手和有经验的高手区别在哪里?0基础新手没有实战经验,意味着在游戏开发过程遇到问题时需要耗费数倍于高手的时间去解决。 为了降低游戏开发成本和风险,大部分公司或团队都倾向于招聘有经验的高手。怎么办? 任何人刚进入游戏行业都是0基础,去哪挣EXP升级成高手?可以去找市场上自己喜欢的游戏,优化改进游戏的UI界面和游戏流程,也可以自己尝试开发简单的小游戏。 这样就能快速获得EXP,进阶为高手。作品和游戏完成了,EXP也有了,以后不管是求职还是接活都不用再担心没有作品和经验了。 第一步:收集资料和素材首先使用搜索引擎去搜索一切能找到的资料,不限于文字或图片。然后你会找到很多有趣的东西。 比如,我发现像素画游戏UI有很多免费的素材和付费的素材。访问网址:https://itch.io/game-assets/tag-gui/tag-pixel-art还可以找到非常多的像素画UI图片,只挑选和保存那些触动你以及你喜欢的图片。 第二步:了解UI界面设计步骤了解游戏的UI界面设计步骤,然后将步骤拆分,这样复杂的UI设计就变的简单了。UI设计大部分工作内容在于理清游戏的逻辑和优化游戏流程,不过好的主策划会把这部分工作完成的很好,美术只需要负责UI视觉设计就可以了。 游戏UI设计流程大致如下:1、查看游戏设计文档了解需求,游戏设计文档一般会写清楚游戏的流程和步骤,从游戏开始画面到游戏完成或结束。每一个游戏画面包含的元素也都会在游戏设计文档中写清楚,并附带示意图。 2、在纸上画出整个游戏的流程图,并进行优化和精简,确保玩家可以简单快捷的玩游戏。3、首先设计并画出主游戏画面的假图(含所有UI元素),经制作人和主策划确认以后,就可以设计其他次要界面,需保持风格统一。 4、完成所有设计之后拆图,导入动画编辑器编辑好,程序就可以调用了。第三步:UI界面像素画UI界面主要分2部分:菜单/按钮还有icon。…

Continue Reading... 独立游戏开发:0基础新手怎样开始设计像素画游戏UI界面?
Posted in Uncategorized

0基础像素画大师课程第6课:像素画创作方法&照片转像素画示范

教你画像素画原创视频第6课知识点了解什么是创作了解什么是模仿和借鉴了解什么是抄袭创作方法作者:三二创作小时候学画,看了很多绘画大师的传记,大师是怎么创作的?到底什么是创作? 作者:委拉斯凯兹文艺复兴时期前后,画家创作基本上以写生为主,比如上面这张委拉斯凯兹的作品。那个时候画家主要服务于皇室贵族以及宗教机构,当来自皇室和教廷的订单减少,画家为了维持生计才开始接受私人订单,大部分也都是有钱的商人。 由此可见,写生就是创作,将人物或风景转画到纸上。照相机发明以后,传统写实绘画的地位一落千丈。 普通人借助相机,在1秒内就可以获得以前一个训练多年画家几天几周几个月才能画出来的图像。因此绘画艺术开始转向主观观念,以及抽象绘画。 对于摄影来说,只要拍出别人没有拍出来过的照片,也是创作!那么综合以上,对于像素画来说,只要你画出别人从来没有画过的像素画就可以算像素画创作。 这里需要注意的是,像素画在画之前都有素材或草图,那么为了保证你的像素画创作不被别人质疑,最好不要使用别人画的素材或草图。比如下面这个火影忍者的鸣人像素画就不算创作。 而只是将岸本齐史的作品转画为像素画。GBA:火影忍者2模仿和借鉴像素画家经常会模仿和借鉴所需要的像素画风格。 大部分像素画家都制作商业作品用于游戏项目,为了提高效率,模仿和借鉴是最节约时间的。不需要像达芬奇那样花几个月或几年时间去研究某个东西,没有必要。 项目需要什么,马上去找相关的素材,模仿然后画出项目需要的像素图就可以了。下面是DYA Games创作游戏资源的示范图,将卡车照片和像素画风格参考图放在左边,像素画家在右边画出项目需要的卡车资源。…

Continue Reading... 0基础像素画大师课程第6课:像素画创作方法&照片转像素画示范
Posted in Uncategorized

Pedro Medeiros系列:像素画明暗画法指南

“ 摘要:Pedro Medeiros系列:像素画明暗画法指南”作者:Pedro Medeiros教你画像素画编译出品新系列第5篇。光是如何运作的? 人可以看到东西是因为有光,画画实际上是在画光照射在被画对象上的情况。虽然没有研究过光,但是每个人都知道光是如何工作的,每天都会看到光,光会从一些东西上反弹并折射到其他东西上。 光照射物体角度会影响明暗。在画肖像时,大多数画家不能凭空想象出人体头部的结构,因此需要使用照片参考。 了解并掌握光工作的原理,好处在于你能够随心所欲的来设置光源(不需要复制照片的明暗),并塑造出真实可信的肖像。绘画术语绘画术语普通人很难明白。 我在这里简要说明下绘画的明暗术语。Volume Shadow体积阴影:最常见的阴影类型,它是光被物体自身体积阻挡的结果。 Terminator 明暗交界线:它是物体的亮部和暗部之间的过渡区域。在像素画中,我们倾向于使用锐利的过渡来避免条带化。…

Continue Reading... Pedro Medeiros系列:像素画明暗画法指南
Posted in Uncategorized

MortMort系列教程:新手学像素画常见问题汇总

“ 摘要:MortMort系列教程:新手学像素画常见问题汇总”作者:MortMort教你画像素画编译出品新手想学像素画,从哪入手呢?本篇汇总了新手学像素画常见问题。 我该从哪开始学?—1:看像素画教程,文章或者视频都可以。 MortMort推荐了自己的youtube视频,可以先从看他的视频开始。看视频的过程中你就会有一些想法。 看教你画像素画的文章也可以哦。2:多看优秀的像素画。 MortMort推荐http://www.spriters-resource.com/,里面有非常多的像素画游戏资源,都是各大游戏厂商旗下美术大佬们的作品。可以观摩可以研究可以学习。 看更多像素画教程,与其他人交流。Lospec收集了非常多的像素画教程,里面还有像素画社区。 https://lospec.com/pixel-art-tutorials 博采众长才能不断进步,不能当井底之蛙。3:多画多练。 在练习中发现问题,不断提高。4:然后就可以享受画像素画的乐趣。 我该用鼠标还是用压感笔?—用鼠标还是用压感笔,是一种个人选择。…

Continue Reading... MortMort系列教程:新手学像素画常见问题汇总
Posted in Uncategorized

笨办法学像素画:像素画技巧抖动使用指南

“ 摘要:笨办法学像素画:像素画技巧抖动使用指南”教你画像素画原创教程抖动,英文dithering,是一种古老的技术,主要为早期性能和颜色受限制的计算机和主机游戏增加更多的颜色层次。在实际应用的过程中,艺术家们还发现抖动也可以表现质感。 抖动原理—抖动的原理是颜色混合和视错觉。当两种颜色交叉混合的时候,眯起眼睛或者用余光去看,就会看到混合以后的颜色。 下面图片中只有黑白2种颜色,通过棋盘(国际象棋)图案交叉黑白两色,获得第3种视觉颜色-灰色。抖动可以用在哪里? —抖动主要用在面积较大的区域(场景),表现质感,增加层次。尺寸太小的话,根本没有多余的空间分配给抖动。 下图是NES版恶魔城游戏画面,艺术家使用抖动很好的表现出城堡的阴森恐怖,围墙的破败,以及地面的凹凸不平。注意哦铁门和围墙一共只用了4个颜色,如果不使用抖动是无法表现出场景的气氛和氛围。 抖动的图案不局限于棋盘,也可以使用其他形状。下图是NES版松鼠大决战游戏截图。 艺术家使用抖动图案,很好的画出了树皮的斑驳手感。NES版蝙蝠侠,抖动用来表现砖块和地面的质感,增加明暗层次。 NES版魂斗罗,抖动使山脉可以渐渐隐没在夜色中(为什么是夜晚?为了省颜色…),山峰的积雪也可以有合理的渐变。 抖动增加了地面草丛的质感。抖动可以用在角色上吗? —像素画游戏角色都比较小,这是为了节约开发成本。但是立绘以及尺寸较大的角色,就可以使用抖动来大块填满画面。…

Continue Reading... 笨办法学像素画:像素画技巧抖动使用指南
Posted in Uncategorized

网友提问:如何将图片转换成立体拼豆?

“ 摘要:如何将图片转换成立体拼豆?”教你画像素画原创教程将图片转换成立体拼豆需要具备3D思维。 画画写生的时候,是将现实中的3D物体转换到平面的纸上。而将图片转换成立体拼豆需要反过来思考。 第一步是将图片转换为像素画3视图—将图片转换为像素画3视图,具体怎么转换呢?尽量选择半侧面的图片,因为侧面可以看到的信息最多,能推导出每一个面的情况。 兔子由多个形状组合在一起。画的时候可以将兔子拆分成身体,头部,耳朵,这样就简单多了。 打开Aseprite,新建32X32像素新文件,首先画出身体,身体是一个椭圆形。先画侧面,再画正面,最后画背面。 下面就是兔子身体的3视图了。然后画出头部,头部也是一个椭圆形比身体小一些。 最后画出耳朵。图片里的耳朵是一个薄片。 这里暂时先不考虑,怎么好看怎么来。将画好的部件组合起来,看起来还不错。 实际画的时候,可以打开Aseprite的网格视图。第二步根据3视图做成体素模型—这里就需要用到MagicaVoxel了。 软件的使用,这里就不展开了。具体做法还是和画像素画一样的,将兔子分拆成身体,头部,耳朵。…

Continue Reading... 网友提问:如何将图片转换成立体拼豆?
Posted in Uncategorized

像素画初级教程:iso像素画技巧和窍门

作者:RHLPixels教你画像素画编译出品摘要:本教程要分享一些画iso像素画的技巧和窍门。这些技巧和窍门可以让你画出更多的形体,还可以节约你的时间,提高效率。 2像素线快速添加aa2像素线不需要aa,因为2像素线看起来非常干净。但是如果你想为2像素线添加aa,这里有一种快速的方法,只需要几秒钟。 选择aa的颜色和直线工具,在要添加aa的2像素线左边或右边,画一条2像素直线。aa线会覆盖1/2原来的线条。 现在选择底色和直线工具或者选择橡皮,覆盖或者擦去aa线的1/2,就可以快速获得2像素线的aa效果。iso圆形画法现在来画iso圆形。 使用2像素线画一个X,我喜欢在中间画一个3选3的正方形。因为接下来要画一个十字形。 使用十字形作为辅助线连接X,就获得了iso圆形。使用X辅助线来判断iso圆形的各个面,虽然是圆形但是也要想象成iso,然后就可以用来搭建圆柱体等形状。 不规则形状画法如果你需要在平面上增加一个块,或是凸起,或是曲线,可以从平面的底部开始,然后直接在它上面添加一个小盒子。接下来,将小盒子的顶部连接到底部平面,然后擦去不需要的线条。 清理形状,因为形状是用盒子创建的,必须将边缘弄圆并清理干净。尽可能多的使用复制粘贴最后在画iso像素画时,应该尽可能多的使用复制粘贴。 下面是立方体和长方体的复制粘贴示范。画一条直线。 复制粘贴,左右反转,组成下面的形状。复制粘贴,垂直反转,组成矩形,再次复制粘贴。…

Continue Reading... 像素画初级教程:iso像素画技巧和窍门