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

  发布时间:2016-09-13 16:57:35   作者:佚名   我要评论
PS怎么切图?ps中想使用切图功能将图片中的一个部分或者图表单独存为web文件,下面我们就来看看ps从一张图片中切出一部分的教程,需要的朋友可以参考下

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

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怎么快速切换图纸的前景色和背景色?

    PS怎么快速切换图纸的前景色和背景色?我们知道ps中的图层分为前景色和背景色,如果需要快速的切换前景色和背景色,该怎么切换呢?下面我们就来看看详细的教程,需要的朋友
    2016-08-30
  • ps快速裁图、切片方法介绍

    这篇教程是向脚本之家的朋友分享ps快速裁图、切片方法,教程真的很不错,比较基础,适合新手来学习,来看看吧
    2016-08-16
  • photoshop怎么切图?PS切图方法汇总

    网页设计中最常用的切图工具还是photoshop,那么photoshop怎么切图?下面小编就为大家详细介绍PS切图方法,不会的朋友可以参考本文,来看看吧
    2016-06-27
  • PS制作淘宝详情页及切图导出方法图解

    这篇教程主要是向脚本之家的朋友分享PS制作淘宝详情页及切图导出方法,教程比较基础,适合新手来学习,推荐到脚本之家,喜欢的朋友可以参考一下,希望能对大家有所帮助
    2016-05-12
  • PS切图后图片大小过大的几种常用解决方法

    下面小编为大家分享PS切图后图片大小过大的几种常用解决方法,教程真的很不错,对于不知道怎么解决的朋友可以参考本文,希望能对大家有所帮助
    2016-04-18
  • PS切片工具将一张大图做成切片并添加网址

    这篇教程是向脚本之家的朋友分享PS切片工具将一张大图做成切片并添加网址方法,教程比较从技术,适合新手来学习,推荐过来,一起来学习吧
    2016-03-14
  • ps修图之淘宝宝贝详情页切图制作教程

    刚开网店,不知道该怎么修图,今天我们就来简单介绍一下ps中怎么制作淘宝详情页的宝贝图片,其中有几个注意事项,下面分享p图的过程,需要的朋友可以参考下
    2016-01-26
  • photoshop网页切图怎么用?ps网页切图图文教程

    photoshop网页切图怎么用?有一个网页,想把各个部分都单独切出来,该怎么办呢?这时候可以用ps对网页进行切图,下面分享ps网页切图的图文教程,需要的朋友可以参考下
    2015-11-12
  • PS切片工具把图片均匀分成多个等份 并保存

    这篇教程是向脚本之家的朋友介绍PS切片工具把图片均匀分成多个等份并保存,教程真的很不错,很适合新手来学习,推荐到脚本之家,喜欢的朋友,一起来看看吧
    2015-10-13
  • PS切图经验技巧分享

    这篇教程是向脚本之家的朋友介绍PS切图经验技巧,教程比较实用,很适合新手来学习,推荐到脚本之家,喜欢的朋友可以过来吧
    2015-06-11

最新评论