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

article/2025/9/28 2:02:59

9a0b22958868585b9c330c3c688ba721.png

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

9bfbe6a73b6be5b29fc35cdddb409717.png

↑ 首先准备好九张照片

848c65b44fa65dae66d5e88d7d13acd8.png

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

9161891778ac038f1c0dae71f67ef869.png

↑ 选择矩形工具

0539df0280c20e0a5dc38ee188c1cdde.png

↑ 创建一个300x300的矩形

2cd2408f69123ce73c4643ccb85599c7.png↑ 随便填个颜色,把图层命名为1

84b89842b608c4b3e324ded1ef2e4d73.png

↑ 选择视图-新建参考线

15c81bfc1d9e1981d2a0937ba4e7ebb3.png

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

8b6bff8414ddb14d4525376692524b36.png

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

d58b021e14046e53de1f707b620af4d0.png

23d28f24965dae251baf1e5d778c69a3.png

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

33d82ad5e1e0e1964d52fab7117ba59f.png

↑ 现在的参考线是这样的

8b63a7c6defbc35b0cd8891357b02514.png

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

b2aa7c2b3e703935c10bd85900ce64e0.png

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

67bdc6d3e4bc2723d9572a9abffa4670.png

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

53f4192737d2455f52682d7b44603a6c.png

↑ 把名称改为2

a480a6ff25ab52a83001da51bff2a5e2.png

e869bae4c7a6eda666351446ed932cd9.png

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

01b74464276cf522c26b2349d9df4117.png

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

0011428c9b74aad6956ae1299c39f771.png

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

5ad53b6265395c7f35d3e9a9eedf7dc4.png

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

8ee5cefafe0ddafb89205ce43e73dc1f.png

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

4736ec79bf6577626233b3d5a19ec5d8.png

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

36e82ecebc4edb910db8f611ea486e73.png

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

db6a32e39409253fa6f5250b4efc4233.png

fc9f227520bd82c8f1c67b08a76d4518.png

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

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

564285d59cec6eb7a4e7abc92cda391d.png

↑ 双击这张照片

742e1d7db79f47999bd3dd42f3a29a2a.png

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

5ef1740efca685903e52d3042e5ea04e.png

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

042bdf5186dd8db1ab2f65cb4574a980.png

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

5980aefb6d5f8439b42489a5baae1880.png

你学会了吗?


http://chatgpt.dhexx.cn/article/puLGg0D5.shtml

相关文章

python将图片裁剪成九宫格

要求:将图片裁剪成九宫格,宫格图片位置打乱 思路: 判断该图片长宽是否能被3整除,不能需要对图片进行裁剪(我的是边角裁剪)双重for循环,根据步长对图片数组进行切片达到裁剪效果random.shuffle(…

html手机9张图片显示,怎么把一张图片分成9张(手机美图秀秀九宫格在哪)

手机拍照片咋做成九宫格?只需4步,这么发朋友圈真好看! 国庆中秋双节已过,你拍了照片吗?很多朋友拍了照片后,喜欢发朋友圈分享。 今天教大家一招,让你发的朋友圈更好看,用手机就能完成…

九宫格拼图

九宫格拼图的实现: 效果为下图所示,实现拼图的完成,这里附上完整的代码,需要注意的是在产生随机的初始状态时,是随机两两交换,才能保证其一直是1-9的这样的情况,其他具体响应的设计在程序注释中…

Python切割九宫格图

Python切割九宫格图 朋友圈经常有人发九宫格图片,但那是使用特定的图片软件制成的或就是九章不同的照片本次我们用 Python 来制一张 九宫格主体是一个 3x3 的正方形矩阵 有9张对应的图片组成一般的软件,在遇到非矩阵型图片时难以完成重组,且…

边框图片_九宫格切图

边框图片 原理示意图: 九宫格切图法,保留四个角边框样式,拉伸平铺或环绕方式设置图片四条边.以达到边框样式相同大小可以改变的效果 组合写法: border-image: url("images/border.jpg") 167/20px round;拆分写法: border-image…

python和C++代码实现图片九宫格切图程序(附VS2015配置Opencv教程)

1、python代码实现图片分割成九宫格 需要包含的库,没有下载安装的,需要自己安装哦。 实现原理很简单,就是用PIL库不断画小区域,切下来存储成新的小图片。 假设每一个格子的宽和高分别是w、h,那么第row行&#xff08…

android九宫格切图,拼图九宫格切图app

拼图九宫格切图app是一款比较不错的手机九宫格照片编辑拼图软件,任意选择需要切割的图片,切割成九宫格拼图,轻松制作,喜欢发朋友圈的朋友们有福了,还可以自定义美化滤镜选择,添加文字,贴纸等&am…

赛效:电脑在线九宫格切图怎么制作?

九宫格切图的好处是提高作品的美观度,九宫格切图可以将原本散乱的图片元素进行有序的排列,使作品更具美感,提高观众的观赏体验。另外,还能增强作品的可读性,九宫格切图可以将作品中的主体与背景进行分离,使…

用canvas实现九宫格切图之手把手教学(uniapp+ts)

uniapp用canvas实现九宫格切图(typescript) 前言上传图片展示图片画布下载图片最终效果总结 前言 这几天工作比较轻松,所以就有时间发下呆,突然想起前段时间用了一个九宫格切图软件,所以就自己试着开发下,…

PS把图片切成九宫格

目录 PS把图片切成九宫格第一步,导入图片到PS第二步,设置裁剪第三步,导出第四步,效果图 PS把图片切成九宫格 PS把图片切成九宫格,把图片设置切片,不仅可以切成九宫格,也可以设置22,44&#xff0…

九宫格图片怎么操作?这里有你想要的方法

不知道平时小伙伴们在发朋友圈的时候有没有注意过很多人的朋友圈都会将很多图片拼起来,凑成九宫格图片来发送。这是因为朋友圈的限制,无法一次发完,每次最大上传只有9长照片。所以就有很多朋友一次拼齐9个图片在一起实现发布更多的图片&#…

html用九张图片做出九宫图,九宫切图软件 如何快速把照片做成九宫格切图

在微博时尚流行的图片展示上,九宫切图是当下最流行的一种,一张非常普通的照片经过了九宫切图软件的处理,变成非常漂亮的九宫图片,是不是美观大大提升了。尤其是在把自己自拍的照片做成九宫图展示,让人更有一种不一样的…

九宫格拼图怎么拼?分享两个简单的操作

日常生活中发朋友圈的时候,小伙伴是不是有很多照片想分享到朋友圈呢?但是因为朋友圈的限制,不能一次全发。有很多朋友发现很多朋友可以把一张图片剪成9格!看起来很棒,那九宫格拼图怎么拼的呢?今天就和大家分…

unity的九宫格切割

我们新建Button,然后我们需要一张图片 修改图片类型如下: Editor GUI and Lagacy GUI适用于ngui,而Sprite适用于ngui 然后点击Sprite Editor,如果首次操作会报错,请按如下操作: 点击Package Manager-》将…

怎么制作九宫格切图?这两个方法非常简单

怎么制作出九宫格切图呢?相信大家在微信朋友圈看到过朋友发的九宫格切图照片,把一张照片切割成九份,然后按照一定的顺序发到朋友圈中,就会形成一个效果非常好的九宫格照片,我们自己也想发这种形式的朋友圈,…

matting之trimap生成_膨胀腐蚀

在抠图技术中三分图(trimap)经常被用到,通常使用的方法是膨胀腐蚀(一般在去除噪声的时候先腐蚀再膨胀)。 1. import os import numpy as np import cv2def random_dilate(alpha, low1, high5, modeconstant):"""Dilation. erode"&…

抠图算法-Alpha Matting

目录 概述graph cutAlpha Matting 概述 对于抠图,比较简单的方法是图像分割,这是很老的方法,但这其实算不上真正意义的抠图,因为他的主要目的是用于图像之间块与块的分割。典型的就是grabcut算法,opencv上面有相应的优…

Background Matting V2 学习

论文: [2012.07810] Real-Time High-Resolution Background Matting (arxiv.org) GitHub项目源码:GitHub - PeterL1n/BackgroundMattingV2: Real-Time High-Resolution Background Matting 目录 论文学习 方法设计: 网络模型: 训…

matting系列论文笔记(三):Boosting Semantic Human Matting with Coarse Annotations

matting系列论文笔记(三):Boosting Semantic Human Matting with Coarse Annotations 论文链接: CVPR2020 Boosting Semantic Human Matting with Coarse Annotations [1] 代码:暂无 文章目录 matting系列论文笔记(三…

Image Matting 图像抠图技术与深度学习抠图

Image Matting: 图像抠图技术是指从静态图像或者视频序列中抽取感兴趣目标的过程,在ps和视频编辑中有重要的应用。 1.Image Matting Matting 技术可以表示为下面的图,与语义分割不同,它可以针对感兴趣前景物体进行细节处理、包括细微的毛发和…