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里了，嵌入到相应的图层，这样九宫格就做好了

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

↑ 双击这张照片

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

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

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

你学会了吗？

html用九张图片做出九宫图,用ps如何将九张照片做成九宫格？相关推荐

html用九张图片做出九宫图,九宫切图软件如何快速把照片做成九宫格切图
在微博时尚流行的图片展示上,九宫切图是当下最流行的一种,一张非常普通的照片经过了九宫切图软件的处理,变成非常漂亮的九宫图片,是不是美观大大提升了.尤其是在把自己自拍的照片做成九宫图展示,让人更有一种不 ...
html用九张图片做出九宫图,.九图片详解和制作
原文转自:http://www.educity.cn/wenda/101428.html .9图片详解和制作一.Button背景问题这是一张普通的.png图片(非点9图片). 我想要将它作为but ...
[AI创造营]Wechaty实用小工具---九宫图爱心生成器~
[AI创造营]Wechaty实用小工具-九宫图爱心生成器~ 项目地址: https://aistudio.baidu.com/aistudio/projectdetail/2300569 背景跟随抖 ...
自定义ViewGroup打造微信朋友圈之九宫图效果
相信很多朋友用过微博和微信,比如在微博的首页里面有个九宫图的功能,请看下方我截的图,正如你看到的那样可以放九张图片,而且这九张图片拼在一起刚好是一个正方形.需要注意的是当四张图片的时候需要上面下面各两 ...
用计算机做图画ppt模板,装逼|如何用一张图片做出一份高颜值的PPT模板
by iscuker "时间都去哪了,在找模板上!"有时候为了省时间,上网上去找PPT模板,结果找了半天都没找到适合自己的,还比原本花多了一倍的时间,说多了都是泪-- 那你试过只用 ...
Android显示九宫图（自定义圆角，仿微信九宫格图）
详细解析Android显示九宫图(自定义圆角,仿微信九宫格图) 这是一个自定义九宫格图片框架,里面有设置圆角大小,还有当图片一张的时候控件自定义的大小,图片的间隔,四张图片的时候图片自定义为两行两列等 ...
【MATLAB编程】输出所有的九宫图
[问题描述]九宫图是我国古老的数学问题,也是一种数字艺术,就是把1~9九个数字填到3行3列九个方格中,使其每一横.坚.斜行之和都等于15. [九宫图历史] <系辞>云:"河出图, ...
用java语言编写程序计算九宫图
前言对于程序员来说,用程序解决数学问题是最有趣的事情之一.本人研究了一个能够轻易计算九宫图的算法,并且用java语言编写程序得以实现.现将算法和代码公布,欢迎广大程序爱好者前来阅读.交流. 九宫图简 ...
九宫图、四四图、五五图and so on
参考自百度百科 n行n列的纵横图又称为幻方. 九宫图: 在射雕里面,黄蓉对瑛姑说的一段口诀很好记忆:"九宫之义,法以灵龟.二四为肩,六八为足,左三右七,戴九履一,五居中央." 最简 ...
Android入门第八篇之GridView(九宫图)
本文来自http://blog.csdn.net/hellogv/ GridView跟ListView都是比較经常使用的多控件布局,而GridView更是实现九宫图的首选!本文就是介绍怎样使用Grid ...

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

html用九张图片做出九宫图,用ps如何将九张照片做成九宫格？相关推荐

最新文章

热门文章