![Illustrator创意绘图与典型设计120例(中文版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/999/653999/b_653999.jpg)
Lesson2 VIP卡设计
创意分析
本实例是为“miss cute”服饰绘制的一张双面VIP卡,卡片中采用了卡通的女孩形象和绚丽的颜色搭配,体现了“miss cute”服饰的品牌特色。时尚的卡片背景设计,极大地迎合了年轻消费者追求时尚与美的心理,同时也兼具收藏价值。
功能应用
钢笔工具、文字工具、镜像工具、渐变工具、圆角矩形工具、矩形工具。
文件路径
Chapter 1\Lesson2\Complete\VIP卡设计.ai
step 01 新建一个文档,使用【钢笔工具】 绘制出女孩外形,并填充为“黑色”,无描边,如图1-28所示。绘制女孩的皮肤,并填充颜色(C=5 M=10 Y=10 K=0),无描边色,如图1-29所示。绘制女孩的衣服,并填充颜色(C=0 M=100 Y=10 K=0),无描边色,如图1-30所示。
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0015_0004.jpg?sign=1739084444-qbR6HQtlqAR9KsU4WRVo5u00fauj687i-0-094510d8c581daa1e720fa54327e7bc6)
图1-28 绘制女孩外形
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0015_0005.jpg?sign=1739084444-9WAGsrt2RBTNz3NwxPaT2QLc7tRX2Lyu-0-324afc1a0a958b8a8e0e2b9fdea14733)
图1-29 绘制女孩的皮肤
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0015_0006.jpg?sign=1739084444-cDcdlAVmzleKej1rcrXmyGmTWtM5wWpD-0-9edefecd85c8c7343c5d612f83ec2d80)
图1-30 绘制衣服
step 02 使用【钢笔工具】在女孩脸部绘制眼睛外形,并填充黑色,如图1-31所示。在眼部绘制眼珠外形,并填充为“白色”,如图1-32所示。再绘制眼影外形,并填充颜色(C=20 M=0 Y=0 K=0),如图1-33所示。
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0016_0001.jpg?sign=1739084444-WSbGDnikAcZwHSa6NM1qQOrxGrsaUlP2-0-06f227b0ca1a83f938fc8d16b5601c60)
图1-31 绘制眼睛描边
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0016_0002.jpg?sign=1739084444-oz6KrNJktzp4sjhEUbK0h4YVa8lyiDxo-0-6b63f225ace1562180d99982c7f1f7e3)
图1-32 绘制眼球
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0016_0003.jpg?sign=1739084444-TIbkyNiKrTfiUeqR8P2Hi4P5sHQKW45j-0-77cd22a7f8b5cfa7ecc888e5b8be803c)
图1-33 绘制眼影
step 03 在脸部的适当位置绘制嘴唇外形,并填充颜色(C=0 M=60 Y=0 K=0),如图1-34所示。在嘴唇中绘制唇线的外形,并填充为“黑色”,效果如图1-35所示。
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0016_0004.jpg?sign=1739084444-vGxwBoin99n0iHQd57Gx8SzZggasHhvn-0-df859a3f15d53e040621ad621d9b9aa9)
图1-34 绘制嘴唇
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0016_0005.jpg?sign=1739084444-bjMVDgXpgcpH5NLtrNDiRqqhqnKylqJP-0-664cb349d748870c43def74693b843a3)
图1-35 绘制完成效果
step 04 分别绘制鞋子的各部分造型,如图1-36所示。依次填充颜色(C=22 M=15 Y=0 K=0),(C=50 M=100 Y=0 K=0)和(C=100 M=0 Y=0 K=0),无描边色,如图1-37所示进行排列。
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0016_0006.jpg?sign=1739084444-2Lft5IpbSDs0rzTPolLFkJFe214VAiVx-0-cb776fcffec2340d37d948e7b9774156)
图1-36 绘制鞋底
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0016_0007.jpg?sign=1739084444-Xp2PETpARMbjUBPadG1aYN2ogYiSwz9s-0-af15bf4348f778b1909ac009c2b684ee)
图1-37 绘制鞋面与装饰
step 05 使用【钢笔工具】 绘制一个心形,设置填充色为“白色”,描边色为(C=50 M=100 Y=0 K=0)色,如图1-38所示。输入文字“miss”和“cute”,设置字体为“child' s play”,填充颜色(C=0 M=100 Y=0 K=0),无描边。在原位复制文字,设置填充色为无,描边色为“黑色”,并设置适当的描边宽度,效果如图1-39所示。
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0016_0009.jpg?sign=1739084444-O5NDhN9Bv4EZvXGOJMDYDd297pw1rv0G-0-04ea952b027eb7842b4df35dd9d49239)
图1-38 绘制心形
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0016_0010.jpg?sign=1739084444-pOeLlXJvKCQAsVwj1a9udi9SUZhFiuYo-0-92fbbad07e3705dda3806bfcb26410c7)
图1-39 文字的完成效果
step 06 使用【圆角矩形工具】 绘制一个圆角矩形,填充径向渐变颜色从(C=0 M=0 Y=20 K=0)到(C=10 M=80 Y=0 K=0),如图1-40所示。使用【钢笔工具】
绘制花纹,如图1-41所示。填充颜色(C=10 M=0 Y=0 K=0)并去掉描边,如图1-42所示。
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0017_0003.jpg?sign=1739084444-HM0j9UOZ5Jhwb2eEavEdtvDvTes2Ki19-0-58c22be8dbbe457962589cac5b583730)
图1-40 对象的填充效果
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0017_0004.jpg?sign=1739084444-xZgDaDerYHCZRKrKxqMVQPw48xFah6xP-0-d8ce49385dc2e1372d42d8dccc56d41b)
图1-41 绘制外形
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0017_0005.jpg?sign=1739084444-xSTah5LTjI4xfmu4PXun8VQMnslt3nsY-0-e26778d91a96a4b09f931d7aafbdcf04)
图1-42 填充效果
step 07 在【透明度】面板中,设置花纹的不透明度为“20%”,如图1-43所示。按住【Alt】键并拖动花纹,进行复制。使用【镜像工具】 镜像复制的花纹,并移动到适当的位置,效果如图1-44所示。
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0017_0007.jpg?sign=1739084444-kw6pSebzvKdAhhUa3o9x0acuYu6eVuQB-0-7f3c7f98922f299f367a6b9dc9179a10)
图1-43 设置透明度
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0017_0008.jpg?sign=1739084444-yBmW6ydUyUF68ye03gHTjYviwEgxDRT3-0-7bc07c187e3a15024cad13bb28113772)
图1-44 镜像对象的排列位置
step 08 使用【矩形工具】 绘制一个矩形,填充径向渐变色从“白色”到(C=50 M=100 Y=10 K=0),并设置不透明度为“50%”,如图1-45所示。置入本书配套光盘中的文件“Chapter 1\Lesson2\Media\花纹.ai”,分别调整各个对象的大小,并进行排列,如图1-46所示。
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0017_0010.jpg?sign=1739084444-164aUPJTPp5BcjgWJvNPRlI34nkDayMU-0-b03940427a9dd7fdd21d759d376c7d5c)
图1-45 绘制矩形
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0017_0011.jpg?sign=1739084444-Ms4A65Trf7yR2ia2l6NqDRqfcUiXU3CB-0-8b50f5416633bf23be775b58ccdeaf7e)
图1-46 排列完成效果
step 09 将前面绘制的女孩、心形和文字进行排列,如图1-47所示。群组后放置在画面中,效果如图1-48所示。
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0017_0012.jpg?sign=1739084444-eMVW3WS4P3OKcGKYghCkISqCS3HzXDgp-0-623462b544a9887123caaeb98489ac16)
图1-47 群组对象
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0017_0013.jpg?sign=1739084444-5YkmDV6xFIIerxzHiUYl1tLDKnYg8Y8D-0-65876573a51a7b5ba5946b0898ef0647)
图1-48 对象放置的位置
step 10 复制画面背景中的圆角矩形,并将其置于最上层。使用【选择工具】 框选所有对象,单击鼠标右键,在弹出的快捷菜单中,选择【建立裁切蒙版】命令,将圆角矩形以外的所有图形裁切掉,VIP卡的正面绘制完成,效果如图1-49所示。
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0018_0002.jpg?sign=1739084444-yPqDFzRFxOssp7Agj82WFlAByGlAA95t-0-e881e16d5e4272aa7d11f1bb346dc7b7)
图1-49 正面完成效果
step 11 绘制一个矩形,填充颜色(C=0 M=100 Y=0 K=0),如图1-50所示。使用【椭圆工具】绘制一个圆形,填充为“白色”,无描边。使用复制与再制命令,制作出圆形的排列效果,如图1-51所示。群组所有圆形对象,并设置不透明度为“15%”,效果如图1-52所示。
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0018_0003.jpg?sign=1739084444-AbdDywwmDVqlLgSgSOwsMzYy0Xl5gyph-0-3d2e36ac86127fea7cf001e12edb8671)
图1-50 绘制矩形
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0018_0004.jpg?sign=1739084444-QF5RNUaSdetdQon6SqYXHxK6moPOhwrP-0-c0d2274406029b321eb156681c099975)
图1-51 圆形的排列效果
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0018_0005.jpg?sign=1739084444-rdGD1ZuSuaVA4ivnn8PrUaxHOkPuDqbn-0-711d33e1a5329619c5c67a98de21eca3)
图1-52 设置透明度
step 12 使用【直接选择工具】 选择正面卡片中的圆角矩形,分别按快捷键【Ctrl+C】和【Ctrl+V】,复制圆角矩形。将复制的圆角矩形移至上一步绘制的圆形图案上,并调整至最上层,效果如图1-53所示。
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0018_0007.jpg?sign=1739084444-KZmFfFujZhObgQPxhMfvEJGHZTZju54z-0-6198843f4e905852bae4a62f11c1d022)
图1-53 矩形的排列位置
step 13 选取所有对象,单击鼠标右键,在弹出的快捷菜单中,选择【建立裁切蒙版】命令,裁切效果如图1-53所示。将此图案作为背面卡片的背景,如图1-54所示。
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0018_0008.jpg?sign=1739084444-mSYoviTKItwmG3MprH0lCa5mfW8FXYG6-0-5206ceeb696a0c10d402249bfb698752)
图1-54 裁切完成效果
step 14 绘制填充颜色为(C=0 M=10 Y=0 K=0)的矩形,将其放置在背面卡片中的适当位置,如图1-55所示。置入本书配套光盘中的文件“Chapter 1\Lesson2\Media\卡通字.ai”,调整文字的大小后,放置在适当的位置,如图1-56所示。
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0018_0009.jpg?sign=1739084444-2UJPboTsY4JFCWs1hChraOWM9uoU4FoM-0-7ad9a0c31d5483cb12b48b1ca22a7c33)
图1-55 绘制矩形
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0018_0010.jpg?sign=1739084444-kGHHu7Bdm7jFBcmEwiNxvParyXFNbsK7-0-d0cfa3748baf99894a7d4ad7de9d6d24)
图1-56 置入对象放置的位置
step 15 使用【直线段工具】 绘制一条直线,设置其描边色为(C=0 M=100 Y=0 K=0),如图1-57所示。在背面卡片中输入所需的文字,并如图1-58所示设置文字的颜色和字体。
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0019_0002.jpg?sign=1739084444-1M8QsyWGwqKwF8jaFGy6jjLjhGrHGE0O-0-0e3926792cb2e588f7a946d5e6a51cb5)
图1-57 绘制直线
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0019_0003.jpg?sign=1739084444-3W0fOWsmGstXUISZnd3W5kZM1w4D7oyB-0-12e6bd78847188ef36e49f420ade6d82)
图1-58 添加文字
step 16 分别选取卡片正面和背面中的所有对象,按快捷键【Ctrl+G】进行群组。执行【效果】→【风格化】→【投影】命令,设置投影参数,如图1-59所示。完成效果如图1-60所示。
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0019_0004.jpg?sign=1739084444-0kvUoRaujOtpLCI22HFoz2uXmgeuMhYv-0-e829904c03201893e7c7a05770005c85)
图1-59 设置【投影】对话框
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0019_0005.jpg?sign=1739084444-0NZdvgknD89DLrz7a6RTpLmkZbsqH6B0-0-158bf9ef3e0189ed7d1886d8ad7e37c4)
图1-60 正面与背面的完成效果
step 17 置入本书配套光盘中的文件“Chapter 1\Lesson2\Media\背景.ai”,并调整大小。在对象上单击鼠标右键,在弹出的快捷菜单中,选择【排列】→【置于底层】命令,将其置于底层,如图1-61所示。将绘制好的卡片放置于背景画面的适当位置,并调整大小,至此本实例制作完成,最终效果如图1-62所示。
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0019_0006.jpg?sign=1739084444-kCq5xi1YwdJCbC4NmqHbwGRU5MY2jJm0-0-7adbcc1da42c8bd562d4fbfb2edfc0db)
图1-61 执行【置于底层】命令
![](https://epubservercos.yuewen.com/C8CFA4/3591140804528701/epubprivate/OEBPS/Images/figure_0019_0007.jpg?sign=1739084444-RnFDXGl8ZGXOzX8Lbow8b4GsI1FnJdRK-0-414b45d477f2e97f94be3f2ea53607db)
图1-62 本实例完成效果