ps切片工具吧图片转成网页格式
PhotoShop中:切片工具是该软件自带的一个平面图片制作工具。切片工具:将一个完整的网页切割许多小片,以便上传。是将我们设计的网页设计稿切成一片一片的,或一个表格一个表格的,这样我们可以对每一张进行单独的优化,以便于网络上的下载。可以做成网格的
先看效果图。
新建文档,尺寸自定,背景黑色。建新层,画一圆角矩形。
添加图层样式。
得到下图效果。
下面制作按钮。建新层,画一圆角矩形。
添加图层样式。
得到下图效果。
建新层,调出圆角矩形选区,白到透明直线渐变。
去掉选择,ctrl+J复制渐变层,画一矩形选区,删除,回到原层,画一矩形选区,反选删除。
复制2层,排列如下,可以适当缩放一下。
输入文字,最终效果如下。
先看效果图。
新建文档,尺寸自定,背景黑色。建新层,画一圆角矩形。
添加图层样式。
得到下图效果。
下面制作按钮。建新层,画一圆角矩形。
添加图层样式。
得到下图效果。
建新层,调出圆角矩形选区,白到透明直线渐变。
去掉选择,ctrl+J复制渐变层,画一矩形选区,删除,回到原层,画一矩形选区,反选删除。
复制2层,排列如下,可以适当缩放一下。
输入文字,最终效果如下。