裁剪图片

iSlide发表于:2020年04月16日 14:58:18更新于:2020年06月29日 18:43:31


批量裁剪图片,一键统一图片大小

 

?filename=____.jpg

 

打开 iSlide » 设计排版,点击下拉菜单,选择“裁剪图片”

 

?filename=____01.jpg

 

 

“裁剪图片”功能界面

  1. 图片宽度

  2. 图片高度

  3. 裁剪单位:磅、毫米、幻灯片百分比

  4. 后选形状大小:以最后选中的形状为裁剪大小基准

  5. 裁剪

 

?filename=____02.jpg

 

 

“裁剪图片”在实际应用时的一些效果

 

?filename=0015aa10195b951044b994264a26a05.jpg

 

 

 

案例1:PPT 照片墙制作

 

?filename=0015aa11924be0f63911ce7a8dde19b.jpg

 

使用功能:「批量裁剪」+「矩阵布局 」

 

?filename=0015aa119cecfded2e173523b9c12bb.gif

 

?filename=0015aa119d13eee765161ac3deaa54f.gif

 

 

步骤1 /  批量裁剪图片

  • 「 Ctrl + A 」全选当前页面中需要排版的图片

  • 在「裁剪图片」功能界面输入自己想要的参数,或者选择裁剪为「后选形状大小」

 

?filename=0015aa11a4cb081c51e6317071bfae9.gif

 

 

 

步骤2/  矩阵布局

方法 1

直接改横纵间距的参数,这种方法可以自由设定图片间距的大小,自定义程度很高。

?filename=0015aa11a9dbfb5d1c31c0ec539e98b.gif

 

 

Tips

在设置横纵间距时,以形状自身为基准,长宽默认为 100


image.png

 

 

横向间距

横向间距为第 1 个形状「左上角」到第 2 个形状「左上角」的间距,当间距为 100 时两个形状距离为 0


 image.png

 

 

纵向间距

同理纵向间距为第 1 个形状「上边」到第 2 个形状「上边」的间距,当间距为 100 时两个形状距离为 0


 image.png

 

方法 2

在矩阵布局「间距单位」下拉菜单中选择「形状百分比」,一键实现各图片边与边百分百贴合效果

?filename=0015aa11a9d855ce31a15b64523f27a.gif

 

 

小技巧

当批量裁剪的图片保留的区域不是自己想要的怎么办?

这时候你只需选中这张图,右键「裁剪」就能对图片进行调整

 

?filename=0015aa11a9d74b46359a6855439001b.gif

 

 

完成效果

 

?filename=0015aa11a9d3511cf167bb163e3229f.jpg

 

 

 

案例2: 图片批量裁剪+裁剪为形状+矩阵布局

 

?filename=0015aa11a9e46391d5e94286bbf6ca2.jpg

 

 

目标:将图片裁剪成标准「菱形」

实现方法

  • 批量裁剪成统一大小矩形

  • 图片裁剪为形状 → 菱形

?filename=0015aa11a9e2f7a03736168bbf24e09.gif

 

 

操作

  • 「 Ctrl + A 」全选需要裁剪的图片,在【(图片工具)格式-【裁剪】下拉菜单中选择「裁剪为形状」,这里选择的形状是「菱形」

 

?filename=0015aa11a9e9eace1dd3c30b7a96015.gif

 

 

目标排列效果

两排菱形,吸附排列

?filename=0015aa11a9e4b72fb6dfb6bfbad3dc1.jpg

 

 

矩阵布局的间距单位选择「形状百分比」,进行调整

 

 

Tips:

间距单位「形状百分比」可以在布局时一键让图片间的距离为零(边贴边布局)。

 

?filename=0015aa11a9f480c55b575d63e2ae7b8.gif

 

 

 

案例3:矩阵布局+偏移角度

案例中使用的背景图案来自 Transparent Textures 无缝背景纹理网站,感兴趣的可以点击【超实用可编辑百变纹理网站 Transparent Textures】

 

?filename=0015aa11a9d3c4f79ce9a5d60a13c8c.jpg

 

这一组主要使用的是「矩阵布局」中的「偏移角度」

 

?filename=0015aa11a9dde573cc1f83a94e15628.gif

 

 

 

案例4:矩阵布局+旋转

矩阵布局之后,组合进行旋转,也能有意外的惊喜

 

?filename=0015aa11a9e282418ada0e5847990d7.jpg

 

使用矩阵布局对矩形进行复制和排列

 

?filename=0015aa11a9d7df4c7d665f6fdc6aec7.gif

 

排列后整体旋转

 

?filename=0015aa11a9dc8f587f66e5dc1226fd6.gif

 

目标排版效果

 

?filename=0015aa11a9dc00bcfb3632b41e7482c.jpg

 

 

小技巧

旋转后的形状,填充图片后,也会被旋转,这不是我们想要的效果

这时我们需要将旋转了的形状「转正」

插入 1 个形状置于底层,与目标形状进行「拆分」

 

Tips:

  • 组合的形状无法进行布尔运算,需要取消组合后才能「拆分」

  • 「布尔运算」运算时要保留什么,就先选中什么

 

?filename=0015aa11a9debcd558c343687b34cf3.gif

 

 

 

案例5:用矩阵布局 排版

以「矩形」为单位,进行矩阵排列

对部分矩形进行「合并」调整

版式可以千变万化

 

?filename=0015aa1267cbbc9d96b23591ddc0552.gif

 

或者

 

?filename=0015aa127017b890e9688550e410093.gif