ps怎么切图保存,Photoshop如何切图教程

Photoshop是一款灰常好的软件,可以作图,还可以用来切图。对于做前端的朋友来说用Photoshop切图再熟悉不过了。但是也有很多新手或者是业余朋友想学习用ps切图,下面呢,言小鱼就来教大家ps怎么切图保存,看看小鱼写的Photoshop切图教程吧。

操作方法

  • 01

    首先我们需要用到的文件就是psd的文件了,一般都是由设计师来完成的,我们切图也就是切psd文件,因为psd文件是分层的,所以想切哪里切哪里。

  • 02

    之后用Photoshop软件打开psd文件,这里小鱼用CC版本演示,其他版本大同小异。我们打开之后可以双击左侧的放大镜工具,将图片缩放到原图大小。

  • 03

    我们要切图,当然用到的就是“切片”工具了,可以点击左边的切片工具,也可以右击这个图标选择更多的相关工具。切图都是用切片工具。

  • 04

    选择好切片工具之后,想要切哪里就直接拖动鼠标就可以了,然后会出现切线,在切线框内右击还可以弹出菜单。

  • 05

    点击菜单的编辑切片选项还可以对切片进行编辑,可以编辑大小等项目。

  • 06

    但是如果我们只想要字怎么办,不要底层背景,那么可以用“移动”工具。选择移动工具,在不要的背景上单击,这时候在“图层”面板里面就会选中这个图层。注意勾选上面的“自动选择图层”。

  • 07

    把选中的不需要的背景前面的小眼睛去掉,最后只剩我们想要的部分。

  • 08

    然后点击左上角菜单栏的“文件”,选择“存储为web所用格式”选项。

  • 09

    如果要透明的,那么一般选择png格式,如果要非透明的,那么哪个格式存储的文件小就选择哪个,这样能保证网页加载速度快。然后点击下面的“存储”按钮。

  • 10

    然后给图片命名,选择一个保存地址,最后选择“选中的切片”,不然好多没用的图片都会保存下来。

  • 11

    最后找到保存好的图片打开,已经是一个我们想要的图片了。

(0)

相关推荐

  • PhotoShop如何切图

    作为一个想学习前端开发的程序猿,怎么能少的了PS呢,PS切图也是开发中常用的技术,那么我就详细记录一下PhotoShop如何切图,希望对大家能有所帮助 操作方法 01 首先,我们需要用PS导入psd格 ...

  • 在PS软件中抠图时抠出的图怎么单独保存

    "PS"即Adobe Photoshop,是一款非常常用的图片编辑软件,今天就跟大家介绍一下在PS软件中抠图时抠出的图怎么单独保存的具体操作步骤.1. 如图,使用PS软件,将想要抠 ...

  • 美图达人教你一幅秒变九幅图的九格切图~

    想制作属于你自己的个性图片吗?跟我学一招吧~ 跟美图达人一起学如何一幅秒变九幅图,有神技就是这么任性~ 操作方法 01 打开"美图秀秀"软件. 在网上很容易搜索到~ 02 点击右上 ...

  • 怎么在PS中将连拍的照片保存为GIF动图

    有的小伙伴拍摄了一组连拍的图片,为了使图片看起来更加生动,因此想要在PS中将照片保存为GIF动图,但是却不知道如何保存,那么小编就来为大家介绍一下吧.具体如下:1. 第一步,双击或者右击打开PS软件, ...

  • 如何利用PS Photoshop抠印章图

    今天给大家介绍一下如何利用PS Photoshop抠印章图的具体操作步骤.1. 运行PS软件后,依次点击文件---打开选项,或者按快捷键Ctrl O组合键,打开想要抠印章的图片.2. 然后按键盘上的C ...

  • 怎样将一张图片切割?美图秀秀九格切图怎么用?

    怎样将一张图片切割?美图秀秀九格切图怎么用?今天编编就和大家分享一下. 操作方法 01 想要切割一张照片,需要下载专门的软件.在此我们以电脑版美图秀秀为例.下载完电脑版美图秀秀之后,点击右上方的&qu ...

  • 美图秀秀九格切图怎么用

    美图秀秀九格切图怎么用?今天编编就和大家分享一下. 操作方法 01 下载打开电脑版美图秀秀,点击右上方的"更多功能". 02 进入更多功能之后,就会有"九格切图" ...

  • PS怎样把字体颜色填充成背景图

    Photoshop是我们日常工作中经常用到的一款图像处理软件,今天给大家分享一下,用PS怎样把字体颜色填充成背景图. 操作方法 01 打开ps软件,新建一个800*800像素的白色画布,[命名为:字体 ...

  • PHOTOSHOP封面背景图如何剪裁?

    PS 是我们现在经常使用的办公软件之一,今天小编跟大家介绍的是PS 如何裁剪封面背景图.具体如下:1. 首先我们先打开电脑中的PS,之后打开素材文件,2. 我们点击左侧工具箱一栏中的"裁剪工 ...