用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怎么做格子煽动翅膀飞翔的画面? ps制作飞鸽gif动画的技巧
ps怎么做格子煽动翅膀飞翔的画面?ps中想要制作一个飞鸽的动画效果,该怎么制作呢?下面我们就来看看ps制作飞鸽gif动画的技巧2023-05-05- 所谓“包围曝光”就是在拍摄时使用不同的参数记录下不同曝光程度的多张照片,在不同的照片中,场景的高光、中间调、阴影各自以正常曝光被记录下来,为后期提供更多的细节,2023-04-02
PS怎么做颠球的动画效果? PS将动画帧图片做成动画GIF的技巧
PS怎么做颠球的动画效果?想要将图片做成动画效果,该怎么做颠球的gif动画效果呢?下面我们就来看看PS将动画帧图片做成动画GIF的技巧2023-02-21PS怎么做鸡蛋燃烧的效果? PS制作燃烧着的蛋gif动画技巧
PS怎么做鸡蛋燃烧的效果?ps中想要给鸡蛋添加燃烧的动画效果,该怎么制作呢?下面我们就来看看PS制作燃烧着的蛋gif动画技巧2023-02-18- ps粒子扩散效果的动画怎么做?ps中想要做一个粒子扩散效果,该怎么制作这个效果呢?下面我们就来看看PS制作粒子扩散GIF动画,详细请看下文介绍2023-01-28
- ps怎么设计淘宝圣诞气氛主图?ps中想要设计一款圣诞主题的图片,该怎么设计呢?下面我们就来看看Ps圣诞节主图的设计技巧2023-01-20
- 怎样用ps设计图书封面?想要设计书籍的封面,该怎么设置尺寸呢?下面我们就来看看PS设置书籍封面尺寸的技巧,详细请看下文介绍2023-01-03
- PS图片切片怎么导出png格式?ps切图的时候,想要将切片的图片批量导出为png格式,方便后期调用,该怎么处理呢?下面我们就来看看PS将图片切片导出技巧2022-12-26
ps怎么做dm单? PS设计打印的DM单/ps制作宣传单的技巧
ps怎么做dm单?ps中想要设计宣传单,该怎么排版宣传单嗯?下面我们就来看看PS设计打印的DM单/ps制作宣传单的技巧,详细请看下文介绍2022-12-01- PS怎么设置CSS样式?PS中想要使用css样式设置图形属性,该怎么设置呢?下面我们就来看看PS中的图形CSS样式使用方法,详细请看下文介绍2022-11-23
最新评论