3D Logo Tutorial,3D标志的制作教程

七月 27, 2008

Booto’Blog中列出了61个Illustrator资源,包括Vector\Tutorials\Tips\Best Practices(矢量\指南\提示\最佳做法)。这些资源非常棒值得推敲。在这个61个项目里面,我对3D Logo Tutorial这个题目比较感兴趣,因此针对此篇教程我做了一下中文翻译。并且把原文中的部分英文软件截图重新换成了中文版的贴图,这样在大家学习参考时也变得一目了然了。
我的英文水准有限,因此本篇文章着重翻译的是软件操作的命令,有些不重要的我就从略了。要想查看原文,请点击good-walls.com。
好了,现在开始教程之旅。在这个教程里我们会用到2个软件Illustrator和Photoshop,有了这两个软件,你几乎可以完成任何方面的制图工作。再此教程中,我们会尝试将一个平面LOGO打造成一个很酷的3D立体LOGO。当然,大家不必担心,一切操作都很简单,即使是初学者也完全可以做到。我们先来看看成品效果:

是不是很酷呢?呵呵,好,开始第一个软件的准备!
Illustrator部分
1、创建一个新的文档文件,图像大小设置如图,记住我们使用的颜色模式为RGB 。

2、选择文字工具,输入所要的字母。

3、现在让标志立体化。首先把标志填充一个浅颜色,然后去菜单中选择效果->3D->凸出和斜角。弹出窗口后,按如下参数进行设置,或者你也可以根据喜好自行设置。

4、单击确定,我们就得到了现在的这个三维物体。如果要进一步修改它,我们需要扩展它的外观,在菜单中找到对象->扩展外观。

5、现在我们要让它更加立体化。创建一个新的渐变颜色,在菜单中找到窗口->渐变。做渐变的时候只要遵循“黑-灰-白”梯形过度的原则就可以了,不用非得跟下面的颜色一致。重要的是不要忘记,渐变模式选择为“径向”。

6、如图,我们用直接选择工具,快捷键(A),点选这些区域(选择的时候同时按住SHIFT键就可以加选了)。

7、选好后,我们选择渐变工具,在所选物体上拖动鼠标,从底部拖到顶端。可以尝试不同方向的拖动,直到你满意为止。

8、用直接选择工具,选中前端的主题图形,用渐变工具从中心部分向外拖动鼠标,得到你满意的颜色效果。 其他部分图形也如此,只要配合渐变的不同模式(径向和线性),你就会得到不同的颜色效果,多尝试几次就可以了。颜色的明暗关系很重要,多多观察,一定会发现其中的规律。

Photoshop部分
1、在Illustrator中的工作内容做完了,我们需要把最后得到的图形导出来。导出的文件可以选择PSD或PNG格式,以便在接下来的 Photoshop中可以继续美化它。用Photoshop打开该文件,在标志的图层下面新建另一个图层。然后用选区工具做出如下形状的选区,我已经做到了,你呢?

2、在渐变工具中,我们选择黑色的透明渐变,并选用径向模式,如图所示:

3、从中间向两边拖动鼠标,直到你做出了下面的这个效果。

4、在顶端菜单中选择过滤->高斯模糊,在弹出的窗口中,你可以设置不同程度的模糊数值,这里我做的数值是4.2,你不必跟我完全一样,因为最开始创建的文件大小不同,会影响模糊效果也不一样。

5、把模糊后图层的透明度下降到30%。然后再次创建一个新的图层,如图画一个较小的渐变,重复刚才的模糊(数值4.8)工作,最后把它的透明度降低到70%就可以了。

6、按住ALT+CTRL,并拖动刚才画好的小圆圈,移动到标志的另一边,OK,这样看起来是不是更完美了?

7、做一个代表高光的线。创建一个新图层,用钢笔工具如图画好一个路径,我已经做到了。

8、画好后,我们再选择画笔工具,快捷键(B)设置一个笔刷。参数如图所示。

9、再选回钢笔工具,在刚才的路径上单击右键,选择“描边路径”,弹出对话框后选择画笔模式并单击确定。

10、以此类推,将描好的高光线,做下透明度处理,下降到大约58%。

11、成功了!

到此为止,一个崭新的3D LOGO就做好了。是不是很酷呢,反正我已经兴奋的不行了,没想到用平面软件也能打造出这么完美的三维图形。真的很屌。如果有机会我会再写一篇用3D max打造三维LOGO的原创教程,同样希望获得你的关注。写完这篇文章我才发现,做转载和翻译也真累人啊,快吐血了…
#update2008.07.31:
这篇文章现在已经改成我自己的原创文章了。原来转载那篇文章的作者三番五次的要求我撤掉全部教程的图片只保留个预览图。我跟他怎么协商都不行,服了,做的够绝,只保留预览图那我还翻译个屁啊。我又不是拿着这文章冒充我自己的原创,该注明的我都注明了,甚至把每张图片都添加了他们的链接也仍然不行。老外,你真牛逼。
实在受不了这老外的盛气凌人和极不友善的措辞,所以决定不用他的文章了。吃人嘴短,拿人手短,我认了,就当我4个多小时的写作功夫打水漂了。我不用你的总行了吧!!

, , , , / 28 回話 / 19,455 views

28条评论

  1. chris 2008年7月28日 上午12:24 回复

    学习之····博主··有啥关于CAD学习的教材推荐推荐呢··???嘿嘿··

  2. Booto 2008年7月28日 上午10:26 回复

    呵呵,你真有耐心做这个..我可没有

  3. dogor 2008年7月28日 下午1:24 回复

    @chris:
    我就有点CAD的模,教程方面就没什么了。CAD命令太多,我这记性记不住。呵呵。
    @Booto:
    别提了,我昨天一下午时间都搭在这篇文章里了,花了近4个小时时间…当真要吐血了…

  4. 积水成渊博客 2008年7月28日 下午1:27 回复

    教程很仔细,博主一定花了不少心血了。

  5. Good-Walls 2008年7月29日 上午4:42 回复

    Hi there,
    We didn’t give permission for this use of the tutorial, if you want you can have a 哈哈哈nk to our page and see the tutorial there.
    Please Remove this in the next hours.

  6. dogor 2008年7月29日 上午9:42 回复

    @积水成渊博客:
    是啊,没想到依然热了麻烦。。
    @Good-Walls:
    I have amended.
    If you agree, I will be very happy.

  7. Eureka 2008年7月29日 下午9:59 回复

    好东西!

  8. 1984can 2008年7月31日 上午11:16 回复

    功夫不负有心人!支持!!加油!!

  9. sofish 2008年7月31日 下午11:33 回复

    好像前两面天才见你推荐,现在就自己推出了,哈哈,漂亮…

  10. João Portugal 2008年8月1日 上午12:36 回复

    YOU 哈哈哈ING RIPPER! stop 哈哈哈 peoples works, someone did this in other website…. don’t change it!

  11. Sir Ali 2008年8月1日 上午1:06 回复

    Man you 哈哈哈! You ripped it off Good-Walls.com. 哈哈哈ing ripper!

  12. dogor 2008年8月1日 上午11:22 回复

    @sofish:
    别提了,前几天推荐的那个老外的文章,惹了一肚子气。最后考虑了一下还是换上自己的东西吧,免得他们再说三道四的。。

  13. Pingback: pluggable.php及UTF 8 编码的问题 | dogorgod.com

  14. 3D 2008年8月2日 上午8:03 回复

    博主真是好人啊!
    这老外也太拽了吧!学习并转载了,气死老外

  15. dogor 2008年8月2日 上午9:24 回复

    @3D:
    哈哈,多谢兄弟的支持啦。
    莫非咱俩是同行?你也是做3D的?留个链接我也去拜访拜访你~

  16. Oil 2008年8月4日 上午8:27 回复

    HAHAHA nice rip off Good-walls.com

  17. 愆伏 2008年8月4日 下午1:53 回复

    这老外未免也太小气了,毕竟是翻译文章,链接什么的都保证了。既然这么私密,干吗还写成blog。

  18. dogor 2008年8月4日 下午4:22 回复

    @愆伏:
    头一次碰这样的钉子,呵呵,以后真得注意了…

  19. Flow is King 2008年8月12日 上午2:51 回复

    damn poser..

  20. dogor 2008年8月12日 上午10:04 回复

    @Flow is King:
    Warning: Please note that your words and deeds!

  21. Fck Off 2008年8月19日 下午10:50 回复

    Good-walls.com > you
    Get it right

  22. Pingback: Recent Links Tagged With "tutorial3d" - JabberTags

  23. qq 2009年8月17日 下午4:10 回复

    good.
    到处都找不到那篇英文教程。原作者撤掉了。幸好看到这个

  24. Timer 2009年8月18日 上午9:23 回复

    @qq:
    希望对你有帮助

  25. Fck Off 2009年10月7日 下午11:00 回复

    哈哈哈 tutorials?

  26. Apollo 2010年1月29日 上午6:28 回复

    Hey, go 哈哈哈 yourself, don’t rip tutorials you tit 哈哈哈.

  27. Timer 2010年1月30日 下午1:07 回复

    @Apollo:Foreign Garbage

  28. 小江 2012年11月14日 下午5:49 回复

    61个Illustrator资源那里有得下~~~~~~~~~~

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Ɣ