Illustrator制作超酷的字母扁平化长阴影效果
作者：ahfong
字体：[ ] 来源：互联网 时间：11-25 09:54:50
这篇教程是向脚本之家的朋友介绍利用Illustrator制作超酷的字母扁平化长阴影效果方法，教程制作出来的效果非常地不错，教程难度不是很大，推荐到脚本之家，喜欢的朋友可以跟着教程一起来学习吧
这篇教程是向脚本之家的朋友介绍Illustrator制作超酷的字母扁平化长阴影效果方法，教程很不错，介绍的也很详细，废话不多说了，打开AI我们一起来学习吧。希望大家可以通过这个教程学习教程的要点。
首先，老规矩先上最终效果图。
当然是新建一个500x500px的文档，用RGB或CMYK颜色模式随你喜欢，屏幕72PPI就好，其它不用动，点确定。
选用星形工具创建一个半径1：160px，半径2：80px，角点数：8的八角星。(你要用矩形工具，椭圆工具，多边形工具创建都没问题，只要你喜欢，真是调皮的孩子)。
打开外观面板，把八角星的描边去掉。然后添加一个新填色。接下来把下面的白色填色更改成K=40的灰色。
再接下来童鞋们注意了，我要变形了。点击 效果 & 扭曲和变换 & 变换，弹出变换效果面板。
在变换效果的移动下面的水平和垂直各增加0.5px，副本加500，点击确定。效果如下图。
你们可能觉得我是在忽悠你们，都第五步了才画这(bi)样(yang)子。但是我没有骗你们啊，标题写着5步画出长阴影效果啊。确实是有长阴影效果了。好了言归正传，以上熟练了可以归为一步。继续。
把这个长阴影效果的图形，拖进图形样式里面去，知道有什么作用了吗?这个样式可以成为你的专属图形样式，你再画个五角星，圆形，什么形状的东东，再套用这个图形样式，马上长阴影就出来了，有没有，只要2块钱有没有，买不了上当，买不了吃亏。
接下来我们要对刚才填充灰色的填色使用一个渐变效果。如何贱。贱多少。?你才贱呢。打开渐变面板，角度为135&，左边为白色，右边为K=40的灰色。得到效果如图。你也可以调整你喜欢的渐变和角度。
打开外观面板，为这个灰白渐变色不透明度选为正片叠底，然后再添加一个相加效果。效果& 路径查找器 & 相加，不用理会弹出的对话框直接点确定。然后把相加和变换调换一下位置，如图一样，变换在上，相加在下。然后把这个图形，拖进图形样式里面去。
接下来用矩形工具为画板加一个500x500px的正方形，C=70，M=15的天蓝色，置于底层(Shift+Ctrl+[ )，然后复制副本(Ctrl+C & Ctrl+F)再把矩形置顶(Shift+Ctrl+])，按Ctrl + A全选，进行剪切蒙版(Ctrl+7)。这个简单的扁平化长阴影效果就完成了。但事实远没这么简单，接着往下看。
你们以为这样就完了，一点技术含量都没有嘛。完全是来骗点击和关注的。没错，我确实也是这么干的。最终效果图还没有完成呢，再苦再累怎么也得继续。饭也得一口一口的不是。
点击文字工具，打上LONG SHADOW，选好字体，排好版。应用我们刚才存起来的图形样式，效果出来了吗?效果是有了，可是怎么跟你的不一样啊。又被诓了，大招总得留到最后放嘛，你见过斗地主一开始就炸王的吗?
把字体转曲线(Ctrl + Shift + O)，取消群组，再应用刚才的图形样式，再群组起来。是不是有点接近了，可是还没完。看起来阴影太强烈了是吧。最后2张牌了，我要炸王了。选择透明度面板，把挖空组打上勾。哈哈，给钱给钱。
最终效果如下
教程结束，以上就是Illustrator制作超酷的字母扁平化长阴影效果教程，希望大家喜欢本教程！
大家感兴趣的内容
12345678910
最近更新的内容AI里怎样给字体做渐变加阴影？
渐变：在文字上面右键------创建轮廓------选择渐变阴影：效果-----风格化-------阴影具体如下一：创建文字二：创建轮廓二：创建轮廓三：选择工具选择目标文字，改变颜色。喜欢的可以用渐变工具调整下渐变四：效果------illustrator效果--------风格化--------阴影四：效果------illustrator效果--------风格化--------阴影
已有帐号？
无法登录？
社交帐号登录Photoshop可分为图像编辑、图像合成、校色调色及特效制作部分。图像编辑是图像处理的基础，可以对图像做各种变换如放大、缩小、旋转、倾斜、镜象、透视等。也可进行复制、去除斑点、修补、修饰图像的残损等。这在婚纱摄影、人像处理制作中有非常大的用场，去除人像上不满意的部分，进行美化加工，得到让人非常满意的效果。图像合成则是将几幅图像通过图层操作、工具应用合成完整的、传达明确意义的图像，这是美术设计的必经之路。photoshop提供的绘图工具让外来图像与创意很好地融合，成为可能使图像的合成天衣无缝。校色调色是photoshop中深具威力的功能之一，可方便快捷地对图像的颜色进行明暗、色编的调整和校正，也可在不同颜色进行切换以满足图像在不同领域如网页设计、印刷、多媒体等方面应用。特效制作在photoshop中主要由滤镜、通道及工具综合应用完成。包括图像的特效创意和特效字的制作，如油画、浮雕、石膏画、素描等常用的传统美术技巧都可藉由photoshop特效完成。而各种特效字的制作更是很多美术设计师热衷于photoshop的研究的原因。InDesign的优点所谓版面编排设计就是把已处理好的文字、图像图形通过赏心悦目的安排，以达到突出主题为目的。因此在编排期间，文字处理是影响创作发挥和工作效率的重要环节，是否能够灵活处理文字显得非常关键，InDesign在这方面的优越性则表现得淋漓尽致，下面通过在版面编排设计时的一些典型的例子加以说明。1．文字块具有灵活的分栏功能，一般在报纸、杂志等编排时，文字块的放置非常灵活，经常要破栏（即不一定非要按版面栏辅助线排文），这时如果此独立文字块不能分栏，就会影响编排思路和效率。而PageMaker却偏偏不具有这一简单实用的功能，而是要靠一系列非常烦琐步骤去实现：文字块先依据版面栏辅助线分栏，然后再用增效工具中的“均衡栏位”齐平，最后再成组以便更改文字块的大小时不影响等同的各栏宽等等。而InDesign就具有灵活的分栏功能，单这点上就与一直强于PageMaker的QuarkXPress和FIT站在了同一水平线上。2．文字块和文字块中的文字具有神奇的填色和勾边功能，InDesign可给文字块中的文字填充实地色或渐变色，而且可给此文字勾任意粗的实地色或渐变色的边。同时，对此文字块也可给予实地色或渐变色的背景，文字块边框可勾任意粗的实地色或渐变色的边框，这样烦琐的步骤，InDesign用其快捷的功能可一气呵成，而PageMaker单靠其“文字背景”功能是完不成的，甚至得借助其它软件来实现，就连QuarkX－Press也只能望其项背。特别是文字块和文字块中的文字的渐变色勾边这一功能，也只有FIT可与其抗衡。3．文字块内的文字大小变化灵活，当我们进行编排时，往往会遇到想对某段文字块中的某些文字作一些特别强调，如大小、长短变化等等，InDesign就为您提供了这一方便功能。InDe－sign可让文字块内的文字在XY轴方向改变大小且可任意倾斜，而PageMaker文字块中的文字却只能在X轴方向改变，更不能倾斜。更神奇的是InDesign中整个文字块可用“缩放键”放大和缩小（其中文字也相应放大和缩小），这项绘图软件特有优秀的功能被InDesign引进，从而大大减少了由于版面变化而改变版式的工作量，提高了工作效率。而PageMaker却只能望尘莫及，老老实实的从改变字号大小开始重新安排版面，费时费力。4．文字块的文字在间距控制上更自由，一般在排文时常常会遇到文字块最后一栏的最后一行不能与前面栏的最后一行平齐等等问题，这时可能就需要调整字距（Tracking）来实现了。InDesign的文字字距可简单的通过设定任意的数值来调整，非常快捷方便。不知是不是因为具有这灵活的字距功能，而使InDesign没有加入在PageMaker中特有的“专业字距编辑”功能？而PageMaker则只有五个级别来控制，显得笨拙。另外在字偶距（Kerning）、词间距（Wordspacing）和字母间距（LetterSpacing）等方面的控制，InDesign也表现不俗，而且创新了保证文字排列美观的“单行／多行构成”功能。5．文字块常规的矩形外框可自由改变，若我们在编排时需要文字块的形状特殊一些，那么InDesign除了为您预设了几种圆角、倒角矩形外，还允许您用“直接选择工具”和“贝塞尔（Bezier）工具”在默认矩形文字块基础上再进行更富创意的形状变化，真正使您“所想即所得”。而这一功能在PageMaker中想都别想，连QuarkXPress都没那么方便。6．拥有绘图软件中的艺术效果文字———沿路径排文字，为配合版面需要想为文字变个花样，InDesign只要用“贝塞尔（Bezier）工具”画出您喜欢的曲线，那么沿曲线排列文字在InDesign中可轻易实现。而PageMaker必须去另外软件中去实现，若修改则十分麻烦，实在影响工作效率。7．文字块中的文字可转图形，完成编排后送到输出中心输出时，若知输出中心无相应的TrueType字或PS字，这时InDesign的文字转图形的功能可就派上用场了，这种绘图软件特有的功能再一次被用于排版软件真令人叫绝。而PageMaker只能又要借助别的软件去完成这一任务了。通过以上几例，可见在文字处理方面的比较，InDesign表现得老到成熟，而PageMaker则有些老态龙钟了。8．InDesgn的其它功能，InDesign还具有许多绘画、绘图软件的特性和自己独特的功能，大大方便了用户。例如：①InDesign可对图像进行羽化、阴影和透明，省去了要到Photoshop中才能实现的步骤；②InDesign借鉴了的Photoshop的“吸管工具”，对于迅速查看和复制颜色提供了不少方便；③InDesign的“贝塞尔（Bezier）工具”和“自由笔”，其绘图功能与CorelDRAW等绘图软件不相上下，这样就省去了去另外软件绘图的麻烦；④InDesign的调色板可随心所欲的拖动CMYK控制条来得到你所想要的颜色，使用户在设计时对颜色的搭配选择更加快捷等等。⑤InDesign神奇的多次UNDO和REDO功能，提高了用户设计产品的灵活性。而PageMaker却只有一次，甚至有的操作连一次都没有。⑥InDesign的“恢复”功能，使您能自动恢复由于系统意外失败的情况下您最近一次的操作，这样大大减少了意外造成的损失。⑦InDesign整合了多种关键技术，包括现在所有Adobe专业软件拥有的图像、字型、色彩管理技术。通过这些程序Adobe提供了工业上首个实现屏幕和打印一致的能力；⑧InDesign对PDF有广泛的支持，可以直接存储PDF格式，而不需要通过AcrobatDistiller一样的中间程序，这对将来PDF彻底成为标准时具有明显的优势。PageMaker在这些方面就更加落伍了，逐渐老化的PageMaker只能被重新定位到商务排版市场中，与Microsoft的Publisher相竞争。类似以上的优点还有很多，这里不再一一举例。综上所述，InDesign在排版软件中的出类拔萃的优势无需置疑，在专业领域InDesign代替PageMaker成为行业专业软件的主流是必然的趋势。AdobeIllustrator与AdobePhotoshop无缝连接使用网格渲染技术同时与Adobe公司的相关产品都有联系,主要体现在图形可以自由的在Adobe公司相关产品之间的转换。如AdobeStreamline.AdobeDimensions.AdobePhotoshop只要是Adobe公司出品的，只要是与图形相关的都可以与之无缝连接同时也可以用Illustrator输出为Flash格式。因此，可以通过Illustrator让Adobe公司的产品与Flash连接。如：要在Flash插入一个三维圆形,要先用AdobeDimensions做一个圆形,将图形输出为AIIllustrator专用格式,在Illustrator中再输出为Flash格式
相关问题略懂社热议相关搜索
问问青春版，什么都略懂一点Illustrator 如何准确的制作阴影? - CPC中文印刷社区
◆- Adobe 设计软件 Photoshop、Illustrator、Indesign、FrameMaker、Indesign Server、Pagemaker 等adobe公司出品的平面设计类软件。
等级: 七袋长老
会员ID：27484
注册: , 14:22
住址: 深圳
现金: 4 金币
资产: 10090 金币
160个帖子获得202次感谢
AI如何准确的制作阴影?
如题,总觉得AI作阴影没CD那么方便,不如如何准确制作,制作后也不知如何修改?
等级: 八袋长老
会员ID：31462
注册: , 10:38
住址: 深圳
现金: 7173 金币
资产: 7173 金币
62个帖子获得71次感谢
我一直觉得你是一个高手...................
被 司马青萍 编辑.
等级: 八袋长老
会员ID：2240
注册: , 21:06
住址: 广州
现金: 1245 金币
资产: 1245 金币
感谢: 1155
231个帖子获得384次感谢
我都系甘讲...从等级,从称呼..........都5会觉得你会问D甘中级既问题
__________________
中印色彩管理服务中心
Amsky CTP\UVCTP销售租凭；
CTP\UVCTP板材销售；
华光强邦华南区代理；
出售ICPlate2,Dotplate测版仪；
柯达印能捷prinergy、印能捷精英版evo安装升级维护技术支持；
海德堡、小森CIP3连线装置及连线方案[/color]
柯达印能捷技术群
CTP应用与维护群
等级: 七袋长老
会员ID：3162
注册: , 13:36
现金: 24720 金币
资产: 24720 金币
116个帖子获得164次感谢
没什么了，只是楼主习惯了cd的方式。如果你喜欢在ps里做阴影的话，那你肯定习惯ai的方式了。
等级: 七袋长老
会员ID：47668
注册: , 16:30
现金: 111 金币
资产: 111 金币
33个帖子获得36次感谢
AI做的阴影要比CD的好看多了..
等级: 七袋长老
会员ID：27484
注册: , 14:22
住址: 深圳
现金: 4 金币
资产: 10090 金币
160个帖子获得202次感谢
作者: 司马青萍
我一直觉得你个一个高手...................
我一直以为你的眼光很准,没想到.......呵呵
等级: 七袋长老
会员ID：27484
注册: , 14:22
住址: 深圳
现金: 4 金币
资产: 10090 金币
160个帖子获得202次感谢
大家不要笑我了,很少用AI做过阴影,PS做阴影我会,但AI里用滤镜里的阴影工具老是调不准,又没有预览,做出来修改又不知在哪里改,大家快告诉我啊!
等级: 八袋长老
会员ID：31462
注册: , 10:38
住址: 深圳
现金: 7173 金币
资产: 7173 金币
62个帖子获得71次感谢
请看图片....在&滤镜&菜单下的&投影&是没有预览的......................
等级: 小兄弟
会员ID：66355
注册: , 18:27
现金: 1 金币
资产: 1 金币
你用AI这个软件不熟,不过AI里做效果不是很好,但是方便,各有优点
等待 Email 验证会员
等级: 小兄弟
会员ID：69819
注册: , 21:43
现金: 1 金币
资产: 1 金币
还是Ai阴影好做
效果和滤镜里面都可以制作
等级: 七袋长老
会员ID：27484
注册: , 14:22
住址: 深圳
现金: 4 金币
资产: 10090 金币
160个帖子获得202次感谢
谢谢司马兄,原来效果里面还有一个做阴影的工具,另外还问一下,做好的阴影如何分离或去掉呢?
等待 Email 验证会员
等级: 二袋长老
会员ID：3515
注册: , 17:06
现金: 2 金币
资产: 2 金币
在appearance菜单中可以修改 去掉
此菜单可以在窗口中找到~~
等待 Email 验证会员
等级: 二袋长老
会员ID：3515
注册: , 17:06
现金: 2 金币
资产: 2 金币
另外还可以在object中 expand appearance
释放出来 转换为图
等级: 八袋长老
会员ID：31462
注册: , 10:38
住址: 深圳
现金: 7173 金币
资产: 7173 金币
62个帖子获得71次感谢
分离阴影:对象--扩展外观..再&取消群组&就行了....
还有可以利用&羽化&与&高斯模糊&这两个功能独立制作阴影~
等待 Email 验证会员
等级: 六袋长老
会员ID：9420
注册: , 05:31
现金: 3 金币
资产: 3 金币
14个帖子获得33次感谢
怎么制作阴影的方法楼上已有人说过了。至于如何去掉，请看图。
上传的缩略图
您不可以发表新主题
您不可以回复主题
您不可以上传附件
您不可以编辑您的帖子
论坛禁用 HTML 代码 are 禁用
所有时间均为北京时间。现在的时间是 。
律师声明：本站内容，均具有版权，未经书面授权，禁止转载，严禁镜像，违者承担一切后果！
&nbsp 广告联系： &nbsp 站务管理：
Powered by vBulletin& Version 3.6.8Copyright &2004 - 2016, 中印网
Page generated in 0. seconds (77.90% PHP - 22.10% MySQL) with 13 queries