photoshop轻松打造IPOD效果的网页按钮
轻轻松松做一个iopd网页按钮效果图http://pic.16xx8.com/allimg/081202/0116580.jpg1、建立一个400*400的图像,背景设置为白色。 http://pic.16xx8.com/allimg/081202/0116581.jpg2、新建一个图层,使用椭圆选择工具, 按住SHIFT拉一个正圆出来,填充白色。http://pic.16xx8.com/allimg/081202/0116582.jpg3、对“圆”这层加载图形样式。实现按钮的效果全靠这一步。图层样式里有取之不尽的宝藏, 大家多发掘吧!这里我用了4种 图层样式效果。http://pic.16xx8.com/allimg/081202/0116583.jpg http://pic.16xx8.com/allimg/081202/0116584.jpghttp://pic.16xx8.com/allimg/081202/0116585.jpg http://pic.16xx8.com/allimg/081202/0116586.jpg
4、做到这一步,就是添加按 钮了。新建层,选择“自定义形状工具”,选择你需要的三角形。
、http://pic.16xx8.com/allimg/081202/0116587.jpghttp://pic.16xx8.com/allimg/081202/0116588.jpg5、按住shift拉出大小合适的三角形。http://pic.16xx8.com/allimg/081202/0116589.jpg
6、选择蒙版层,进入路径选项版,建立选区。http://pic.16xx8.com/allimg/081202/01165810.jpg7、回到图层选项版,隐藏蒙版层。点选刚才新建立的图层,出现选区填充黑 色。http://pic.16xx8.com/allimg/081202/01165811.jpg
8、CTRL+T变形这个三角形,按住shift旋转并调整到合适位置。http://pic.16xx8.com/allimg/081202/01165812.jpg
9、对三角形这个图 层加载图层样式。http://pic.16xx8.com/allimg/081202/01165813.jpg10、OK 大功告成!再 试着做个 正方形的按钮吧!http://pic.16xx8.com/allimg/081202/0116580.jpghttp://pic.16xx8.com/allimg/081202/01165815.jpg
页:
[1]