Chinese (Simplified) (中文(简体)) translation by Alfred Y. Zhu (you can also view the original English article)

在接下来的步骤中,你将会学到如何在Illustrator中创建一个完全可编辑的、色彩缤纷的3D文字效果
作为前菜,你将学到如何创建一个简单的背景以及添加一些文字; 如何利用外观面板各种工具的优势,以及各类填色、效果等,你将学会如何创建一个你可以完全控制编辑的文字效果, 最后,你将学会如何简单的保存并使用这个效果
想要得到更多关于如何调整或改进你的最终文字效果,你可以在Envato市场上找到众多的资源
1. 创建背景并添加文字
步骤1
点击Control+N去创建新的文件, 在单位下拉菜单里面选择像素,在宽度输入框里输入850,高度输入框里输入1000,然后点击更多设置按钮, 选择RGB,屏幕(72ppi),并确保“使新建对象与像素网格对齐”处于未选中状态,然后单击确定
使用矩形工具(M)然后看向你的工具栏, 删去描边的颜色,然后将填色的颜色改为R=0 G=100 B=145。 移动你的画板并在其上短按鼠标左键,然后打开矩形窗口, 设置宽度为860px,高度为1010px,然后点击确定, 请确保这个新创建的形状覆盖了你的整个画板

步骤2
返回到你的工具栏,并改变填色颜色为白色(R=255 G=255 B=255), 选择文字工具,然后打开字符面板(窗口 > 文字 > 字符), 选择Milkshake字体然后设置大小为170pt, 简单的点击你的画板然后添加“Change”文字,就像下面显示的这样。

步骤3
使用同样的工具和设定,添加另外三行字,如下图所示

2. 向文字添加颜色
步骤1
选择顶部的一段字, 首先,简单的移除现有的填色,这样会让当前文字变的不可见。
现在移步至外观面板(窗口 > 外观)然后点击添加新填色按钮去添加一个填色, 选中并将其颜色设置为R=255 G=200 B=0

步骤2
请确保你最顶部的文字依然是选中的状态并继续在外观面板上操作
使用同样的添加新填色按钮,添加第二个填色, 选中它,将颜色改为白色,然后在这个新的填色上点击“不透明度”文字并弹出透明度面板, 改变其混合模式到叠加,并降低不透明度到50%

步骤3
请确保你最顶部的文字依然是选中的状态并继续在外观面板上操作
添加第三个填色并将其拖动到所有层的顶部, 选中它,改变其颜色为R=255 G=200 B=0,然后打开效果 > 扭曲和变换 > 变换, 拖动两个缩放的滑动条到99.7%,然后记得在最下面选中左下角的参照点

步骤4
请确保你最顶部的文字依然是选中的状态并继续在外观面板上操作
添加第四个填色并将其拖动到所有层的底部, 选中它,改变其颜色为R=255 G=200 B=0,然后打开效果 > 3D > 突出和斜角, 点击下面更多选项按钮,输入下图所示数值并点击确定按钮

步骤5
请确保你最顶部的文字依然是选中的状态并继续在外观面板上操作
选择底部的填色并打开效果 > 风格化 > 投影, 输入左上角图的数值(如下图所示),点击确定按钮,然后根据下图所示添加其他的三个投影效果。

步骤6
请确保你最顶部的文字依然是选中的状态并继续在外观面板上操作
添加第五个填色并将其拖动到所有层的底部, 选中它,改变其颜色为R=255 G=63 B=79,然后打开效果 > 路径 > 偏移路径, 输入一个15px的位移然后点击确定按钮

步骤7
请确保你最顶部的文字依然是选中的状态并继续在外观面板上操作
重新选择最底部的填色并打开效果 > 3D > 突出和斜角, 输入以下数值并点击确定按钮

步骤8
请确保你最顶部的文字依然是选中的状态并继续在外观面板上操作
重新选择最底部的填色并添加以下设定的三个投影效果

3. 为你的文字添加阴影
步骤1
请确保你最顶部的文字依然是选中的状态并继续在外观面板上操作
添加新的填色并将其拖动到所有层的底部, 选中它,改变其颜色为黑色(R=0 G=0 B=0),然后打开效果 > 路径 > 偏移路径, 输入一个5px的偏移,点击确定,然后打开效果 > 3D > 突出和斜角, 输入以下数值,点击确定,接下来打开效果 > 扭曲和变换 > 变换, 拖动两个移动滑动条到15px,最后点击确定按钮

步骤2
请确保你最顶部的文字依然是选中的状态并继续在外观面板上操作
重新选择黑色的那个填色,将不透明度降低为60%,然后打开效果 > 模糊 > 高斯模糊, 设置半径为15px,最后点击确定按钮

步骤3
请确保你最顶部的文字依然是选中的状态并继续在外观面板上操作
重新选择黑色填色并用复制所选项目复制它, 现在看向靠下的黑色填色层并删除高斯模糊效果, 改变混合模式到柔光,降低不透明度到10%

步骤4
请确保你最顶部的文字依然是选中的状态并继续在外观面板上操作
添加新的填色并将其拖动到所有层的底部, 选中它,改变其颜色为黑色,然后打开效果 > 路径 > 偏移路径, 输入一个5px的偏移,点击确定,接下来打开效果 > 3D > 突出和斜角, 输入以下数值,点击确定,跟着打开效果 > 扭曲和变换 > 变换, 拖动两个移动滑动条到40px,最后点击确定按钮

步骤5
请确保你最顶部的文字依然是选中的状态并继续在外观面板上操作
重新选择最底部的黑色填色层,降低它的不透明度到10%,然后打开效果 > 模糊 > 高斯模糊, 设置半径为20px并点击确定按钮

步骤6
请确保你最顶部的文字依然是选中的状态并继续在外观面板上操作
重新选择黑色填色并用同样的复制所选项目按钮复制它, 现在看向最底层的的黑色填色层并删除高斯模糊效果, 改变混合模式到柔光,降低不透明度到10%

步骤7
请确保你最顶部的文字依然是选中的状态并继续在外观面板上操作
添加新的填色并将其拖动到所有层的顶部, 选中它并将当前颜色替换为如下图所示的线性渐变色, 请注意图上的黄色的零表示渐变色在该位置的不透明度比例, 在这个新的填色层依然被选中的情况下,为其附加效果 > 路径查找器 > 相加,然后打开效果 > 路径 > 位移路径, 输入一个-4px的位移,并点击确定按钮

步骤8
请确保你最顶部的文字依然是选中的状态并继续在外观面板上操作
重新选择顶部的填色层,降低不透明度至30%,然后打开效果 > 模糊 > 高斯模糊, 输入一个5px的半径,并点击确定按钮

步骤9
请确保你最顶部的文字依然是选中的状态并继续在外观面板上操作
重新选择最顶部的填色并用同样的复制所选项目按钮复制它, 选中这个新添加的填色层并用以下设定替换原有的线性渐变, 请记住黄色的数字代表不透明度的比例,蓝色数字代表游标的位置, 完成后,降低该填色的不透明度到50%,改变其混合模式为柔光,然后点击已有的位移路径效果, 将位移降低到-2px,并点击确定按钮

步骤10
请确保你最顶部的文字依然是选中的状态并继续在外观面板上操作
添加新的填色并将其拖动到所有层的顶部, 将它的不透明度改为75%,改变混合模式为柔光,并用以下设定替换原有的线性渐变颜色, 别忘了图上的黄色的零表示渐变色在该位置的不透明度比例, 当该新建填色层选中时,执行效果 > 路径查找器 > 相加,之后打开效果 > 路径 > 位移路径, 将位移设置为-2px,并点击确定按钮

4. 保存和套用一种图形样式
步骤1
请确保你最顶部的文字依然是选中的状态,打开图形样式面板(窗口 > 图形样式),然后轻点新建图形样式按钮去存储你当前选择物体的所有设定

步骤2
选中其余所有行的文字并简单的套用你的图形样式

5. 为整体图添加细节的阴影
步骤1
选择你之前创建的蓝色矩形层,创建一份拷贝(Control+C > Control+F)然后将其改变到图层最顶部(Shift+Control+]), 选择该拷贝层并将其现有的颜色改为下图所示的径向渐变, 再一次强调,记得黄色的零代表的是不透明度的比例,用渐变工具(G)改变你的渐变设定到下图所示

步骤2
确保上一步中添加的矩形依然是选中状态并改变其混合模式到柔光

恭喜你! 完成啦!
下面这个应该就是完成的最终效果图, 我希望你能喜欢本篇教程,并期待你能将成果用在你未来的项目之中
请随意调整最终的设计效果直到你满意为止, 你可能会在Envato市场上发现更多更好的灵感以及有趣的资源,它们可以很好的提高你的设计水平

Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post