本节简介:本小节开始以“音乐”图标为范例演示并讲解图标的绘制过程,本小节主要教大家如何绘制出符合要求尺寸的图标,以及如何制作本套图标中最具特色的底纹图案部分,巩固并演示了路径运算等基础知识。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
写实系图标——高光、投影。拉选取,好拉辅助线保证贴合。
制作圆角矩形,用P按出钢笔路径,然后ctrl什么的。。。我忘了。。
想底纹有立体感:隐藏上一复制的图层--打开图层样式--内阴影--角度 90--距离 2--阻塞 0--大小 2--确定。图层样式--正片叠底--复制的图层打开--阴影--距离 1--扩展 0--大小 0--阴影的图层样式(柔光 )--颜色为白色--确定--矩形图层改色
全选矩形图层蒙版--ctrl+alt+shif--点方形块的选取点--块被排除了--只有底纹--剪切底纹--复制--选择从形状区域减去
想把矩形图层蒙版跟圆形图层蒙版里:P--ctrl+alt(全选点)--剪切--确定--激活【圆角矩形蒙版】--选区--粘贴圆--底纹和方块在一起了。
圆角矩形的制作:圆的蒙版选区--P+ctrl--删除
手绘板画好的线稿处理:选择填充工具--按住ctrl变为选取工具--然后选择线条底纹--然后松开按ctrl--填充内部颜色。把线条转变成面:先扩展再扩展--选择路径查找器,然后合并--选择魔术棒工具--然后选择灰色线条,删除--然后就可以用。然后用选择工具选择全部--选择复制--回到PS中--粘贴(一定选择形状图层)
圆角矩形:先选择矩形选框图层--P--ctrl--选择上下两个点--Ctrl+T--然后横向圆角矩形--数值130--另外选其他两个点--就完成图标的外轮廓
圆角矩形的制作方式是:通过变换圆角路径垂直和水平方向两侧的描点来实现的。
什么是UI:用户界面的意思(人与软件之间的交互和体验,还有界面的整体设计。UI包括【美化设计、图形设计和用户体验设计】一个好的图标要做好UI设计,要了解用户的最佳体验。图标是附属于UI设计之下的,两个是相互相成的,缺一不可。一个好的ui设计会使软件有特性,还会让设计变得舒适和简单)ICON的翻译就是图标。
此处删除要按两次,第一次是选中没有闭合的两个点然后删除,等路径上的点都变黑再按一次删除才能达到效果
连接的时候要先把点变成直线点,不然连接的时候就会出现曲线,很难看
此处删除两个点按住ctrl+shift两个点一起选中然后删除
这里注意,p+ctrl+alt,后面不用这个很难过
路径的操作最后一步才能达到按钮所描述的功能,所以此处需要把路径先剪切再粘贴,就是为了把背景和花纹融为一体,而不出现其他混乱的效果
钢笔工具按住ctrl变为路径选择工具,再按住alt可以选择整条路径上的所有点
按p键,变成钢笔工具,在按住ctrl,变成选择工具,选择上下两个点,在按ctrl+T键
线条底纹需要转换微面的底纹,转换方式: 给线的底纹全选,选择填充工具,按住ctrl键把线条全选,输入ctrl 在底纹的内部填充上颜色。把线条扩展,再次扩展,路劲查找器,合并,就转为面了,魔棒,选灰色线条,删除,这样的面就可以拿到PS去用,选择小白,把所有的面复制,编辑,复制,回到PS中,编辑,粘贴,形状图层,确定,就复制过来了