口碑网UED团队

06月 26 08年

photoshop和ai合作轻松设计立体字

Published by 杨梅

photoshop  7 条回复

之前看过一些立体字的设计,透视效果很不错,先看看别人的设计:


找过用ps做立体字,比较单一,只能做出文字凸起的效果,如果要做到像这样光源在上,立体字的透视消失点在后下方,似乎没有简便的方法,结合ai就能很好解决问题,而且文字立体的方向可以通过参数调节
制作步骤:
1.打开Illustrator,输入文字后,点击效果>三维>挤压与导角

2.重要的一步: 调整6个参数:


1)最上面的三个角度分别代表了x,y和中心点的转动方向:
让文字以x轴为中心向上转10度,可以让除了正面以外的立体面都朝下,
y轴转2度可以让文字稍微倾斜一些,看上去不像完全正面那么呆板
中心点不转动
2)调整透视和挤压深度,可以调整出立体字阴影的深度和角度
3)调整光源的方向
可以打开预览选项,即时看效果

3.把调整好的矢量文件导入到photoshop中,新建一层输入同样的字,这样可以把正面和背面的颜色调整区分开来(主要是我不太会用ai,无奈只能导到ps里处理^_^)
再增加一些文字渐变等效果,放到需要的背景里,得最终效果:

打完收工,欢迎拍砖^_^

回复 小冋的截图:

7 条回复

  1. isunlife Says:

    不错,学习了,ai我也不太熟,一直都在用ps,这种立体的文字我以前是在3Dmax里面做好导出到ps里修改的,现在又学了一招^^有空研究下ai了,能给个旺旺ID么?一起交流下

  2. 小冋 Says:

    不是很好看

    下面的这种怎么做呀?
    http://www.seventhstreetstudio.com/downloads/images/large/StayGreen_A_lg.jpg

  3. 小鱼儿 Says:

    恩~~~ 收藏鸟~~~ 不错的好东西~~~~

  4. 杨梅 Says:

    To:小冋
    你给的图片立体效果也可以通过第二步调整参数做到,我把截图放在帖子的后面了:)

    这里只给出了立体参数的调整,没有细化到最终效果的处理,粗糙了点:)

  5. 宗羲 Says:

    杨掌柜好!

  6. sunnyswim Says:

    不错~ 挺实用的,一步就做出来了。

  7. bulin Says:

    To:小冋
    你给的图片里有Stretch有bevel,是3D+PS后期处理的。可以先从3dsmax入手练习

发表一篇回复