Coreldraw(CDR)设计制作流光溢彩的苹果风格按钮实例教程

所属分类: 平面设计 / CorelDraw教程 阅读数: 1550
收藏 0 赞 0 分享
浏览过苹果公司主页的人,想必对其晶莹剔透,流光溢彩的网页按钮有深刻的印象(图0)。记得看过介绍制作苹果风格按钮的文章,不过那是用PHOTOSHOP做出来的,在Coreldraw中又是如何制作呢?请看我的制作方法:

  虽然心动不如行动,但是在行动之前还要“运筹帷幄”,仔细观察一下,我们会发现按钮主要分为以下几部分:

  1)按钮主体。
   2)按钮上面的高光部分。
   3)按钮阴影部分。
   4)文字及文字阴影。

  这样一分析,就会胸有成竹,做起来自然得心应手。好,打开心爱的Coreldraw 10,新建一个文档,开始苹果风格按钮的设计。

  1.选择矩形工具,绘制一个细长的矩形A。刚绘制的矩形会保持在选择状态,看看属性栏,单击并关闭“Round Coners Together”小锁状按钮,这样可以单独调节某个矩形的圆角而不影响其它的。在属性栏中作如图2的设置,调整左上和右上两个圆角。需要说明的是,这里的圆角数值并不是绝对的,其数值视你要制作的按钮大小而定。



  2.继续绘制一个细长的小矩形B放在按钮主体顶部,选择它们,单击属性栏上“Align and Distribute”(对齐和分布)按钮,设置矩形B相对于A水平对齐,并去掉它们的轮廓线颜色。选择细长矩形B,选“Effects”(效果)菜单-%26gt;“Add perspective”(添加透视点)命令,按住Shift和Ctrl向外拖动控制手柄至适当位置,完成添加透视点的操作,作为高光部分(图3)。



  3.按钮基本轮廓已经做出,下面要添加生动的色彩。按“G”切换到“交互式填充工具”对按钮主体应用天蓝色的渐变填充,设置如图4,其中渐变填充起始点颜色为C:49,M:2,Y:5,K:0,终点颜色为白色。其实这里的设定不是绝对的,你还可以根据自己喜好反复调节,使效果更加理想。



4.用右键(注意是右键)拖动按钮主体到高光部分,从弹出菜单中选“Copy Fill Here”(复制到此),这样就快速将按钮主体的填充属性复制到高光部分了,很显然,还要进一步调整:选“交互式填充”工具,再选高光部分,在属性栏上将其线性填充角度由-90度改为90度,结果如图5。



 



  5.为了做出更逼真的效果,还要求助于“交互式透明”工具,用它在按钮主体上进行交互式的透明设置,如图6。仔细观察一下,很明显,效果更好了。



  6.在这里是很需要耐心和一定的审美观,甚至是“只可意会,不可言传”的东西,需要不断的探索和尝试。好了,还要做更进一步的美化和修饰。选择“交互式阴影工具”给按钮主体部分加上阴影,注意阴影的颜色相对主体要暗一些(如图7),以增强真实生动的感觉。



  7.做到这里,再坚持几步,就可以欣赏我们的酷按钮了!下面要加上文字以丰富按钮的内容。选文本工具,输入”MacOS X"并选择一种合适的字体,设置颜色为黑色,并加上阴影,移动到按钮中心,还可以用“Align and Distribute”功能,进行准确的对齐,结果如图8。



  8.真的快要完成了,请继续...将按钮全选,按住Ctrl键水平移动到合适位置,按下右键复制它,选择“交互式填充工具”,分别更改按钮主体渐变颜色,高光部分颜色,阴影部分颜色等,用“文本”工具分别更改文字内容。如图9。



  9.如法炮制,一鼓作气制作出其它按钮,并用对齐辅助线功能仔细排列,好,终于大功告成!(如图10)


更多精彩内容其他人还在看

CDR三种最实用的创造性工具(图文介绍)

本教程向大家介绍三种最实用的CDR创造性工具,希望对脚本之家正在学习CDR的朋友有用
收藏 0 赞 0 分享

图文介绍coreldRAW X5快速制作表格居中技巧 只需三步骤

对于正在使用coreldRAW X5的朋友来说,制作表格应该是经常遇到的,今天本教程向大家介绍了coreldRAW X5快速制作表格居中技巧,希望对朋友们有帮助
收藏 0 赞 0 分享

CDRx4自动编号(合并打印)图文介绍

今天群里美女【♀XX】要把一个图编号编到1200,其实网上有很多这个教程的,但是看了之后我发现都是12的版本的,其实X4进化后很多界面和功能都不一样。所以本教程就为大家详细介绍CDRx4自动编号(合并打印),教程很实用,希望大家认真阅读
收藏 0 赞 0 分享

【交流】cdr快速抠一个不知道字体的字,你们怎么办?

今天是想和大家一起交流,cdr快速抠一个不知道字体的字时,你们是怎么办的?
收藏 0 赞 0 分享

CDR如何制作符合标准的条形码?

制作条形码应该是比较常遇到的问题,但是很多朋友不知道如何使用CDR制作符合标准的条形码,这篇教程向的朋友们介绍利用CDR制作标准条形码的方法,希望对大家有所帮助
收藏 0 赞 0 分享

CorelDraw入门:简约的标识排版介绍

本教程向大家介绍CorelDraw的简约标识排版,教程比较基础,非常适合刚入门CorelDraw朋友学习,希望对大家有一定的帮助
收藏 0 赞 0 分享

CorelDraw入门教程:教你制作史上最简单的三角立方体

这篇教程是教大家利用CorelDraw制作简单的三角立方体,制作方法很简单,相信大家看完这篇教程之后,都应该能看懂三角立方体是什么了,并且以后大家随手画都能成形。推荐过来与大家一起分享学习,希望对大家有一定的帮助
收藏 0 赞 0 分享

CDR制作有阴影的立体文字效果

这篇教程是向大家介绍利用CDR制作有阴影的立体文字效果,制作方法很简单,效果非常漂亮,非常适合新手学习!推荐过来与大家一起学习,希望对大家有一定的帮助
收藏 0 赞 0 分享

CORELDRAW制作逼真的古代金币

这篇教程是教大家利用CORELDRAW制作一个古代金币,效果非常逼真,制作方法很简单,新手朋友可以过来学习一下
收藏 0 赞 0 分享

CDR网状填充运用教程

这篇CDR网状填充教程是我刚刚在网络上找到的一个资料,教程介绍的方法其实和AI的网格填充比较类似,但是在操作上也有一些不一样的地方,推荐过来和飞特的朋友们一起分享学习了,我们先来看看最终的效果图吧:
收藏 0 赞 0 分享
查看更多