查看原文
其他

干货 || 一场我和2000人一起分享的手绘制作课程

2016-09-28 西瓜侠 西瓜姑娘爱分享



很高兴前两天借助【有号以后】这个平台和近2000位的胖友分享一下我关于静态手绘和动态手绘制作的一些经验之谈。


下面是承诺大家的手绘课程图文整理以及添加中文字幕的安装包。



手绘课程整理


好了,下面我们就开始今天的课程“零基础如何制作有趣的公众号图文手绘配图。 


所谓零基础,就是你不需要有任何的绘画功底,也不需要会操作PS,Ae,Flash等软件,就能迅速入手精美的手绘。



下面是这次课程的大纲,大家可以花10s来看一下,对今天的课程有个大概的了解。


 零基础如何制作有趣的公众号图文手绘配图

 

1、手绘与公众号结合的必要性

2、如何利用最基础的PPT绘制手绘图像

3、动态手绘的制作

4、如何将手绘视频变成GIF动图


在座的很多人都是做公众号运营或者品牌推广的,现在是新媒体的时代,流量是最吸引人的,我今天所讲的这些手绘配图不可能让你一夕之间就获得巨大流量,但是他们会为日后的巨大粉丝量埋下伏笔,当你有机会有平台让别人看见你的公众号的时候,你要有东西有不一样的地方来留住用户,这样也潜在的增加了用户的粘性。

 

做微商也是一样,正如硅谷创投教父Peter曾经说过的那样:“你的产品再好,但是它是不会说话的”,那么就要靠一些手段来营销,而营销大家都会,那么在你的营销里多一些小细节,增加一些趣味性,就会有意想不到的效果。




上面这个图片是GIF动图,这个就是我的二维码的宣传图,用这种形式给自己的公众号宣传的话,就多了很多趣味性,也让自己的品牌增加了独立性,提高了识别度。



废话就先说到这里,下面我们就开始实操部分,首先是学习如何用PPT来绘制手绘。




下面大家看一下这幅图,都是我之前画的,完成时间大概不到20分钟就够了。很多人会去花钱淘宝或者找人画手绘头像,每张图都要2、30块钱,其实这种图绘制很简单,就是一些线条的临摹和色彩的填充




首先,我们打开PPT,大家电脑上都会安装PPT吧,每个版本都可以,打开后插入一张图片,例如我们插入这一张,以此为例。




然后我们选择PPT上的形状里的曲线工具,如图我已经给大家标注出来了,标注的东西都是蛮重要的,大家可以保存图片到手机里,以便查阅。




这里注意一下是曲线工具,而不是自由曲线,自由曲线是不带磁性的,它在勾勒边缘的时候,会出现毛边,临摹会很困难,线条会极不流畅,这个大家一定要注意一下。


而且勾边的时候,一定要注意首尾相连,然后你勾完一个形状后,会自动填充为默认颜色,这时候你为了方便其他地方的描边,要将填充颜色选为“无填充颜色”,这样你才能看见图片的其他东西,继续描边。




轮廓线条还是要保留的,有时候我们为了方便起见,会选择红色黄色等比较醒目的颜色,后续等全部画好后是可以更改颜色的。




大家看一下,这是我勾边之后的图片,像脸这种一看就是要放在帽子啊,头发层下面的,就可以在看不见的地方任意勾勒,反正回头帽子会挡住。




然后我们就照着照片,依次填充好颜色,填好颜色后,我们将原始照片删除就ok了。




这里值得提一下的就是图层的叠加顺序,图层的顺序你可以点击图层右击,也可以直接在图案旁边的小标记中选择,什么在上面什么在下面我们要做到心中有数,例如帽子上的标签,就应该置于顶层,如果把它放在底层,我们看一下效果。

 

 

如果放置在最底层,就看不见这个标签,它现在的位置就是帽子的下面一层,所以我们是看不见的。那注意了这些,一张图片就画好了,所以你看,是不是很简单,也很好上手?下图是PPT手绘的步骤





以上我们学习了利用PPT来制作手绘,根本不需要我们用Photoshop来抠像啊,钢笔工具建点啊很麻烦,其实这就是新工艺改革的魅力之处。

 

新工艺改革,它旨在把看似很专业的技术普遍化,日常化。一个手绘头像,你用PS建立50个图层,调色,改通道,我们说其实是没有必要的。

 

Adobe一系列的软件工具确实很强大,这点毋庸置疑,但是它们往往不接地气,而且制作成本很高,费事费时费力,所以新工艺改革的魅力也正在于此,把复杂的东西简单化,让技术更接地气。

 



比如动态手绘视频的制作,用AE我们也能做,用Flash我们也能做,但是很耗时间,输出就要很久。而接下来我们要学习动态手绘的制作软件——videoscribe,就很简单,小白工具,无基础也能立即上手,同类型的软件还有easysketch,但是easysketch里面手的模型太丑了,我个人更喜欢VS。

 


 

大家看到的这个动图是用VIDIOSCRIBE制作的,首先,安装包大家可以去我的公众号:西瓜姑娘爱分享  回复关键字 安装包  获取下载链接。打开Vs后,新建文件的页面如下。



 

 这里,我给大家标注除了工具栏常用工具的作用。

 



左起第一个是保存,第二个是添加素材库图案或本地图片,这个是比较重要的功能,其他的是添加文字、图表、音乐等,这里不作详细解释。再往下是选择背景和移动页面的小手,最右边的两个分别是预览和输出功能

 

这个是背景的选择,底纹就如上图的9种,而颜色很多。颜色旁边的是光圈效果,有不同硬度的三种光圈,大家可以自行选择。




然后我们着重讲一下,添加图案这个功能菜单小房子是点开图片,样式分为在线素材和本地素材,时钟为实时保存。左下角的文件夹是可以打开本地素材文件。

 

点开小房子,出现的离线素材和在线素材两种,我用黄色荧光笔圈出来的地方就是离线素材。就是说你的电脑没有网络连接时,黄色框里的素材是依旧可以使用的。



 以上两张素材分别是以色彩和线条为主的素材库。




比如现在选择的地球仪,在地球仪的右边有一个菜单选项是非常重要的,像一个小文档的这个选项是很强大的,我们点开它,会出现下面的界面。



 

具体的操作选项都在图中标注出来了,大家可以参考,自己在操作过程中慢慢体会。


DRAW是用画笔慢慢描绘出图,效果如下图。

MOVE IN:用手或笔触将图案推进来,效果如图。

MORPH:图案转换,具体看下面超人起飞案例。

动态时长:图片从开始运动到结束结束所需时间。

PAUSE:指暂停多久。

停留长度:前一张图片运动结束到下张图片开始运动之间停留多久。

效果设置:超人案例时会详细讲述。




手势和笔式的选择如下图,大家可以根据自己的喜好选择,ADD OWN按钮是可以将自己的手放在里面作为素材的,需要提前将自己手的照片拍好。

 



下面以“超人起飞“的案例给大家详细讲解一下MORPH的具体操作方法和注意事项。我们要实现的效果是将超人!像超人2转换。




我们在在线素材”people”中选择了两个超人的在线素材添加到工作区,这时候我们要详细介绍一下右边像一台小摄像机一样的按钮——场景固定



西瓜侠建议:选中每一副图都按一下场景固定。这样可以确保工作区的图案都在同一个画面中,不会出现两幅图陡然变大变小或者移出画面的效果,大家可以尝试固定和不固定场景两种效果对比看看。如果需要特定的强调放大作用时,可以不固定。




MORPH中有一个很重要的勾选项,即:Clear item?是否删除目标项?也就是说,当你的第一幅图转换为第二幅图以后,是否需要保留第一幅图。勾选则不保留,不勾选则保留。




刚刚上面说的效果设置,点开就是这个界面,比价罕见的英文我很大家标注了,大家可以每个选项尝试一下,就能明白各自是什么样的效果了。



如图,就是超人起飞时的线条变化效果,我们可以看到图与图之间的转换是以这种形式进行的,大家需要注意的是,如果是你自己添加的本地素材,转换可能没有自带的素材那么流畅,大家要对图片进行好处理。


最后一个要点:Zoom at end?在播放时,右下角有个勾选项,一般选择不勾选。否则会出现视频结束后放大的效果。



VS输出成功后,是视频文件。那么该如何将视频变为GIF动图形式添加到公众号里呢?这里我们就要借助播放器——QQ影音。迅雷、爱奇艺万能播放器都是可以的,看自己用哪个顺手。




我用红色框标注出来的地方就是截取GIF动图的方式,大家可以按照图片操作一下。



然后就尺寸可以选择动图大学,截取时间可以控制长度,不建议选择超大图,因为文件太大会无法添加进公众号内。




另外很多粉丝反馈说安装失败或者不会安装,我也为大家整理了一份安装详细教程以及一些常见问题解答,大家可以在公众号回复:安装教程,就可获取一张完整长图。


另外如果想获得听课链接,也请公众号回复关键字: 听课 获取链接。




另外今天另外给大家分享一个软件——InscapePortable。用上这款软件就可以在VS中添加中文字幕啦·~同样的方法,关注公众号回复:字幕   即可获得下载链接。




下载解压后,无需安装,直接打开应用程序。




单击左侧A进行字幕编辑。




编辑好字幕后,一定要选择 路径菜单下,对象转换为路径,因为VS目前不识别中文,但是可以识别路径和图片,这也是很关键的一步



将文件另存为后,保存好的文件格式是svg格式,这个格式是正确的。然后到VS中这个页面添加本地素材,选择我们刚刚保存的文件即可。


那些年西瓜侠分享过的福利


- 动态手绘

《手绘动画来袭啦》


- 教师节 -

《盘点各科老师令你印象最深的一句话》






西瓜姑娘爱分享

ID:axuebigirl

简书号:西瓜姑娘爱分享

九派号:西瓜侠




西瓜姑娘爱分享以后会增加【干货】版块,

分享你想不到的VS制作案例

视频剪辑技巧、

表情包制作方法、

PPT干货

等等等等





因为我是西瓜姑娘


爱分


能分享的都分享。


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存