手机网页切图图应该怎么切,和手机app的切图一样吗,我做了一张1920宽高度不限的网页图应该怎么切图

photoshop网页切图怎么用?ps网页切图图文教程
作者:佚名
字体:[ ] 来源:互联网 时间:11-12 13:04:49
photoshop网页切图怎么用?有一个网页,想把各个部分都单独切出来,该怎么办呢?这时候可以用ps对网页进行切图,下面分享ps网页切图的图文教程,需要的朋友可以参考下
网页设计在技术层面上,第一步是美工做出网页效果图,第二步就是网页前端进行网页切图。网页切图工具常用的有fireworks、PS,这里主要向各位介绍怎么使用PS进行网页切图。
1、用PS打开网页效果图PSD文件,根据网页效果图拉出参考线,同时为了方便切图可以右键点击把面板的颜色自定成对比鲜明的颜色。
2、在PS图层中找出主背景图层,如果背景图是渐变的话可以只切出一两像素,后面再代码中设置填充。
3、隐藏其他图层,把背景图切出来。如果背景图很大,可以考虑分段切出,这样可以加速网页加载。
4、切出背景后,就从上到下,先把LOGO切出。这里同样要隐藏其他图层,输出图片的时候保存文件类型选择png,因为这样可以使得图片背景透明。
5、导出图片可以选择文件&&存储为web和设备所有格式
6、在保存切出图片的时候,选择保存HTML和图片,这样导出来的就会自动生成一个网页页面和切图图片
7、在切像尾部版权部分的背景时候,发现这个是渐变图层,这样就可以只切出一个像素的长度。然后在代码中设置repeat-x横轴填充
大家感兴趣的内容
12345678910
最近更新的内容褰撳墠浣嶇疆:
闃呰?姝f枃
APP璁捐?鍜屽垏鍥惧熀鏈?煡璇嗙偣浠ュ強娉ㄦ剰浜嬮」銆怉PP璁捐?骞茶揣銆

我要回帖

更多关于 手机app切图工具 的文章

 

随机推荐