gui-47第四章软件ui设计android应用界面工具包制作实战

1、Android应用界面UI工具包制作实战主要内容学习重点：形状工具的使用图层样式的使用怎么突出写实风格的设计学习目标：熟练掌握形状工具的使用熟练掌握图层样式的使用掌握写实的设计风格接下来制作写实风格的UI工具包。步骤1：继续昨天完成UI工作包制作，首先最底背景图层。接下来步骤2：白色。制作写实风格的UI工具包。器制作，首先使用钢笔工具绘制类似于花瓣形状，建立选区，填充为接下来制作写实风格的UI工具包。步骤3：制作凹凸背景，方法同上。接下来步骤4：制作写实风格的UI工具包。图层，去掉图层样式，等比例缩小。如图：接下来制作写实风格的UI工具包。步骤5：添加图层样式-渐变叠加-颜色：# 0c0c0d

2、， 2e3033， 919599。接下来制作写实风格的UI工具包。步骤6：继续添加图层样式-斜面与浮雕。接下来制作写实风格的UI工具包。步骤7：继续添加图层样式-斜面与浮雕。接下来制作写实风格的UI工具包。步骤8：继续添加图层样式-内发光。接下来制作写实风格的UI工具包。步骤9：继续添加图层样式-光泽。接下来制作写实风格的UI工具包。步骤11：中心圆制作，绘制圆形，大小：64*64像素，填充颜色为：#96cc29。接下来制作写实风格的UI工具包。步骤12：添加图层样式-渐变叠加-颜色：# b3e648， 7bba1a。接下来制作写实风格的UI工具包。步骤13：继续添加图层样式-描边-渐变颜色：

3、# 4d4d4d， 000000。接下来制作写实风格的UI工具包。步骤14：继续添加图层样式-内阴影。接下来制作写实风格的UI工具包。步骤15：最后添加图层样式-内发光。接下来制作写实风格的UI工具包。步骤16：添加黑色圆形，大小：54*54像素。接下来制作写实风格的UI工具包。步骤17：添加图层样式-渐变叠加-颜色：#505459，252629，0b0c0d。接下来制作写实风格的UI工具包。步骤18：继续添加图层样式-斜面与浮雕。接下来制作写实风格的UI工具包。步骤19：继续添加图层样式-描边-渐变颜色：#， 4d4d4d 。接下来制作写实风格的UI工具包。步骤20：最后添加图层样式-内阴影

4、。接下来制作写实风格的UI工具包。步骤21：添加按钮，使用多边形工具绘制三角形，颜色填充为白色。如图：接下来制作写实风格的UI工具包。步骤22：添加图层样式-渐变叠加-颜色：# 8c8c8c， bfbfbf。接下来制作写实风格的UI工具包。步骤23：添加图层样式-投影。接下来制作写实风格的UI工具包。步骤23：使用圆角矩形工具绘制停止按钮，按钮的图层样式。接下来步骤24：制作写实风格的UI工具包。器2制作方法同器，如图：接下来步骤25：制作写实风格的UI工具包。制作，导入底纹背景素材，高：91像素。接下来制作写实风格的UI工具包。步骤26：水晶按钮设计，绘制圆角矩形，大小：57*57像素。步骤

5、27：添加图层样式-渐变叠加-颜色：#0c0c0d，2e3033，919599。接下来制作写实风格的UI工具包。步骤28：继续添加图层样式-斜面与浮雕。接下来制作写实风格的UI工具包。步骤29：继续添加图层样式-内发光。接下来制作写实风格的UI工具包。步骤30：继续添加图层样式-投影。接下来步骤31：制作写实风格的UI工具包。按钮文字，如图：步骤32：给按钮添加透明层，更突出水晶效果。接下来制作写实风格的UI工具包。步骤33：同理制作“案例素材”“课堂”按钮，可直接，调整颜色。接下来最终效果图制作写实风格的UI工具包。接下来制作写实风格的UI工具包。步骤34：使用以上学习的方作剩下三个工具包，大同小异。思考a)b)如何使用矩形工具？如何正确的使用图