分享此网站可得100G教程,联系小洁领取点击这里给我发消息

【coreldraw实例教程】制作扁平化手机界面

CorelDRAW 学UI设计 1495次浏览 0个评论

手机和电脑界面越来越炫彩,从立体化、隆重豪华走向简洁平面化,但是不是感觉越简越平越时尚呢?我们今天也来用CorelDRAW来制作自己喜欢的手机界面,也欢迎大家共享自己的教程到CD中文平面设计网,共同学习,先来看下最终界面:

【coreldraw实例教程】制作扁平化手机界面

一、制作按钮:先绘制一个正方形,设置边角圆滑度为33,绘制或者下载一些矢量图标,调整合适的大小,可以设置图标的阴影,阴影可与正方形同色系,但颜色要深一些:
圆角圆滑度属性:
【coreldraw实例教程】制作扁平化手机界面

阴影设置属性:
【coreldraw实例教程】制作扁平化手机界面

得到下图:
【coreldraw实例教程】制作扁平化手机界面

我们也可以给图标加上高光,方法是选中设置好圆滑度的图形,按键盘的“+”号键,复制一个同等大小的图标,此时两个图标已叠加起来,点击图标,此时选中上面的图形,填充白色或与当前颜色更深或者更深的相近色,使用透明工具,按住“Shift“键,鼠标向下拉动,得到带有高光的图标。
透明属性:
【coreldraw实例教程】制作扁平化手机界面

得到下图:
【coreldraw实例教程】制作扁平化手机界面

同样的方法绘制更多的图标。

按手机比例绘制一个长方形,选择自己喜欢的背景导入,选中背景图,使用“效果”→“图框精确裁剪”→“放置在容器中…”,如果需要梦幻背景而选择的图又很清晰,可选中图片,使用“位图”→“模糊”→“高斯式模糊”得到梦幻背景。打上文字,调整图形的位置。
根据自己的爱好,使用不同的背景风格,图标的颜色也可以按背景色进行调整,如下图:
【coreldraw实例教程】制作扁平化手机界面

局部图片:
【coreldraw实例教程】制作扁平化手机界面

最终效果:
【coreldraw实例教程】制作扁平化手机界面


推荐:查看最受欢迎的设计导航网站 → http://www.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (6)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!