AI教程!教你制作文具主题可爱贴纸插画!

时间:2021-02-22
类别:AI教程
水平:普通
观众:5228
2021年最值得学的涨薪技能!突破设计瓶颈的优质小课,哪项薄弱学哪里 → 立即点击

教程作者:就业衔接班03期-64-生姜泡酒

教程指导:如如酱w

交作业:#优设每日作业#

关于教程

今天来做的是一张可爱Ai贴纸,有两个不同的物品,整体的大部分颜色是紫色组成的,绘制时,可以分为几个步骤来进行,,现在来进一步详细说明:

教程效果图

AI教程!教你制作文具主题可爱贴纸插画!

教程步骤

Step 01 新建文档

打开Adobe Illustrator ,点击【文件】选择【新建(Ctrl+N)】,创建一个新文档,参数设置如下:

AI教程!教你制作文具主题可爱贴纸插画!

Step 02 创建背景

2.1 在绘制前,先检查一下自己的图层面板是否被自己调用出来,如果找不到图层面板在哪里,就在【菜单栏】点击【窗口】,在跳出来的下拉栏中,勾选上【图层(f7)】,选中图层,然后就可以回图层里面进行绘制,大部分的功能都可以在【窗口】里面找到:

AI教程!教你制作文具主题可爱贴纸插画!

2.2 我们选中图层,在【常用工具栏】找到矩形工具,直接画出一个覆盖整个画布的矩形,然后双击【填色】,粘贴颜色代码CDBBFF,就可以修改颜色,选中确定后,颜色就修改好了;

修改颜色时,需要选中你想要修改颜色的物体才能修改颜色,想要改变谁就要选中谁:

AI教程!教你制作文具主题可爱贴纸插画!

2.3 修改颜色后我们选中【图层面板】的【图层1】,双击图层名称处,将名称修改为【背景】;

然后选中紫色矩形工具,将他锁定,快捷键为【Ctrl+2】,这样方便我们操作并且背景不会乱动;

然后新建一个图层,开始绘制贴纸:

AI教程!教你制作文具主题可爱贴纸插画!

Step 03 绘制贴纸-日历

3.1 第一个物品绘制一个日历,在新图层上面,用矩形工具画出一个形状,宽度为380px,高度为360px,颜色为5856AF,描边关掉;

然后用【直接选择工具(A)】全选形状,拉动内部的其中一个小圆,使其四角变圆润:

AI教程!教你制作文具主题可爱贴纸插画!

3.2 然后用【选择工具(V)】点击形状,然后【Ctrl+C】再【Ctrl+F】原位粘贴,将复制出来的形状大小修改为宽度370px,高度350px,颜色改为BDC7FF,这样日历底部就做好了:

AI教程!教你制作文具主题可爱贴纸插画!

3.3 然后在日历上面绘制日历页,用矩形工具画出一个形状,宽度为355px,高度为310px,颜色为FFFFFF,然后拉动圆角让四角更圆润一点;

AI教程!教你制作文具主题可爱贴纸插画!

3.4 在日历页上绘制一个小圆,尺寸为23pxX23px,填色为BDC7FF,描边色为5856AF,描边粗细为2px;

AI教程!教你制作文具主题可爱贴纸插画!

设置好之后,用【选择工具(V)】按住ALT键拖动复制出一个小圆,然后【Ctrl+D】复制出其他五个;

3.5 再给日历添加圆环,用圆角矩形工具即可,尺寸为宽度11px,高度40px,颜色为FFDA00,描边色为5856AF,描边粗细为2:

AI教程!教你制作文具主题可爱贴纸插画!

3.6 设置好之后,用【选择工具(V)】按住ALT键拖动复制出一个小圆,然后【Ctrl+D】复制出其他五个;圆环也是按照同样步骤摆放好,按照下面的样子摆放好:

AI教程!教你制作文具主题可爱贴纸插画!

3.7 开始绘制日历页上面的天数跟装饰,这时可以新建一个图层,然后将下面的图层都锁定,这样绘制的时候,下面的形状就不会乱跑;

使用【矩形工具(快捷键M)】,待鼠标变为十字形后,在画板中间点击一下,如下图,输入数值,绘制一个310pxX14px的矩形,颜色填充为#C0BBFF,如下图:

AI教程!教你制作文具主题可爱贴纸插画!

3.8.1 使用【矩形工具】在形状左边画出一个形状,用【直线段工具】在形状内右边绘制出一个斜线,如图:

AI教程!教你制作文具主题可爱贴纸插画!

3.8.2 将右边【矩形工具】绘制的长方形,使用【直接选择工具】拖动其中一个角,变成一个梯形:

AI教程!教你制作文具主题可爱贴纸插画!

3.8.3 然后使用【选择工具】全选中绘制出来的这三个图形,使用【路径查找器】选择分割,再【取消编组】,这样就分割成三个形状:

AI教程!教你制作文具主题可爱贴纸插画!

AI教程!教你制作文具主题可爱贴纸插画!

3.8.5 然后分别给一个颜色,再集体加一个描边,描边颜色为5856AF,描边大小为2px,如图:

AI教程!教你制作文具主题可爱贴纸插画!

3.8.6 再添加一些文字,文字打上去记得都要进行【创建轮廓】哦,不然你的源文件再别的电脑上面,文字会丢失,【创建轮廓】之后就不会哦:

AI教程!教你制作文具主题可爱贴纸插画!

3.8.7 然后在添加一些别的文字,也可以换别的文字:

AI教程!教你制作文具主题可爱贴纸插画!

3.8.8 然后使用【直线段工具】画出网格,如下图,填充关掉,描边为5856AF,如下图:

AI教程!教你制作文具主题可爱贴纸插画!

3.8.9 添加上天数,在加上一点装饰,天数如果排列不整齐,可以使用【对齐画板】来对齐,跟 Photoshop一样;

AI教程!教你制作文具主题可爱贴纸插画! AI教程!教你制作文具主题可爱贴纸插画!

3.9 如何将圆形放在数字「18」下面,可以画出一个圆形,然后【Ctrl+X】剪切,然后选中数字「18」再【Ctrl+F】原位粘贴,然后右击选择【排列】【后移一层】:(一定要选中数字「18」在进行原位粘贴,然后在后移一层):

AI教程!教你制作文具主题可爱贴纸插画!

Step 04 添加亮部跟暗部

4.1 选择日历底部紫色图层,如图,然后【Ctrl+C】,然后【Ctrl+F】两次,就是进行两次原位粘贴,然后拖动其中一个紫色图层,往左移动,然后同时选中下面未移动的紫色图层,给他们进行【减去顶层】:

AI教程!教你制作文具主题可爱贴纸插画!

4.2【减去顶层】后,我们拿剩下来的部分做高光,选中这个形状,我们找到【属性】,如果没有【属性面板】可以在窗口里面找到,找到【外观】那一栏,点击【不透明度】,混合模式改为【滤色】,不透明度修改为50%,这就是高光部分,然后阴影部分混合模式改为【正片叠底】,不透明度改为60%:

AI教程!教你制作文具主题可爱贴纸插画! AI教程!教你制作文具主题可爱贴纸插画!

4.3 给日历页也添加一个暗部,按照上面的方法做出暗部,然后给他填充一个浅一点的颜色,填色为E6EBFF,不透明度修改为50%:

AI教程!教你制作文具主题可爱贴纸插画!

4.4 现在我们给小圆跟圆环也加一点暗部进去:

AI教程!教你制作文具主题可爱贴纸插画!

因为小圆跟圆环都是有描边的,所以我们可以给他们进行扩展,选择你要进行扩展的形状,选择【对象】【扩展】,点击确定,然后再【取消编组】,然后描边跟填充就分开各成一个新的图层,可以拖动看一下,如果没有分开可以再取消编组看一下:

AI教程!教你制作文具主题可爱贴纸插画!

4.5 其余几个都按照这个步骤扩展完成之后,按照上面给日历底部添加暗部的步骤,给这些圆环也添加暗部,如图:

AI教程!教你制作文具主题可爱贴纸插画!

4.6 下面的小圆形也是一样的步骤添加暗部:

AI教程!教你制作文具主题可爱贴纸插画!

4.7 现在暗部基本已经添加完毕,我们来给日历加一个白色底,更有贴纸的感觉;使用【选择工具】框选日历全部,然后点击【对象】【路径】【偏移路径】,数值选择10px,点击确定:

AI教程!教你制作文具主题可爱贴纸插画!AI教程!教你制作文具主题可爱贴纸插画!

4.8 【偏移路径】之后在【常用工具栏】找到【形状生成器工具(shift+M)】,按住【ALT】点击删除自己不需要的部分,如图:

AI教程!教你制作文具主题可爱贴纸插画!AI教程!教你制作文具主题可爱贴纸插画!

4.9  删除完之后,可以检查一下是否还有需要删除的地方,这是为了保证边角圆润没有其他尖锐突出的地方;然后我们切换回【选择工具】,点击【路径选择器】里面的合并图层,描边关掉,填色打开,填色选择FFFFFF:

AI教程!教你制作文具主题可爱贴纸插画!

然后使用【直接选择工具】点击,【Ctrl+X】剪切,选择日历底部图层,然后【Ctrl+F】原位粘贴,切回【选择工具】然后把白色图层右击【排列】【置于底层】这样白色图层就到最下面啦!

AI教程!教你制作文具主题可爱贴纸插画!

最下面的阴影也是哦!直接复制白色图层,颜色选择填充C0BBFF,描边关掉,微微一动一点点,混合模式改为正片叠底,排列改为【置于底层】,这样日历就做完啦!

AI教程!教你制作文具主题可爱贴纸插画!

Step 05 绘制贴纸-画笔

5.1 首先我们绘制出一支笔,使用【矩形工具】在画布内画出一个形状,高度为241px,宽度为54px,填充颜色为EBEBFF,取名【笔身】,如图:

AI教程!教你制作文具主题可爱贴纸插画!

5.2 然后为了给画笔一个圆润的感觉,我们使用【直接选择工具】选中形状最下面的两个角,将【边角】改为5px:

AI教程!教你制作文具主题可爱贴纸插画!

5.2.1 然后再画一个高17px,宽52px,颜色为EBEBFF的形状,做【笔头1】,然后跟下面的笔身对好,然后选中【笔头1】,使用【自由变换工具】,选择第三个【透视扭曲工具】,将形状拉出一个梯形的样式:

AI教程!教你制作文具主题可爱贴纸插画!AI教程!教你制作文具主题可爱贴纸插画!

5.2.2 但是对齐之后,发现他们之间衔接点并不是太圆润有点生硬,给它们加一个过渡,使用【矩形工具】,画出一个宽度为27px,高度为3px的形状,使用钢笔工具在靠近左下角锚点处再添加一个锚点,如图:

AI教程!教你制作文具主题可爱贴纸插画!

5.2.3 然后选中形状,选择【直接选择工具】框选左上角的锚点,往右边拖动一点:

AI教程!教你制作文具主题可爱贴纸插画!

5.2.4 然后选中【钢笔工具】,然后按住【ALT】拖拽锚点,如图,给出现的拉杆调整一下线的曲率:

AI教程!教你制作文具主题可爱贴纸插画!

5.2.5 调整好之后,选中形状,使用【选择工具】按住ALT键复制出一个形状,然后右击【变换】【对称】点击确定,让它翻转过来,如图:

AI教程!教你制作文具主题可爱贴纸插画!

5.2.6 然后选中两个形状,让他们进行合并:

AI教程!教你制作文具主题可爱贴纸插画!

5.2.7 之后将这个形状移动到笔身哪里,对齐:

AI教程!教你制作文具主题可爱贴纸插画!

5.3 再使用【矩形工具】新建一个宽24px,高9px的形状,如图摆放:

AI教程!教你制作文具主题可爱贴纸插画! AI教程!教你制作文具主题可爱贴纸插画!

5.3.2 再次新建一个宽12px,高2px的形状,如上面使用【钢笔工具】锚点,然后使用【直接选择工具】拖动那样,这次锚点打在左上角,的拉杆往内拉动:

AI教程!教你制作文具主题可爱贴纸插画!

5.3.3 然后复制一个形状出来翻转对齐,然后合并形状,如图:

AI教程!教你制作文具主题可爱贴纸插画!

5.3.4 然后如图所示,对齐形状,如果有形状稍微超出,那就用【直接选择工具】选择其中一角慢慢调整就好:

AI教程!教你制作文具主题可爱贴纸插画!

5.3.5 然后新建一个宽24px,高2px的形状,填色为92BF43,然后使用【直接选择工具】,选中上面两个角,往内拉出圆角,如图:

AI教程!教你制作文具主题可爱贴纸插画!

5.4 制作画笔头,先画出一个高17px,宽度19px的长方形,然后使用【直接选择工具】选中右上角往下拉出一个斜面,然后用【直接选择工具】选中最上面两个角,拖动形状内的小圆往内拉动,就可以拉成圆角,笔头就做好了,如图:

AI教程!教你制作文具主题可爱贴纸插画!

5.4.1 做好之后对齐拼接好就行:

AI教程!教你制作文具主题可爱贴纸插画!

Step 06 绘制画笔装饰

6.1 画一个正圆,大小随意,填色为FFC5E6,然后在【常用工具栏】上面找到【旋转工具(R)】,选中,按住【ALT】键点击一下圆的正下方,如图,然后在跳出来的方框中将旋转角度改为70°,然后点击复制,如图:

AI教程!教你制作文具主题可爱贴纸插画!

6.1.1 复制之后,按【Ctrl+D】,一直按到成为一朵小花,然后合并图形,再【Ctrl+C】【Ctrl+F】原位粘贴出一层出来,缩小,混合模式改为【正片叠底】不透明度改为【30%】,然后再画一个圆作为花蕊,填色为FFFFFF,如图:

AI教程!教你制作文具主题可爱贴纸插画!

6.1.2 然后将小花花全选编组,然后放在笔身上面:

AI教程!教你制作文具主题可爱贴纸插画!

6.2 使用【矩形工具】新建一个形状,高度为4.5px,宽度为36px,往下复制三层然后编组,放到笔身上面:

AI教程!教你制作文具主题可爱贴纸插画!

6.3 下面也给一点矩形形状装饰,宽度为54px,高度随意:

AI教程!教你制作文具主题可爱贴纸插画!

Step 07 绘制画笔亮部暗部

7.1 选中笔身,【Ctrl+C】【Ctrl+F】原位粘贴两次,然后选中笔身往右移动一点,再选中下面一层,【减去顶层】,混合模式改为【滤色】,如图:

AI教程!教你制作文具主题可爱贴纸插画!

7.1.1 笔身的暗部,也是【Ctrl+C】【Ctrl+F】原位粘贴两次,然后选中笔身往左移动一点,再选中下面一层,【减去顶层】,混合模式改为【正片叠底】,如图:

AI教程!教你制作文具主题可爱贴纸插画!

7.2 笔身最下面的绿色矩形也是,【Ctrl+C】【Ctrl+F】原位粘贴一次,然后缩放到左边高光位置,混合模式改为【滤色】,不透明度改为【60%】,右边的【暗部】混合模式改为【正片叠底】,不透明度改为【50%】:

AI教程!教你制作文具主题可爱贴纸插画!

7.3 然后给花朵下面的三个矩形添加亮部跟暗部,因为之前编组的关系,我们用【直接选择工具】单独来选中他们进行添加,跟上面一样,高光的混合模式改为【滤色】,不透明度改为【60%】,暗部的混合模式改为【正片叠底】,不透明度改为【50%】:

AI教程!教你制作文具主题可爱贴纸插画!

7.4 将笔身上面一条黄色的矩形修改颜色,改为92BF43

AI教程!教你制作文具主题可爱贴纸插画!

7.5 然后我们开始做梯形这部分的高光跟暗部,新建一个宽度为17.3px,高度为17px的矩形,摆放在梯形左边,底部跟左边缘与梯形对齐;然后再新建一个宽度为14.3px,高度为17px的矩形,摆放在梯形右边,底部跟右边缘与梯形对齐,如图:

AI教程!教你制作文具主题可爱贴纸插画!

7.5.1 然后分别将左边矩形混合模式改为【滤色】,右边矩形混合模式改为【正片叠底】,然后使用【选择工具】选中两个形状,在【常用工具栏】找到【自由变换工具】,选择第二个【透视扭曲】将形状做成跟下面梯形相对的形状,如图:

AI教程!教你制作文具主题可爱贴纸插画!

7.6 然后将剩余的要添加暗部跟高光的一起添加,画笔的亮部暗部就添加完毕:

AI教程!教你制作文具主题可爱贴纸插画!

7.7 现在给画笔整体添加一个底部,让他有更加圆润可爱的感觉,跟给日历制作白色底部一样,使用【选择工具】全选画笔,然后在【菜单栏】找到【对象】【路径】【偏移路径】,【位移】数值选择4px,如图:

AI教程!教你制作文具主题可爱贴纸插画!

7.7.1 【偏移路径】之后在【常用工具栏】找到【形状生成器工具(shift+M)】,按住【ALT】点击删除自己不需要的部分,如图:

AI教程!教你制作文具主题可爱贴纸插画!

7.7.2 删除完之后,可以检查一下是否还有需要删除的地方,这是为了保证边角圆润没有其他尖锐突出的地方;然后我们切换回【选择工具】,点击【路径选择器】里面的合并图层,描边关掉,填色打开,填色选择5856AF,如图:

AI教程!教你制作文具主题可爱贴纸插画!

7.7.3 然后使用【直接选择工具】点击,【Ctrl+X】剪切,选择日历底部图层,然后【Ctrl+F】原位粘贴,切回【选择工具】然后把蓝色图层右击【排列】【置于底层】这样蓝色图层就到最下面啦!

最下面的阴影也是哦!直接复制蓝色图层,颜色选择填充BDC7FF,描边关掉,向右移动,混合模式改为【正片叠底】,不透明度改为【50%】排列改为【置于底层】,这样一根画笔就做完啦!

AI教程!教你制作文具主题可爱贴纸插画!

Step 08 制作剩余画笔

8.1 将制作完成的画笔编组,然后选中按住【ALT】往旁边复制新的一个画笔,修改颜色,如图:

AI教程!教你制作文具主题可爱贴纸插画!

8.2 黄色画笔填色颜色代码为FFD400,红色画笔颜色代码为FF6700,粉色画笔颜色代码为FF9FB1,蓝色画笔颜色代码为8B88FF;

然后新建一个图层,使用【矩形工具】新建一个宽340px,高446px,圆角为20px,填色为BDC7FF,描边色为5856AF,描边大小为3px的形状:

AI教程!教你制作文具主题可爱贴纸插画!

8.3 然后我们来做笔盒的样子,使用【椭圆工具】随意在图中画出一个圆,然后在按住【ALT+Shift】键画出一个正圆放在旁边,填色都选择白色,然后【合并形状】如图:

AI教程!教你制作文具主题可爱贴纸插画!

8.3.1 之后使用【选择工具】框选紫色形状跟白色形状,找到【形状生成器工具】按住【ALt】键删掉白色形状不要的部分,然后给白色形状添加一个描边,描边色为5856AF,描边大小为3px,如图:

AI教程!教你制作文具主题可爱贴纸插画!

8.3.2 在白色形状上给他添加一点装饰,使用【矩形工具】画出一个宽300px高62px的长方形,然后画出一个宽89px高89px的正圆,摆放在形状上,他们的填充色为BDC7FF,描边为5856AF,如图:

AI教程!教你制作文具主题可爱贴纸插画!

8.3.3 然后绘制一个宽166px高32px的矩形,内圆角拉满,放在下面的长方形内,在绘制一个高25px宽25px的正圆也同样放在下面,向右复制出三个,如图:

AI教程!教你制作文具主题可爱贴纸插画!

8.3.4 接下来在上面绘制一些装饰,丰富一些细节,绿色花颜色代码为92BF43,黄色小花填色颜色代码为FFD400,红色小花颜色代码为FF6700,粉色小花颜色代码为FF9FB1,蓝色小花颜色代码为8B88FF,如图:

AI教程!教你制作文具主题可爱贴纸插画!

8.4 接下来,全选中五根画笔,【Ctrl+X】剪切,然后新建一个图层,将画笔【Ctrl+F】原位粘贴,将我们做的画笔盒子底部这个图层,也剪切到新的图层,然后将这个图层放在最下面,画笔放中间,白色图层及其装饰物放在最上面图层,如图:

AI教程!教你制作文具主题可爱贴纸插画!

8.5 然后我们开始给画笔添加亮部跟暗部,选中画笔盒子底部,给他进行扩展,在【菜单栏】找到【对象】【扩展】然后再取消编组,在属性里面调整混合模式跟不透明度,跟前面添加亮部暗部是一样的:

AI教程!教你制作文具主题可爱贴纸插画!

8.6 然后使用【矩形工具】全选,进行【偏移路径】,做好的就像下面的啦!

AI教程!教你制作文具主题可爱贴纸插画!

8.7 将日历跟画笔排列好,然后点击【窗口】【图案选项】选中日历跟画笔【Ctrl+X】剪切,然后在【图案选项】跳出来的方框中点击右上角,选择【制作图案】并【Ctrl+F】原位粘贴:

AI教程!教你制作文具主题可爱贴纸插画! AI教程!教你制作文具主题可爱贴纸插画! AI教程!教你制作文具主题可爱贴纸插画!

这里宽度跟高度的数值可以自己根据情况调整;

8.8 做好之后,在画布上面找到完成选项,这个图案就保存下来了,如图:

AI教程!教你制作文具主题可爱贴纸插画!

8.8.1 保存之后图案就到【色板】哪里保存了,使用矩形工具画出一个覆盖画布的形状,然后在【色板】里面找到图案选择:

AI教程!教你制作文具主题可爱贴纸插画!

8.9 然后保存下来贴纸就做好啦!

AI教程!教你制作文具主题可爱贴纸插画!

这样贴纸做好有点空,那就加点装饰:

AI教程!教你制作文具主题可爱贴纸插画!

最终效果图

AI教程!教你制作文具主题可爱贴纸插画!

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:jichuyingkefu2 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

10 收藏 20

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接

发表评论 已发布 1

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片