八零秀设计论坛 - 分享 交流 成长's Archiver

100dns 发表于 2008-6-28 20:27

用Illustrator的3D工具制作三维轮廓

[color=Red]文章出处:天极Yesky软件频道 作者:蒋程旭 翻译 [/color]



[url=/html/Photo/Illustrator/][u]
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817522262777801.jpg[/img]
点击查看更多精彩平面设计实例/html/Photo/Illustrator/[/u][/url]

  1990年后,利用线框来勾划出对象的三维轮廓一度十分流行,通常大家是使用3D软件创建这种效果。其实在Illustrator中也可以制作三维轮廓的效果,在这个例子中你不仅是学会技术上如何实现,更应该学会如何完成一件完整作品。  
  STEP 1  
  使用钢笔工具绘制一个和下图类似的图形。  
  
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817522326777802.gif[/img]
  
  STEP 2  
  现在就要开始使用3D效果了。选择这个看起来有点像半个8的图形。打开“Effect > 3D > Revolve”(效果>3D>旋转)。这时会弹出一个3D旋转选项的对话框。首先,看看这个对话框是不是全部展开了。如果不是就点击“More Options”(更多选项)展开这个对话框。  
  STEP 3  
  以图中蓝色方块为参考设置符合要求的选项。别忘了在对话框左下角的“表明”选项中为图形设置一个光源效果。  
  
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817522448677803.gif[/img]
  
  如果现在就点击确定并想使用“Object > Transform > Rotate”(对象>变换>旋转),那么你就只能得到下面这个效果:  
  
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817522514277804.gif[/img]
  
  这就是用3D效果不可能预置的效果。所有我们应该多多利于这个3D效果的对话框。  
  STEP 4  
  在下面的旋转参数框中输入需要旋转的度数。  
  
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817522523677805.gif[/img]
  
  STEP 5  
  现在在确定,应该就会得到和下图类似的对象。  
  
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817522533077806.jpg[/img]





STEP 6  
  为该层取名为“SHADED”,抓住该图层,拖动到层调板下面的新建图层上复制这一层。  
  
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817522534677807.gif[/img]
  
  STEP 7  
  将这一层命名为“WIREFRAME”(线框/接线框),并且图层的顺序结构应该和下图是一样的。  
  
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817522542477808.gif[/img]
  
  STEP 8  
  使用选择工具选择或者点击图层后的小圆选择该层的对象。然后通过“窗口>外观”(SHIFT   F6)打开外观调板。  
  
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817522620577809.gif[/img]
  
  STEP 9  
  在外观调板你可以看到该层对象的3D旋转属性。双击就会得到关于这个线框对象的3D对话框,里面的参数都是应用到该对象上面的。  
  STEP 10  
  在Surface(表面)下拉列表中选择Wireframe。由于没有我们选的是接线框,所有没有相关的表明参数可供选择。  
  
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817522933778010.gif[/img]





STEP 11  
  确定后会就会根据设置将对象生成一个线框。  
  
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/2008628175229111778011.gif[/img]
  
  下一步,将涉及如何将两个对象“合并”:三维对象淡出进而将线框对象合并到其中,反之亦然。  
  STEP 12  
  首先,为了不确保线框层不被无意修改,先将其锁定并隐藏。然后在“SHADED”层下面建立一个子层,确保该子层在“SHADED”层的顶端并命名为“SHADED MASK”。  
  
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/2008628175229158778012.gif[/img]
  
  STEP 13  
  确保在“SHADED MASK”层上,之后使用矩形工具绘制一个正方形将“SHADED”层的对象完整的覆盖。将这个正方形填充一个黑白的渐变。这个例子中白色和黑色滑块分别位于40%和60%的位置上。要修改只需要选中滑块然后从色样调板拖动一个颜色到该滑块上,当然也使用颜色调板也可以。  
  
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/2008628175229189778013.gif[/img]
  
  STEP 14  
  将这个渐变方块拖动复制一份。该层将位于“SHADED MASK”层之上。命名为“WIREFRAME MASK”。  
  
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/2008628175229236778014.gif[/img]
  
  STEP 15  
  取消“WIREFRAME”层的隐藏并解锁。拖动复制的现有线框对象到该层中。结果应该和下图一样。  
  
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/2008628175229252778015.gif[/img]
  
  STEP 16  
  选择“WIREFRAME MASK”层,然后使用“对象>变换>旋转”设置其旋转角度为180度。  
  
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817523033778016.jpg[/img]





STEP 11  
  确定后会就会根据设置将对象生成一个线框。  
  
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/2008628175229111778011.gif[/img]
  
  下一步,将涉及如何将两个对象“合并”:三维对象淡出进而将线框对象合并到其中,反之亦然。  
  STEP 12  
  首先,为了不确保线框层不被无意修改,先将其锁定并隐藏。然后在“SHADED”层下面建立一个子层,确保该子层在“SHADED”层的顶端并命名为“SHADED MASK”。  
  
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/2008628175229158778012.gif[/img]
  
  STEP 13  
  确保在“SHADED MASK”层上,之后使用矩形工具绘制一个正方形将“SHADED”层的对象完整的覆盖。将这个正方形填充一个黑白的渐变。这个例子中白色和黑色滑块分别位于40%和60%的位置上。要修改只需要选中滑块然后从色样调板拖动一个颜色到该滑块上,当然也使用颜色调板也可以。  
  
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/2008628175229189778013.gif[/img]
  
  STEP 14  
  将这个渐变方块拖动复制一份。该层将位于“SHADED MASK”层之上。命名为“WIREFRAME MASK”。  
  
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/2008628175229236778014.gif[/img]
  
  STEP 15  
  取消“WIREFRAME”层的隐藏并解锁。拖动复制的现有线框对象到该层中。结果应该和下图一样。  
  
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/2008628175229252778015.gif[/img]
  
  STEP 16  
  选择“WIREFRAME MASK”层,然后使用“对象>变换>旋转”设置其旋转角度为180度。  
  
[img]http://bbs.80diy.com/New_dir_6_3_23_40_17/20080629/200862817523033778016.jpg[/img]

页: [1]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.