Recent Posts

Posted in 道具、图标与UI

像素画游戏标题制作教程

第一步:设置photoshop打开菜单编辑->首选项->常规,设置图像插值为邻近。这样可以使编辑后(比如旋转,放大缩小等操作)的像素不模糊。 再单位与标尺,单位设置为像素。这样再用选框工具选择时就可以看到以像素为单位标识的数值。 将以下工具按照图片来设置。不勾选消除锯齿,羽化设置为0 第二步:创建文本然后缩放 在字体网站挑选一款合适的英文字体,然后使用文本工具将需要的文字打出来,再放大。 然后我想制作倾斜的效果,这里需要注意倾斜的角度。要避免出现不规则的杂点,像素的直线尽量保持完美状态。 也就是阶梯的长度都一致,见下图右边的示意线条。 我将放大后的文字,Ctrl+T,自由变换,在工具条设置H:为-18.4度,就可以获得2像素阶梯的完美直线。 然后有些字母需要修改,比如将直角改为圆角。还记得曲线规则吗? 对的,保持阶梯的依次递减。3,2,2,1,1,2,2,4…

Continue Reading... 像素画游戏标题制作教程
Posted in 特效动画

Pedro Medeiros像素画系列教程-子弹特效

颜色参考配色 中心偏暖,亮度更高,越接近边缘越黑。 在实际项目,子弹应该大一些,方便玩家看到子弹。 危险提示 在游戏中,玩家被子弹射中会扣血或死亡。闪烁是最简便和省事的危险提醒方式。 速度 快速的子弹不需要太多细节或动画,做出拖尾效果即可。反馈 子弹发射特效和击中物体后的特效都是非常重要的,这些特效明确的告诉玩家子弹的发射点和落点。 当子弹不可见时,则更加必不可少。设计创意的子弹形状

Continue Reading... Pedro Medeiros像素画系列教程-子弹特效
Posted in character

怎样设计像素画士兵?Part1

更一些实际画像素画的过程。希望对大家有帮助。 一:确定主题,找参考资料画之前先想好画什么,也就是画的主题。这次要画一个士兵,于是我找了一个像素游戏的士兵主角做参考,也找了一张特种兵的照片做参考。 像素画的士兵可以参考实际尺寸和放大倍数,照片则可以使我对士兵有更直观的了解,还可以加深印象。找资料这个步骤在这里简化了,假如真的开发一款游戏,最好尽可能多的搜集资料,除了参考资料,市场上同类型的游戏(什么风格? 大小比例?配色? )和最热门的游戏(什么风格?大小比例? 配色?)也要收集。 然后在这些基础上根据开发项目的调调(什么类型?风格? 玩家群体?)来确定美术风格。 Omega Strike…

Continue Reading... 怎样设计像素画士兵?Part1
Posted in 新手入门

像素画第一部分:基本概念和练习 part1

全篇分四个部分,希望对大家有帮助。篇幅比较长,分段更新。 第一章 – 图形理论如何学习像素画?仅仅观看教程,而不是自己亲手去画,是永远不会学会像素画的。 这意味着解释和实际例子,以及练习是学习像素画必不可少的。我不喜欢沉闷的理论,我喜欢学习他人作品中的长处,结合实际作品来理解理论。 首先像素画是因为硬件限制而诞生的,像素画的尺寸和颜色数量都受到限制。以至于在部分游戏中,单个像素可以是一个人,动物,建筑物,甚至整个地球。 所以这需要玩家具备丰富的想象力才行!现在硬件的发展突飞猛进,很多像素画开始追求写实。 而对我来说像素画是一门艺术,是艺术家使用像素点创建的清晰图像。我们可以说,像素画是一种极简主义。 EigenLenk开发的这款独立游戏只使用了4个颜色。 近代的像素艺术家仍然使用受限制的颜色创作像素画,上面是fool的作品。…

Continue Reading... 像素画第一部分:基本概念和练习 part1
Posted in foundation

像素画第一部分:详细刻画和总结 part2

接上篇:像素画第一部分:基本概念和练习 part1第三章 – 深入刻画我会继续完善前半部分画的鹿,把它画成一个独特的标志。大概的想法是鹿站在插了一把刀的球上。 就像古代人画壁画那样,先把刀和球的形状画出来。 为了不让刀妨碍我上色,先把刀去掉吧。 越是简单单纯,画起来才容易。所以如果你想画特别复杂的东西,可以将复杂的东西分拆,然后把简单的东西画好以后再拼起来。 首先我去掉了刀,然后更换了颜色,光源设置在左上方,按照规律画出明暗。需要注意鹿的脚连接球体的地方,我也加上了简单的明暗,暗示出脚和球体的前后关系。 注意我在开始上色的时候使用黑白灰,当你觉得明暗关系OK的时候再考虑上色。这个流程同样可以缩小难度。 在黑白灰阶段只关注素描关系(就是明暗关系),而上色阶段只需要关注颜色就可以了!…

Continue Reading... 像素画第一部分:详细刻画和总结 part2
Posted in 色彩与明暗

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

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

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

Pedro Medeiros像素画系列教程-

角色待机动画我真的很喜欢做角色的待机动画。 2帧待机动画我做待机动画的思路是: 第1帧:向下移动一个像素,张开双臂,弯曲膝盖第2帧:向上移动一个像素,手臂向下移动 3帧待机动画增加过渡帧使下降的帧更慢使膝盖弯曲的转换更好使头部过渡更平滑 6帧待机动画有更多帧的时候, 我喜欢添加一些细节动画,比如头发飘动我喜欢添加许多<1像素的动画(次级像素)技巧 一个很好的技巧是在轮廓移动后,再移动脸部/身体/等等的内容 垂直运动是无趣的我总是试图让水平运动来补偿垂直运动 有时需要制作次级动画请记住, 待机动画很适合表现角色的个性。…

Continue Reading... Pedro Medeiros像素画系列教程-
Posted in character

像素画第二部分:解剖和应用

第一部分1:基本概念和练习第一部分2:详细刻画和总结第二部分1:视角,色彩,解剖和应用第三章:解剖如过你想真的做一名像素画游戏美术或动画师,解剖知识必不可少。解剖是什么? 解剖就是好奇心!人的眼睛没有透视功能。 解剖就是让画家具备透视功能。艺术大师达芬奇很惨,不能玩手机也没有网上,只能自己掏钱买尸体解剖学习。 那么了解解剖后有什么用呢?请看下面的案例。 详细步骤首先用单色画出角色的剪影。你能看出什么? 答案:一个胖胖的汉子,一个弯腰拿着手提箱拄着拐杖的老人,一个带着帽子手插在口袋里的年轻人。继续深入就需要了解解剖知识了! 啤酒肚是一个椭球体,老人的头巾包裹在脑袋(球体)上,年轻人的帽子(圆柱体?)还有衣领。 确定光源,在知道结构的基础上才能画出正确的明暗关系。 在知道结构的基础上才能任意的修改角色的动作。 蓝色的背景,冬天的感觉。这属于色彩知识。…

Continue Reading... 像素画第二部分:解剖和应用
Posted in animation

像素画第三部分1:弹跳动画

第一部分1:基本概念和练习第一部分2:详细刻画和总结第二部分1:视角,色彩第二部分2:解剖和应用第一章:Photoshop动画编辑 第二章:关键帧关键帧是创建任何动画最重要的关键。 关键帧是角色最重要的时刻,确定英雄的性质和动态。下面是小球从第1帧到第8帧的位置图,以及动画。 这个动画看起来还可以,但是缺少一点真实感。假设这是一个皮球,那么当它落到地面会发生轻微的挤压,然后弹起,因为有万有引力,弹起的时候是到不了下落时的高度。 继续优化,当球弹起由于受到反弹力,球会在垂直方向拉长。现在球具有了弹性。 光,阴影和颜色主光源在右上方,辅助光源在左侧。 实际生活中高光和反光不是一成不变的,所以需要优化下。 高光区域在下落时会变小,反光在下落时会变大。总之根据设定的光源来调整。 应用这个动画规律可以应用到其他弹跳的角色或东西上。

Continue Reading... 像素画第三部分1:弹跳动画
Posted in animation

像素画第三部分:待机动画和光影变化

第一部分:基本概念和练习第一部分:详细刻画和总结第二部分:视角,色彩第二部分:解剖和应用第三部分:弹跳动画待机动画首先需要一个角色,从剪影开始,然后依次添加需要的细节。 然后我让肚子动起来。 我添加了耳机,让头部和肚子一起动。 膝盖弯曲,动的幅度大一点。 衣领,袖子,上衣的下摆都动起来。这些每一个都是可以单独循环的动画。 复杂的动画,都是由这样多个循环动画组合而成的。简单的可以参考待机动画。 下面这个看起来很复杂的动画也是由很多简单的动画组合而成。 欣赏一张动画作品,的围巾,手里的斧头,飘落的雪花,还有远处的两只狼,整个画面充满了故事和情节,使玩家有兴趣想知道到底发生了什么? 整个画面只用了8个颜色。 多看好的作品多实践,可以快速提高动画水平。…

Continue Reading... 像素画第三部分:待机动画和光影变化