用PS将图片做切片效果
有很多新接触平面的朋友想做网页设计,但是做出的页面一般尺寸比较大,如果一个页面放很多链接的话,怎样实现点不同的部分可以指向不同的链接呢?今天先跟着小编学第一步,将已经做好的图片做切片处理。
1、首先,打开PS软件(为了方便书写,后边的photoshop一律简写为"PS")
2、在最上层的菜单栏选择“文件”→“打开”→选择要做切片的图片
(也可以直接使用快捷键:ctrl+o)
3、然后再左侧找到下图所示的“切片工具”图标,左键长按一秒左右,会出现下图所示的子菜单,选择第二项。
4、这时候原来的鼠标指针会变成切片刀的样子,然后鼠标左键点击图片左上角并开始拖拽,注意这期间不要松开鼠标,拖拽出来的形状就是你的一个切片了,切片的左上角有个数字的标示。有几个切片就会有几个数字~
5、这样手动切片就完成了,你可以不局限于总左上角开始,甚至你可以从中间开始拖拽~PS会自己帮你在周围做好切片~像是下图这样。
(蓝色数字是手动切片,灰色是ps自动生成的切片)
6、做好切片后,在首行菜单栏选择”文件“→”存储为WEB和设备所用格式“,进入保存切片的对话框。
7、在保存页面,选择保存的图片格式,默认我是选JPG的,当然网上常用格式gif或者png都是可以的。然后选择品质,默认是100,数值月底,图像越不清晰,但是大小会越小。
选好后,选择下方的存储。
8、在新的对话框里选择切片们被存放的位置→编写文件名→选择格式(HTML和图像/仅限图像/仅限HTML),只要切片图的话,一般我们选择”仅限图像“就好。最后点击”保存“,切片就正式被存储好了。
9、最后,在你之前设置好的位置,会自动生成一个名为”inage“的文件夹,这个里面按次序排列着你所有的切片们。
以上就是用PS将图片做切片效果方法介绍,操作很简单的,大家按照上面步骤进行操作即可,希望能对大家有所帮助!
相关文章
ps一直闪退是什么原因? Photoshop闪退原因及解决方案
在使用过程中,Photoshop总是会无缘无故地自动退出,这不仅打断了工作流程,还可能导致未保存的更改丢失,令人头疼不已,本文将深入剖析Photoshop自动退出的原因,并提供相2024-07-04怎么优化PSD文件? 有效防止Photoshop崩溃卡死的技巧奥
明就几个图层,并没有引入什么大型图片,但是 PSD 文件却异常巨大,而且用起来经常卡顿?下面我们就来看看pds文件优化方法2024-05-25- 将多个图层合并为一个图层,但作为设计师你需要了解一下合并图层是有破坏性的,下面我们就来详细介绍一下2024-05-25
- 通常是因为Photoshop使用的暂存盘空间不足,导致无法正常工作,那么,如何解决这一问题呢?本文将为您提供详细的解决方案2024-05-25
- ps导出文件的时候,可以直接存储,也可以另存存储为,这两个操作有区别吗?新手该怎么保存文件呢?详细请看下文介绍2024-03-28
ps beta ai显示高峰需求进不去怎么办? psai高峰期需求用不了解决办法
PSBetaAI2023加入了AI的功能,在使用过程中,有时会遇到一个令人烦恼的问题,那就是PhotoshopBetaAI提示我们正在面临高峰需求,请稍候再试,针对这个问题,本文为大家整理2024-03-28ps段落两端对齐不能用怎么办? ps文字排版不能对齐的修复技巧
PS进行设计时,段落两端对齐是一个常用的排版功能,它能让文本看起来更加整洁和专业,然而,许多用户在使用PS时可能会遇到一个令人头疼的问题:段落两端对齐功能似乎不起作2024-03-09- PS插件是许多人常用的一种工具,有些用户可能会困惑,不知道应该将PS插件安装到哪个文件夹,对于这个问题我们需要从多个角度进行分析,以便给出一个准确的答案2024-02-20
ps打开出现dll文件丢失怎么办 ps提示缺少dll文件的详细修复方法
打开ps时,系统提示缺少DLL文件,这通常意味着应用程序无法找到它所依赖的DLL文件,可能是因为这些文件已经被删除、移动或更改了名称,下面我们就来分享几种解决办法2024-02-19PS AI版本创成式填充用不了怎么解决? ps创成式填充不显示的解决办法
PS AI版本中有一个名为“创意填充Generative Fill”的AI图像合成工具,该功能采用了“Adobe Firefly”图像合成模型,但是,此功能也会报很多错误,下面给大家汇总一下原因与2024-02-18
最新评论