制作动态logo教程

简介:

本人从事iOS开发工作,但对特效制作很感兴趣,现提供一份教程,制作本人logo的教程。

上图是用 Photoshop 与 After Effects 与 GIF Movie Gear 合力制作的动态图片的logo,现在简单讲讲如何制作吧。

1.用Photoshop制作出字母以及背景
 
 
 
 
 
要点:阴影部分靠渐变工具中的透明渐变产生,这个最终会产生边缘渐变消失的效果(如动画中边缘逐渐消失),很重要,如下图示 
 
 
 
2.将文件分层导入到  After Effects 中
 
 
 
3. 新建六个固态层,并用钢笔工具在线条上描绘
 
 
4. 对每个固态层使用 3D Stroke 特效,辉光特效(看起来更柔和),以及参数的配置,并根据时间打上关键帧
 
 
要点:3D Stroke 的关键配置如下所示
 
 
 
 
5.整理下图层关系后 之后将渲染成JPG图片序列 
 
 
 
6. 渲染完成后,将文件导入到 GIF Movie Gear,通过简单的操作就能够导出动态gif文件了
 
目录
相关文章
|
3月前
|
区块链 开发者
制作Logo
制作Logo
|
4月前
微信小游戏制作工具中关于背景图的设置
微信小游戏制作工具中关于背景图的设置
97 0
|
人工智能 智能设计
阿里云logo设计入口(在线一键生成)
阿里云logo设计入口(在线一键生成)
2382 1
阿里云logo设计入口(在线一键生成)
|
人工智能 智能设计 云计算
阿里云logo在线设计
阿里云logo在线设计,阿里云logo智能设计一键生成海量LOGO可供选择,阿里云百科分享阿里云LOGO设计生成网址链接以及使用方法,智能LOGO设计,仅需3步,10秒生成,AI匹配海量logo,商用无忧:
1772 0
阿里云logo在线设计
|
Web App开发 XML 编解码
Logo小变动,心境大不同,SVG矢量动画格式网站Logo图片制作与实践教程(Python3)
曾几何时,SVG(Scalable Vector Graphics)矢量动画图在坊间称之为一种被浏览器诅咒的技术,只因为糟糕的硬件支持(IE),和没完没了的兼容性调优(Safari)。但是在2022年的今天,一切都不一样了,正所谓三十年河东,三十年河西,微软所研发的采用Chromium内核作为IE替代者的Edge浏览器已经有望超越Safari成为第二大桌面浏览器,而曾经因为不支持关键帧动画被人诟病的Safari也统一了标准,市面上除了老帮菜IE,几乎所有平台(包括移动端)都已经对SVG足够友好,这让我们可以放心大胆的在网站上应用SVG矢量动画图。
Logo小变动,心境大不同,SVG矢量动画格式网站Logo图片制作与实践教程(Python3)
|
人工智能 算法 SEO
一个好的网站logo设计长这样
一个好的网站logo,不仅让用户一眼知道网站品牌传递的信息,还能提高网站专业度和丰富度,增加SEO搜索排名。今天分享下如何设计一款实用的网站logo。阿里云智能logo设计,在线免费体验logo制作:https://logo.aliyun.com/logo
412 0
一个好的网站logo设计长这样
如何利用ps工具,裁量咱的素材小图标和如何获取到大小合适的素材图标呢(各自图标素材集中于一张png图片上)
如何利用ps工具,裁量咱的素材小图标和如何获取到大小合适的素材图标呢(各自图标素材集中于一张png图片上)
143 0
如何利用ps工具,裁量咱的素材小图标和如何获取到大小合适的素材图标呢(各自图标素材集中于一张png图片上)
|
安全 JavaScript 前端开发
JavaScript 技术篇-如何实现在线logo网站制作后的logo去水印,免费制作无水印logo方法
JavaScript 技术篇-如何实现在线logo网站制作后的logo去水印,免费制作无水印logo方法
472 0
JavaScript 技术篇-如何实现在线logo网站制作后的logo去水印,免费制作无水印logo方法
|
机器学习/深度学习 数据采集 JSON
手把手教你打造前端智能图标识别工具
Hi~ 我是前端学徒业枫,今天为大家带来一篇硬核前端智能化教程,真·手把手教你用机器学习打造一个纯前端运行的图标智能识别工具。并附上完整代码,一起来体验前端智能化的魅力吧~
手把手教你打造前端智能图标识别工具