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

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

P.S. 如果您喜欢这篇文章可以直接将它分享到 Twitter | 或者 收藏、分享这篇文章!
引用地址»http://dogorgod.com/blog/3d-logo-tutorial-directory.html


本文评论 22 Comments

  1. 22Fck Off

    Good-walls.com > you

    Get it right

    反向链接/文章引用

  1. Recent Links Tagged With "tutorial3d" - JabberTags

分页: 3 2 1 » Show All

Leave a comment

emoticons

 

疯狂设想‖Mad Ideas

幻想未来世界的不可思议

奇妙志趣‖Fantastic

探索全球奇闻异事

设计作品‖Design

展示我的各类设计玩意

资源分享‖Share

收藏经典实用的宝贝盒子

时尚科技‖Fashtech

抓住时尚前沿的尾巴

主题模板‖Themes

贡献新颖的WP主题设计

工作日志‖My Work

一路工作的辛苦历程

互联网记‖Internet

记录网络的点点滴滴

新闻摘要‖News

跟踪报道重要时事见闻

我在这里‖I'm here

行走江湖的漂流记

摘录学习‖Extract

关于设计类的资料笔记

杂乱记录‖Notes

风言风语的聚集地