PhotoShop设计简洁清新的小按钮效果
2012-10-16 22:43
417 查看
本教程用PhotoShop设计简洁清新的小按钮效果,只需用图层样式即可实现,练习按钮的目的就是为了增加细节的把握,没有细节就没有好的按钮,
先看效果图:
首先,在PS里建一个324*324PX大小的文档,然后建立一个圆角矩形,大小随需要而定。
样式里的内阴影和渐变叠加参数(这些并不难,重要是有耐心调整,直到自已满意为止)。
在里面再做一个圆角矩形,然后复制一个到下面,等着做按下去的效果用。
继续调整细节。如图:
加上文字。
然后开始做按下去的效果,注意细节,观察怎样做到凹凸两种不同的感觉。
最后进行细节调整。完成!
只要耐心调整练习,看到一个按钮,不用教程把它做出来也很简单。
先看效果图:
首先,在PS里建一个324*324PX大小的文档,然后建立一个圆角矩形,大小随需要而定。
样式里的内阴影和渐变叠加参数(这些并不难,重要是有耐心调整,直到自已满意为止)。
在里面再做一个圆角矩形,然后复制一个到下面,等着做按下去的效果用。
继续调整细节。如图:
加上文字。
然后开始做按下去的效果,注意细节,观察怎样做到凹凸两种不同的感觉。
最后进行细节调整。完成!
只要耐心调整练习,看到一个按钮,不用教程把它做出来也很简单。
相关文章推荐
- 关于“按钮”按下效果两种设计方法
- Photoshop设计Mac炫彩背景效果
- Photoshop设计时尚简洁的低多边形星系风格海报教程
- Photoshop 时尚的界面设计按钮
- Photoshop详细教程七之立体按钮的明暗效果
- ASP.NET MVC快速开发框架清新简洁界面设计,有兴趣可以模仿参考
- 教你如何用photoshop几步把照片调色唯美清新的效果
- 用Photoshop设计一款质感圆形按钮
- photoshop设计漂亮炫彩的玻璃贴纸效果
- 网站div css按钮效果设计
- Photoshop设计清新风格绿色登陆框教程
- Photoshop设计简洁风格的线性ICON图标
- 在Photoshop中创作一个清新优雅的网页设计
- 纯CSS实现的3D简洁按钮设计
- 模仿支付宝banner平铺浏览器设计效果(自由创建按钮序列)
- Photoshop设计立体效果的计算机图标
- Photoshop设计简洁风格的CD包装盒效果图
- 清新风格按钮纯CSS效果
- Shaders to regulate image lightness like in PhotoShop(shader实现Photoshop的亮度调节效果,按钮变暗效果)
- 纯CSS实现的3D简洁按钮设计