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

by SuperOutman on 07/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个多小时的写作功夫打水漂了。我不用你的总行了吧!!

There are 27 comments in this article:

  1. 07/28/2008chris says:

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

  2. 07/28/2008Booto says:

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

  3. 07/28/2008dogor says:

    @chris:
    我就有点CAD的模,教程方面就没什么了。CAD命令太多,我这记性记不住。呵呵。

    @Booto:
    别提了,我昨天一下午时间都搭在这篇文章里了,花了近4个小时时间…当真要吐血了…

  4. 07/28/2008积水成渊博客 says:

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

  5. 07/29/2008Good-Walls says:

    Hi there,

    We didn’t give permission for this use of the tutorial, if you want you can have a link to our page and see the tutorial there.

    Please Remove this in the next hours.

  6. 07/29/2008dogor says:

    @积水成渊博客:
    是啊,没想到依然热了麻烦。。

    @Good-Walls:
    I have amended.
    If you agree, I will be very happy.

  7. 07/29/2008Eureka says:

    好东西!

  8. 07/31/20081984can says:

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

  9. 07/31/2008sofish says:

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

  10. 08/1/2008João Portugal says:

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

  11. 08/1/2008Sir Ali says:

    Man you suck! You ripped it off Good-Walls.com. Fucking ripper!

  12. 08/1/2008dogor says:

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

  13. 08/2/2008pluggable.php及UTF 8 编码的问题 | dogorgod.com says:

    [...] 写在前面:最近翻译了一篇关于3D LOGO的文章,引出了一些不快。在翻译的过程中由于我引用了部分老外的图片,于是他给我发了6、7封邮件坚持要我把图片撤掉。我这是做翻译又不是做纯转载,撤掉图片我还翻译给谁看?我知道辛辛苦苦写篇文章不容易,有的时候被不署名转载心里肯定不爽,但我没有啊,在保持了转载者应遵守的道德准则基础上,所有该注明的地方我都注明了,甚至每个图片都链回了原作者的页面。为什么还不同意?就是不让转载的话倒是写明白啊!那我肯定连动都不动。 [...]

  14. 08/2/20083D says:

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

  15. 08/2/2008dogor says:

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

  16. 08/4/2008Oil says:

    HAHAHA nice rip off Good-walls.com

  17. 08/4/2008愆伏 says:

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

  18. 08/4/2008dogor says:

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

  19. 08/12/2008Flow is King says:

    damn poser..

  20. 08/12/2008dogor says:

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

  21. 08/19/2008Fck Off says:

    Good-walls.com > you

    Get it right

  22. 04/20/2009Recent Links Tagged With "tutorial3d" - JabberTags says:

    [...] by superde1uxe on Sun 12-4-2009 Illustrator Tutorial: 3D Gear Saved by Jorob on Sun 05-4-2009 3D Logo Tutorial,3D标志的制作教程 Saved by florieann on Wed 01-4-2009 3D Female Body Modeling Tutorial in 3ds max Part 3 Saved by [...]

  23. 08/17/2009qq says:

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

  24. 08/18/2009Timer says:

    @qq:
    希望对你有帮助

  25. 10/7/2009Fck Off says:

    ripping tutorials?

  26. 01/29/2010Apollo says:

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

  27. 01/30/2010Timer says:

    @Apollo:Foreign Garbage

Write a comment:

 —
 注意: 如果您的评论包含链接,防Spam插件可能推迟您的评论显示时间,请等待管理员审核,无需重新提交相同的回复.