各位小伙伴,大家好!本期教程 Pixso 设计师将为大家分享,利用在线协作设计工具 Pixso 进行动态海报的制作方法,非常简单的操作,让新手设计师也可以一学就会。大家在看完后,也可以使用 Pixso 尝试在线制作,做出更好的动态海报设计效果!一起来看看今天的内容吧!

动态海报效果预览

如下图所示,以下为本文最终的动态海报设计效果。

动态海报设计

动态海报设计教程

1. 登录Pixso账号

进入Pixso官网,点击下图中的“ 免费使用 ”按钮,跳转页面至 Pixso 账号登录页。

动态海报设计

2. 获取动态海报设计素材

登录 Pixso 账号之后,进入 Pixso 资源社区页面,利用顶部导航栏的搜索图标搜索“3D人物角色插画”,获取如下图所示的本次海报教程素材。然后,在素材详情页点击右上角的“复制”按钮,将素材复制到你的 Pixso 账号中。

动态海报设计

3. 进入 Pixso 编辑器页面

打开复制的 3D 人物角色素材文件,进入 Pixso 编辑器页面,点击左侧导航的新建页面图标新建一个“页面 3 ”,如下图所示。

动态海报设计

4. 新建画板

在“页面 3 ”,使用画板工具【F】新建一个大小为 750x1334 的空白画板,并填充画板背景颜色为 #000000,透明度 100%。

动态海报设计

5. 添加 Pixso 品牌 logo 与海报文案

如下图所示,将 Pixso 品牌 logo 拖入到画板中。

然后,使用文字工具【T】输入文字

  • 3D CHHARACTER DESIGN】,设置文字大小16,字间距16,字体为思源黑体,字重regular,颜色为#FFFFFF,透明度50%;

  • 【30 个 3D 人物素材免费下载】,字号为82,字间距0,字重black,字体为思源黑体,颜色模式为线性渐变#EDE4F5、#D6BFF2、#89E0DD,透明度100%;

  • 【2023】,字体为思源黑体,字重black,字号为40,字间距0,填充颜色#89E0DD,透明度100%;

  • 【Pixso 资源社区】,字体为思源黑体,字重regular,字号24,字间距0,填充颜色#FFFFFF,透明度60%。

最后,将以上输入的文字放置在如下图所示的位置。

动态海报设计

6. 给动态海报设计添加几何装饰元素

  • 使用圆形工具【O】绘制星球元素,大小为 70x70,颜色填充模式为线性渐变 # 8DDEDE、# F4E0A1透明度100%。

  • 使用直线工具【L】绘制网格元素,颜色为 # FFFFFF,透明度 40%。并且,使用多边形工具绘制装饰三角形,大小为 46x46,颜色为 # EF7D44、# 0082EA,透明度100%。

  • 使用矩形工具【R】与文字工具【T】绘制“PNG格式”标签,文字大小40,字体为思源黑体,字重为 medium,背景矩形大小为 251x68,圆角大小为 15,填充颜色为线性渐变 # 8EDCE0、透明度 100% # A5D4E4、透明度 0。

  • 使用文字工具【T】,输入“PIXSO”,设置字体为思源黑体,字重为 black,字号为 180,字间距 17,然后点击鼠标右键设置文字“轮廓描边”,将文字改为描边 # FFFFFF,透明度 60% 并将其放置在如下图所示的网格位置。

动态海报设计

7. 给动态海报设计添加3D人物角色

在完成上述元素绘制后,将复制的 3D 人物角色素材放置在如下图所示的位置。

动态海报设计

8. 给动态海报添加背景光效

最后,使用圆形工具【O】给海报添加背景光效,增加海报背景氛围。圆形大小为 185x185,颜色填充为线性渐变# F3DE9F、# FB241B,透明度 40%,效果模式为高斯模糊,模糊值设为 160,如下图所示。

动态海报设计

9. 复制动态海报,修改人物角色

完成上述海报设计后,再复制 2 个海报,将 3D人物角色进行替换,如下图所示。

动态海报设计

10. 给海报设计添加动态效果

获得 3 个不同的 3D 人物角色海报后,为海报添加动态效果。在 Pixso 编辑器的右侧导航栏切换至“原型”面板,选中一个海报画板将其设为“流程起始点”,并添加交互触发事件为“延时”,跳转至另外一个人物角色画板,动画为“即时”。

重复上述步骤,将这 3 个海报画板添加为相同的交互触发条件。

动态海报设计

总结

以上步骤就是本期教程动态海报设计方法了,大家添加完动态效果后可以点击 Pixso 右上角的三角形图标进行效果查看,非常简单且方便。另外,如果大家还想添加其他的动画效果,也可以使用 Pixso 进行制作,如下图所示 Pixso 可以完成多种常见的动画效果。

动态海报设计

除了动画效果,大家也可以在 Pixso 资源社区找到很多可以免费使用的精致海报设计素材,帮助大家快速完成动态海报设计。所以,还在等什么?大家赶快注册一个Pixso账号,自己动手尝试一下吧