ps设计教程:[40]切片工具如何切割网页图片

切割网页图片的目的是为了浏览网页时能够更流畅,因为如果是单张的很大的网页图片,加载速度慢~

操作方法

  • 01

    打开你做好的的网页图片

  • 02

    在你的网页图片上,要分割出来的部分,就点击左上角拖动到右下角,就会出现分割线,把需要的部分分割出来~

  • 03

    接着用同样的方法切割其它部分~

  • 04

    还可以进行微调,鼠标拖动分割线的节点可以调整~

  • 05

    切割完成,点击 文件——存储为web所用格式

  • 06

    在新的窗口中可以设置每一个切片的格式,选择gif体积相对小一些,但是图片质量会底一点,需要清晰点就选择jpg格式或者png格式,但是体积也会相对大一些,这个看情况吧~

  • 07

    最后点击存储,选择 HTML和图片,再点击保存即可

(0)

相关推荐

  • 怎么使用电脑ps软件内的切片工具

    当我们在使用电脑的时候,可以利用ps软件来处理图片,那么如果想要使用ps软件内的切片工具的话,应如何操作呢?接下来就由小编来告诉大家.具体如下:1. 第一步,打开电脑中的ps软件,然后将需要处理的图片 ...

  • PS软件中的切片工具怎么进行切图导出

    我们在自己的电商店铺上,想要给详情页的图片进行切图大小和长度的设置,可以使用PS软件中的切片工具进行切图导出,今天就跟大家介绍一下PS软件中的切片工具怎么进行切图导出的具体操作步骤.1. 首先打开电脑 ...

  • 电脑PS软件中的切片工具怎么使用

    Photoshop的简称是PS,是我们经常使用的照片编辑软件,而今天小编跟大家分享的是电脑PS软件中的切片工具怎么使用.具体如下:1. 首先我们在电脑中打开PS软件.2. 进入主界面之后我们选择&qu ...

  • ps教程:切片工具切图技巧

    ps教程之一,用切片工具来切图的技巧,对于新手学习PS很有帮助,图文教程使本文更直观. 步骤/方法 01 1.打开要分割的图片,点工具栏的切片工具. 02 2.将划分切片的水平划分为4,垂直划分为3, ...

  • ps设计教程:[42]如何三等分图片

    用ps三等分图片效果如图~ 操作方法 01 先打开图片,选择切片工具~ 02 用鼠标点击左上角,拖到右下角,将整张图片划分为一个切片区域~ 03 右击图片,选择划分切片~ 04 要纵向三等分图片,勾选 ...

  • ps设计教程:[47]用标尺工具将倾斜的图片摆正

    将倾斜的图片摆正效果对比如图~ 操作方法 01 首先打开倾斜的照片~ 02 在工具栏,选择标尺工具,如图~ 03 用鼠标沿着倾斜图片的一个角点击,按住鼠标不放,移动到另一个角,画出与照片一边平行的标尺 ...

  • ps设计教程:[48]如何量取直线的长度和水平角

    在ps中绘制了一条水平直线或者斜线,或者图片上某线段,需要知道它的长度和水平角,可以用标尺工具来测量~ 操作方法 01 先用画笔工具绘制一条直线~ 02 在工具栏中选择标尺工具~ 03 鼠标点击直接的 ...

  • ps设计教程如何用吸管工具吸取颜色

    如今,PS软件的应用越来越广泛啦!在平面设计中,我们如何选择自己喜欢的颜色呢?看看这个教程就知道啦! 操作方法 01 如图,在PS左边的工具栏中找到吸管工具,点击选择吸管工具. 02 用鼠标选择你所需 ...

  • ps设计教程:[8]photoshop新建预设画布

    如果是经常用到某一尺寸的画布,那就新建一个预设的画布呗~以便下次直接套用~ 操作方法 01 点击文件--新建 02 先填一个名称,如果用于网页设计,画布大小的单位,一般选择 像素,分辨率选择 72 0 ...