这篇文章最初发表于2009年。
介绍的技巧和技术可能过时。

我最近有机会和其他的设计博客作者ChrisCoyier合作。CSS技巧作为小项目的一部分,为新推出的动漫怪物吉祥物制作服务;是我的网站吗?.挑战在于创造一个可以成为“我的网站”品牌一部分的怪物角色,在这个过程中,我花时间记录了项目的每一步,以展示ABE的制作过程。这是我的网站上的吉祥物。

安倍的诞生,怪物吉祥物

是我的网站吗?是所有网站所有者不可或缺的资源,这项服务做到了它所说的一切——告诉你网站可能遇到的任何意外停机。拥有免费和高级帐户,功能丰富,绝对值得一看。

克里斯给了我一封电子邮件,概述了角色背后的计划,他们说他们正在寻找一个可爱的怪物吉祥物,可以让人们心情好,即使在发布网站停机的坏消息时。还有人提到让角色冷静下来,这意味着他不用担心,因为服务部门在做他的工作。

结合可爱的怪物的想法和倾斜的词'冷'我决定基础上的设计雪人。毕竟,谁不爱雪人?!

安倍的诞生,怪物吉祥物

我启动了谷歌来启动项目研究,了解Yetis是如何被描述的,以及哪些关键特性可以被关注。

安倍的诞生,怪物吉祥物

下一步是在纸上勾画出最初的想法,在制作过程中粗化一些尺寸和体型的变化丘巴卡对自己大声喧哗以了解他的个性。

安倍的诞生,怪物吉祥物

在我对他所处的方向满意之前,这个角色的整体形式一直在发展。在Adobe Illustrator中进行了几次扫描,以对角色进行数字复制。

安倍的诞生,怪物吉祥物

使用笔工具,人物的轮廓用粗黑线描出。作为一个正面的角度,只有一半的人物被画成对称的身体形状。

安倍的诞生,怪物吉祥物

路径被复制粘贴,然后翻转,放在另一边。

安倍的诞生,怪物吉祥物

要完成两个分开的部分,顶部和底部的开放点通过ctrl/cmd j命令连接在一起。

安倍的诞生,怪物吉祥物

更精细的细节用更细的笔触描绘出来,作为一个非常简单的字符,只需要几行额外的行,这有助于角色在小范围内很好地工作。

安倍的诞生,怪物吉祥物

这些面部特征是通过手绘元素的混合以及对Illustrator中可用的基本形状的操作来创建的。

安倍的诞生,怪物吉祥物

长期读者可能会从我的以前的角色设计教程.添加一个补充的内部笔画有助于增加深度和尺寸,否则平面设计。

安倍的诞生,怪物吉祥物

被“冷冻”了,以雪为灵感的配色方案,白色与浅青色搭配,而黑色的轮廓有助于给出有力的定义。

安倍的诞生,怪物吉祥物

主要人物的身体形态是完整的,但是没有长皮毛的雪人是不完整的!

安倍的诞生,怪物吉祥物

创建了一个简单的自定义画笔来表示一根头发。最初基于一个微小的圆,一个终点被拖出,贝塞尔曲线删除与转换锚点工具。

安倍的诞生,怪物吉祥物

然后使用画笔调色板将形状转换为艺术画笔,确保刷子的方向正确。

安倍的诞生,怪物吉祥物

借助Wacom图形平板电脑,进行了大量的短笔触,从角色的身体向外延伸。

安倍的诞生,怪物吉祥物

随着个体毛发数量的增加,皮毛的印象也是如此,直到身体的整个轮廓被覆盖。

安倍的诞生,怪物吉祥物

重复相同的过程来创建第二个可以显示角色的潜在姿势示例。

安倍的诞生,怪物吉祥物

角色概念是通过电子邮件发送给克里斯的,很快得到了答复。克里斯对雪人的风格很满意,决定叫他亚伯!

安倍的诞生,怪物吉祥物

吉祥物的主要想法是出现在各地的“我的网站”网站上,因此,在安倍晋三周围画了几个姿势。

安倍的诞生,怪物吉祥物

遵循相同的整体流程,每一个姿势都是数字化制作的。

安倍的诞生,怪物吉祥物

这就结束了这个项目,不同的姿势被发送给克里斯作为EPS文件,以允许任何大小的复制。总的来说,和克里斯一起工作是一种乐趣,创造吉祥物也很有趣。别忘了带他去看看,还有我们在是我的网站吗?.

分享
在Pinterest上共享
没有图像。
45评论 提交 加上你的!
订阅接收spoon图形通讯beplay全方位手机移动娱乐平台

订阅我的时事通讯,成为第一个听到新文章的人

45评论

  1. 这篇文章很棒,克里斯!我真的很喜欢你的文章,你如何去说明一个素描;可能是因为我自己没什么经验。

    顺便说一句:你错过了一个“H”在aremysitesup的URL中开始段落。继续努力!

  2. 嘿,克里斯,

    很高兴和你一起工作!Abe很棒。如果你现在看看CSS技巧,你会看到他也在那里闲逛。

    简单性很好,它使他能够适应各种应用并易于使用。有各种姿势也很好,这给了他深度和个性。

  3. 干得好,克里斯——不知道你创造了那个吉祥物。看起来真不错!“皮毛”必须是一个疯狂的创造工作,但这是安倍晋三的功劳。

    继续努力!

  4. 真的,在这篇文章里有太多的“克里斯”了——在几分钟内都很不确定,直到一分钱都掉下来了!不过,对插图过程的描述很好,我也希望将来能看到更多这样的事情:)

  5. 喜欢你进入丘巴卡区来完成你的任务;)干得好

    一流的克里斯!写一篇关于一个有趣的叫亚伯的小家伙的文章。我确实期待着另一个安倍,对你的安倍感到惊喜,这个Abe。

    最好的。

  6. 首先,感谢你写了这么详细的帖子。我知道把这样的帖子放在一起需要很长时间,但我知道我自己和你们其他的读者都非常感激。

    其次,这篇文章的时间安排非常有趣。我遇到过“我的网站启动了吗?”今天第一次,除了对服务印象深刻,Abe在主页和高级注册页面上引起了我的注意!

  7. 很高兴看到这么简单(不包括皮毛)有多神奇和有效。图示可以是。很容易忘记简单和/或微妙在某些情况下会更好——谢谢你提醒我克里斯!

  8. 嘿,太棒了,喜欢毛皮上的细节,我在徘徊“嘿,克里斯………”中的字体。文本和平?

评论现已关闭