好吧，我们开门见山。完成这个教程，你只需要Adobe Photoshop, Cinema 4D和 Icon workshop，当然还有你的Windows XP！

大家都知道，Nokia推出了新的Style应用在N系列上面，上面就有一系列的3D视角的图标应用，即摆脱了以往像素点点的约束感，又显得时尚而不媚俗。过去做质感很丰富的图标，往往在Photoshop或者Illustrator里面用曲线工具和选区工具忙忙碌碌，来制造透视视点和质感，那么看完这篇教程之后，你起码知道，用C4D你也可以更快的完成一个3D图标！

你一定会问，我用PS和AI不是也可以做3D视角的图标吗？用C4D好处在哪里？第一不用考虑视角，透视基本上都是正确的；第二，光线和明暗比手工制造要准确一些（当然如果你是老手的话，也不用点击这个链接看教程啦）。

废话少说。打开你的Cinema 4D吧，我们要制造的第一个图标非常的简单，你只需要两个同心圆便可完成任务！

在基本物件里面，拉出同心圆。但是第一次出来的时候，它是正圆的，而且是“躺”在地上的，所以你需要调整一些参数。让它变成一个椭圆然后让它立起来。

（如图）设置X的参数，相当于压扁。Orientation是物件的方向，改成Z轴就是立起来了。
注意第二个同心圆的尺寸要比第一个小一些，调整他们的位置，让大圆套住小圆。

接着我们该考虑材质了。外面的那一层圆，我们打算来一点点反射和环境光。

Reflection: Brightness调低一些，13%的样子。具体看你的喜好了。也可以多试试其他的金属材质。

里面的圆只要调一个蓝色就可以了。

最后是场景打光。可以按照传统的三盏灯来打光，也可以自己补一些灯。以下是一个参考的打光方案（这几个步骤没有一定的要求，可以多试一些不同的设置）

小提示: 渲染预览的快捷键是Ctrl + R，你可以随时看看效果。
最后我们来渲染这幅图画。先看看渲染的设置：

注意把Alpha通道留出来。渲染之后，存成PSD文件，接下来该Photoshop上场了。

在PS 里面打开刚才渲染出来的文件。用alpha通道，把主体选出来。
然后开始调整它的颜色（也可以在C4D里面调材质和渲染的参数，但是需要多试试，PS更方便一些，我们可以节省时间）

修改颜色以后，是不是鲜艳了一些，把内圈的阴影用通道选出来，然后减弱它（别告诉我你不会用通道！）最后新建一个72×72的空白文件把它输出成PNG格式的图片吧。我们离最后一步越来越近了。

打开Icon workshop，导入刚才的文件。Save as就可以选择参数生成ico图标文件啦，这步最简单了。

可以把生成的图标放到桌面上去看看效果。

也可以看看跟原版的有什么不同。屏幕里面还有几个风格一样的3D视角的图标，都是很简单的组合，按照这个教程可以依次做出。

如果你想看另外一篇C4D和PS相互配合的应用，你可以点下面的链接查看:

cinema4d和adobe-photoshop综合设计教程

Nokia和 n70是诺基亚公司的注册商标。其版权归诺基亚公司所有，本文只是为了说明软件使用过程而引用。

]]> http://www.orangedo.com/blog/2005/12/08/3d-icon-making/feed/ 2 http://www.orangedo.com/blog/2005/06/25/cinema4d%e5%92%8cadobe-photoshop%e7%bb%bc%e5%90%88%e8%ae%be%e8%ae%a1%e6%95%99%e7%a8%8b/ http://www.orangedo.com/blog/2005/06/25/cinema4d%e5%92%8cadobe-photoshop%e7%bb%bc%e5%90%88%e8%ae%be%e8%ae%a1%e6%95%99%e7%a8%8b/#comments Sat, 25 Jun 2005 15:50:42 +0000 hyi104
Cinema4D是优秀的容易上手的3D设计软件。在本教程中，你将学会，怎么样利用C4D简单的建模和渲染，最后输出作品。配合Adobe Photoshop创造出可以用在Web和平面设计中的图片。

打开C4D。用简单的四方体和圆柱体，调整倒角，分别调整到如下图的几个物体。

然后通过排列，组合成下面的物体

中间带有斜角的立方体的制作方法如下
先建立一个正方体

然后转化为网格

利用旋转工具，改变其中的一个面的角度

创造几个材质，在本例中，第一个材质是颜色，第二第三个都是卡通渲染素材。

调整角度，准备渲染，你也可以加入一个摄影机作更细致的调整。

记得在后期效果中把"素描卡通"的选项打开。在存储设置中，如上图把alpha通道分开，这样你在后期就很容易直接拿到主体物体。调整好之后就可以渲染了，如下图

在PS里面将alpha通道和原图载入，扣出主体。做一些变形，排列在一起。（或者你在C4D里面多取几个角度）

调整颜色，加上墨绿的渐变背景，制造出神秘的范围，然后将右侧的边拉长，一张宽幅的banner也能制造出来了。

这个例子很简单，你可以创造更复杂的模型和材质，制造更好的效果，为你的网站或者印刷品增添更好的效果。

PS:本教程原始发布:UI Times 和 Orangedo.com

]]> http://www.orangedo.com/blog/2005/06/25/cinema4d%e5%92%8cadobe-photoshop%e7%bb%bc%e5%90%88%e8%ae%be%e8%ae%a1%e6%95%99%e7%a8%8b/feed/ 0 http://www.orangedo.com/blog/2005/04/13/c4d%e6%b8%b2%e6%9f%93%e5%87%ba%e5%a6%82%e7%99%bd%e7%9f%b3%e8%86%8f%e5%9c%ba%e6%99%af%e8%88%ac%e7%9a%84%e8%ae%be%e7%bd%ae/ http://www.orangedo.com/blog/2005/04/13/c4d%e6%b8%b2%e6%9f%93%e5%87%ba%e5%a6%82%e7%99%bd%e7%9f%b3%e8%86%8f%e5%9c%ba%e6%99%af%e8%88%ac%e7%9a%84%e8%ae%be%e7%bd%ae/#comments Wed, 13 Apr 2005 17:43:39 +0000 hyi104 1)天空的质材 颜色RGB=255,255,255 （纯白） 自发光 10%（或者其他）
2)关闭渲染设置中的自带光源
3)用全局光照明 （渲染会慢，但是选"random"会快一些）
4)地面全白然后加10%的自发光

]]> http://www.orangedo.com/blog/2005/04/13/c4d%e6%b8%b2%e6%9f%93%e5%87%ba%e5%a6%82%e7%99%bd%e7%9f%b3%e8%86%8f%e5%9c%ba%e6%99%af%e8%88%ac%e7%9a%84%e8%ae%be%e7%bd%ae/feed/ 0 http://www.orangedo.com/blog/2004/07/18/c4d-depth-2/ http://www.orangedo.com/blog/2004/07/18/c4d-depth-2/#comments Sat, 17 Jul 2004 17:26:54 +0000 hyi104 渲染输出的时候输出两张图，
一张是原图，另外一张是深度通道（depth），是在渲染设置的倒数第二个里面调。
然后打开PS CS，
把第二张作为通道拷贝过来，
在lens blur里面就可以选择相应参数，然后用二维渲染了。

可以加快制造景深的速度，尤其是复杂场景。

]]> http://www.orangedo.com/blog/2004/07/18/c4d-depth-2/feed/ 0