17 写实效果按钮设计.pptx

UI界面设计与制作教程;任务4写实效果按钮设计;4、制作步骤

（1）新建画布，如图146所示。;（2）拖入背景素材，如图147所示。;（3）新建一个图层，命名为Button1，选择圆角矩形工具，在画布中绘制按钮形状，如图148所示。然后打开该图层样式，为其添加5个图层效果，分别是斜面和浮雕（如图149）、内阴影（如图150）、光泽（如图151）、渐变叠加（如图152）、投影（如图153）。;;;;;（4）新建一个图层，命名为Button1文字，选择文本工具，在按钮上方输入“Button”，字体设置如图154所示，然后打开图层样式，为其添加2个效果，分别是内阴影（如图155）、投影（如图156）。;（5）新建一个图层，命名为Button2，选择圆角矩形工具，在画布中绘制按钮形状，如图157所示。然后打开该图层样式，为其添加4个图层效果，分别是内阴影（如图158）、内发光（如图159）、渐变叠加（如图160）、投影（如图161）。;（6）新建一个图层，命名为Button2文字，选择文本工具，在按钮上方输入“Button”，字体设置如图162所示，然后打开图层样式，为其添加4个效果，分别是斜面和浮雕（如图163）、内阴影（如图164）、渐变叠加（如图165）、投影（如图166）。;（7）新建一个图层，命名为Button3，选择圆角矩形工具，在画布中绘制按钮，如图167所示，然后打开图层样式，为其添加4个效果，分别是内发光（如图168）、内阴影（如图169）、渐变叠加（如图170）、投影（如图171）。;（8）新建一个图层，命名为符号1，拖入素材放到Button3上面，如图172所示，然后打开图层样式，为其添加4个效果，分别是斜面和浮雕（如图173）、内阴影（如图174）、渐变叠加（如图175）、投影（如图176）。;（9）新建一个图层，命名为圆形1，点击椭圆形形状工具，在图中绘制圆形，如图177所示，然后打开图层样式，为其添加4个效果，分别是斜面和浮雕（如图178）、内阴影（如图179）、渐变叠加（如图180）、投影（如图181）。;（10）新建一个图层，命名为圆形2，点击椭圆形形状工具，在图中绘制圆形，如图182所示，然后打开图层样式，为其添加5个效果，分别内阴影（如图183）、内发光（如图184）、颜色叠加（如图185）、渐变叠加（如图186）、投影（如图187）。;（11）选择Button3图层、圆形1图层、inner图层，复制这三个图层，如图188所示。然后按住CTRL+T，使用自由变换命令，进行水平翻转，如图189所示。;（12）新建一个图层，命名为符号2，拖入素材，如图190所示，然后打开图层样式，为其添加4个效果，分别是斜面和浮雕（如图191）、内阴影（如图192）、渐变叠加（如图193）、投影（如图194）。;（13）新建一个图层，命名为滑条，点击圆角矩形工具，在图中绘制一个矩形，如图195所示，然后打开图层样式，为其添加4个效果，分别是内阴影（如图196）、内发光（如图197）、渐变叠加（如图198）、投影（如图199）。;（14）新建一个图层，命名为进度，点击圆角矩形工具，在图中绘制一个矩形，如图200所示，然后打开图层样式，为其添加2个效果，分别是内阴影（如图201）、内发光（如图202）。;（15）新建一个图层，命名为圆形按钮，点击圆角矩形工具，在图中绘制一个矩形，如图203所示，然后打开图层样式，为其添加4个效果，分别是斜面和浮雕（如图204）、内阴影（如图205）、渐变叠加（如图206）、投影（如图207）。最后，复制Inner图层，放到图中的位置，完成制作，如图208所示。;能力拓展——党建APP按钮设计;谢谢