创意九宫格图片制作技巧!

今天给大家分享九宫格照片的制作技巧!

是不是每次看到朋友圈有人发九宫格图片

都觉得特别羡慕

其实这种图片可以自己制作

步骤也不复杂

下面交给大家三种制作方法:

1、APP

2、表格背景填充

3、矩形复制填充

有一款移动端的APP应用——9cut(Android端和iOS端都有)

可以轻松将图片切割成9个矩形方格

大家可以自行搜索下载

主要介绍后两种方法

表格背景填充:

►首先插入三行三列的表格

插入图片并将表格调整到图片大小

将表格行列调整成均匀分布

去除表格底纹(无填充颜色)

将表格框线调整至统一3磅并填充白色

复制图片,选中表格并设置表格格式

选择填充——图片或纹理——剪切板

勾选将图片平铺为纹理

然后复制(或者剪切)整个表格

选择选择性粘贴(或者Ctrl Alt V)

选择增强图元型图片(矢量格式)

右击图片选择组合——解散组合

此时会弹出确认菜单单击确定

再次右击选择组合-取消组合

此时图片就被解散为一组9个图片了

如果想导出的话可以一个一个选中然后右键单击

另存为图片

也可以用之前介绍过的多图片批量导出方法

将这个PPT文件另存为Zip文件然后就可以得到所有图片

矩形复制法:

这种方法其实理念跟表格法有点像

首先计算下图片的宽高

然后插入9个等大的矩形

宽高都是图片宽高的1/3

对齐排列并填充无色

将9个矩形全部选中并组合(Ctrl G)

然后复制图片

选择组合后的矩形并设置格式

填充——图片或纹理——来自剪切板

勾选将图片平铺为纹理

此时选中填充后的图片

复制(或剪切)

选择选择性粘贴(Ctrl Alt V)

增强图元型文件

两次取消组合

步骤跟表格法一样

最后导出就可以了

同样的道理

如果你想制作四方格、十六方格等

方法也是一样

原文发布于微信公众号 - 数据小魔方(datamofang)

原文发表时间:2016-02-11

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏小蠢驴iOS专题

iOS中Cell约束--使用xib实现多label的自动约束--高度随内容自适应

4466
来自专栏知晓程序

开发 | 手把手,教你在小程序里做一个圆形进度条

今天想把之前在微信小程序开发过程中,制作的一个圆形进度条做成一个组件,方便以后直接拿来用。

1103
来自专栏coding for love

CSS进阶08-绝对定位 Absolute Positioning

(注1:如果有问题欢迎留言探讨,一起学习!转载请注明出处,喜欢可以点个赞哦!) (注2:更多内容请查看我的目录。)

871
来自专栏小巫技术博客

A015-布局之Linearlayout

994
来自专栏九彩拼盘的叨叨叨

CSS3的属性值inital

属性值inital是指CSS规范(CSS specifications)指定的值。 例如规范中定义: display 的 inital 值为 inline; ...

812
来自专栏前端知识分享

第124天:移动web端-Bootstrap轮播图插件使用

> 对于Bootstrap的JS插件,我们只需要将文档实例中的代码粘到我们自己的代码中 > 然后作出相应的样式调整

3444
来自专栏Coding01

推荐一款快速生成海报的微信小插件

现在很多小程序都有生成海报,分享海报的功能。我们自己的几个小程序 (如:爸妈搜商城、爸妈搜云课堂、幼师大学、跟着外教学英语等) 也都有生成海报的功能。因此技术团...

1212
来自专栏编程

java基础知识,font属性css写法,代码详解!

CSS属性值 字体与文本 网页设计中有很多的文字要去处理,标题、段落、文章、列表以及表单中的文本。这一篇章我们讨论一下HTML中的字体与文本 字体 首先要有一...

2018
来自专栏企鹅号快讯

前端学习自学笔记:day10

今天是第十天的笔记,主要是HTML和CSS的,希望大家支持~ ? 在此之前先为大家显示下前端工程师的路线图: 第十天的笔记:HTML AND CSS: 响应式设...

2027
来自专栏地方网络工作室的专栏

图片自适应父元素大小,并左右上下居中的css方法

图片自适应父元素大小,并左右上下居中的css方法 前言 这种效果多见于矩形盒子里面调用不规则的图片,希望能够达到的效果。这个效果可以很简单的用css来实现,虽然...

2568

扫码关注云+社区

领取腾讯云代金券