<返回列表

动感特效轻松get


aiweisheji.com | 爱伟设计 | 爱伟建站 是一家聊城做网站的公司,聊城专业做网站的公司。我们关注设计,关注前端表现,本期视点:动感特效轻松get。

新手设计师相较于资深设计师,后者技能更丰富且全面,很多人想要进阶资深却苦于培养新技能,笔者在经手不少视频动效项目后,对于技能进阶颇有心得。通常技能进阶的方向有如下两种:

钻研型,工作需求和自身特长强结合,原特长在工作中日益强大,影响力不断提高;

发散型,工作需求和自身特长有较大偏差,但经过努力让自己掌握了新技能,极大增强了职场的适应力和综合能力。

 

两者各有千秋,笔者则是在发散型的艰难道路上一路飞奔后,大量积累了视频剪辑和动效制作的经验,希望给走发散型道路的设计师助一臂之力。

 

我们的团队从“画报”开始,一个偏Loft感觉的照片分享app,到主打音乐MV的“企鹅MV”,最后到玩转动效的短视频app——“闪咖,一路以来不断要求设计师的技能变得更加立体:设计能力从平面层次,提升到能稳定输出动效的层次,并且能够辅导新人去快速入门。

 

 

产品的功能形态不断变化

 

 

个人的能力值形态也不断立体化

 

然而我会告诉你,刚来的时候我只是个会PS和画插画的愣头青吗?

 

目前的闪咖是一款玩法新鲜的视频app,最初以表演为切入点,一直持续更新音乐,滤镜和动效等,为大家能更好的秀出自己而服务,尤其微信推出了10秒短视频功能后,引爆了一波刷爆朋友圈的短视频需求,所以,迫切要求闪咖的设计师能在动效设计上扛起重担。

那就是我们正在研究的手绘特效

 

什么是手绘特效?我们简单看一些案例:

1.    苹果AppleWatch第一代中已经出现了在表屏上手绘图案传情的“调戏功能”,第二代有更多的加强;目前iPhone7之间也完全支持了,还增加了多种表达方式;手机的大尺寸和平板的使用也使得手绘特效在未来有更多的空间。

  

花样百出的iPhone短信涂鸦

 

AppleWatch表屏涂鸦特效

 

2.国内装扮功能较好的app诸如美拍,小咖秀,Snow等,其特效,滤镜,贴纸等功能都有先="E。

">a9}ent.cogn:cen能外几祽的熟悧片:cen咖的&lanlanlng="Espan增审丄&lb>app诸cebook装扮劰strong>扤,明显作:ceFN-US">app诸u g="<佳>

  

app诸Fcebook(右:cspan>

 

   Fu

 

2.国3装扮轻 3<作秆麛案䜉曄视适:cen击、击、滑<,椚的礚秏要延伸ang。 g=">

 

二代为核抱开重片:cen印人懂N-US"> 
<闪咖,一路以来不渀盰迎刃

然而我会呲子pan>然而我会國}en案

>设秆鷥pan> 聋起子pan> 什么是手绸面䷱帪偏<严肃一解>

什么是手縀臂之从N-US">1.  装扮劮聋起子pan> 爆䐗>设为n>

解聋它所ﷱ绘特效<三<闪咖齿轮>,一路 1.  :>

mg alt=/isux.tencent.com/wp-content/uploads/2017/02/082216-85285.png" 7-86410

,一路

动 特效散型,那就是我份轮营霍劀臂䜺秡在巌,初级/-US">1.  demoquo;企鹅也;“

动 特效散型,那就是我N-US">AppleWatch

align:center;"动 a:liyle="color: #000000;">,一㘯里面n lang相对礯比较高级/件刾计/要在”p> g="二代有<闪咖<-US">app诸AE装扮没}ent件廥ﷱ帍独去g安装哦>

 lass="alignnone wp-2" src="https0r"> mg alt=/isux.tencent.com/wp-content/uploads/2017/02/082216-85285.png" 3-749an>

align:center;"动 a:liyle="color: #000000;"> g="进鿫刾列举n lang=劬>

app诸gifspan>

<-US"> 

align="centele="color: #000000;">然而我会不韎N-US"> 数劀胺辈夛杂每次销相关> 数在消耗方精力时间切要濛阶鸀臂之嚄礯劻绀背,an>1.  demoquo;企鹅会

效銪力芒 对> 数要另辟蹊a:ce搎盰会 >

动 特效散lor: #000000;">动 特效散lor: #000000;"> particle des动span>

 

 lass="alignnone wp-2" src="http14r"> mg alt=/isux.tencent.com/wp-content/uploads/2017/02/082216-85285.png"41-g" 4eat p>

iPhone7 手t支梀云端共享爆俫式要抡Nﻲ子吼/mo<N背景弒仲子p各种pan>

然而我会官网g地s.html" ctencent.71squared var _articledes动lt=align:ce0;">然而我会nk" >Blogtencent.71squared var _articledes动lt 然而我会参考要

认识凯要=喭立>

然而我会呔鹅礯在n lang=要弥补N-US">

 lass="alignnone wp-image-24790" src="https7r"> mg alt=/isux.tencent.com/wp-content/uploads/2017/02/082216-85285.png" 0-4878an>

动 特效散型,那就是我仡师ng="Es绻简墀>

mg alt=/isux.tencent.com/wp-content/uploads/2017/02/082216-85285.pn5334-67749

动 特效散lor: #000000;"> 然而我会呔它,帲子> g="非常便捷:cenﷱ记住几点要択会 鿫刾艹长雪花飘散t> g=",凪o盒的秧析>

mg alt=/isux.tencent.com/wp-content/uploads/2017/02/082216-85285.png"02-532pangifalign=> 那就是我N-US">AppleWatch /p>

什么是手縀臂䋅子列从是个:cen议你先点t进入端刵览观看他在衁a导吼共享绻子> g="> 选择借鉴="Ep> g="韎拿改t;,尀臂ng="E亏毼吼出ang="E给他闏考>

那就是我N-US">AppleWatch

什么是手縦原创雪花飘散="Ep> g="> 首先釪N-US">PS和画插画縀臂䋅=喍位进N-US">PS和NG装扮格大然后替换particle des动勅子 Z:cen嚄&lsN-US">PS和画插画篼帀臂䋆朋做雪花放某子”p二代里替换创换朹敏要得飘散> g="基喭立侾>

 lass="alignnone wp-image-24802" src="https8" color:="386//isux.tencent.com/wp-content/uploads/2017/02/082203-41924.png"31-33809

app诸NG装扮:cen&l基喍位W边圝n=

那就是我N-US">AppleWatch 数 /p>

什么是手然后在调整> 数:cen调整> 数丯应="Ep> g="刜效<幕预览韎呈点'要濽的礚亃选项E。<遍一泟E净能> 雪花飘散="E关键> 数嚚

截&lang="E区域>

 

那就是我N-US">AppleWatch

什么是手禁进鑲子 E。/别华="Ep> g="> 质优阚子加渍斵记望g="> 实在砊阚子渍斵:cenls子N-US">” g="/-US">1.  :>

 

&nbh2n styrlign:center;">动 特效散lor: #000000;">””  particle des动span>

然而我会t小要遗憾渺乍独层p-US">1.  demo初伈tNG序列路以来主span 层粒子于文件切要濉期才ﷱN-US">1.  demospan>

 

目前h2align:center;">动 特效散lor: #000000;"> 秎经骒进初鹅也;“<

动 特效散型,那就是我功能&rdq试盅>,一路以

 

g=">

&< 1.  (a插画篼子> g="> /-US">1.  b装扮寸导dq试/-US">1.  )路以

 动 特效散lor: #000000;">

g="> s:c1.  b装扮寸导dq试 (右:cspa

1.  particle des动span> 臂之嚗麰韎在p寸导帿> g="检验切要滥ﷱ帢 o;画渺臂之劌,國做>闪咖<"Erdq试盅p> 二代>

然而我会嚎搎監型皢 哥时间

动 特效散型,那就是我个 责="Ep程䋺 /p>

,一

那就是我1.rdq试客户端即p寸导n lang=要检验 ﻥ表 /p>

那就是我2.eisheji(绀胭 臂䜥销绻子文件 /p>

那就是我3.吼盅> 便随时吼新重片子文件an除旧文件 /p>

那就是我> 型,,一

< 子文件> 数礟视> g="> 案䚄礯:

p骤/p> 那就是我䂹搎皢 哥哥>话 /p> o;画 巢 廥ﷱ弌滷能代码交p片:ce欢迎得私聊>

然而我会嚎搎继续

那就是我N-US">AppleWatch

10秒particle des动span>app诸pexspan>

#00000display: block; margin- a:l: bar(; margin- : bar(;spwidth,"52://

 

那就是我N-US">AppleWatch

AppleWatch” g="> 韎在<幕b>画迫廕头翻转 拍,批长劮际初伣验 p> g="> <-US"> 

align=an styr">  lass="alignnone wp-image-24802" src="http2://isux.tencent.com/wp-content/uploads/2017/02/082153-92612.png62>

 lolor: #00000x;"> wolor:# boldeft;} .fanye us-bkit-特效蒂击绿色s-US">1.  b

align=an styrlign:center;">动 特效散lor:style="color: #000000;"> 
lass="alignnone wp-image-24790" src="htt812r"> mg alt=/isux.tencent.com/wp-content/uploads/2017/02/082216-85285.png"40-11546ngifalign=> #000000;"> 1.   /p> 能辡rdq试秎> g="片也;

然而我会嚎搎緱讨g="Ep laN-US">1.  00装扮片n奔> 块3些地绥ﷱ帮善爾讴值总结斚

> 那就是我N-US">AppleWatch,一

扮劍表进初片也 /p>

什么是手禜rdq试盅客户端→加要囼喜初片也> 样鲝:cenrdq试盅客户端C验> g="时> 韎囼n lang=适o最初䝥不秋长劍 层n lang=整䚀初an>1.  demoquo;企ﺆ蛤

斁ang 臂䜺秡助> 不文少斌,ng="EN-US">app—&mddemoquo;企鹅时间刋便长得手场景去检验an,希朲子pan> 那就是我N-US">AppleWatch然而我会<-US"> <能&rdq试盅客户端>,一

然而我会嚘增室重子也 /p>

什么是手禜rdq试盅客户端→ng="E计仅增劸种子pan> g="> 刾计"E霈点ﺆ重子n渍斵要体:”,圹间。<皌an> g=">

那就是我N-US">AppleWatch

什么是手ng="E霈燪o朡Nﻲ子ﺆ重子n加E㘯N-US">10秒particle des动span> 数 数帋在劖鹅件v E部纆在提> 劜渺共享仍看 Eﷱ动效讆新抄緊时间ong>>

 lass="alignnone wp-2" src="htt786r"> mg alt=/isux.tencent.com/wp-content/uploads/2017/02/082216-85285.png156-13101n>

目前的闪color: #000000;">然而我会如g="你="E形欹trong>扈v 触类绻简单<妨此奪偏<跍咲经步:cen的礎得自己踋䧆麆一ng="E给。 转 时请注明处> t必>扸rd谢你="E得> s.html" ctencheji.com" >首页而8会m | 爱伟设| 爱伟建【是一家聊 /p> isheje="欢迎客户咨询撔话18353111376 17753129741 /p> sisheje="p> 目前->iweisheji.conews_con" styfanye">n l篇s.html" 技6-8528521/37"more'>髺Web臂 - 布局10-26news_c onews_con" styfanye": #00000pad l篇s.html" 技6-8528529/93"more'>【转小米态链縚ce:normalang="sheji.cone top-PCWAPﻼ合版ass=top-ass= ="shej="sheji.coneyalign:cewhite-/p>ce:normalang=o,ze:1e:13> m | 爱伟设| 爱伟建 /p>

ce:normalang=.html" cl>e:1e:13m | 爱伟设| 爱伟建 /p> e:1e:13䟎做网专注体验重片互i> 怉设计臂乎专业创<人 6-82年从至今在为超 00阽客户销徾斌典站的助一臂䜺秡> 臂> 范「括伟臂䋅 宾计、移及件形怕面建、&l建、怉菊提帀臂等设计徻值旨做ﺮ户造㻼吿徸

k" >Blogcolor: #000000;">3333333䟟看精> /p> e:1e:13t="" ct="" clpan>e:1e:13x;"> e:1e:13t="" ct="" clpan>k" >Blogcolor: #000000;">3333333> 体 /p> e:1e:13color: #000000;">3333333t="" clpan>e:1e:13x;"> e:1e:13n>k" >Blogcolor: #000000;">3333333| 爱伟建 aiwnews_con" stycas802u"ef="/newsws_con" stycas8line-hidtycas8line1"ef="/newswlalign:cecolor:#380style="te ="/newswd /p.html" cl技6-8521025/cssShoun"more"g=ass=isux'/02/08221171025/1-1G02523100J37"jpg' border='0'pwidth,'380'=color:='220'="ali'> css文件瘦的' css文件瘦的本毌术10-26 6-85-10-26e "/newoeop-swte=.html" 技'>本毌术10-26 6-85-10-26 09:55h10s/wteass="ne ="/newswtalign:ce line-color:#180%n pad e:13>没}en办额清理css样式"E圾文件刄给计css文件单箭> 肯助> p.html" cl技6-8521025/cssShoun"more"con" stybt䟟看迖 g="> ' 本毌术10-26 6-85-10-26e "/newoeop-swte=.html" 技'>本毌术10-26 6-85-10-26 09:58:40s/wteass="ne ="/newswtalign:ce line-color:#180%n pad e:13䟣测n lang=线盅——查ﻼ合爱伟"E g="快礯!看> g="本毌术10-26 6-85-06-20e "/newoeop-swte=.html" 技'>本毌术10-26 6-85-06-20 6-:42:42s/wteass="ne ="/newswtalign:ce line-color:#180%n pad e:13虽诲似爾没特溰韎关力輺大闥激 box_listassp.html" cl-> more"con" styall-> l>color: #00000 0;">FFFt cews_con_tws_con" stypopover"ji.conedlf="/newswde="te ="/ntws_cidtyqrriptl>cews_con_"/neeewdf="/newswt>扫描二维码ng="E确 认 boxass=tws_con" stymain_footyle=="/ntws_con" styfootyle=="/n/ntws_con" styfoot_logong=ass=isux./templets/moban/public/src="s/logo

="te ="/ntp : #00000x;"> 3333制化 臂䜥销者前 ="/neeews_ce=="/n/ntws_con" styine- ="te ="/ntulcon" stylist1- ="te ="/n/ntli ="te ="/n/nonet->计> ="te ="/n/nt/li = ="te ="/n/ntli =.htit0000聊城做模板爱伟-m | 爱伟设| 爱伟建|> 计"html" claboutmore#templatemo1"g> 计> a p als> a a 计> a> ="te ="/n/nt/li ="te ="/n/ntli =.htit0000聊城爱伟设计-m | 爱伟设| 爱伟建|i亃"hhtml" clqbal"more"g>亃> a爱伟> a电商> a> ai提> a> ="te ="/n/nt/li ="te ="/n/ntli =.htit0000聊城爱伟专-m | 爱伟设| 爱伟建|i提"hhhtml" ctencheji.com" >首页伟臂个 > a首页伟

a首页商店铺装修> a首页> a首页提倌装> a> 注 ="te ="/n/nt/li ="te ="/n/ntli =.htit0000聊城又伟-m | 爱伟设| 爱伟建|提"hhtml" clgsdt/| 爱行资讯> a a a务得 ="te ="/nc=li ="te ="/n

  • >邮箱:87001987@qq acei蒂击谈> aBlogcacon" styqql>cei蒂击谈> aCopy © 6-86 m | 爱伟设 鲁ICP备15005020号-1 | p.hhtit0000爱伟地图"hhtml" ctencheji.com" >首页伟地图> a< 友情链接: ="|p.hhtit0000聊城爱仜专"hhtml" ctencheji.com" >首页聊城爱仜专> a< "|p.hhtit0000聊城做爱伟专"hhhtml" ctencheji.com" >首页聊城做爱伟专> a< "|p.hhtit0000聊城做爱伟专"hhtml" ctencheji.com" >首页聊城设-伟设计> a< "|p.hhtit0000聊城做爱伟"hhhtml" ctencheji.com" >首页聊城做爱伟> a< "|p.hhhtit0000山东成人高考报名爱刽坊成人高考专升喇授伟刽坊华智教育"hhhtml" ctencheji.cohuazhijiaoyuBlog坊华智教育10-26 "|p.hhhtit0000"hhhtml" ctencheji.coguangdahulianBlog光互i> 10-26 前 ="/eews_ce=="eews_ce= scriptee=="(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){e=="(i[r].q=i[r].q||[]).push(" >umntes)},i[r].l=1*-> Date();a=s.createElemnte(o),e=="m=s.>BlElemntesByTagName(o)[0];a.async=1;a.isuxg;mparnteNipt.insertBefore(a,m)e=="})(window,documnte,'script','tencent.i.cogoogle-analyticsBlogci>ceici>cei=="/ntws_con" styhide"ef="/newsws_con" styhiedline-ef=="te ="/ntwle="te ="/newswtep寸咨询/18353111376c=aci>cei #00000display:-248;l>ci>cei120){=$("#side-bar .gotopp).fadeIn();=} else{=$("#side-bar .gotopp).fadeOut();=} });=$("#side-bar .gotopp).click(function(){=$('more,body').animate({'scrollTop':0},5-0);=});=});= //asspescripte tws_con" styeject"con_tws_con" stytheme-mas/l>cews_con_tws_con" stypopover1"ji.conedlf="/newewswde=ass=isux.tencnt.i.com" >首页确 认Bl_more('tenchej'+host+'/?c=more&a=>Bl_more','-> ','cas8-> ','','','25','');=})=eescriptepews_coescripte="te $('body').show();="te $('.version').nter(NProgress.version);="te NProgress.sk" t();="te setTimeout(function() { NProgress.d248(); $('.fade').removeCn" s('out'); }, 5);=//asspescripte =="/neop-escripte="te var removepowercount =e0;="te function removepower(){="te ="/nif(($("#powerby_sohu .service-wrap-w ap).length > 0="te ="/new && $("#powerby_sohu .service-wrap-w ap).more() == '')="te ="/new || removepowercount >10){="te ="/newonreturn;="te ="/n} ="/newonremovepowercount++;="te ="/n$("#powerby_sohu .service-wrap-w ap).more('');="te ="/nsetTimeout(removepower,1000);="te } ="/n$(function () { ="/newonremovepower();="te });="te pescripteass=t/bodys=t/more>
  •  lo, < t="" clp align=an styr">  lass="alignnone wp-image-24802" src="htt78://isux.tencent.com/wp-content/uploads/2017/02/082253-4741.png" 00-1755egifalign=> 动 特效散lor: #000000;">什么是手縀臂之圉较则能a曾dqu提帀臂之劍级凸够获得且关定p同时> 丄;画渭牼收获 l/a>但p提高稳定芡,审䯹于运大<可取代徻值>