AI怎么制作一个简单的店铺图标?

所属分类: 平面设计 / Illustrator教程 阅读数: 1767
收藏 0 赞 0 分享

店铺图标怎么做?屋顶、凉蓬的形状怎么做?这里我将给大家具体讲讲简单的店铺图标的制作方法。

1、使用矩形工具绘制一个矩形,宽高比大约为2:1

2、再画2个矩形:1个做窗,1个做门。

3、选中所有的矩形,然后执行【对象】菜单——路径——偏移路径

4、弹出【偏移路径】窗口:勾选【预览】,位移:输入-5px,确定。

注:偏移路径数值根据原始矩形大小而定

5、选中店铺外框,填充灰色#BCBDBF。

6、店铺偏移形状填充径向渐变:#EFEFEF~#D3D3D4渐变过渡

7、选中窗和门,填充深灰:#4E5151。

8、选中窗和门偏移形状,填充线性渐变:#8E8F93~#4D4D4F过渡。【渐变】面板:渐变角度:90度。

9、选中窗和门偏移形状,继续执行【对象】菜单——路径——偏移路径。偏移-5px,确定。

10、选中新的窗和门的偏移形状更改渐变颜色为:径向渐变#9AD2F1~#58A8DD过渡。

11、选中新的窗和门的偏移形状,按CTRL+C复制,按CTRL+F粘贴在前面。

12、创建一个矩形,然后按住SHIFT键将它旋转45度角,然后把它调整到相应位置,如图。

13、选中矩形和门,切换到【路径查找器】面板,点击【交集】。

14、选中执行【交集】后生成的图形,填充线性渐变:白色不透明度45%~白色0%不透明度,然后使用渐变工具调整渐变。

15、重复前面的步骤

16、继续在下面绘制一个矩形,填充线性渐变:#4D4D4F~#939498,渐变角度:90度

17、选中底部的长矩形,按CTRL+C复制,按CTRL+F粘贴在前面,高度缩小。填充:浅灰——白——浅灰(#8A8B8F)。继续画窗台长矩形,填充:#96979C——#7C7D82,渐变角度:-90度

18、绘制门把手,填充深灰色。

19、开始创建屋顶:先画一个矩形,填充红色,执行【效果】菜单——风格化——圆角。弹出【圆角】窗口:勾选【预览】,半径:输入20px

20、然后执行【对象】菜单——扩展外观

21、画一个矩形如图所示,然后选中矩形和圆角矩形,切换到【路径查找器】面板,点击【减去顶层】按钮。

22、然后选中第1个圆角矩形,按ALT键平移复制。然后每隔1个圆角矩形填充白色然后选中所有屋顶元素按CTRL+G编为一组。

23、选中屋顶,执行【效果】菜单——变形——凸出。

24、弹出【凸出】窗口:勾选【预览】,选中【垂直】,弯曲:40%,扭曲:28%,确定,然后执行【对象】菜单——扩展外观

25、红色的更改为线性渐变:#DF2437、#E4645B、#D30726、#B40421。

26、白色的更改为线性渐变:#EAE9EB、白、#E5E5E7、#B6B7BB。

27、选中屋顶,按CTRL+C复制,按CTRL+B粘贴在后面。解散屋顶群组,执行【路径查找器】面板里的【联集】。然后选中店铺外框,按CTRL+C复制,按CTRL+F粘贴在前面。选中复制屋顶和复制店铺外框,切换到【路径查找器】面板,点击【交集】。

28、屋顶阴影填充线性渐变:#B7B8BC~#6D7178渐变过渡,渐变角度:90度

29、选中最下面的底座,按CTRL+C复制,按CTRL+F粘贴在前面,然后把它上移到屋顶上,并且缩放到屋顶宽度。

30、然后画一个椭圆,填充径向渐变:黑白渐变。

31、然后把它压扁缩小,切换到【透明度】面板:混合模式更改为正片叠底。这里我还对一些灰做了细节上的调整,这个用户可以在实际操作中从自己的视觉角度出发做一些细节上的调整。

32、到此最后的成品图如下:

相关推荐:

Ai怎么绘制救护车的图标?

Ai怎么绘制卡通太阳的小图标?

Ai怎么绘制密封袋? Ai绘制牛皮档案袋图标的教程

更多精彩内容其他人还在看

ai怎么绘制蝶恋花的插画矢量图?

ai怎么绘制蝶恋花的插画矢量图?ai中想要绘制蝴蝶围绕花朵起舞的画面,该怎么绘制这个蝶恋花的插画呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么设计砖砌拱形桥矢量图? ai砖桥的绘制方法

ai怎么设计砖砌拱形桥矢量图?ai中想要制作一个拱形桥,该怎么绘制红砖砌成的拱形桥呢?下面我们就来看看ai砖桥的绘制方法,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么设计纹理样式的草色粗布料素材?

ai怎么设计纹理样式的草色粗布素材?ai中想要制作一个粗布料,该怎么制作绿色纹理的粗布料呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么制作虫子的剪影效果? ai画虫子影子的教程

ai怎么制作虫子的剪影效果?ai中想要绘制一个虫子的影子效果,该怎么制作虫子剪影矢量图呢?下面我们就来看看ai画虫子影子的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么使用画笔工具给图片添加雾霾效果?

ai怎么使用画笔工具给图片添加雾霾效果?ai导入的图片想要添加灰蒙蒙的效果,感觉像是雾霾很严重的样子,该怎么制作这个效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么设计书签素材? ai绘制便签的教程

ai怎么设计书签素材?书签便签是我哦们生活中常常会用到东西,想要设计一款书签宾倩,该怎么设计呢?下面我们就来看看ai绘制书签的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么画指南针标志? ai设计指南针图形的教程

ai怎么画指南针标志?ai中想要画一个指南针图形,该怎么绘制指南针呢?下面我们就来看看ai设计指南针图形的教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

ai膨胀工具怎么给五角星制作圆球角度?

ai膨胀工具怎么给五角星制作圆球角度?ai中绘制的五角星想要将尖角变成圆球效果,我们可以使用膨胀工具来实现,下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么快速创建按钮? ai符号库调用按钮的教程

ai怎么快速创建按钮?ai中想要创建一个按钮图形,该怎么绘制按钮呢?下面我们就来看看ai符号库调用按钮的教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

ai怎么绘制多彩的放射图形? ai放射线标志图形的画法

ai怎么绘制多彩的放射图形?ai中想要设计一款放射效果的图形,该怎么绘制呢?下面我们就来看看ai放射线标志图形的画法,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多