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

boyanx2周前技术教程5

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

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

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

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

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

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

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

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

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

标签: js 弹框

相关文章

产品经理们标注原型的方法都有哪些?

现在不少同学都会在原型上补充文字标注,以更好传递设计想法。本文分享了四种标注方式,看看你们用的是哪一种呢?为什么需要原型标注?在实际的原型设计过程中,大部分产品经理或者交互设计师都会在原型中添加一些文...

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

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

Axure使用教程,如何用Axure做出一份让人称赞的高质量原型?

如果具备了快速产出一份高质量的原型意味着什么?意味着你能够准确地传递设计思想,别人也能够认可你的专业设计能力,评审会的气氛也能够更为融洽。本文将探索高质量的原型标准,以及通过哪些方法能够满足这些标准,...

无缘主场15连胜,上海男篮交了一份及时的“学费”

威廉姆斯最后时刻的三分出手。当多诺万·威廉姆斯略显仓促的超远三分弹框而出,上海男篮的主场连胜纪录就此被终结。3月12日,上海男篮主场97比99惜败于浙江稠州男篮,上海男篮的主场连胜纪录也定格在14场。...

Axure原型设计案例教程:如何善用母版,让你的工作事半功倍?

在Axure中,母版是非常常用和非常实用的一个功能之一,能帮我们节省不少时间精力,提高画原型的效率。这篇文章,作者系统梳理了母版的相关知识,供大家参考。一、为什么要使用母版母版可以用来创建重复使用的各...

FAL、G3、M14,北约三款全威力弹步枪,谁的设计最优秀?

【军武次位面】作者:海东青前面的文章里我们把冷战初期北约与华约的两款经典步枪FAL和AK47进行了一个简单的对比,最终得出的结论是,AK47从内部结构到外部结构全方位优于FAL,再算上中间威力子弹对全...

发表评论    

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