当前位置:首页 >ui设计培训

ps怎么切图

端庄正白昼作者:端庄正白昼 发布时间: 2023-06-06 08:43:32 浏览量:3269次

一、什么是切图


切图的意思就是,把网站设计图切成一片片的,然后再经过div+css功能实现出我们想要的效果,也要把零碎的图片整合成一张完整的网页图片;切图的属性作用是前端,负责对网站设计图功能的实现,尤其是div+css等功能。

15786412502331519865.png


二、为什幺要切图


整张的详情页尺寸一般文件比较大,占比内存太多,用户在打开页面查看的时候很容易影响到运行的流畅度。切图之后可以减小文件大小并且提高加载的速度,从而使用户的浏览体验感更好。 除此之外也可以防止盗图,而且图片成为一块一块的,这样在一些部分添加链接的时候会很方便。


ps怎么切图


三、ps怎么切图


1、首先我们将目标图片拖入到ps的界面中

2、然后我们通过快捷键ctrl+r调出参考线

3、然后我们可以将参考性拖拽到需要切割的部分中去

4、继续在左边的工具栏中找到切片工具并点击

5、下一步我们需要点击【基于参考线】的切片。

6、最后将详情页存储为web所用格式保存就完成切图操作了。

火星时代教育 影视学院刘老师,为你解答

相关文章

最新发布

优秀作品赏析

  • ****期学员周亚敏作品

    作 者:周亚敏

    所学课程:****期学员周亚敏作品

  • 2108期学员张胜南作品

    作 者:张胜南

    所学课程:2108期学员张胜南作品

  • ****期学员张丽作品

    作 者:张丽

    所学课程:****期学员张丽作品

  • ****期学员扆萌洋作品

    作 者:扆萌洋

    所学课程:****期学员扆萌洋作品

  • 微信扫码在线答疑

    扫码领福利1V1在线答疑

    点击咨询
    添加老师微信,马上领取免费课程资源

    1. 打开微信扫一扫,扫描左侧二维码

    2. 添加老师微信,马上领取免费课程资源

    ×

    同学您好!

    您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
    确定