Dec 27, 2011

round button using photoshop 以及 Photoshop 对齐

关于圆角按钮的制作,教程很多,大多注重于按钮的样式。这里要记的是如何控制尺寸和对齐。不涉及按钮的样式。
最终效果



主要参考Make a Simple and Modern Web UI Button in Photoshop

先建立一张大图,多大没关系。
Step2 精确控制按钮尺寸:选择 Rounded Rectangle Tool,打开 info 面板。手不要抖。拖动形成一个圆角矩形。
然后是添加按钮的样式
建立新层,写字
Step7 把按钮(不包含 background) group 在一起,复制该 group,移动该group

移动和对齐

下面说一下精确移动和对齐的技巧。photoshop view 设置:显示 extra,允许 snap, 显示 layer edge,snap to 全部。放大图
然后移动。让上下按钮的 laybe edges 重合在一起,就可以了。

最后,背景弄成透明,image->trim,删除透明像素。

0 comments: