欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-07-03 10:43:15
本教程教脚本之家的Illustrator教程学习者使用AICC2018简单绘制手机日历界面,教程简单粗暴,想要学习手机日历界面怎么设计的朋友欢迎前来借鉴学习分享... 17-12-19...

最近,很多网友问小编手机日历界面怎么设计?所以小编就给大家带来了这篇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)设计绘制漂亮精致的日历图标实例教程