![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=1739284873-68qzXZSjStJAwbjLNxDGGzYBUcN0UcR2-0-3aa2c977f5799592dcf0843ae661bbc9)
图1-185
源文件地址:源文件\第1章\制作圆形立体按钮.PSD
视频地址:视频\第1章\制作圆形立体按钮.SWF
![](https://epubservercos.yuewen.com/9E4E54/16929859505304006/epubprivate/OEBPS/Images/figer192.jpg?sign=1739284873-a7QmKmiy3UfpLATrzVm2EZ97E1iMKQHg-0-e264177e07540a2cf050b4bd2e5dd3cd)
1.新建画布并填充颜色为RGB(2、107、141),使用画笔创建高光。
![](https://epubservercos.yuewen.com/9E4E54/16929859505304006/epubprivate/OEBPS/Images/figer193.jpg?sign=1739284873-0jJaT7zYBD87lqaa5zMUWQdj0uZtGVs6-0-1a20e52df16289dd5a1cef785c00f37f)
2.使用“椭圆工具”创建不同大小的正圆并创建图层样式。
![](https://epubservercos.yuewen.com/9E4E54/16929859505304006/epubprivate/OEBPS/Images/figer194.jpg?sign=1739284873-08qrhXio2cClNkg3ijEAWa1sprZVDolq-0-522ea5c3c305d394cfd811f1aa61d361)
3.使用钢笔工具创建按钮的反光。
![](https://epubservercos.yuewen.com/9E4E54/16929859505304006/epubprivate/OEBPS/Images/figer195.jpg?sign=1739284873-6QNkpzjX5CWvHWcFzrcJAnW2ns50e7Tv-0-daeb77f696957d066be218384f57a8f5)
4.使用“横排文字工具”输入文字并为文字变形。