WEB教程基地:www.91ctc.com为你搭建学习WEB技术的优秀平台
网站地图 加入收藏 设为首页
您的位置:本站首页>>平面设计>>PS切图教程:使用PS如何切图

PS切图教程:使用PS如何切图

[ 录入者:91ctc | 时间:2015-06-05 16:05:48 | 作者: 91ctc| 来源:本站原创 | 浏览: 次 ]

PS切图其实很简单,说白了,就是用“刀片”把美工设计好的效果图拆分成一小块一小块的小图片。所使用到的工具主要有切片工具、切片选择工具。

使用PS如何切图

下面举例说明。

1、打开一个PSD效果图,选择切片工具后,在效果图上划分一块切片。

用PS如何切图

2、划分后的切片四周有8个矩形锚点,调整这些锚点,可以调整切片的大小。得到满意的切片后,再按Ctrl+Shift+Alt+S键,打开“存储为WEB所用格式”窗口。

3、调整图片参数,图片格式是选GIF还是JPEG,请根据自己的实际情况选用。品质和模糊也根据实际情况选择。

4、点击“存储”按钮,弹出“将优化结果存储为”对话框。

5、这里要设置好保存类型,切片的范围,一般小编的习惯是只要选中的切片。保存类型仅限图像。这样一幅效果图中,需要哪个地方的切片,就切哪一部分的。比较自由。

6、设置好之后,点击“保存”按钮,切片就保存好了。

7、把这个切片放到你的WEB应用目录下,然后在HTML里<img src="..." width="" height="" alt="" />把你的切片路径写到你的src里即可。

PS:如果您对本文有纠错、质疑、转载、举报等问题时,请加入到网站Q&Q&群:86783981(验证信息:91ctc.com)提交您的问题,让大伙一块讨论。谢谢您的支持,计算机教程中心网将会一如既往的提供优秀资源助您一臂之力!
关闭】【返回顶部

下一篇:没有了!
您可能感兴趣的文章
91ctc.com 网络先锋,引领科技,本站原创作品[转载请注明出处]。网站Q&Q&群:86783981(验证信息:91ctc.com)
Copyright© 2010-2017 计算机教程中心网 . All rights reserved. 苏ICP备11081842号