您当前的位置:首页 > 计算机 > 软件应用 > 图形编设

ai空白按钮_AI制作空白按钮教程

时间:01-15来源:作者:点击数:

效果图

AI制作空白按钮教程

首先,在新建文档之前,要确保 AI 使用的单位是像素。

AI制作空白按钮教程(1)

新建文档,文档的大小为 320 x 480 像素,颜色模式选为 RGB,确认

AI制作空白按钮教程(2)

在默认图层里新建一个矩形,覆盖整个画板,填充颜色设置为 #E6E6E6,去掉描边,将默认图层名称改为 Backgound,并锁定这个图层,

AI制作空白按钮教程(3)
AI制作空白按钮教程(4)

在画面的正中位置附近画一个大小为 72×32 像素的圆角按钮,新建一个图层,命名为"Button"。再新建一个矩形,然后把矩形的大小设置为 72x31。

AI制作空白按钮教程(5)

选中矩形,使用「效果」-›「风格化」-›「圆角…」,给矩形加上一个 5 像素大小的圆角效果。

AI制作空白按钮教程(6)

在「外观」面板里,「圆角」添加进去了。

AI制作空白按钮教程(7)

点击「外观」面板下的「添加新填色」按钮,再新建一个填色层,颜色为纯白到纯黑的渐变,方向是从上到下,透明度为 20%,混合模式为「明度」。

AI制作空白按钮教程(8)
AI制作空白按钮教程(9)

给矩形的描边设置为一个像素,颜色为 #7F7F7F 描边。

AI制作空白按钮教程(10)

图形加上描边。

AI制作空白按钮教程(11)
AI制作空白按钮教程(12)

新建一个描边,颜色设置为纯白,内侧对齐,透明度为 50%。

AI制作空白按钮教程(13)

半透明白色描边加上一个「变换」效果,「移动」参数设置为 1 像素:

AI制作空白按钮教程(14)

按钮下凹效果

AI制作空白按钮教程(15)
AI制作空白按钮教程(16)

按钮 72×32 像素大小,

AI制作空白按钮教程(17)

边缘 1 像素粗细,圆角5 像素大小,渐变没变

AI制作空白按钮教程(18)
AI制作空白按钮教程(19)

按钮颜色,导出

AI制作空白按钮教程(20)
AI制作空白按钮教程(21)
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门