恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
釜势设计分享第十四期-饼干
0.0°
2016-10-20 原创文章 教程 举报 1614 13 8 0

大家好,釜势设计分享第十四期“饼干”跟大家见面了。落叶纷纷,秋意浓浓,天气转凉了大家注意保暖哦!




大家好


釜势设计分享第十四期


饼干


跟大家见面了


Image title






落叶纷纷


秋意浓浓


天气转凉了


大家注意保暖哦




这期分享主要讲解


Ai里面的一个很常用的功能


“外观面板”


Image title





这个面板的一些功能




可以减少工作当中的很多问题




能很大程度的提高工作效率




是不是很好奇?




那就来看下面的教程吧







Image title





1、新建一个A4横版画布





Image title




Image title



2、新建一个20px*20px的正圆




Image title

Image title




然后先一个20px*7px





Image title

Image title

Image title



合并两个形状





Image title

Image title







减去下面三个锚点








Image title

Image title



Image title




3、新建画笔


“F5键”打开画笔面板




Image title







选中第二步创建的形状


点击面板右下方


“新建画笔”按钮




选择


“图案画笔”




Image title

Image title



给画笔起一个名字


方便以后使用


这里的名字是


饼干边缘




这里只有横向和竖向的描边


转角处会有变形所以没有添加


如果你想做有转角形状的饼干


那么转角处需要手动添加上一步制作的形状






这个面板如果第一次打开


可能会有些看不懂




主要是调整最终的描边效果




稍微试验一下就会明白






点击确定之后


画笔面板就会显示出来




Image title









Image title





4、新建一个112px*112px正圆





Image title

Image title


选中正圆


在画笔面板点击新建的“饼干边缘”画笔


Image title




下面是把描边和填充扩展并且合并成一个形状




执行对象>扩展外观


Image title


布尔运算>合并






Image title

Image title



这样就做出了饼干的形状




下面就是填充颜色和装饰了









Image title





5、打开“外观面板”


快捷键:Shift+F6



Image title





改变填充色



Image title


色值:FFD17E









Image title






Image title




6、点击外观面板下方“fx”按钮


添加“内发光”




Image title

Image title

模式:叠加-黑色






Image title



Image title








Image title





7、在外观面板选择填充项


然后点击右上角按钮-复制项目




Image title



Image title







调整透明度和叠加模式


透明度:25%


叠加模式:正片叠底






Image title



Image title








Image title







8、复制一个填充色


并改变颜色




Image title

色值:D28628








选择效果>扭曲和变换>变换


垂直移动2px






Image title

Image title











Image title








9、重复上一步


复制一层填充色


改变颜色和垂直移动4px






Image title

色值:C37E21





Image title

Image title







到这里饼干的大致形状就有了




不过看着还是很蓝瘦~~




下面加上纹理就会更逼真了









Image title








10、在外观面板添加一个0.5pt的描边






Image title





F5键打开画笔面板




Image title







选择艺术效果>油墨





Image title



选择第二个





Image title



Image title


双击油墨画笔


打开设置画笔面板




Image title

Image title


通过上面这个面板可以设置画笔的属性








Image title








11、现在上一步制作的油墨画描边


有些已经分布到饼干的外面


所以这一步需要把它缩小一下






选择效果>转换为形状>矩形




Image title

Image title




形状:椭圆   宽:3   长:2



Image title


在外观面板设置油墨画笔的透明度




Image title


透明度:15%




Image title





Image title








12、在外观面板上复制一个油墨画笔描边


改为黑色






Image title







双击油墨画笔打开


画笔设置面板


调整分布




Image title




Image title




在外观面板调整描边的透明度和叠加模式







Image title



Image title




Image title




13、下面需要在饼干上面打上小孔




在外观面板上新建一个填充色


改变填充为渐变色




Image title


色值:000000;AF633E








选择效果>转换为形状>椭圆



Image title

Image title



选择效果>风格化>投影



Image title

色值:CE6713






重复上一步






Image title


色值:FFFFFF









Image title

Image title




选择效果>扭曲和变换>变换


移动小孔的位置




Image title

Image title




然后在外观面板中复制小孔的填充


并移动位置




Image title





Image title






注意:在移动小孔的时候要有规律的移动


可以按组(一组三个)移动











Image title





14、Shift+F5打开


“图形样式”面板




Image title







选中创建的饼干


在“图形样式”面板下方


点击新建样式




Image title







这样一个饼干的图形样式就创建好了






下面就试一下效果吧!


新建一个圆形




Image title



在“图形样式”面板


点击新建的饼干样式




Image title


是不是很神奇~~






提示:如果是其它形状(也可以是文字哦!


就需要调整小孔的位置







Image title



到这里饼干就制作完成了


是不是觉得外观面板很神奇


那就自己动手试一下吧





Image title









如果觉得对自己有用,记得分享给朋友哦!




------          ------

-      -

-  -

-


-欢迎大家留言讨论-



——— 源文件获取方法 ———

        

第一步:分享到朋友圈


第二步:公众号内回复 饼干


关注  釜势设计分享


Image title

微信扫一扫
关注该公众号



更新:2016-10-20

收藏

13人已收藏

南瓜飞风

设计源于分享

  • 18

    作品

  • 465

    粉丝

  • 0

    关注

  • 学会二维小动画,只需十分钟!
  • Ai打造照片级效果,get起来吧!
  • 釜势设计分享第二十二期-走进春天
  • 釜势设计分享第二十一期-毛皮文字
相关标签

    猜你喜欢

      2016-10-20 原创文章 教程 举报 1614 13 8 0

      釜势设计分享第十四期-饼干

      0.0°

      你确定要举报釜势设计分享第十四期-饼干

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年10月20日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      8
      13
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录