当前位置:丝路教程网 > UI设计 > AI >

巧在AI中创建等轴文本

2017-06-23 09:01 来源: 丝路教程网 分类: AI
183 作者:丝路教程网

[导读] 今天的教程是使用AI制作等轴文本效果,好不好,要不要继续看下去,先来看看最终的效果: 嗯,分析一下子: 1.整体色彩比较明亮,比较活跃 2.粗描边风格 3.很直观的3D效果 OK,接下

  今天的教程是使用AI制作等轴文本效果,好不好,要不要继续看下去,先来看看最终的效果:

等轴文本效果-01

  嗯,分析一下子:

  1.整体色彩比较明亮,比较活跃

  2.粗描边风格

  3.很直观的3D效果

  OK,接下来我们开始动手制作:

  首先,新建一个图层。850*600px,颜色模式为RGB,分辨率为72ppi。

新建文档

  STEP1:字体选择

  (1)选择文字工具(T),并将焦点放在“ 字符”面板(“窗口”>“类型”>“字符”)上。选择Silkscreen Expanded Font(Silkscreen Expanded Font)。字体大小设置为200px,颜色设置为R = 251 G = 137 B = 100。对齐画板垂直居中对齐。

文字字符

  STEP2:3D效果制作

  (1)选中文字,并进入效果> 3D>拉伸和斜面。单击更多选项按钮,输入下面显示的所有属性,然后单击确定按钮。最后,参数如下图所示。

3d参数

  (2)选中文字,转到对象>展开外观。确保生成的形状组保持选中状态,并按住Shift-Control-G键盘快捷键三次(也可右键取消编组三次),目的是取消编组。

  移动到“ 图层”面板(“窗口”>“图层”)中,展开现有图层,刚解散的所有形状都在里面,如下图所示。

图层

  STEP3:如何上色和组织你的形状

  (1)选择选择工具(V)并选择构成3D文本顶部的所有形状。只需转到对象>复合路径>建立(Control-8)。

  选中复合路径并将其复制到图层顶端(Shift-Control-]),然后将其重点放在“ 外观”面板(“窗口”>“外观”)上。 填充颜色(R = 255 G = 200 B = 0),选择描边粗细大小为4px,颜色设置为R = 46 G = 58 B = 58,边角改为圆角链接。

上色
上色效果

  (2)打开现有图层,把上一步中制作的复合路径命名为“黄色顶部图层”并位于顶部,隐藏该图层(取消选中该眼睛图标)。选中上面复制的复合路径图层, 填充颜色改为黑色(R = 0 G = 0 B = 0),并将其移动到图层最底层(Shift-Control- [),命名为“黑色底部图层”,然后锁定它,隐藏该图层(取消选中该眼睛图标)。

黑色底部图层
锁定黑色顶部图层

  (3)选择其中一种浅棕色形状,然后转到“ 选择”>“相同”>“填充颜色”,填充颜色(R = 0 G = 173 B = 236),选择描边粗细大小为4px,颜色设置为R = 46 G = 58 B = 58,边角改为圆角链接。选中其余的具有相同填充颜色的形状,用吸管工具吸取编辑好的蓝色。

蓝色上色
选中其他图层
吸取相同效果

  (4)选择一个棕色形状,然后转到“ 选择”>“相同”>“填充颜色”,填充颜色(R = 252 G = 130 B = 119),选择描边粗细大小为4px,颜色设置为R = 46 G = 58 B = 58,边角改为圆角链接。选中其余的具有相同填充颜色的形状,用吸管工具吸取编辑好的粉色。

粉色
粉色上色

  STEP4:添加背景和简单的阴影

  (1)使用矩形工具(M),创建一个850 x 600像素的形状,填充颜色(R = 0 G = 173 B = 236),对齐面板垂直居中对齐。

背景

  (2)选中“ 图层”面板并解锁“ 黑色底部图层 ”复合路径。

  “ 外观”面板>不透明度:将混合模式更改为柔光。然后转到效果>路径>位移路径。输入2px偏移量,并将连接设置为圆角,单击确定按钮。

  然后转到效果>扭曲和变换>变换。将“ 水平”滑块拖动到0.2像素,在“ 副本 ”框中输入100,单击“ 确定”按钮。选中阴影和最底层的蓝色方块,底部对齐,完成。

柔光
偏移路径
变换
完成

  恭喜!你完成了!

等轴文本效果-01

  pixel

等轴文本效果教程-01

  love

  本次AI教程到此就没了,希望大家喜欢。

  -END-
推荐阅读:学习武汉UI设计,选上市丝路教育


免责声明:

丝路教程网的部分文章信息来源于网络以及网友投稿,本网站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,如权利人发现存在误传其作品情形,请及时与本站联系。

  • 所属专题:AI教程专题
  • 本文链接:http://blog.silucg.com/UICN/ai/article-7147.html
Copyright © 2008-2017 blog.silucg.com 丝路教程网 版权所有 网站地图
点击这里给我发消息
丝路教育