用html将竖的图片打横,【收藏】让竖版图片变横版不变形的两种方法

朋友们大家好，我在学员群里常常会讲到两个字：大忌。

每当说到这两个字的时候，所指的情况大多是某个朋友做的PPT里的某张图片，因为被强行拉伸而导致变形。

确实，在ppt或其他的什么设计图中，图片变形乃是大忌。

今天就跟大家讨论一下，如何科学的拉伸图片才能不变形(确切的说是让图片主体不变形)。

这里分享两种方法，第一种方法通过ps完成，第二种方法通过PPT便能搞定。

这里先讲在ps中的方法。

第一步：

把图导入到PS中，导入后，如果此图片在图层面板中是被锁定的，得先解锁——鼠标左键单击这个小锁图标即可。

第二步：

选择【裁剪工具】，把画布拉宽

拉宽完成后敲击【回车键】，便可以得到这样一个效果

来看看gif图演示

第三步：

在图层面板中选中图层，接着选择【移动工具】【选择】【主体】

于是我们就能得到画面主体的选区(被蚁形线环绕的部分即为选区)

第四步：

选择【矩形选框工具】，把鼠标置于选区内，单击右键，选择【储存选区】

此时会跳出一个弹窗，我们把名称命名为“拉伸”(这个名称可以自行命名)，点击【确定】

第五步：

依旧选择【矩形选框工具】，框出整张图片，点击【编辑】【内容识别缩放】

于是我们得到这样一个画面

接着在【保护】选项中选择我们刚才命名好的需要被保护选区“拉伸”

第六步：

用鼠标直接横向拉伸图片至充满画布，拉伸完成后敲击【回车键】，并按【Ctrl+D】取消选区即可。

(注意：在拉伸图片的时候，如果出现等比例缩放的情况，可按住【Shift】键并同时拉伸)

于是乎我们就可以很轻松的把竖版图片变横版啦~

方法二，通过PPT拉伸图片。

第一步：

把图片插入到PPT中，并居于画面中央

接着把图片复制出两张

(快速复制法：按住【Ctrl】键，鼠标拖动图片，可实现快速复制。按【Ctrl+Shift】并同时拖动图片，可实现快速复制并平移图片)

把三张图片完全重合(这里直接顶端对齐即可)

第二步：

先选中最上层那张图片，点击【格式】【裁剪】

先裁去人物及右侧部分

然后把裁剪后的剩下部分往左侧拉伸

第三步：

选中中间层图片，点击【格式】【裁剪】，裁去人物及左侧部分

然后把剩下部分往右侧拉伸，于是我们便能得到一张横版的图片了

OK，以上便是两种把竖版图片变横版的方法了，具体用那种方法，大家怎么舒服怎么来吧~

这里还得说明一下哦，方法归方法，但并非所有竖版图片都能变成横版的，不知道大家发现没有，这张图片之所以能实现横版变竖版，是因为图片主体两边都有足够的拉伸空间，如果两边的空间太窄的话，就没有拉伸的余地了。

所以所谓的方法，其实都是有前提条件的，如果前提条件不对，那么方法失效。无论在PS还是PPT中，都是这个道理哟~

这边给大家看个例子，之前有个朋友也是在PS中用这种方法拉伸图片，结果却行不通，他当时给我拍了个他操作的小视频，当然那视频有点模糊了，我也截个图给大家看看，这个是他的原图

结果他拉伸之后成这样了

于是有了以下对话

好了，这就是今天要分享的内容，其实很简单了，愿大家开心~

用html将竖的图片打横,【收藏】让竖版图片变横版不变形的两种方法相关推荐

android 电视竖屏黑边 -平板,怎么把横版视频剪成竖版？两种方法快速搞定！画面满屏，没有黑边2018-11-12...
现在很多手机社交媒体上,都比较流行竖版视频.那么横版视频如何变成竖版?今天教大家两种方法快速搞定!横版改成竖屏,并且做到画面满屏,无黑边.顺便还会分享现在抖音.朋友圈.影视圈最流行的竖版视频排版方式的 ...
提取图片上文字的两种方法
目前我整理出两种方法: 第一种是利用onenote 插入照片-->点击图片右键,选择"复制图片中的文本"选项-->在当前onenote的空白处选择粘贴就好了(在其他地方 ...
jupyter读取图片并展示的两种方法
1.通用方法:python打开 from PIL import Image display(Image.open("data/20a6a2.png")) #data/20a6a2. ...
qt 加载图片旋转_QT 实现图片旋转的两种方法
第一种方案使用 QPixmap 的 transformed 函数来实现旋转,这个函数默认是以图片中心为旋转点,不能设置旋转的中心点,使用如下: QMatrix matrix; matrix.rota ...
python怎么模拟浏览器交互_干货分享：python爬虫模拟浏览器的两种方法实例分析（赶紧收藏）...
今天为大家带来的内容是:干货分享:python爬虫模拟浏览器的两种方法实例分析(赶紧收藏) 文章主要介绍了python爬虫模拟浏览器的两种方法,结合实例形式分析了Python爬虫模拟浏览器的两种常见操 ...
android 图片叠加xml,Android实现图片叠加效果的两种方法
本文实例讲述了Android实现图片叠加效果的两种方法.,具体如下: 效果图: 第一种: 第二种: 第一种是通过canvas画出来的效果: public void first(View v) { // ...
java 把图片插入窗体,JAVA JFrame窗体添加背景图像的两种方法
首先还是要了解框架JFrame中的层次结构.JFrame中的层次分布及相对关系是:最底层是:JRootPane:第二层是:JlayerPane:最上层就是ContentPane,也正是我们常说的内容面 ...
php如何防止图片盗用/盗链的两种方法(转)
图片防盗链有什么用? 防止其它网站盗用你的图片,浪费你宝贵的流量.本文章向大家介绍php防止图片盗用/盗链的两种方法 Apache图片重定向方法设置images目录不充许http访问 Apache服 ...
android获取位图字节数,Android中获取图片尺寸大小两种方法
两种方法建议用第二种 private void getPictureSize(String path) { /*第一种直接把bitmap加载到内存中,通过对bitmap的测量, 得出宽高,由于这个 ...

用html将竖的图片打横,【收藏】让竖版图片变横版不变形的两种方法

用html将竖的图片打横,【收藏】让竖版图片变横版不变形的两种方法相关推荐

最新文章

热门文章