html5如何将4张照片排列,如何将多张图片排列在一张图片呢？学会这两种技巧，轻松搞定...

摄影爱好者平时拍照完后，都很喜欢把自己的图片都排列在一张图片里，便于欣赏，在PS中排列方法有很多，本文详细介绍两种比较实用又好看的排列方法，一种是将两张图片并排在一起，另外一种是将4张图片放在一起。

1工具/原料Adobe Photoshop 软件

2.思维导图

3.效果图

(1)两张排列

(2)四张排列

4.小技巧

4.1如何将两张图片排列在一起呢？

(1)将两张图片加载到同一个文档中

在菜单栏中执行“文件”>“脚本”>“将文件加载到堆栈”命令后，在“载入图层”对话框中，设置使用到文件，然后单击浏览，选择两张需要排列的图片，选择好点击确认效果如下图所示：

(2)选择移动工具，将图像拖到另一个图像的一侧

选择好移动工具后，单击文档中的图像并开始将其拖到其下方图像的最左侧或最右侧。我这边是将图片移动到最右侧，最终效果如下图所示：

注意：在移动过程不用担心顶部的图片消失不见哦，主要是因为文档空间不够，导致图片消失了。

(3)选择“显示全部”命令，排列图片

最后我们只要执行图像->显示全部命令，PS就会立即帮助我们调整画布大小，以适应这两张图像。就这样，这两张可爱的皮卡丘照片就会并排出现了，最终效果如下图所示：

注意：为了让这两张图片获得最好的效果的话，我们最好需要使用纵向(垂直)方向两张差不多大小的照片，这样复合图像就不会太宽，也会看起来比较舒服。

4.2如何将四张图片完美排列在一起呢？

(1)新建文档

在菜单栏中执行文件->新建命令(快捷键Ctrl+N)，新建一个7*5英寸的文档，并且将分辨率调整为300，这样配置会达到最佳冲印效果,配置效果如下图所示：

(2)新建新图层，配置好参数

在菜单栏执行图层->新建->图层命令(快捷键Ctrl+Shift+N)，创建好图层后，在工具栏找到圆角矩形工具(快捷键U),并且设置合适的参数，具体参数设置如下图所示：

(3)画出照片框

我这边模式设置为填充模式，半径为20像素，前景色设置为黄色，设置好你喜欢的前景色后，然后在图层上画出照片框，画好如下图所示：

注意：如果我们想画出正方形的话，可以按住Shift键，就可以画出正方形了。

(4)利用移动工具，复制相框

在工具栏中执行移动工具命令(快捷键V)，当使用该工具的同时，按住键盘的Shfit+Alt快捷键，来拖动刚才画的照片框，从而达到复制图层的作用，同样操作复制出四张图片，具体效果如下图所示：

注意：在复制过程中，要懂得灵活应用移动工具，进行上下左右键盘来微调矩形框的位置。

(5)添加图片到相框，创建剪贴蒙版

当我们将四个照片框的位置确认后，就可以在对应位置添加照片了，将准备好的四张图片，在PS中打开，先将一张图片用鼠标拖进文档里，并拉到想要放入的图层上面，然后在皮卡丘1图层上点击鼠标右键，执行创建剪贴蒙版命令，创建好的蒙版如下图所示：

(6)执行自由变换命令，调整图片大小

创建好图层蒙版后，按住Ctrl+T快捷键进行编辑图层，调整好合适的大小，最终具体效果如下图所示：

(7)对另外四张执行相同操作

当你对一张图片的大小编辑好后，就点击鼠标确认，用同样的方法，分别对另外三张进行相同操作，最终效果如下图所示：

注意：如果你感觉背景颜色不喜欢的话，你可以自己填充下背景颜色，最终效果如下图所示：

html5如何将4张照片排列,如何将多张图片排列在一张图片呢？学会这两种技巧，轻松搞定...相关推荐

ImageMagick将多张图片拼接成一张图片_如何将多张图片排列在一张图片呢？学会这两种技巧，轻松搞定...
摄影爱好者平时拍照完后,都很喜欢把自己的图片都排列在一张图片里,便于欣赏,在PS中排列方法有很多,本文详细介绍两种比较实用又好看的排列方法,一种是将两张图片并排在一起,另外一种是将4张图片放在一起. ...
html图片纵向排列代码,CSS 日期垂直排列的两种技巧
LearningjQuery.com 博客帖子列表的左边有一个很酷的日期,如图: 从图中我们看到,"2009"垂直排列在右侧.用Firebug查看元素,文本"2009&q ...
计算机硬盘排列如何横排,电脑任务栏怎么变成横排？按照这几个步骤操作，即可轻松搞定...
很多朋友在使用电脑时,因为自己的误操作,导致任务栏不在桌面系统的底部,而是处在系统桌面的左右两侧,不知道该如何恢复.本期文章以 Windows 10系统为例,教大家如何将电脑任务栏从"竖排改 ...
ios app HTML5 白屏,App Store白屏怎么办？最全攻略轻松搞定（图文教程）
相信很多iPhone用户都有遇到App Store白屏的情况,并且很多时候即使多次重退仍无济于事,今天小编为大家罗列五种办法,轻松搞定问题. 1.修改网络 DNS 对于很多用户来说,DNS 是个有点陌 ...
图斑从西北角起始编号，可分村分组，从左到右，从上到下的顺序编号。任意起始方位，任意排列方向，亦可轻松搞定。
目录一.实现效果二.实现过程 1.获取图斑中心坐标 2.图斑排序 3.创建顺序号三.成果整理展示四.总结在给图斑编号,标BSM时,经常遇到需要按村.从左上方开始,从左向右,从上向下的顺序进行 ...
切换显卡 html5 黑,双显卡怎么切换到独立显卡 5步轻松搞定【图文教程】
CPU集成核心显卡.外加电脑中还配备独立显卡,这样的电脑就拥有双显卡,正常情况下,双显卡会自动切换智能运行.那么,双显卡怎么切换到独立显卡呢?下面让我们来看看双显卡怎么切换吧. 一.如何判断是否双显卡 ...
c语言两种排序方法的组合,排列和组合算法的实现方法_C语言经典案例
排列和组合算法是考查递归的常见算法,这两种算法能用递归简洁地实现. 本人在经过多次摸索和思考之后,总结如下,以供参考. 程序代码如下: #include #include char array[] = ...
php绘制一个三角形,如何利用css或html5画出一个三角形？两种不同的制作三角形方法（代码实例）...
我们在平时的前端开发的时候,有时候是需要一些小图形来丰富一下页面效果,比如:下拉列表的倒三角图形.那么这样的一个三角形是如何制作出来的,本章给大家介绍如何利用css或html画出一个三角形?两种不同的 ...
sum 去重_总结leetcode上【排列问题】【组合问题】【子集问题】回溯算法去重的两种写法！...
本周小结!(回溯算法系列三)续集在本周小结!(回溯算法系列三) 中一位录友对整颗树的本层和同一节点的本层有疑问,也让我重新思考了一下,发现这里确实有问题,所以专门写一篇来纠正,感谢录友们的积极交 ...
则必有不完全相同的奇数排列对换为同一个偶排列
定理: n个数码(n>1)共有n!个n级排列,其中奇偶排列各占一半. 证明:n级排列的总数为n x (n-1) x 2 x 1 = n!,设其中奇排列为p个,偶排列为q个. 设想将每个奇排列都施 ...

html5如何将4张照片排列,如何将多张图片排列在一张图片呢？学会这两种技巧，轻松搞定...

html5如何将4张照片排列,如何将多张图片排列在一张图片呢？学会这两种技巧，轻松搞定...相关推荐

最新文章

热门文章