ps裁剪和裁切的区别_ps基础工具使用—裁切和辅助功能

看到嘛,这是学习专辑哦?

画布裁切

裁剪工具 快捷键C。

可以拖动裁剪标记裁剪,也可以划定区域裁剪。

裁切后,再按回车键可以返回进行再次修改。

Shift可以结合划定区域,裁剪出正方形。

可以设定准确的尺寸裁剪,也可以旋转裁剪的区域。

选区也可以转换成为裁剪区域。

拉直工具是特殊的旋转裁剪区域。

一般情况下,不建议勾选 删除裁剪的像素,这样可以不影响图层的像素。

透视裁剪

可以裁剪出透视效果的图,该工具很少用到。

画布

即是我们在ps上可操作的空间。

ctrl+alt+c可以改变画布的大小。

画布大小延伸默认使用的背景色。

对于普通图层自动扩展的是透明色。

勾选相对,是在原尺寸上进行加减裁切。

定位决定画布的收缩方向。

3f46ec69aa6f1578b6f9f93fdfeb78b3.png

裁切命令根据边框自动裁剪画布。

花板工具可以在一个psd文件中,建立多个画布。

多画板的好处,方便对比查看,元素之间的复制等。

导出-画板至文件可以同时导出多个画板。

画板之前可以进行分布排列。

辅助功能

屏幕模式 快捷键F可以快速切换全屏。

ctrl+h显示或隐藏额外的辅助类内容。

ctrl+‘可以显示网格,作为参考线。

ctrl+r可以显示隐藏标尺。

右键标尺可以设定标尺单位。

拖动标尺的顶点,可以设置归零点。

双击标尺的顶点,可以恢复原始点。

拖动标尺,可以生成参考线。

按住alt键,单击参考线,可以切换水平和垂直。

在移动工具状态下,可以移动参考线。

ctrl+alt+;可以锁定参考线。

ctrl+‘单独隐藏网格。

ctrl+;单独隐藏参考线。

把参考线拖回标尺,可以单独删除参考线。

ctrl+k可以设置参考线的和网格以及切片的样式。

ac3a8b8bcf00a933c86a767a2f90b427.png

对齐

快捷键shift+ctrl+可以开启辅助对齐功能,即是有了吸附力。

恢复

快捷键F12,文档可以恢复到打开的状态。

9918a443f090b30e6291e390ca471c16.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue是一款非常流行的前端框架,可以很方便地实现图片编辑和裁剪功能。下面,我来介绍一种使用Vue实现图片裁剪的方法。 首先,我们需要引入一个图片裁剪插件。这里我推荐使用Vue-Cropper插件,它是一款基于Cropper.js的Vue图片裁剪组件,支持裁剪、旋转、缩放等操作。 安装Vue-Cropper插件: ``` npm install vue-cropper --save ``` 然后在Vue组件中引入并使用Vue-Cropper: ```vue <template> <div> <vue-cropper ref="cropper" :src="imageUrl" :guides="false" :view-mode="1" :drag-mode="cropDragMode" :aspect-ratio="cropAspectRatio" :auto-crop-area="cropAutoCropArea" :center="cropCenter" :highlight="cropHighlight" :crop-box-moving="cropBoxMoving" @cropend="cropImage" ></vue-cropper> <button @click="getCroppedImage">裁剪图片</button> </div> </template> <script> import VueCropper from 'vue-cropper' export default { components: { VueCropper }, data() { return { imageUrl: '', // 需要裁剪的图片路径 cropAspectRatio: 1 / 1, // 裁剪框的宽高比例 cropAutoCropArea: 0.8, // 裁剪框自动缩放比例 cropCenter: false, // 裁剪框是否居中 cropHighlight: true, // 裁剪框是否高亮显示 cropBoxMoving: true, // 裁剪框是否可以移动 cropDragMode: 'crop', // 裁剪框拖拽模式:crop-裁剪,move-移动,none-禁止操作 croppedImage: '' // 裁剪后的图片 } }, methods: { cropImage() { // 裁剪结束后的回调函数 }, getCroppedImage() { // 获取裁剪后的图片 this.croppedImage = this.$refs.cropper.getCroppedCanvas().toDataURL() } } } </script> ``` 其中,`imageUrl`为需要裁剪的图片路径,`cropAspectRatio`为裁剪框的宽高比例,`cropAutoCropArea`为裁剪框自动缩放比例,`cropCenter`为裁剪框是否居中,`cropHighlight`为裁剪框是否高亮显示,`cropBoxMoving`为裁剪框是否可以移动,`cropDragMode`为裁剪框拖拽模式,`croppedImage`为裁剪后的图片。 在`getCroppedImage`方法中,使用`this.$refs.cropper.getCroppedCanvas().toDataURL()`获取裁剪后的图片数据,然后可以将其保存到服务器或者直接在页面上显示。 以上就是使用Vue-Cropper插件实现图片裁剪的方法。当然,还有其他的图片裁剪插件可以使用,不过大同小异。希望对你有帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值