帝王谷资源网 Design By www.wdxyy.com

web前端工程师都需要做基本的静态页面,这时候就得用ps切图技术了,可能很多新手还不知道怎样用ps切图,今天小编就为大家介绍一下ps切图的流程。

软件名称:
Adobe Photoshop 8.0 中文完整绿色版
软件大小:
150.1MB
更新时间:
2015-11-04立即下载

1、首先需要用photoshop把psd源文件打开,看看源文件的整体布局。源文件是分层的,方便切图的层次。

PS怎么切图? ps从一张图片中切出一部分的教程

2、切图的工具叫做“切片”,在左侧面板可以看到。右击可以看到“切片工具”和“切片选择工具”按钮。

PS怎么切图? ps从一张图片中切出一部分的教程

3、用放大镜将所要切的图片部分放大,可以用参考线确定大小,切图是可以沿参考线切。

PS怎么切图? ps从一张图片中切出一部分的教程

4、切换到切片工具,沿参考线划出切片,右击可以看到有可以编辑切片的选项,可以设置切片像素大小。

PS怎么切图? ps从一张图片中切出一部分的教程

5、切好后就可以单击菜单栏“文件”,选择“存储为web所用格式”选项。

PS怎么切图? ps从一张图片中切出一部分的教程

6、选择要存储的切片,然后右上角可以设置图片的格式、质量大小,设置好以后就可以单击保存了。

PS怎么切图? ps从一张图片中切出一部分的教程

7、保存需要保存的切片,选择好路径即可,单击保存即完成。打开保存好的图片,如图。

PS怎么切图? ps从一张图片中切出一部分的教程

PS怎么切图? ps从一张图片中切出一部分的教程

注意事项:

注意保存时最好自己设置路径,settings选项。

相关推荐:

PS怎么使用渐变叠加效果处理图片?

PS怎么给风景图片制作卡通动漫风格效果?

PS怎么将一个矩形图片制作成一个圆角矩形图片?

标签:
PS,切图

帝王谷资源网 Design By www.wdxyy.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
帝王谷资源网 Design By www.wdxyy.com