900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html用九张图片做出九宫图 用ps如何将九张照片做成九宫格?

html用九张图片做出九宫图 用ps如何将九张照片做成九宫格?

时间:2023-08-21 02:06:22

相关推荐

html用九张图片做出九宫图 用ps如何将九张照片做成九宫格?

如何用PS将九张照片做成九宫格,并且随时可以更换呢。下面跟搞设计一起来做一下吧。

↑ 首先准备好九张照片

↑ 打开PS,新建一个1000x1000的文件

↑ 选择矩形工具

↑ 创建一个300x300的矩形

↑ 随便填个颜色,把图层命名为1

↑ 选择视图-新建参考线

↑ 取向选水平,位置输入25

↑ 再次新建参考线,取向水平,位置975

↑ 再新建两次参考线,取向改为垂直,位置分别是25、975

↑ 现在的参考线是这样的

↑ 打开视图--对齐到-参考线,打上对勾

↑ 用移动工具把图层1移动到参考线的左上角,由于打开了对齐到参考线,会自动吸附到参考线上

↑ 选中图层1,右键选择复制图层

↑ 把名称改为2

↑ 选中图层2,右键选择复制图层,名称改为3

↑ 把图层3移动到参考线的右上角

↑ 1、2、3三个图层全都选中,然后点击上面对齐工具的水平居中对齐

↑ 现在看到三个正方形已经平均分布对齐了

↑ 相同方法一共制作出9个正方形,图层依次命名为1-9

↑ 选一张照片拖入到PS里,放到图层1上面

↑ 选中照片图层,按住alt+ctrl+g建立剪切蒙版,这样图片就嵌入到图层1里了

↑ 同理把另外八张拖到PS里了,嵌入到相应的图层,这样九宫格就做好了

如果以后要想更换照片该怎么做呢,其实很简单。举个例子我们想更换左上角第一张图片

↑ 双击这张照片

↑ 就会弹出一个照片的新文件

↑ 拖入想要替换的照片,为了看到效果,我选了一张彩色的,然后保存关闭换这个文件

↑ 现在发现左上角的那个图片已经替换为彩色了,同理其他照片更换也是这个方法

你学会了吗?

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。