AI教程实例:利用高光和阴影技巧制作时尚的网页进度条素材图。
时间:2019-09-01 10:30 来源:站酷 作者:联梦实训基地小诗 阅读:次
AI教程实例:利用高光和阴影技巧制作时尚的网页进度条素材图。造一个精致的进程条对于增强网站的用户体验方面发挥不可小视的作用。今天我们要学习用AI如何制作漂亮的网页进程条吧?效果图:
制作背景
STEP 01
是谁说过,越简单越困难。这句话其实一点不矛盾。这个进程条看似非常简单,却需要我们在比例上严格把控,才会让它看上去尽显精致。这就需要我们运用好网格线。
打开AI新建一个宽600px高200px的文档,去掉“使新建对象与像素网格对齐”的选项,去掉这个选项就会让你在绘图的时候落笔更自由。其他参数请参见下图。
新建成功后,进入到【编辑>首选项>参考线和网格】,将网格线间隔设置为1px,次分割线设置为1。这里参数设置的意思就是让1个像素作为一个网格,这样组成网格线。
在绘图之前设置好网格有助于绘图中对于精确比例的把握,就像你有把精准的尺。这时,如果你还没有设置“显示网格”和“对齐网格”,那要尽快去视图中勾选这两项。
最新教程
推荐教程