![Photoshop UI交互设计](https://wfqqreader-1252317822.image.myqcloud.com/cover/826/31262826/b_31262826.jpg)
上QQ阅读APP看书,第一时间看更新
1.4 扩展练习
本实例制作了一款立体感很强的按钮。其中红色按钮使用“内阴影”样式体现立体感,高光部分是由画笔绘制出的。此外实例中还用到“变形文字”功能,将一排文字扭曲为上弧形,以贴和弧形的按钮,最终效果如图1-185所示。
![](https://epubservercos.yuewen.com/9E4E54/16929859505304006/epubprivate/OEBPS/Images/figer191.jpg?sign=1739314199-gIJD9KGzOxTF95HAI5iK85x8UgniBO9X-0-f55259e8509f14d233a001d631b13cf8)
图1-185
源文件地址:源文件\第1章\制作圆形立体按钮.PSD
视频地址:视频\第1章\制作圆形立体按钮.SWF
![](https://epubservercos.yuewen.com/9E4E54/16929859505304006/epubprivate/OEBPS/Images/figer192.jpg?sign=1739314199-4YgWA4UbYkrG3fiTcFaaOZahSOXn5w5I-0-dbdba58304a1d276b844f91c5d52ef62)
1.新建画布并填充颜色为RGB(2、107、141),使用画笔创建高光。
![](https://epubservercos.yuewen.com/9E4E54/16929859505304006/epubprivate/OEBPS/Images/figer193.jpg?sign=1739314199-PJU6S6mYp4xV7nrFwuIyC9tYgqOop3TO-0-7bed5e6435543155afd371455d53340c)
2.使用“椭圆工具”创建不同大小的正圆并创建图层样式。
![](https://epubservercos.yuewen.com/9E4E54/16929859505304006/epubprivate/OEBPS/Images/figer194.jpg?sign=1739314199-isEvJJo6adMxERxx9l7aMPfumytPb42t-0-e4d48fd09e3d386c4dc8245f1ccef830)
3.使用钢笔工具创建按钮的反光。
![](https://epubservercos.yuewen.com/9E4E54/16929859505304006/epubprivate/OEBPS/Images/figer195.jpg?sign=1739314199-LjWRZbcPpQPWkKVt3PYEo0XyfXrCfCmw-0-ca215d73c68b0a3465f56d3f2c754f2a)
4.使用“横排文字工具”输入文字并为文字变形。