• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > Illustrator实例教程:抛光浮雕样式制作立体字

Illustrator实例教程:抛光浮雕样式制作立体字

作者:站长图库 字体:[增加 减小] 来源:互联网

站长图库向大家介绍了等相关知识,希望对您有所帮助
本教程不是很难。使用外观面板、渐变和变换,你就可以创建一个抛光样式。使用外观面板以使这种处理方法应用于其他的字体或者矢量图形上更加容易。

效果图

下面是最终的样式,我们将要努力的方向。

Illustrator实例教程:抛光浮雕样式制作立体字,PS教程,站长图库

教程细节

软件:Adobe Illustrator CS5

难度:中级

主题:外观面板

预计完成时间:15-20分钟

1.新建文档,使用矩形工具(M)创建一个矩形,大小是文档的大小。填色:灰色。从一开始就有一个背景色将使我们在制作文本时更容易看到其中的变化。

Illustrator实例教程:抛光浮雕样式制作立体字,PS教程,站长图库

2.使用文字工具(T),输出文字。我的是100pt的大标题字,但你可以调整文字以适合你的需要。然后,移除文本的填色和描边,我们之后会在外观面板里直接调整。

Illustrator实例教程:抛光浮雕样式制作立体字,PS教程,站长图库

3.选择文本,从外观面板的下拉式菜单中选择"添加新填色"。新填色应用线性渐变,第1个色块:白,第2个浅灰。渐变面板里,更改第1个白色块位置:40,更改角度:-90。

Illustrator实例教程:抛光浮雕样式制作立体字,PS教程,站长图库

4.打开外观面板,象之前一样添加一个新填色,填色:白,确认白色填充在第1个渐变之下。选择白填色,执行"效果"菜单>路径>位移路径。在位移路径对话框中,位移:1px。白填色仍是选中状态,执行"效果"菜单>扭曲和变换>变换。在变换效果对话框中,垂直移动:1px。

Illustrator实例教程:抛光浮雕样式制作立体字,PS教程,站长图库

5.在外观面板中,选择白填色,按外观面板底部的"复制所选项目"。选择最下面的副本,填色:黑。如果还没有扩展填色属性的话,按填色左边的小箭头以扩展填色属性。双击变换打开变换效果对话框,更改垂直移动:2px。

Illustrator实例教程:抛光浮雕样式制作立体字,PS教程,站长图库

6.象之前一样再复制一个黑填色,填色应用线性渐变。线性渐变里,另添加2个色块,第1个黑色,第2个深灰,第3个比第2个浅,第4个比第2个深。然后更改角度:-90。

Illustrator实例教程:抛光浮雕样式制作立体字,PS教程,站长图库

7.在外观面板里,扩展新线性渐变的属性,双击变换效果。打开变换效果对话框后,更改副本数量10,垂直移动-1px。

Illustrator实例教程:抛光浮雕样式制作立体字,PS教程,站长图库

 

8.4个色块的线性渐变仍是选中状态,执行"效果"菜单>风格化>投影。在投影对话框中,不透明度:100,X位移:0,Y位移:2,模糊:2。已经做的差不多了!

Illustrator实例教程:抛光浮雕样式制作立体字,PS教程,站长图库

9.你可以把这种处理方式存成图形样式以便更容易把样式应用到其他文字上或者矢量图形上。很简单,选择文本,按图形样式面板下的新建图形样式按钮。现在按新的图形样式就能把样式应用到其他矢量对象上了。漂亮!

Illustrator实例教程:抛光浮雕样式制作立体字,PS教程,站长图库

最后的效果图

你可以使用有纹理的背景图使得效果看上去更加地生动活泼,然后再简单地添加些其他的文字。

Illustrator实例教程:抛光浮雕样式制作立体字,PS教程,站长图库

 

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • Photoshop制作颓废效果的金属立体字教程
  • Thinkphp5.0框架的Db操作实例分析【连接、增删改查、链式操作等】
  • js获取UEditor富文本编辑器中的图片地址
  • 详解ThinkPHP怎么实现图片上传
  • Photoshop制作汉服妹子签名教程
  • 完美实现CSS垂直居中的11种方法
  • 小程序实现商品属性选择或规格选择
  • Photoshop打造超酷的光影舞者海报
  • 浅谈小程序中页面间传值的2种方法
  • PHP以正则表达式验证手机号码

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • PHP高清晰度无损图片压缩功能的实现代码
    • ThinkPHP5验证码图片如何生成
    • 网站设计怎么才能真正体现企业形象
    • 网站外链的7种“罪”不好的地方 侵害用户体验
    • 一文搞定TP框架中session()的用法
    • ThinkPHP支持的四种URL模式:普通模式、PATHINFO、REWRITE和兼容模式
    • Thinkphp5.1详细讲解中间件的用法
    • Photoshop制作超酷的设计类网页横幅
    • Photoshop制作超酷的3D岩石字体教程
    • PS制作炫彩新年快乐艺术文字效果的教程

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有