Day 7-裁剪工具

Hello!大家好,今天我又学习了PS的一个工具-裁剪工具,这个工具可以对淘宝店铺的图片进行切片哦,然后通过给切分附上链接,就可以进行跳转啦。

最喜欢性价比很高的优衣库啦~~就以优衣库的天猫旗舰店为例啦!


原图

点击裁剪工具,可以看到有4个小工具,分别是裁剪工具、透视裁剪工具、切片工具、切片选择工具。

一、裁剪工具

裁剪工具有两个方面的作用哦,一是扩展画布,二就是进行裁剪啦~这里我选择另外一个图片先哈。


扩展后

可以看到,点击裁剪工具,然后出现了黑色的框框,往外拉,就会出现白色的边框,这个就是我们扩展的画布啦。

上面的属性栏那里我们选择了“不受约束”,也就是这个比例可以随便设置,同时往下拉,里面还有固定比例的,注意啦:属性栏那里还有一个“删除裁剪的图像”,如何把这个勾选了话,如果进行裁剪,就算把黑框往外拉,也不会恢复了。这个选上的意识就是直接删除了你裁剪的内容,所以记住不要勾选。


弯曲

如果这张图片本身是弯曲的,那么我们可以使用上面的“拉直”按钮来看看,这个拉直按钮是用于重新确定水平面的。


拉直后

通过以地面为直线重新确定水平面,就把之前的图给扭正啦~似不似很神奇,O(∩_∩)O哈哈~

2.透视裁剪工具

接下来我们来看看第二个小工具-透视裁剪工具,这个工具类似于透视镜,是一个近大远小的样子,通常不使用的,我们就知道就好了。

透视效果图

二、切片

切片大神终于来啦~~这个工具的诞生是由于我们的淘宝图片一整张设计可能太大了,内存达到20M以上,肯定会超过电脑上传内存的,所以怎么办呢?我们可以通过把图片切开,然后上传啊!真聪明,哈哈哈


切片后

这个就是我们切片后的效果啦,可以看到灰色的标签是他自动标注的,我们只需要隔开就好。然后系统会自动切片。当然啦,我们这个切片的属性栏里面也有样式可以选,可以选固定比例啦,不受约束啦之类的,同上。

切割完,如果我们想要点击图片,然后实现链接,怎么办!

有办法,点击切片图片,右键,选择编辑切片选项,就可以输入URL啦~是不是很神奇。

那接下来怎么办,图片都被切开了,怎么保存呢?

来,我们来看看保存为何种格式。

点击文件-储存为Web所用模式!!这个很重要!!


保存格式

选择jpeg格式,然后一定要选择“HTML和图像”,以及所有切片。


保存格式

然后就可以点击保存啦。然后我们就可以发现,多了一个网址啦~~鼠标移动到有链接的位置就有变成手指啦~直接进行跳转。

2.切片选择工具

这个工具也就是让切片变得更加规范还有准确。首先我们需要打开标尺,这个可以在视图那里找到标尺,然后点击一下,就会出现啦。


参考线

鼠标放在标尺那里,然后按住左键不要松,往下拉,就会出现那些蓝色的线啦,这样切片会更加准确,但是这个线出来了以后,我们要怎么移动呢?回到移动工具那里,然后就可以移动切线了。


切片选择工具

当所有的参考线都放好,然后就可以回去切片工具,点击基于参考线的切片,然后就会生成好切片啦。

结束语:一天又过去啦!今天也学到了修心的重要性,并且完成了两节PS课的学习。很满足啦~明天又是元气满满的一天,加油啦!努力更自己变得更好!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容