Web前端之切片

1.辅助线标好的PSD文件,(当然我不建议这样做,这样显得很乱,还影响你寻找关键处位置),如下图:

2.画出标尺的好处就是在切片是可以直接沿着标好的线切就行了(会自动对齐标线),如下图:

3.在切图片时,需要把在图片的面的图层都隐藏,再切,如下图:

4.没有小眼睛是隐藏,点一下就行了(上箭头表示显示,下箭头表示隐藏),如下图:

5.然后保存为web格式就行了。

6.储存后会在桌面发现多了个images文件夹,如下图:

7.点开发现这些就是你切好的图片。

关键字:阴影、渐变

总结:1.颜色鲜艳的图片存储为Jpg格式;

2.小图标可以存储为png格式;

3.渐变的操作步骤:右键所要渐变的图层选择混合模式最后渐变叠加即可;

4.Ctrl+R表示调出标尺。

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注