恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
AI制作创意3D像素文字效果
0.0°
2018-02-28 好文转载 教程 原作者: 樱花 举报 5569 24 23 1

我就是我颜色不一样的烟花!

对于Adobe Illustrator初学者,这个教程将教会大家学习创建文本,以及如何转换为3D对象。还有学习快速选择一些相同属性的形状的操作,并将它们变成复合路径。最后,将学习创建简单的背景,以及使用"变换"效果来添加微妙的阴影。本教程与原教程稍有不同,但不影响最终效果。

使用AI制作等轴文本效果,先来看看最终的效果:


想要学习更多UI设计软件技能或者需要UI设计的软件资源资料等等的话都可以来加我的UI学习群:514985251来群里领取,学习的平台可以提供!

嗯,分析一下子:

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

2.粗描边风格

3.很直观的3D效果

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

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


步骤1:字体选择

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



步骤2:3D效果制作

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




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

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




步骤3:如何上色和组织你的形状

(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,边角改为圆角链接。选中其余的具有相同填充颜色的形状,用吸管工具吸取编辑好的粉色。

步骤4:添加背景和简单的阴影

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


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

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

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




恭喜!你完成了!



更新:2018-02-28

收藏

24人已收藏

梦梦_喵喵星人

小白领取资源,咨询设计问题都可以加我qQUN:652137396

  • 175

    作品

  • 748

    粉丝

  • 4

    关注

  • PS鼠绘章鱼角图标教程
  • PS鼠绘邮件图标教程
  • AI绘制扁平化快餐图标教程
  • PS绘制简约风格沙滩插画教程

    猜你喜欢

      2018-02-28 好文转载 教程 原作者: 樱花 举报 5569 24 23 1

      AI制作创意3D像素文字效果

      0.0°

      你确定要举报AI制作创意3D像素文字效果

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年02月28日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      23
      24
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录