|
四、创建水容器 第1步 设置网格线间隔为5像素。使用矩形工具(M) ，创建一个130 * 50像素的形状，设置填充颜色为R = 57，G = 181， B = 74。 选中绿色矩形，去效果>风格化>圆角。输入半径为25像素，单击确定，然后转到对象>扩展外观。 使用矩形工具(M)，创建一个90×10px的形状，设置填充颜色为R = 161，G = 218， B = 103，。选中此矩形，切换到直接选择工具(A) ，设置边角为 5像素。
第2步 在工具栏双击混合工具来打开混合选项窗口。在下拉菜单中选择指定的步数，数值为100。重新选择的两个绿色的形状，只需点击Alt+Ctrl+B组合来创建一个新的混合。最后应为图二所示。
第3步 使用矩形工具(M) ，创建一个90*5像素的形状，设置填充颜色为白色， 。 选中这个矩形，在外观面板中，选择现有的填充，改变其混合模式为叠加，不透明度为10%。去效果>风格化>圆角，输入2.5px半径，单击OK(确定)。去效果>模糊>高斯模糊，输入10px的半径，单击OK(确定)，。 然后返回到外观面板，添加第二个填充色为白色，选择它。降低其不透明度为10% ，改变混合模式为叠加，去效果>风格化>圆角。输入2.5px半径，然后单击OK(确定)。
第4步 使用矩形工具(M) ，创建一个100*25像素的形状，用如下图所示的线性渐变填充它， 。选中这个矩形，降低其不透明度为50%，改变混合模式为柔光，去效果>风格化>圆角。输入12.5px半径，然后单击OK(确定)。
第5步 使用矩形工具(M) ，创建一个130 *50px的形状，设置填充颜色为白色 。选中新矩形，切换到直接选择工具(A) 。在顶部的菜单栏的边角输入25px。
第6步 选中白色圆角矩形，然后转到对象>路径>偏移路径。位移设置为-5px，然后单击OK(确定)。选择生成的形状，复制副本(Ctrl+C>Ctrl+F)。选择副本，将其向上移动5像素。 重新选中在这个步骤做的两个形状，然后在路径查找器面板中点击减去顶层按钮。给新形状填充颜色，R = 0，G = 104， B = 56，去效果>模糊>高斯模糊。设置半径为5像素，然后点击确定。
第7步 选择所有水容器(除了白色，圆角矩形)，将这些形状编组(ctrl+G)。将白色形状置于顶层(按住Shift+ctrl+ ])，将它与新编组一起选中，在透明度面板(窗口>透明)，点击制作蒙板按钮。 如果你不是CC用户，在打开的弹出菜单透明面板，直接去制作不透明蒙版。
第8步 使用矩形工具(M) ，创建一个5*30像素的形状，用如下所示的线性渐变填充它。选中新矩形，去效果>风格化>圆角。输入2.5px半径，单击OK(确定)，然后转到对象>扩展外观。
第9步 使用矩形工具(M) ，创建一个10*20px的形状，给填充一个红色色。切换到直接选择工具(A)，选择左边的两个锚点，设置边角为2px。选中红色形状，去效果>变形>上弧形。进入如下图所示的属性，单击OK(确定)，然后转到对象>扩展外观。
第10步 禁用对齐网格(视图>对齐到网格)，然后去编辑>首选项>常规，并确保在键盘增量设置为1像素。将红色形状的填充色改为线性渐变与5×30px的圆角矩形相同的填充色。 选中这部中改变填充色的形状，并复制两个副本(Ctrl+C>Ctrl+F>Ctrl+F )。选择顶部的副本，并将其向右移动1px。重新选择两个副本，在路径查找器面板中点击减去顶层按钮。给新形状填充白色，降低其不透明度为30% ，改变混合模式为柔光。
第11步 重新选择，与手枪(一个编辑在之前的步骤)的其余部分连接的形状，去效果>风格化>阴影。进入如下图所示的属性，然后单击OK(确定)。
第12步 启用对齐网格(视图>对齐到网格)，然后切换到网格线间隔1px的。使用矩形工具(M) ，创建一个10*54px的形状，用如下所示的线性渐变填充它 。选中此新矩形，切换到直接选择工具(A)，设置边角为2px。
第13步 禁用对齐网格(视图>对齐到网格)。选中黄色圆角矩形，并复制两个副本(Ctrl+C>Ctrl+F>Ctrl+F )。选择顶部的副本，并将其向右移动1像素。重新选择两个副本，然后在路径查找器面板中点击减去顶层按钮。给新形状填充黑色，降低其不透明度为30% ，改变混合模式为柔光。
第14步 选中黄色圆角矩形，并复制两个副本(Ctrl+C>Ctrl+F>Ctrl+F )。选择顶部的副本，并将其向左移动1像素。重新选择两个副本，然后在路径查找器面板中点击减去顶层按钮。给新形状填充黑色，降低其不透明度为30% ，改变混合模式为柔光。
第15步 选中黄色圆角矩形，并复制一个副本(Ctrl+C>Ctrl+F)。。选择这个副本，将其向右移动1像素，然后复制它(Ctrl+C>Ctrl+F)。选择这个新的副本，将其向右移动1像素。重新选择在这个步骤做的两个形状，然后在路径查找器面板中点击减去顶层按钮。给新形状填充白色，降低其不透明度为70% ，改变混合模式为柔光。
第16步 启用对齐网格(视图>对齐到网格)。使用矩形工具(M) ，创建一个2*3px的形状，用如下所示的线性渐变填充它，并把它放在下图放大镜内的位置。
五、添加阴影和高光 第1步 使用矩形工具(M) ，创建一个2*15px的形状，填充黑色。选中它，降低其不透明度为30% ，改变混合模式为柔光。 再创建一个1*15px的形状，填充黑色。选中它，降低其不透明度为50% ，改变混合模式为柔光。 选中刚创建的两个矩形，将他们编组(ctrl+G )。选中这个编组，去效果>扭曲和变换>变换，勾选对称X，在副本框中输入1，，水平移动68px，然后单击确定。
第2步 使用矩形工具(M) ，创建一个1*50像素的形状，填充黑色。选中它，降低其不透明度为25% ，改变混合模式为柔光。 再创建一个3×50像素的形状，填充黑色。选中它，降低其不透明度为15% ，改变混合模式为柔光。 选中刚创建的两个矩形，将他们编组(ctrl+G )。选中这个编组，去效果>扭曲和变换>变换。设置如下图所示的属性，然后单击OK(确定)。
第3步 使用矩形工具(M) ，创建一个1*20像素的形状，使填充黑色。选中它，降低其不透明度为15% ，改变混合模式为柔光。 再创建一个2×20像素的形状，填充黑色。选中它，降低其不透明度为15% ，改变混合模式为柔光。 选中刚创建的两个矩形，将他们编组(ctrl+G )。选中这个编组，去效果>扭曲和变换>变换。设置如下图所示的属性，然后单击OK(确定)。
第4步 使用矩形工具(M) ，创建一个2*20像素和1*20像素的形状，均填充黑色，选中它们，降低不透明度为15% ，改变 混合模式为柔光。 再创建一个2*15px的和一个1*15px的形状，均填充黑色，选中它们，降低不透明度为15% ，改变混合模式为柔光。 再次创建一个2*20像素和1*20像素的形状，均填充黑色，选中它们，降低不透明度为10% ，改变 混合模式为柔光。
第5步 选中所有的形状，然后复制它们(Ctrl+C>Ctrl+F )。选中所有的形状，在路径查找器面板中点击联集按钮。给新形状填充颜色为：R = 245，G = 160 ，B = 0。
第6步 选中上一步的橙色形状，把它置于底层(按住Shift+Ctrl+ [)，然后添加1像素的黑色描边，降低其不透明度为5%，在描边的弹出面板中设置对齐面板为外侧对齐 。返回外观面板中，选择现有的填充，去影响>风格化>阴影。进入如下图所示的属性，然后单击OK(确定)。
恭喜您!大功告成! 下面是它的外观。我希望你喜欢这个教程，可以在你未来的项目中应用这些技术。
|
