2024年简单网页设计动漫人物 篇1
相信每个人都会被卡哇伊的二次元妹子萌到，我们很多人也可能梦想自己创作二次元人物，但奈何技艺不精、功力不足，得到的结果往往无法达到我们的期望。现在人工智能来帮你了！近日，来自复旦大学、纽约州立大学石溪分校和同济大学的一些研究者打造了一个基于 GAN 的动漫人物面部图像生成器，并且还开放了一个网页版本。研究者近日发表了一篇博客对该项研究进行了介绍。
论文地址：https://makegirlsmoe.github.io/assets/pdf/technical_report.pdf
在线体验：http://make.girls.moe/
我们都喜欢动漫人物，也可能会想自己做一些，但我们大多数人因为没经过训练所以无法做到。如果可以自动生成专业水准的动漫人物呢？现在，只需指定金发/双马尾/微笑等属性，无需任何进一步干预就能生成为你定制的动漫人物！
在动漫生成领域，之前已经有一些先驱了，比如：
ChainerDCGAN：https://github.com/pfnet-research/chainer-gan-lib
Chainer を使ってコンピュータにイラストを描かせる：http://qiita.com/rezoolab/items/5cc96b6d31153e0c86bc
IllustrationGAN：https://github.com/tdrussell/IllustrationGAN
AnimeGAN：https://github.com/jayleicn/animeGAN
但这些模型得到的结果往往很模糊或会扭曲变形，要生成业界标准的动漫人物面部图像仍然是一大难题。为了帮助解决这一难题，我们提出了一种可以相当成功地生成高质量动漫人物面部图像的模型。
数据集：模型要想质量好，首先需要好数据集
要教计算机学会做事，就需要高质量的数据，我们的情况也不例外。Danbooru（https://danbooru.donmai.us ）和 Safebooru（https://safebooru.org ）等大规模图像讨论版的数据有很多噪声，我们认为这是之前成果的问题的部分原因，所以我们使用了在 Getchu 上销售的游戏的立绘（立ち絵）图像。Getchu 是一家展示日本游戏的信息并进行销售的网站。立绘具有足够的多样化，因为它们具有不同的风格，来自不同主题的游戏；但它们也具有很好的一致性，因为它们全部都属于人物图像。
我们也需要分类的元数据（即标签/属性），比如头发颜色、是否微笑。Getchu 并没提供这样的元数据，所以我们使用了 Illustration2Vec，这是一个基于卷积神经网络的用于估计动漫标签的工具，地址：https://makegirlsmoe.github.io/main/2017/08/14/saito2015illustration2vec
模型：核心部分
为了实现我们的目标，就必须要有一个优良的生成模型。这个生成器需要能理解并遵从用户给出的特定属性，这被称为我们的前提（prior）；而且它还需要足够的自由度来生成不同的详细的视觉特征，这是使用噪声（noise）建模的。为了实现这个生成器，我们使用了生成对抗网络（GAN）这种流行的框架。
GAN 使用一个生成器网络根据前提和噪声输入来生成图像，GAN 还有另一个网络会试图将生成的图像和真实图像区分开。我们同时训练这两个网络，最终会使得生成器生成的图像无法与对应前提下的真实图像区分开。但是众所周知要训练一个合适的 GAN 是非常困难的，而且非常耗时。幸运的是，最近一项名为 DRAGAN 的进展让我们仅需相对很少的计算能力，就能实现可与其它 GAN 媲美的结果。我们成功训练了一个 DRAGAN，它的生成器类似于 SRResNet。
我们也需要我们的生成器了解标签信息，这样才能将用户给出的指标整合进来。受 ACGAN 的启发，我们向生成器输入标签以及噪声，并在鉴别器的顶层增加了一个多标签分类器，用来预测图像所分配的标签。
使用这些数据和这个模型，我们直接在 GPU 驱动的机器上进行了训练。
本节所涉及的技术：
GAN：https://papers.nips.cc/paper/5423-generative-adversarial-nets
DRAGAN：https://arxiv.org/abs/1705.07215
SRResNet：https://arxiv.org/abs/1609.04802
ACGAN：https://arxiv.org/abs/1610.09585
样例：一张图片胜过千言万语
为了了解我们的模型的质量，请参看下面的图像，可以发现我们的模型能很好地处理不同的属性和视觉特征。
固定随机噪声并且采样随机前提是一个很有意思的设置。现在，该模型被要求生成具有相似主要视觉特征的图像，同时结合不同的属性，结果也很不错：
另外，通过固定前提和采样随机噪声，该模型可以生成具有不同视觉特征，但具有相同属性的图像：
网页接口：在你的浏览器上使用神经生成器
为了将我们的模型提供给大家使用，我们使用 React.js 构建了一个网站接口，并且开放了出来：http://make.girls.moe 。通过利用 WebDNN 并将训练后的 Chainer 模型转换成基于 WebAssembly 的 Javascript 模型，我们让生成过程完全在浏览器上完成。为了更好的用户体验，我们限制了生成器模型的大小，因为用户在生成之前需要下载该模型。我们选择了 SRResNet 生成器，使得该模型比流行的 DCGAN 生成器小了好几倍，而且也不会影响到生成结果的质量。速度方面，即使所有的计算都在客户端上完成，一般生成一张图像也只需要几秒钟。
论文：Create Anime Characters with A.I. !
地址：https://makegirlsmoe.github.io/assets/pdf/technical_report.pdf
摘要：自从生成对抗网络（GAN）问世之后，面部图像的自动生成已经得到了很好的研究。在将 GAN 模型应用到动漫人物的面部图像生成问题上已经有过一些尝试，但现有的成果都不能得到有前途的结果。在这项成果中，我们探索了专门用于动漫面部图像数据集的 GAN 模型的训练。我们从数据和模型方面解决了这一问题——通过收集更加清洁更加合适的数据集以及利用 DRAGAN 的合适实际应用。通过定量分析和案例研究，我们表明我们的研究可以得到稳定且高质量的模型。此外，为了协助从事动漫人物设计的人，我们建立了一个网站，通过在线的方式提供了我们预训练的模型，从而让大众可以轻松获取该模型。
生成器架构
鉴别器架构
2024年简单网页设计动漫人物 篇2
对于那些喜欢动漫设计的小伙伴来说，动漫人物的设计是大家需要熟练掌握的基础，也是学习动漫专业的基础。以及如何才能设计较为优秀的作品，不是一朝一夕所能够掌握的，尤其应该具有独立完成相关的设计的能力，只有努力掌握动漫设计理论，通过不断的经验积累才能提高自身的设计水平，而动漫人物设计又是其中比较重要的设计环节，从角色造型、环境结合等方面都是需要分析的。
顺便在此推荐大家可以搜一下：轻微课，或者下载轻微课APP，轻微课的网站上面有很多的绘画课程，还有一个魔鬼特训班，魔鬼特训班大家可以挑战一下，很多人的学习效果都非常不错！
1、简化线条
勾线的时候，我的建议是尽量简化线条。我也总是发现线条越是简洁，角色完成得也越有效果，无论它是个人、动物或者怪物。如果你经常创作矢量艺术的话，就尤其明显了。
2、更进一步
速写，速写，不停地速写。当你发现一些东西很有意思，继续下去，以你最快的速度，自由粗略地勾画出来，就像在玩一样，尽你所能地一点一点挖掘深入！我发现这在进行一组角色的设计时很有用处。
3、特殊一点
一个好的角色设计就像一个标志一样，简明易辨。即使它是胳膊能够碰到地板，有一个疯狂的发型，别致的配饰，亦或者它的五官在一个很吸引人易于辨认的位置，只要一个特征就能确定你的角设就行了。
4、丰富形态
通常情况下，使得角色设计凸显的是丰富的形态以及正负形空间。我从Ronald Searle（点击名字可进入作者网站查看作品）那里学到了许多关于形态变化的东西，它的作品里有许多这样的表现，不过他的作品很出名的原因是他总是使用大小形状的对比。
5、设定故事
故事是至关重要的：如果你知道了为什么设计这个东西，那么它就能告诉你该怎样去画。而很多人恰恰忽视了这点。例如，如果你要画一个小孩，就有很多不同的比例，如果你不知道他的年龄等东西，你可能就无从着手，亦或者如果这个角色生活在有很多水的地方，那么它可能要踩着高跷走路了。
6、搭建舞台
一个缺乏背景的角色设计往往会让人感觉它可能在屏幕上没有融入感。但如果相同的注意力被放在了针对角色的舞台和灯光上，这些东西被设计用来支撑表现，那么你会惊奇地发现它是多么被需要。
7、注意细节
细节可能在颜色风格上或线条上，比例或附加元素上，例如角色身上穿的衣服或戴的配饰等等，这些都是使他们独一无二的东西。就个人而言，
2024年简单网页设计动漫人物 篇3
一面部表情的画法
▲人物情绪的最明显特征是眉毛。请注意图中眉毛内部的顶端是如何向上弯曲的。同时她的下眼框略微向上弯曲，而上眼皮呈更明显的圆形曲线。弯曲下眼框能表现压迫，悲伤或忿怒的情绪；而在这情况下，眉毛的形状向我们说明人物处于悲伤中。
▲这幅图的悲哀就要含蓄些了。人物看起来很沮丧，但没有上图中那么忧伤。他的眼睛比较小(也许因为是男的吧)，嘴也比较大并且向下弯曲得也不是很明显。眉毛的角度以及呈拱形的下眼框仍然会让你觉得他正在为某事心烦。
▲这一张图里的人物表情介于悲、愤之间。眉毛明显地弯下来，嘴巴看起来像在喊叫，两者都表明他处于疯狂状态，不过他的眼珠还是画得非常大。这使他看起来像是在生气，或受到了伤害或者在为谁谁谁心烦意乱。
▲这家伙明显是在斥责谁，即使他并没有大喊大叫。在本图中，眉毛贴着眼睛并且眉角画得很尖，嘴角也明显地向下弯。双眼睛很窄，而且眼珠非常小，这会让他的神情看起来更生气。
▲这幅的表情不确定，他既有些困惑又像是心里又对谁不快。高低交错的眉角让人觉得他心里又乱又疑。为了增强表情，也可以把嘴的中间稍微留些空白。
▲闭着眼睛可以表达多种情绪。这幅图里，人物表现得性急或烦恼，但是闭上眼睛的样子也能表达平静，快乐或自以为是的心情。双眼呈弧线向上弯曲，这也能表达极度悲哀和激动的心情。本图中，眉头画得向下些而且嘴是张着的、左上唇有些翘起——不论是你是要画忿怒，不爽或急躁，这种嘴型都是适用的。
▲大大的眼睛，高扬的眉毛和一张微笑的大嘴通常最能表现欢快和兴奋的心情。当然也包括其它的特征，例如：双眼中放大的高光和向上弯曲的下眼线。注意，大多数卡哇伊人物的眼睛都很大，而鼻子和嘴都比较小。
▲这位也蛮快乐的，不过表现的程度没有上例中那么夸张，他的情绪更加细腻些。注意眉毛画得较低，并且嘴的曲线画得非常纤细。下眼线呈弓形，双眸仍然相当大，所以虽然人物愉悦的心情不那么明显，但他的好心情还是显而易见的。
▲要表达惊讶或震惊的情绪，可以把眼睛画得很大而瞳孔相对画小些。这是漫画人物脸部独特的夸张方式，当人物极度吃惊的时候，眼睛几乎会撑满脸上空白部分。在本例中，嘴画得很小，但其他的大小将会协调画面的。
▲这家伙不是特别抢眼，他只瞧着有些恼怒。眼珠很小，眉毛弧形向下，嘴也很小且撇到一边。
二鼻子和嘴巴的画法
▲动画风格的鼻子和嘴巴由三基本的简单形状所组成：一片楔形的鼻子，一条细长的线作为嘴，还有定义下唇的一条较短的线。
作画时可以先用笔轻轻画出一些线条来确定鼻子和嘴的位置。鼻子和嘴的尺寸和形状可根据不同的人物而调整，但必须保证它们在一条直线上，为助于定位，你可以画一条如图所示的垂直辅助线。右边图是一张侧面的脸，但口、鼻仍排列在一条曲线上，表现其处于脸的中心位置。
▲画侧面的鼻子和嘴比画正面或3/4侧面要困难些。主要因为嘴唇不太好确定，不能象上面那样用简单的直线就能搞定，必须自己老老实实地画。
首要考虑的是鼻子、嘴唇及下巴构成的曲线。上唇要向内弯曲，而下唇是向外的曲线。这只有多练习才行，不然会把人物的脸画得很怪异。
▲脸的下部由一些反差很大曲线所组成。注意这两幅的画法，鼻子的曲线对着脸部，然后在上唇上面往右边微微弯回来。上唇向内弯，而下唇的曲线则向外。下巴不是一条单纯的直线，它是一条圆滑向外的曲线。
▲在此例举一些不同风格的嘴和鼻子。有些可以用于不同性别的角色，注意有些风格的嘴巴只是一条细的直线，而其他一些风格里，嘴唇画得更好些。动画中嘴一般不太大，除非角色正在大喊大叫，因此相对要画得小些。鼻子的画法各异：有些画成楔形， 有些具有阴影，而有的画得很细致，你甚至可以看得见鼻孔。 女性人物的鼻子趋于小巧，着墨较少，而男性的鼻子一般久长，棱角分明。
▲这里例出了更多侧面的鼻子和嘴的造型。即使比例和表情有所改变，但仍都遵循上述基本形状的要求。当画这种角度的脸孔时，注意不要把鼻子画得太尖，脸画得太平整。面部曲线应确定恰当，否则画的这张脸看起来就不自然了。
三头部的画法
1.正视图
正视图
▲首先画一个大的圆形，将其水平三等分，再用一条垂直线把它对半分开。水平线的间距不一定要十分准确，其比例取决于你所想画的人物面部造型。不必太过苛求啦。
▲下一步，在圆形正下方作个小标记。 在本图中，从圆形到标记的距离与圆形第三等分的长度相同。标记位置即人物的下巴，因此画成一条短线比一个点的效果会好些，不然下巴就变得太尖了。下巴标记位置的高低是调整脸的形状及脸部外观的一种方法。接着，画两条对角辅助线，必须是圆周的切线， 并与下巴标记的边缘交叉。
▲然后，要让脸部丰满起来，它不可能那么瘦吧。 在脸的两边画出两个圆角的三角形。调整三角形的厚度及颧骨(就是三角形弯角的地方)的高度则可改变脸的形状及外观，你就能画出不同的人物造型了。
▲现在脸的下部已经成型了，接着加上眼睛，鼻子和嘴巴。不同人物眼睛的位置会稍微不同，但它们通常位于圆形较低的部分。鼻子大约在脸下方的中间(即圆周下面的区域)，而嘴则直接在鼻子之下。
▲接着，擦掉辅助线并填好眼睛的细节部分。现在可以看到大致完成的脸基本形状了，而且你可以加上你喜欢的所有细节，比如头发、衣服、伤痕等等。
2.3/4 视图
3/4 视图
▲先画一个大圆形，就象正视图中那样的，不过现在要把辅助线转到左上方。
将脸部水平分成三份，再垂直分为二等份。当然，由于我们所画的圆形的角度，辅助线不会将其分为完全相等的部分，但是必须记住如果你把球形又旋转成前视图，那么它看起来应该和教程前面所写的一样，是完全相等的了。
▲接下来，将垂直辅助曲线延长到球体下方，在球体下选择一个点表现下巴的位置。从圆周到下巴的距离应该比圆形第三段的长度长一点。画两条与圆周边缘相切并且和下巴标记位置接触的辅助线。左边的一条辅助线应比右边的要陡一些。
稍微将脸部轮廓画得圆润些，在辅助线两边画两个圆角的三角形。脸的左边应该弯出与圆周相接触，而右边的曲线应该平滑倾斜一点。想要画得好，练习少不了。
▲接着画眼睛，鼻子和嘴。眼睛位于圆形的较下部的那一半里。你可以参考下面内容“眼睛的画法”来了解这种角度下应如何排列眼睛的位置。五官都要沿着中央的辅助线来排列，千万别画歪了！注意一点，嘴巴别伸到鼻子的左边去了；在这个角度看，它的大部份是处于垂直辅助曲线的右边。
▲将线条进行一些优化后，3/4视角头部的基本形状就大功告成了。 把你喜欢发型、珠宝都给她加上吧！
▲上图这些其他比例的人物，你也可以试着画一下。除了有的线条被加长或变短以外，他们基本形状都是一样的。比如图中左上角那个，脸型较瘦长一些，脸颊棱角较分明，而且眼睛比较狭长。右上角的，脸要小很多，眼睛很大。男性的脸一般要长一些、方一些，而女性的脸趋于小巧圆润。小孩的，与两者都有不同，又小又圆。
四眼睛的画法
本教程包括漫画中男性、女性不同类型眼睛的绘画方法，并附带一些其他风格的范例，希望可以帮你画出自己的原创漫画人物， 或许能让你的人物画得更精美。
1.女性的眼睛
▲先画一条向上弯的曲线，曲线最高处的线条要画得略微粗些。这里我们画的是脸部右边的眼睛（也就是人物的左眼），因此曲线左端要比右端高（日式的大眼睛眼角有些下垂，楚楚可怜的样子）。 其实这个还没成型眼睛的顶端并非完美的曲线，而是稍带些棱角。也有些类型的眼睛几乎完全在正顶端弯曲。
▲接下来画眼睛的下半部分。为了确定其位置，我们从上眼线的边缘开始向下轻轻画两条斜线作为辅助线。辅助线的倾斜程度决定眼睛会有多大多宽。你可看看本页后面的例子，来体会线条倾斜度所产生的变化效果。通过辅助线画出下眼线，眼角稍微向下往右倾斜一些，右下角的线条要画得略粗些。
▲擦掉辅助线，在眼睛里面画一个长的椭圆形。也有些漫画人物的虹膜（就是眼珠子）是个大的圆形， 不过这里我们把它画成细长的椭圆形，当然你可以根据自己的喜好把形状调宽些。
▲画出眼珠高光的轮廓线。通常漫画人物的眼睛会有一些阴影。漫画中女孩一般也都具有明显的阴影和光泽。确立你画中选择的光源，并且在整个画面中都是始终不变的。
▲接着，在高光的下面画上瞳孔。高亮区一般位于上端，千万别把瞳孔画到高光下面了。 再画出睫毛，我们所画的这个眼睛，睫毛是从眼睛右上部长出的连续的穗状物。睫毛要顺着眼睛的曲线来画，看起来才会像是由眼上长出的。
▲最后加深暗部并不断细化就差不多啦！
2.男性的眼睛
▲开始画一根粗的，比较长的曲线，类似于一条水平线，但是仍然有一点弧度的曲线。线条的边缘要稍微向内弯曲，左端更明显些。
▲轻轻画两条对角辅助线，以助于定义下眼框，辅助线从上眼框的两边出发，彼此几乎成垂直。不要画得太斜或太平直了，否则眼睛的尺寸就不那么准确了。画出眼睛的下眼框线，通过辅助线帮助你确定其位置。
▲擦掉辅助线并画出虹膜。虹膜是一个完美的圆形， 但一部分会被眼皮遮住。
▲男性人物的双眼同样是光彩熠熠的，不过一般高光的区域没那么大与明显而已。在眼珠的左边缘画一个椭圆形，右角画一个尖形作为高光区。
▲画好瞳孔、亮光及较深的阴影，特别是如果人物有一双颜色很暗的眼睛。再画双眼皮和睫毛。男性人物的眉毛一般都较黑，较粗，所以记得别画成细细的柳叶眉了。
四头发的画法
▲通常的类型，动画人物的头发将十分复杂。不过，如果你把它们分解成基本元素来绘画，将会简化此过程。
一般不是单独画出每一股头发来，更好的方法通常是把它们画成不同大小、形状的发丛。
▲当你知道该如何画好每一股头发，就可以开始将它们组合在一起，形成漫画风格的发型了。看看本图的每个例子注意从第一步开始的基本发线是怎么运用的。那些相似的形状通常贯穿于许多不同的发型之中。 在每一股头发上酌情画一条向外弯的曲线作为发丝，将会让头发显得更形象一些。
另一点值得注意的是，你可以根据自己的喜好来描绘头发的细节，只需要增加头发的缕数即可。
▲现在我们开始练习一些稍微复杂的形状。注意如何改变每一股头发的大小和形状使其具有不同的特征。每一股头发可以是纤细而直长的，也可以是粗而弯曲的。注意你可以把头发画得非常细致，或非常简单，全在于你所绘头发股数的多少了。
▲这里例出了一些基本的发型。 注意头发在弯曲、旋转的时候，其内部是如何重叠、嵌套的观看更多教学视频，可以关注“我爱画画”头条号