社群运营海报设计:同心圆排版形式全家福
最近看网页UI设计较多,所以综合知识付费社群海报设计,用PPT做出了这样一张同心圆排版全家福海报,欢迎沟和交流。
大家好我是似锦老师,今天大家带来一份超级详细的同心圆排版全家福保姆版教程。
保证你能用PPT同步操作做出一款一模一样的全家福。
在正式开始之前,请允许我做一个简单的自我介绍。
我叫似锦,是一名野生设计师。
最开始接触设计的时候是在20年10月份的时候,当报名了某读书的一款训练营,叫:读出生产力特训营
现在这个营已经不在了,但我还是非常感谢那里的设计指导员,为我打开了设计领域的缺口。从那时起便对设计喜欢的一发不可收拾,好的,话不多说我们开始今天的教程吧。
这张作品的灵感来源于我之前用PPT做过的网页UI模仿设计

再加上这样一款之前做过的一张全家福

然做出了这样一张全家福海报的设计。

1.首先这张图的难点在于,如何将群成员头像进行裁剪形状和圆环形排列
(由于2020年开始微信就不能网页登陆了,所以去成员头像必须手动一张一张进行保存,熟能生巧其实就是简单重复的机械性动作,目前200人左右的群头像,10分钟左右就可以全部保存好了。)
* 强烈建议使用PPT(365)版
我们要用到的第一款插件iSlilde,插件官网:https://www.islide.cc/

安装好以后PPT的界面会出现对应的插件选项,(假如没有的话重新打开下PPT)

还要用到第二款插件LvyhTools,插件官网:http://addins.cn/yhtools/

这款软件也一样,安装好了会出现插件选项,假如没有显示的话重新打开下PPT就好了。

首先我们将保存好的所有头像插入PPT当中来,然后按Ctrl+A选中所有头像。

然后选择iSlide插件中的裁剪图片工具

根据头像数量和摆放占用位置的大小来调整图片的大小,像我这张是130+张图片,占用位置不是很多,所以
我选择了25×25尺寸的。(这里可根据情况,调成符合制作情况的尺寸,后期更改也不是很费力的)

然后他们就变成了这个样子

这里根据123的顺序,我们把图像裁剪成圆形。


到这里头像我们已经处理好了,下一步就是要把他们排列成圆环形式的排版了。
这里我们另起一张幻灯片,Ctrl+M,在这张幻灯片上我们来画同心圆。
我们来选择插入圆形后,按住Shift插入两个正圆,填充选择为无填充,小的正圆至于顶层。

按Crtl+A选中两个圆后,选择LvyhTools插件里的形状补间功能

这里我插入的是130多张图片数量不是很多,再根据大小实际情况,选
择补间了4个圆,同学们可以根据自身情况来选择补间圆的数量。

然后再按Ctrl+A键选中所有圆,按Ctrl+G把所有圆组合成一个圆。


再把做好的同心圆复制粘贴到头像的那也幻灯片里,然后右键把这个同心圆置于底层。

然后选择沿线均匀分布-保持原角度


头像就排列好了,我们把背景的同心圆按打字用的删除键删掉,
然后Ctrl+a把所有头像,添加上阴影,然后Ctrl+G组合下变成一张同心圆元素。



目前为止我们的同心圆排版是排列好了的,先放到一边,我们接下来开始制作背景。
另起一张演示文稿Ctrl+N,这张背景图的颜色,是一款叫色采APP推送的。先在幻灯片上吸上底色。

然后添加一个梯形吸取上颜色

然后添加上这个类似半圆的矩形吸取上颜色,半圆的直边和梯形的斜边对齐。

然后我们再在两条边重回的部分添加上一个圆,在这个位置添加圆是利用这条斜线一会儿做出切割圆的感觉。

再复制出来一个类似半圆形的矩形和圆

把圆进行切割,我们留取圆的右半边,鼠标线单机复制出来的圆,然后按住Ctrl+A再选中复制出来的半圆形的矩形,点形状格式里的剪除。

我们把拆解后的圆吸上颜色和圆进行重叠,然后Ctrl+A选中圆和拆解出来的半圆Ctrl+G组合一下。


在这个组合圆上我们做一个淡阴影处理,方向选:中,具体数值都在上面。


然后单击F12键把幻灯片进行保存,选择JPEG格式。

然后另起一张幻灯片Ctrl+M,把保存好的幻灯片背景插入进来。

把这张图片做一个虚化效果处理,半径100.

然后把这张图片也F12保存到桌面,然后单机下处理好的图片先删掉。点击图片或纹理填充。


插入虚化后的图片

添加一个圆角矩形调整好大小和位置和圆角角度。

把圆角矩形填充上我们保存好的JPEG格式的背景。

把圆角矩形边框做一个渐变处理,具体角度位置颜色和数值都在上面了。

然后把圆角矩形添加上阴影,方向也是选:中,具体数值也在上面。


添加一条横线。

添加上英文字符,这里用到的是站酷快乐体2016,文字做了阴影处理。

添加上logo,这里logo也做了阴影处理。

添加一个圆角矩形,然后设置无填充,边框选白色,往圆角举行里面打字。


添加上一个放大镜的小图标,图表可以去PNG格式的图标网站上搜索:放大镜,就可以了。

把矩形文字和放大镜添加上阴影,具体数值都在上面了。



然后我们把最最开始排列好的同心圆粘贴进来,适当的调整大小和位置。


我们画一个比同心圆稍微大一点的圆,选择填充幻灯片背景填充,这里做一个毛玻璃效果处理。

然后毛玻璃圆上添加上阴影效果。

右键,下移一层。


然后处理非凡部落四个文字,一个一个打字都是站酷快乐体2016,大字80号,小字32号,都添加阴影。

然后调整位置

然后添加英文F,和文字做同样处理,这里是36号大小。

在英文F上画一个圆选择无填充,边框吸色调整边框粗细。

添加一个白色矩形,透明度调整成50%。

然后添加阴影。

添加文字,调整行距。

选中第二行,调整前后段间距。

英文做行距和字间距处理

最后打上日期,也做行距处理。

单击F12 JPEG格式 保存到桌面。

然后我们把这张图做完了,虽然过程很复杂,但是完成之后特别有成就感,希望屏幕前的你也来尝试一下。

其实做我们设计这一行,想成为苗的人很多,在当苗的时候很多人,因为麻烦复杂就放弃了。
真正成为一个苗以后扎根生长,长出来花的人有少之又少。
经过超级漫长的过程和及其复杂的过程,
能有结果的人更是凤毛麟角。正应了孔子那句话,
子曰:苗而不秀者有矣夫!秀儿不实者有矣夫!
孔子当年都在感叹人才稀少,而当今设计界有几人能站在真正的巅峰呢?
虽然过程很漫长,会经历很多的挑战和考验,我愿意做那个有结果的人。
——似锦老师于2022年1月18日。























































































