PS学习之认识工具(裁剪工具)

boyanx5个月前技术教程23

裁剪工具作用是裁剪或者扩展图像的边缘。鼠标放到裁剪工具上单击右键,我们可以看到有四种子工具,分别是裁剪工具、透视裁剪工具、切片工具和切片选择工具,裁剪工具快捷键是C。

接下来我们依次学习下这四种工具。首先来看第一个裁剪工具,也就是普通裁剪工具。操作方式是我们选择裁剪工具,我们的图像四周会出现如图所示的边框,我们可以通过拖动边界裁剪或者自定义边界裁剪。

拖动边界裁剪就是我们把鼠标放到图像边界上,会出现一个类似双箭头的黑色小图标,我们单击鼠标进行拖动边界就可以裁剪我们想要的图像,点击右上角的√就可以完成裁剪,如图所示:

自定义边界裁剪是我们把鼠标放到图像上,会出现一个裁剪的小图标,我们按住鼠标左键拖动自己想要的大小,框选区域是虚线边框。松开鼠标,图像上就会出现我们框选的图像大小,此时点击右上角的√就可完成裁剪。如图所示:

以上裁剪是自由裁剪,我们可以看到属性栏中,我们可以选择按比例裁剪,按比例裁剪,无论怎么拖动边界裁剪,我们裁剪出来的图像都是我们选择的比例的大小。如图我们选择16:9的比例。我们也可以点击16和9中间的双箭头切换长宽比。

第二个透视裁剪工具,如果我们想获取立体图像的一个平面,我们就可以选择透视裁剪工具。它的操作方式是我们选择透视裁剪工具,单击鼠标左键确定一个起始点,不用长按鼠标,会拖拽出来一条线,单击确定第二个点,紧接着确定第三个点,图像上会出现一些网格,最后确定第四个点的位置,确认裁剪,这时图像的一个平面就被裁剪出来了。如图所示,获取礼品盒的封面。

最后我们来学习下切片工具,切片工具主要用来进行大图的分割,方便图片在网络上进行上传和浏览,图片越小,加载速度越快。切片工具有两种操作方式,一种是直接使用切片工具用鼠标绘制进行切图。如图所示,选择切片工具,按住鼠标左键,创建切片区域,图像左上角会出现图片序号。

另外一种是利用参考线进行“基于参考线的切片”。如图所示,我们选择视图--新建参考线版面,勾选行数,设置为2行,装订线设置为0,点击确定,图像上就会出现参考线。此时,我们再选择切片工具,点击基于参考线的切片,整个图像就被参考线分成两张图片了。

如果切片位置不是我们想要的,也可以点击切片选择工具进行调整。调整好之后就是保存图片了,切片工具切出的图片保存方式为文件--导出--存储为web所用格式,快捷键是alt+shift+ctrl+s。点击存储方式后会弹出一个框,我们需要选择存储的一些属性,把图片格式选为jpeg,点击存储选择图片保存位置就保存成功了。如图所示,最初的大图被切成了两张小图。

标签: js 弹框

相关文章

playwright中处理web页面的alert、confirm、prompt弹框

在selenium中,自动化测试经常会遇到各种弹框:alert、confirm、prompt。这些都是正常的业务中会遇到的情况。所以我们在学习playwright框架时,这些情况也是必不可免的。今天就...

WMS系统从入门到精通(五)-原型图设计及逻辑实战-入库管理

在仓储管理系统(WMS)的复杂业务流程中,入库管理是核心环节之一。本文将带你深入了解WMS系统中入库管理的原型图设计及业务逻辑实战。之前文章与大家分享了WMS产品架构图、预约入库管理、收货管理、质检管...

深入了解跨站脚本攻击(XSS):防范网络安全威胁的全面指南

前言你有没有想过,一个看似普通的网页,竟然能成为黑客的游乐场?没错,跨站脚本攻击(XSS)就是黑客们的“开心乐园”,一不小心就可能让你的网站“中毒”。这种攻击方式让人防不胜防,它能够在你毫无察觉的情况...

询盘你半天才看到?WordPress也能实现WhatsApp+TG+邮件三重提醒

“哥,我有时候在外面看展,结果客户填了表我根本没及时看到,错过了两个急单。”一个做厨房刀具出口的客户很懊恼地说。我看了他站,是用 Contact Form 7 做的表单,只发邮件通知。但他邮箱还不是...

努比亚Z70 Ultra手机获Nebula AIOS 1.0.19/1.0.16内测升级

IT之家 2 月 10 日消息,努比亚总裁倪飞今日发文确认努比亚将接入 DeepSeek,且选择将 DeepSeek 深度内嵌至系统中(6710 亿参数量的全尺寸嵌入)。据用户反馈,努比亚 Z70 U...

三维配管元件库的建立(二)

一般情况下都是对焊的,然后这个paranoby和 diskcrap都是一样的。然后看一下这款台它这里面没有照片,看一下我的那个,他都没有照片,没有照片那我们就添加主管。添加主管同样也是我们把所有可能想...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。