制作动态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文件了
 
目录
相关文章
|
6月前
|
区块链 开发者
制作Logo
制作Logo
133 0
|
5月前
|
测试技术 PHP
大屏幕互动系统PHP源码 附动态背景图和配乐素材 含搭建教程
最新大屏幕互动系统PHP源码 附动态背景图和配乐素材 含搭建教程
57 0
|
6月前
|
前端开发 Java
WordPress动漫图片主题cxudy模板
WordPress多功能CX-UDY图片主题代码分享
307 1
|
人工智能 智能设计
阿里云logo设计入口(在线一键生成)
阿里云logo设计入口(在线一键生成)
4584 1
阿里云logo设计入口(在线一键生成)
|
人工智能 智能设计 云计算
阿里云LOGO设计智能生成入口网址
阿里云logo智能设计一键生成海量LOGO可供选择,阿里云百科分享阿里云LOGO设计生成网址链接以及使用方法,智能LOGO设计,仅需3步,10秒生成,AI匹配海量logo,商用无忧:
3561 1
阿里云LOGO设计智能生成入口网址
|
人工智能 智能设计 云计算
阿里云logo在线设计
阿里云logo在线设计,阿里云logo智能设计一键生成海量LOGO可供选择,阿里云百科分享阿里云LOGO设计生成网址链接以及使用方法,智能LOGO设计,仅需3步,10秒生成,AI匹配海量logo,商用无忧:
2732 0
阿里云logo在线设计
|
人工智能 智能设计 云计算
阿里云LOGO在线设计智能生成网址入口
阿里云LOGO在线设计,阿里云logo生成器,阿里云logo智能生成网址入口,阿里云logo在线设计,阿里云logo智能设计一键生成海量LOGO可供选择,阿里云百科分享阿里云LOGO设计生成网址链接以及使用方法,智能LOGO设计,仅需3步,10秒生成,AI匹配海量logo,商用无忧
5744 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
508 0
一个好的网站logo设计长这样
下一篇
无影云桌面