平面设计 
首页 > 平面设计 > 浏览文章

AICC2018简单绘制手机日历界面教程

(编辑:jimmy 日期: 2024/11/27 浏览:3 次 )

最近,很多网友问小编手机日历界面怎么设计?所以小编就给大家带来了这篇AICC2018简单绘制手机日历界面教程,作者使用的是Adobe Illustrator CC 2018软件,简称AICC2018,制作的日历界面效果图是以iPhone4界面尺寸为基准,看起来难度不大,好了,话不多说,让我们一起去看看作者到底是怎么制作的吧!

效果图:

AICC2018简单绘制手机日历界面教程

AICC2018简单绘制手机日历界面教程

欢迎来到UI设计老赵,关注老赵,每天和你分享UI设计教程方法。

今天给大家写的教程是手机日历界面教程。

所用软件为:AICC2018

今天给大家写的是以iPhone4界面尺寸为基准。明天我们回归正常。

主要过程:

1、首先打开AI软件,文件-新建,1920*1080像素的画布;然后选择矩形工具,绘制一个与画布同等大小的矩形,填充颜色为#421D37;再选择直线段工具,按住shift键绘制直线,描边色#1D1D1E,大小1pt,移动复制1格填充80%的白色,将两个线段编组,向左移动复制,ctrl+d重复移动复制,将他们编组,右键旋转45度,做出如图下的效果:

AICC2018简单绘制手机日历界面教程

2、选择矩形工具,绘制一个1920*1080像素的矩形1,选中矩形1和纹理,右键创建剪贴蒙版,不透明度为40%,选中背景ctrl+2锁定,如图下

AICC2018简单绘制手机日历界面教程

3、选择矩形工具,绘制一个640*960像素的矩形2,填充颜色#633D55,绘制640*40填充颜色#561C49,640*88填充561C49不透明度50%。如图下

AICC2018简单绘制手机日历界面教程

4、选择文字工具,输入数字,利用对齐将各个数字对齐,如下

AICC2018简单绘制手机日历界面教程

5、选择椭圆工具,绘制一个60*60的正圆,制作一个太阳,或者其他根据自己的喜好想法,添加当天的信息和天气,如图下

AICC2018简单绘制手机日历界面教程

AICC2018简单绘制手机日历界面教程

教程结束,以上就是关于AICC2018简单绘制手机日历界面教程的全过程,希望大家看完有所收获!

相关教程推荐:

使用Illustrator里的路径和3D工具来制作翻页效果的日历图标

AI绘制漂亮的日历图标教程

Illustrator(AI)设计绘制漂亮精致的日历图标实例教程

上一篇:AI中怎么使用线条工具绘制简单的图形?
下一篇:ai怎么自定义图形样式?ai简单自定义文字图形样式教程
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap