分类目录归档:设计

萌新怎么学插画?插画师接单平台有哪些?自由插画师怎么接活?

一 怎样的水准适合接单呢?当然是画技娴熟

最终决定我们价值的还是手上的功夫,没有人愿意付费给一个绘画不达标的人。关于绘画的水准,自然是没有一个固定的标准,但一般能从以下几个方面来判断。

1:线稿注重笔触的轻重,画面虚实关系,疏密深浅,甚至小的补笔也能很好处理对色彩有自己的理解,每个画师对于上色方式都有一套自己的习惯和观感,如果上色不懂得变通,最终的效果将会和你构思中的画面效果天差地别。

2:构图有张力和故事性,构图优秀的作品能突出主体,调动气氛,增强感染力,在一众平庸的构图中脱颖而出。相反,如果再构图上没有细细推敲的作品往往缺少层次,没有震撼人心的效果。

我们一般按画面的最终完成度和精细程度决定单张的价格,细节丰富,画面主体与整体氛围能相辅相成相互影响,这样的作品价格自然往上走。

二 如果你现在画技一般,别着急,有办法解决。

如果你现在刚刚开始学习板绘插画,或者会一点,不是很熟练,接单很费劲,但是又不知道怎么提高,想接单赚点经济收入,但是总感觉力不从心,那就先放一放接单都事情,先学习一下绘画,先把功夫练好,有了真功夫,再接单,就是非常容易的事情了。只是现在别着急,你需要一个提升内功的过程。

宝子们,可以看看我自己当初用过的这套资源,素材、笔刷、免费课都有,真的对我帮助很大~我把领取方式放下面了,因为目前还不能放压缩包,大家点击卡片进学习群就可以领取了插画学习资料教程( 素材、软件、公开课)

三 日韩插画接单指南。

(一 )怎么样才能接到单子呢?

首先,寻找需求,需求是第一步,目前找到需求的方式有很多,举例说明:

现在有许多靠谱的官方外包平台可供大家去选择,如画萌、米画师、美术盒子等这些网站可以供画师们接稿并且做担保,不需要担心甲方突然爽约或者被骗稿,既安全又方便。

1、米画师,

只需注册并认证成画师,发布一些自己完成度较高的作品作为展示,如果画风和价格合适自然会有甲方来找你。这里切记不要上传临摹和完成度不够的作品哦。同时你也可以自行搜索甲方发布的需求,寻找你认为能够拿下的商单。

2、美术盒子,

美术盒子和米画师类似,但总体的用户可能没有米画师多。对于画师和企业,双方都是一个双向选择的过程。

3、站酷网站,

综合性“社区设计师”,站酷虽然以前比较偏向平面设计、广告插画等领域,但是近几年站酷平台作为一个个人插画设计师的商业接稿平台,越来越多的二次元画师也活跃在站酷平台上。

4、橙光,

在橙光素材交易平台可以成为认证画师,发布立绘、背景、CG封面、UI设计等作品,报价和销量一目了然。

我是去年的时候,在一个答主那边看到的,说是转行原画师赚了不少钱。于是自己是试了把,结果去B站搜了把教程,结果第一步安装软件就卡壳了我只想说,对自己不熟悉的领域,千万不要钻牛角尖。能用的资源一定要用,能走的捷径一定要走起来!

扫描下方二维码:免费领取插画课程-让你快速进阶插画大师。原创插画师养成计【免费公开课】

(二)关于报价。

当甲方爸爸找上门时该如何报价?我的水平能否匹配自己报出来的价格?价格怎么谈合适?每个画师最好都有一份属于自己的接单报价需求表,这样能够快速了解双方需求并节约时间成本。通过对方的需求考量自己能不能在规定时间内完成。
下面这张是我做的接单报价表,需要的小伙伴可以保存起来,新手报价价格减一半,仅供参考▼

大家也可以根据以下内容制作一张属于你自己的商业插画报价需求表:

(1)插画内容:(海报、宣传册、画册、产品插画、四格漫画、绘本、杂志内插等)。

(2)画风:(复古、日系、国潮、动漫、暗黑系、90年代风等).

(3)复杂程度:(根据甲方提供的例图或与画师沟通时长)。

(4)绘画方式:(板绘/手绘)。

(5)是否有例图。

(6)数量。

(7)截止时间。

(8)预算。

(9)是否需要试稿

下面的报价流程,基本就是按照客户的商业需求表进行一个报价的,为了让同学们不糊涂,具体在讲一下,报价流程这一块。

(三)报价流程。(接下来就是重点啦,接单全过程以及注意事项,文字比较多,大家可以先收藏慢慢看)
[文尾资料分享]

1、内容(需要绘制什么?)

①画面设定:具体是漫画、条漫、公众号配图、海报、banner、内插等

②画风

在选择画风上一般分为两种,一是甲方要求的画风,二是甲方就想要你这种画风。

第一种偏向需求全能型画师,第二种偏向于有个人独立风格的画师。

大部分甲方都会比较热衷于市面上流行的画风,插画师应当经常留意各大知名网站,了解当下风靡的画风并分析。当然这里又会细分到是哪种类型的插画师。后续会出相应文章详细解说。

③复杂程度

取决于画师本人需要花费多长时间完成

④绘画方式

手绘还是板绘

⑤使用用途

⑥尺寸

⑦是否有例图?(甲方不一定是业内专业人士,所以最好让对方提供一些例图,帮助自己更直观的了解甲方的需求。)

2、数量和截止时间

怎样合理分配工作时间?是否能在约定时间内按质按量完成

3、价格(重点)

怎么样报价才能达成合作?插画师谈判技巧、沟通方式等(后续详出)

大部分甲方都会让你先报价,有些出版社或者大公司会直接告诉你他们的预算。

(四)报价公式:

目前市面上比较有说服力的几个报价方法

①需要完成的总时长×时薪×2=报价

②时薪×工作时长×(1+加班系数+沟通系数)×附加价值倍数

时薪:目前市场上同类型职位平均工资每小时的收入,可以用“月薪÷22天÷8小时(一天上班时长)=时薪”来算。

工作时长:预计完成作品的工作时间。

加班系数:作品紧急程度+加班时间。系数在0.2~1区间浮动。

沟通系数:作品沟通修改次数。系数在0.2~1区间浮动。

附加倍数(行业等级):有一定的粉丝基础、业内有名气、大品牌合作经验、有成熟的商业案例、专业的团队等,根据画师的专业程度,附加价值倍数浮动在1~3区间。

举个例子

假设月薪8k,每月工作22天,每天工作8小时,

由此计算出你的时薪和日薪,

日薪:8000÷22=363元,

时薪:363÷8=45元,

涉及到加班、沟通、附加倍数等有变化的参数可以根据自己的实际确定增值系数代入计算。报价的时候不用给客户报出具体公式的计算数据,把根据实际情况算出的最终定价告诉对方就好。但由于每个人的画画速度、所在的城市、不同的工作等因素都会影响报价,而且最终价格会因为甲方的预算而产生很大差异。有些画师会根据公司的大小估算财力(实力)的方式来报价

在预算的多少上大致可以这样排列:杂志出版社<书籍出版社<小公司<大公司

这里我觉得插画师本人应该具有一个衡量自己价值的标准,不应该根据甲方来随时调整自己的价格(否则很容易被动的成为廉价劳动力或者造成恶劣影响),可以设置一个价格区间,在这个区间内适当调动。报价和谈价格的过程是双方博弈的过程,自由插画师相当于自己一个公司,那肯定是又当爹又当妈,会谈判和销售自己是非常重要的,此处就不赘述了。

(五)[关于税]:

关于这一点我刚接触的时候也是三脸懵逼的,后来通过工作经验增加,接触到越来越多的单时才慢慢了解到。毕竟这个东西,很多处于三四线城市的甲方对于插画行业的一个不了解,需求量不大,价格低廉,他们更多的需要的是纯使用软件作图的美工、平面设计岗位,甚至有很多公司是第一次听说插画师这个岗位的。

不过现在行业发展速度这么快,深圳广州这些地方已经非常普及了,相信过不了多久三四线城市对于插画行业也会见怪不怪的。报价的时候一定要问清楚是税前价格还是税后,(即交完税后实际到你手上的工资),否则这差别,还是能你忍不住说句mmp

税以4000元为分界线,

4000元及以下的计算公式:(稿费-800)×14%=要交的税,

4000元以上的计算公式:稿费×11.2%=要交的税,

然后再用稿费减去税就是你实际到手的数目,

这里用4000元举例,(4000-800)=3200,

3200×14%=448元,

再拿4000-448=3552,

这个就是你实际到手上的钱。

(六)[确定合作](这点重中之重啊,我是吃过亏的,不希望大家也像我这样。

双方在谈妥价格后,就需要签订合同了。别给我整什么小地方小公司小钱不需要合同,很多小公司或者工作室就认为,你帮我画个东西,我事后给你钱不就完事了吗,还整的这么专业干嘛,真是麻烦,还说自己性格直爽,你跟我合作要是可以,后面大把单子我介绍给你,咱们就当做个朋友,不用这么较真。

这没什么经验的画师被说的团团转心里还在窃喜以为捞到了金主呢。事实上就是,你越没有底线,你遇到的客户永远会一直践踏你的底线。在一个互相都没有打过交道的情况下,以合同为依据,以法律捍卫权利是最能保障双方利益的。(一个遇到了无数老油条甲方的血泪总结)

合同内容里最好标明需要付预付款,一般做到这两点就不容易被跑单飞单了,俗话说丑话说前头,就不容易出现那么多幺蛾子。那么我上面说的合同是以量大、金额大、或者长期合作的一个情况来定的(只要包含其一就应当签合同,多数正规公司是会主动要求签订合同),你像画个头像什么的这些散单就只需要付预付款就可以了(多出现于对接个人的单)。在作画改画的过程中不要给对方画好的清晰的图和源文件,可以截图或者分辨率较低的图片。

交稿时一定要收到尾款才能发送高清大图和源文件,你的劳动成果已经做出来了,对方也看过觉得可以,这时候对方给钱你交稿,就是一次愉快的合作。不然你傻傻的把原图发过去,他就直接不想给尾款了怎么办,这种就叫“骗稿”,对方就给你上了一课什么叫人心险恶。

(六)合同的注意事项。

1、确认前面的需求表内容(价格、数量、截稿时间等)有没有出错

2、注意“著作权”的归属问题

著作权,俗称版权。谁拥有了这个作品的著作权,就拥有了商用、出版、制作实物等等一系列权利。一般情况下,出版社需要购买的是作品的“出版权”(即本次出版作品的权利),而现在越来越多公司会直接买断插画师的版权,即插画师本人不得在任何商业用途上使用。理论上买断版权比其他短期使用的权利来讲肯定最贵,但是这个还是要视插画师自身的情况来定(万一你都吃不起饭了你还考虑个×)而“署名权”归乙方所有是插画师最最基本的权利

3、试稿需要支付试稿费

这是行规,但许多甲方会说:通过了我肯定给钱啊,不通过我这不是白给了吗。那画师就不是白画了吗?画师的画就不值钱啊,你找到我肯定多少了解一点点吧,就算不了解,通过发送作品的方式也大致知道插画师的水平和画风了,这样还想“白嫖”吗?就算是试稿,也是插画师本人付出了相应的时间精力的,需要支付与正式合同时同样的费用。

4、标明付款日期、结算方式

一般结算稿酬的方式是最常见的,除此之外还会有另一种形式的稿酬,就是按版税。即出版者以该书的定价×发行数×版税率的方式向作者付薪酬,就是根据商品卖出去的价格和数量,按比例给你分成。卖的越多,赚的越多。比例通常在6%-10%这个区间(画师的知名度越高,比例越高)

5、改稿次数

有些甲方会写“如乙方所绘制的画稿经修改后仍未能达到甲方要求,甲方有权不采用,并终止合同”而从插画师的角度来讲,最好提前做好约定“大改不超过1次,小改不超过3次”等。如果乙方反复修改后的稿件仍然不予采用,甲方需支付部分(例如30%)的损稿费

6.违约金

非插画质量问题,甲方单方面违约,需按约定稿酬标准的部分(例如50%)向乙方支付违约金。

最后

一定要让自己在这个接稿过程中得到锻炼和提升!只要确定接这个单了,一定要付出100%去想办法做到最好。不管这个稿子是200还是2000的,这不仅是对甲方负责,更是对自己的时间负责。

好了,现在万事俱备,只差入门了。分享自学经验前,先给大家上个福利,免费的插画0基础入门网课+配套资料,绝对是快速入门神器!插件基础入门资料【线条、素描免费公开课】

原文:https://zhuanlan.zhihu.com/p/479166681

照片调色日系风格

一、打开PS的CR滤镜,进行调整
1.在【基本】设置里:
1)色温调低,偏蓝8~12,色调调低,偏青10~12
2)增加曝光到0.5左右
3)高光调低,阴影拉高
4)白色调低至20以下,黑色调高到25+
5)自然饱和度增加8~12,饱和度降低到16
2.切换到【HSL/灰度】
1)在饱和度里,将红色设为-10,橙色-5,黄色-6,绿色和浅绿色均为-4
2)在明亮度里将蓝色设为18+
3.切换到【分离色调】
1)高光色相调至208左右,饱和度13+
2)平衡调高到80+
3)阴影色相调至177左右
4.切换到【相机校准】
1)红原色色相调至15+
2)绿原色色相调至23+
3)蓝原色饱和度调至26+
点击确定完成

二、增强胶片感
对当前图层调整曲线,选择【曲线】:
1.红色曲线增强亮部和暗部
2.绿色曲线增强暗部
3.蓝色曲线增强亮部和暗部

三、降低绿色饱和度,增加淡雅感
对当前图层选择【色相/饱和度】命令:
1.绿色饱和度-14,明度+19
2.青色明度+26

四、让原来图片中的蓝色显现出来
如果原图中有蓝色,在前面的处理后会发白,如天空,此时可以手动将蓝色部分擦出来,方法是:
1.对当前图层选择【曲线】,整体压低,然后填充蒙版为黑色,使用白色画笔,擦出蓝色部分
2.对当前图层选择【可选颜色】:
1)将白色下的黄色设为-100
2)青色下的青色设为+42,洋红-35,黄色-52
3)蓝色下的青色设为+40,洋红-24,黄色-50
4)用白色画笔擦出蓝色/天空部分

五、[可选步骤]根据需要,增加画面轻盈感
如果认为画面当前的对比度过于明显,可以适当降低画面的对比度
1.对当前图层选择【色阶】,灰部向左拉动一些到1.5左右,暗部向右一点2左右,亮部拉低2左右

六、整体加蓝
1.对当前图层选择【纯色】,填充R:190,G:219,B:253,图层模式变为柔光,不透明度20%,为画面加上一层蓝色。

完成啦,可以将上述步骤,剔除掉第四步里的画笔操作,保存为PS的动作,以后就可以自动处理为日系风格照片了。

照片调色为赛博朋克风格

一、打开PS的CR滤镜,进行调整
1.在【基本】设置里:
1)色温调低,偏蓝8~12,色调调高,偏紫45左右
2)高光调低,阴影拉高
3)白色调高至20上下
4)清晰度调低至10左右,去除薄雾30+
2.切换到【分离色调】
1)高光色相调至290左右,饱和度30上下
2)阴影色相调至215左右,饱和度20上下
3.切换到【fx/效果】
1)调整晕影数量至50左右
2)中点根据需求调大点
3)圆度调高一点
4)羽化度高一些
点击确定完成

二、增强对比
对当前图层调整色阶,暗部拉高一些,亮部拉低一些

三、让高光发亮
1.新建图层,【选择】下点击【色彩范围】
2.选择下拉里的【高光】,颜色容差设为0,范围根据自己想发光的地方进行设置,建议200左右,点击确定
3.在【编辑】里选择填充,选择【背景色】,完成后,在【选择】里点击【取消选择】
4.将当前图层填充设为0%,设置其【混合选项】
5.选择【外发光】,图层填充模式为【线性减淡(添加)】,不透明度30左右,扩展2~4,大小25左右

初步的赛博朋克风就完成啦,后续可以根据自己的需要继续调整。

直通世界顶级动画名校不是梦?!高布兰学院硕士预科项目人才培养计划来了!

如果你对动画爱得深沉,也时常关注wuhu

相信对这所世界顶级动画名校一定印象深刻!

图片

法 国 高 布 兰 影 像 学 院

GOBELINS,l’école de l’image(以下简称“高布兰学院”),曾多次被Career Review、The Rockies等国际专业平台誉为“世界动画教育排名第一的法国动画院校”。学生作品曾多次入围奥斯卡奖,往届毕业生在迪士尼、照明娱乐、梦工厂等大型动画工作室担任导演和动画总监。

高布兰学生作品图片图片图片图片图片图片

学院设有Character Animation and Animated Filmmaking(动画导演)、Gestion de la production audiovisuelle (影视制片)和3D Character Animator(角色动画)等专业,每年录取来自全球23个不同国家和地区的150名学生。

每年,高布兰学院本科阶段的联合创作因成为法国昂西国际动画电影节的开幕影片而享誉全球。由于高布兰学院本科阶段仅录取高中应届毕业生,从而大大增加了硕士阶段的竞争机率,直接影响了很多在读学生和在职人员到高布兰学院的进修机会。

图片
图片

2020法国昂西国际动画节开幕动画

图片

高布兰学生作品Best Friend(《最好的朋友》)

获第46届美国动画安妮奖-最佳学生作品奖

而且,就在这几年间,越来越多的中国动画人进击了这所世界名校,让世界看到了中国动画人的力量!每一年,wuhu也都会介绍他们的毕设专题!

拓展阅读

wuhu专访高布兰中国动画人专题(部分)

这所全世界瞩目的动画学院在历史上只有两位中国学生,而他就是其中之一!

世界顶级动画学院毕业到安妮奖提名,中国动画人沈毅专题

《一指城》、《树》幕后主创直播分享会来啦!

世界顶级动画名校GOBELINS国人毕设《In Orbit》专题!

这所法国世界顶级名校又出了一部国人毕设!

2019年高布兰动画毕设专题:2019届毕设合集

图片

2018年高布兰动画毕设专题:2018届毕设全集

图片

从2019年开始

经高布兰影像学院国际部批准

与PANDANIM动画制片与培训中心合作开设了

面向中国考生的硕士预科项目

Animation Talent Booster

wuhu动画人空间也联合学院

一直持续为该计划发声发力

图片

法国高布兰影像学院硕士预科项目国际动画人才培养计划联合wuhu动画人空间

ATB预科班的课程引用学院本科的教学模块,学制为1年,考生可在线上完成全部学科后,赴法国高布兰本校进行结业答辩。

成绩优异者将获得学院颁发的预科证书,并优先被本校动画导演专业录取继续深造,考生也可兼报法国本土及其他国家动画院校的相关专业。

图片

校园实景

某模块ATB学员答辩现场

某模块课程内容展示

图片

以下视频来源于CULTUREVE法中文化

此外,2020年12月

法国高布兰影像学院官网公布了

总值5500欧元的面向中国学生的

熊猫动画奖学金计划

自2021年起

凡是被学院CAAF硕士专业

或Visual Storytelling创作营项目录取的

中国学生均可申请!

图片

有关熊猫动画奖学金计划更多信息:官宣:2021年度法国高布兰影像学院(GOBELINS, l’école d’image)面向中国发放熊猫动画奖学金计划

看到这里,怀揣动画梦想的你

如果想考进世界动画名校

想要了解和学习动画制作

那么,这次机会不容错过!

现在通过WUHU申请

还可以免费参加考委会组织的考前辅导哦~

图片

一、教学优势

1. 预科以高布兰学院本科必修模块为蓝本,相同的教学强度和本校师资力量,由学院硕士录取面试官专项培养。

2. 预科学生持有高布兰学院本校学生证,享有正式学籍和学生档案 。结业答辩在学校本部,融入校园学习氛围。

3. 课程突破了线上教学只能对话的屏障,使用更适合动画专业学习的线上教学程序,可以完成在动态文件上的实时批注,并自动将批注内容匹配到视频的原画面中,通过试错预览纠正修改完成真正意义的“手把手”教学。

4. 着重对考生英法双语能力的培养,采用“宽进严出”的方法。中文辅导员全程参与核心教学模块的课堂翻译,协调教师与学生间的沟通。

5. 中法两国的“时差优势”,考生可最大程度兼顾原有的学习或工作安排。

二、招生对象

1. 计划留学深造高布兰学院硕士的学生或专业人士;

2. 希望进修高布兰学院本科课程,高中往届毕业生或已错过报考年龄的学生或专业人士。

三、招生计划图片

四、报名条件

1. 报名年龄不得低于18岁,不得高于40岁。

2. 动画或美术相关专业大学三年级在读或以上。无大学教育背景者须具备至少2年动画相关行业工作经验。

3. 具有扎实的美术功底或动画基础。

4. 具备一定的英语交流能力(无需提供语言成绩 )。

五、招生与录取流程

(一) 申请流程

1. 考前辅导

考生通过WUHU申请免费参加考委会组织的考前辅导(2021年5月3日-19日)。

2.递交材料

考生按照材料清单要求在2021年5月20日前完成材料递交,WUHU审核考生身份和报考资质后推荐材料至考委会。

3.面试

材料审核通过,WUHU邮件通知考生面试日期和缴费信息。考生按照指定要求参加线上面试,面试日期:2021年5月24日-28日

4.录取

公布结果日期为2021年5月31日面试通过考生将收到WUHU录取通知函邮件。考生完成录取手续,获得高布兰影像学院开学通知和学生证。

注意事项:

学生证用于结业返校答辩,须妥善保管。开学后,考生若中途退学,不予退还学费。

(二) 申请材料

应届毕业生 :

护照(或身份证)扫描件、2 寸证件照片、简历(英文) 、动机信(英文)、申请表格(wuhu索取)、选修专业课程成绩单、所会软件的清单、英语四级证书或其他语言能力证明(可选)、国内导师推荐信(可选)

短片创作基本信息:导演阐述、故事大纲、剧本、美术概念设计(角色、道具、场景设计)、制片周期计划等,文件页数不超过 20 页。

不低于20秒的毕业短片样片, 格式为 1280×720/,压缩格式 H264,命名方式为: Teaser_姓_名.mp4, 标注参与制作内容。

非应届毕业生:

护照(或身份证)扫描件、2 寸证件照片、简历(英文) 、动机信(英文)、申请表格(wuhu索取)、选修专业课程成绩单、所会软件的清单、英语四级证书或其他语言能力证明(可选)、国内导师推荐信(可选)、所获荣誉证明(可选) 、最后学历或工作证明公证(中文或英文)书扫描件

Portfolio,文件页数不超过15页,保存为PDF格式,命名方式为 Portfolio_姓_名.pdf, (例如,Portfolio_LI_Ming.pdf). 

 (可选)递交Demoreel,视频时长不超过 1 分钟, 格式为 1280×720/,压缩格式 H264,命名方式为: Demo_姓_名.mp4, (例如,Demo_LI_Ming.mp4)。

注意事项:

1. 每一个材料单独保存为一个 PDF 文件,如果一项材料包含多页文件,请将其整合为一个 PDF 文件。

2. 集体创作的作品,请标注出考生参与制作部分和工作角色。使用 2D 或 3D 技术的作品请标注使用软件名称。

六、入学与课程设置

(一) 开学及假期信息  

开学日期安排:2021年6月14日-2022年3月4日

放假日期安排:2021年8月2日至31日 (暑假),2021年12月24日至31日(圣诞节),2022年1月31日至2月4日 (春节)

赴法答辩日期:2022年7月7日-8日   (高布兰学院法国本部),2022年5月集体办理签证

(二) 课程设置  

图片

注意事项:

Module 8  Workshop portfolio/demoreel 考前模块非以高布兰学院旁系名义的教师任教,而是由本校校考面试的导师直接任教。

(三) 授课方式

课程均为教师实时现身授课,专业课程教师使用英语或法语授课,助教随堂翻译,文化或语言课程无助教翻译。每周教学流程如下:图片

(四) 分班

预科班根据考生的入学水平分为动画基础班和动画进阶班,主学习时间在每日下午(北京时间14点半至18点半),考生另外根据自身情况选择自习或作业的时间。

注意事项:授课时间可能会由于冬/夏令时的变化以及课程的具体情况而调整。

七、结业答辩与证书

(一) 抵达法国

预科学生部将无偿协助所有学生办理短期签证,为方便接待学生,学生部可提供含机场接机和2星快捷酒店1晚住宿费的有偿服务,费用为120欧元。

(二) 结业答辩

学生凭本校学生证按时入校,答辩历时两天,第一天本校国际部教师组织学生参观学校,观看本校近年毕业作品放映会,介绍答辩注意事项。第二天学生入校答辩,本院国际部和动画部相关教师出席答辩考核。

(三) 证书

学分考核根据学生旷课次数、个人进步空间、艺术方向和作业完成度4个方面综合评估。修满学分并通过答辩的学生现场获得高布兰学院颁发的预科证书。如遇特殊原因未通过答辩或未参加答辩的,学分修满者可通过邮寄方式获得由高布兰学院颁发的学习证明。

(四) 证书用途

高布兰学院预科证书可用于求职和应聘国际动画公司,拓展海外职业发展。

 名额有限 

 快抓紧机会挺入世界顶级动画名校学习吧~

  报名方式  

微信后台回复

“ ATB ”

即可获得报名表

填写报名表+报名材料

投递官方邮箱pllokk123@qq.com报名

审核通过后会回复邮件

 常见问题  Q & A  

图片

更多问题咨询请添加

wuhu小精灵5号

(微信号:wuhudonghua5)

Q:预科项目是高布兰学院官方项目么?结业可以获得高布兰学院的证书么?

A:ATB预科项目是高布兰学院在中国地区的唯一官方合作项目,由学院本校老师授课,部分课程在法国主校区完成,成绩合格获得高布兰学院正式学分和结业证书,答辩优秀的学生直接录取进入硕士阶段。

Q:今年预科项目还是线上授课吗?

A:是的。今年预科分上午和下午班,对应中国时间的下午班和晚班,方便同学们安排时间。老师在线授课交流时间为北京时间下午2:30-5:00或晚上7:30-10:00。白天上课或工作的学生可以选择晚间授课时段,充分利用中法时差优势。

Q:为什么今年高布兰学院的ATB预科项目改为了线上教学模式?

A:由于疫情期间出入境不便,学院决定将ATB预科项目升级为线上线下结合的教学新模式。新模式的采用既确保了教学工作的全面正常开展,同时学习成本也降低为传统模式下学习成本的一半。

Q:高布兰学院ATB预科线上教学模式与其它网课有什么区别和优势?

A:ATB首创学院文化线上化,除专业课程外还开展影评俱乐部、法语角、文化课等丰富校园文化活动。预科为小班授课,固定时段,老师同学在线一起学习,及时解答学生疑问,课件可课后重复观看。相对传统留法学习生活,线上预科无语言门槛,助教翻译让更多学生得到学习机会。

Q:我想报名但还没有作品集或demoreel,提交的材料不全怎么办?

A:申请ATB预科项目需要审核作品集或demoreel,两者都还没有或不知道如何整理准备的话,可以参加为ATB预科项目专设的考前辅导,会有专门负责作品集辅导的老师给予指导。

Q:考前辅导需要收费吗?

A:ATB预科项目专设的考前辅导不收取任何费用,由专业老师免费指导。

Q:我想报名明年的法国动画院校联盟RECA联考,可以报名预科吗?

A:可以报名预科,今年ATB预科项目的授课时间和明年初的联考时间完全对接,可将预科制作的练习整理到作品集中,增加申请的“含金量”。

Q:我没有出国计划,也可以报名预科么?

A:可以报名预科。ATB预科项目按照高布兰影像学院本科教学大纲,在一年内全面提学员的动画能力、审美能力、语言能力与作品集质量,适合想要全面提高综合能力的考生,即使没有出国深造打算、已经工作的同学也可报名,将预科项目所学应用到实际工作中。

Q:Module 9-法国高布兰学院现场答辩需要做什么准备?

A:届时由辅导员协助同学集体办理签证。获得签证后学生可以自行安排和管理在法国学习期间的相关事宜,也可以选择学校提供包含在法学习期间住宿/机场接机和送机/当地交通卡的增值服务。凭签证可以在法国或其他申根国家逗留1个月。

Q:预科结业后是否也可以申报其他学校?

A:是的。

Q:在法国的学习生活贵吗?成本如何?

A:法国留学相较美加两国成本十分低廉,其中住宿成本(单人公寓房补后)约28800RMB/年,相较美加留学成本:加拿大住宿成本约62000RMB/年,学费约85000RMB/年;美国住宿成本约84000RMB/年,学费约370000RMB/年。

Q:在法国学习之后将来可以去美国深造吗?

A:当然可以。45.61%的法国毕业生被海外公司聘用,其中主要集中在加拿大和美国。美国梦工厂动画工作室将近30%的动画艺术家毕业于法国院校。

 现在加入2021直通世界顶级动画名校 

 还可以与更多小伙伴们交流心得 

图片

—END—

想了解更多动画资讯与信息?添加wuhu小精灵5号微信(wuhudonghua5)发送“动画新势力”即可在不久后被邀请进群。

你一定还感兴趣:

图片

画圈炸了!13岁女孩花70万约稿!家长发现后和画师开撕?!真相到底是什么?

图片

又一太太作品刷屏了!潮服女子版水浒、西游没想到如此带感?!神仙画手RC金枪鱼盛宴专访

图片

日本动漫行业薪资出现严重日中逆转?!21部动画查出1465个问题!江苏消保委呼吁动画分级!

图片

光影与色彩的绝佳捕捉!韩国动画人Kaye Kang远赴重洋只为追寻动画梦想!

图片

听说你想让画面抓人眼球?利用“视觉引导”让画面效果翻倍的秘诀来了!

图片

辣眼睛!椰树的土味广告被立案调查了!

图片

疯狂刷屏!这动画细节量惊人!!马来西亚动画人超流畅动画幕后制作解析!!

图片

「刺杀小说家」宇宙开启!揭秘国产视效天花板的制作幕后 | 专访微缩模型工作室追云者

图片

对话《一念永恒》制作团队视美影业,“反套路”修仙国漫为什么如此“上头”?

图片

少年悟空,妖王出世!历时五年暗黑国漫电影《西游记之再世妖王》呈现全新西游!

图片

想了解更多后续的介绍要锁定wuhu哦,微博的小伙伴可以关注我们的新浪微博:wuhu动画人空间,对了!如果你想看更多动画作品,去b站搜索wuhu动画人空间看看?

新加入的小伙伴们请注意!往期精彩内容在平台里的wuhu主页上,可别错过哦!欢迎小伙伴们的投稿!

如果你喜欢,请分享给更多人看到:)

欢迎留言和wuhu三侠互动!

图片

收录于话题 #wuhu专题系列311个上一篇又一太太作品刷屏了!潮服女子版水浒、西游没想到如此带感?!神仙画手RC金枪鱼盛宴专访

原文:https://mp.weixin.qq.com/s/M8L3Xo2Yjy7IFVrqOEgd6Q

用PS制作朦胧美的毛玻璃效果

效果图▼

第一步:打开PS,Ctrl+O打开一张自己喜欢的素材,Ctrl+J复制一层,得到图层1,回到菜单栏,执行【滤镜】-【模糊】-【高斯模糊】,参数设置及效果如下图

第二步:回到图层面板,给图层1添加图层蒙版,添加完蒙版是白色的,按Ctrl+I反相,把蒙版变成黑色,这时照片里面的人物变清晰,效果如下图

第三步:回到工具栏,打开矩形选框工具,鼠标在画面中画出一个矩形选区,鼠标不要松开,左手按空格键移动到合适的位置,再按Ctrl+I反选一下,效果如下图

第四步:毛玻璃的效果虽然出来了,但还可以添加下青颜色,载入选区,新建空白图层,得到图层2,前景色设置为青颜色(#4bf4ff),按Alt+Delete填充,效果如下图

第五步:回到菜单栏,执行【滤镜】-【杂色】-【添加杂色】,增加颗粒感,参数设置及效果如下图

第六步:回到图层面板,双击图层2,弹出图层样式框,对混合选项及斜面和浮雕进行参数调整,增强质感,效果如下图

混合选项▼

斜面和浮雕▼

我们再看下效果图▼

素材▼

转载自:https://www.sohu.com/a/274838340_768280

UI设计规范整理汇总

写在前面

很多新人在开始做移动端UI设计的时候,往往对界面的一些尺寸规范不是十分清楚,很多时候都是凭借自己的感觉和经验去绘制界面,心里并没有一个清晰的概念,导致做出来的页面总是不那么尽如人意。本文整理汇总了一些界面设计(iOS系统)中常用的一些尺寸规范和方法,如控件间距、适配、标注、切图等,设计师在设计时并不一定要严格遵守,但对这些规范应有所了解,并融会贯通。

目录

01.界面设计尺寸及栏高度
02.边距和间距
03.内容布局
04.界面图片设计比例
05.建立统一风格的图标
06.APP版式设计规范
07.界面文字设计规范
08.设计适配
09.切图规范
10.设计稿标注

正文

01.界面设计尺寸及栏高度

目前主流的iOS设备主要有iPhone SE(4英寸)、iPhone 6s/7/8(4.7英寸)、iPhone 6s/7/8 Plus(5.5英寸)、iPhone X(5.8英寸),它们都采用了Retina视网膜屏幕,其中iPhone 6s/7/8 Plus和iPhone X采用的是3倍率的分辨率,其他都是采用的2倍率的分辨率,无论是栏高度还是应用图标,设计师提供给开发人员的切片大小,前者始终是后者的1.5倍,并分别以@3x和@2x在文件名结尾命名,程序再根据不同分辨率自动加载@3x或者@2x的切片。

通过上面的讲解和图示我们了解了iPhone不同设备的物理尺寸,那么他们的像素分辨率又是多少呢?也就是说我们用Photoshop做设计新建画布应该设置多大呢?另外,iOS应用中的栏,包括状态栏、导航栏、标签栏、工具栏等,它们的高度又分别是多少呢?(注意:iOS严格规定了各个栏的高度,这个是必须遵守的)通过下面的表格和图示来为你解答上面的问题。

注意:在进行iphone x设计的时候我们依然可以采用熟悉的iphone 7的设计尺寸作为模板,只是高度增加了290px,设计尺寸为750*1624(@2x)。注意状态栏的高度由原来的40px变成了88px,另外底部要预留68px的主页指示器的位置。

02.边距和间距

在移动端页面的设计中,页面中元素的边距和间距的设计规范是非常重要的,一个页面是否美观、简洁、是否通透和边距间距的设计规范紧密相连,所以说我们有必要对它们进行了解。

全局边距

全局边距是指页面内容到屏幕边缘的距离,整个应用的界面都应该以此来进行规范,以达到页面整体视觉效果的统一。全局边距的设置可以更好的引导用户竖向向下阅读。

在实际应用中应该根据不同的产品气质采用不同的边距,让边距成为界面的一种设计语言,常用的全局边距有32px、30px、24px、20px等等,当然除了这些还有更大或者更小的边距,但上面说到的这些是最常用的,而且有一个特点就是数值全是偶数。

以iOS原生态页面为例,“设置”页面和“通用”页面都是使用的30px的边距。

再以微信和支付宝为例,他们的边距分别是20px和24px。

通常左右边距最小为20px,这样的距离可以展示更多的内容,不建议比20还小,否则就会使界面内容过于拥挤,给用户的浏览带来视觉负担。30px是非常舒服的距离,是绝大多数应用的首选边距。

还有一种是不留边距,通常被应用在卡片式布局中图片通栏显示,比如站酷APP(当然站酷APP也进行了改版,首页已经采用了不通栏的卡片式设计)。这种图片通栏显示的设置方式,更容易让用户将注意力集中到每个图文的内容本身,其视觉流在向下浏览时因为没有留白的引导被图片直接割裂,造成在图片上停留更长时间。

卡片间距

在移动端页面设计中卡片式布局是非常常见的布局方式,至于卡片和卡片之间的距离的设置需要根据界面的风格以及卡片承载信息的多少来界定,通常最小不低于16px,过小的间距会造成用户的紧张情绪,使用最多的间距是20px、24px、30px、40px,当然间距也不宜过大,过大的间距会使界面变得松散,间距的颜色设置可以与分割线一致,也可以更浅一些。

以iOS(750*1334px)为例,设置页面不需要承载太多的信息,因此采用了较大的70px作为卡片间距,有利于减轻用户的阅读负担,而通知中心承载了大量的信息,过大的间距会让浏览变得不连贯和界面视觉松散,因此采用了较小的16px作为卡片的间距。

下面来看一下微信的卡片间距设置的是多少,以及颜色值。

注:卡片间距和颜色值是直接截图测量和吸取的,可能不十分准确

继续举例,下面的两张截图分别是巨划算(卡片间距20px)和拼多多(卡片间距16px)的首页截图,这种电商类的APP因为需要承载大量的信息,所以一般间距设置的都比较小。

总结:卡片间距的设置是灵活多变的,一定要根据产品的气质和实际需求去设置,平时也可以多截图测量一下各类APP的卡片间距都是怎么设置的,看的多了并融会贯通,卡片间距设置自然会更加合理,更加得心应手。

内容间距

一款APP除了各种栏(状态栏、导航栏、标签栏、工具栏)和控件icon就是内容了,内容的布局形式多种多样,这里不去探讨内容具体应该如何去布局,我们来说一说内容的间距设置问题。

先来介绍一下格式塔原则中的一个重要的原则就是邻近性,格式塔邻近性原则认为:单个元素之间的相对距离会影响我们感知它是否以及如何组织在一起,,互相靠近的元素看起来属于一组,而那些距离较远的则自动划分组外,距离近的关系紧密。来看下图,左图中的圆在水平方向比垂直距离近,那么,我们看到了4排圆点,而右图则看成4列。

在UI设计中内容布局时,一定要重视邻近性原则的运用,比如在下面这款轻芒阅读APP的主界面中,每一个应用名称都远离其他图标,与对应的图标距离较近,保持亲密的关系,也让用户的浏览变得更直观,如果应用名称与上下图标距离相同,就分不出它是属于上面还是下面,从而让用户产生错乱的感觉。

再来看一个案例,日日煮APP,上面图片与文字较近,下面图片与文字较远,所以我们清晰的知道文字是属于上面的图片的。

03.内容布局

在APP的设计中内容的布局形式多种多样,这里介绍最常用的两种布局形式,列表式布局和卡片式布局。

列表式布局

列表式布局方式非常普遍,随便打开一个APP,基本都存在这种布局方式,其布局形式的特点在于能够在较小的屏幕中显示多条信息,用户通过上下滑动的手势能获得大量的信息反馈。而列表也是一种非常容易理解的展示形式。

以我们最常用的微信和QQ为例,其“信息”页面都是采用的列表式布局,在采用这种布局形式的时候要注意列表舒适体验的最小高度是80px,最大的高度要视内容的多少而定。

继续举例,自如(列表高度110px)和唯品会(列表高度106px)的列表式布局。

卡片式布局

形式非常灵活。其特点在于,每张卡片的内容和形式都可以相互独立,互不干扰,所以可以在同一个页面中出现不同的卡片承载不同的内容。而由于每张卡片都是独立存在的,其信息量可以相对列表更加丰富。

在使用卡片式布局的时候要注意卡片本身一般是白色的,而卡片之间的间距颜色一般是浅灰色,当然不同产品风格颜色可能不一样,有些是浅灰色偏蓝等。

双栏卡片的布局形式,比较常见于以图片信息为主导的App。例如一些商城的商品陈列页面。这种形式与卡片式类似,但它能在一屏里显示更多的内容,至少4张卡片。同时,由于分开左右两栏的显示,用户可以更加方便地对比左右两栏卡片的内容。

04.界面图片设计比例

在UI设计中,对于图片的尺寸和比例没有严格的规范,设计师往往凭借经验和感觉设置一个看起来不错的尺寸,但事实上我们是有章可循的。运用科学的手段设置图片的尺寸,可以获得最优的方案,常见的图片尺寸有16:9、4:3、3:2、1:1和1:0.618(黄金比例)等。

这些比例不无根据,它们都和图片尺寸有关。16:9 是根据人体工程学的研究,发现人的两只眼睛的视野范围是一个长宽比例为16:9的长方形,4:3 是勾三股四弦五,在摄影中非常常见……。

05.建立统一风格的图标

在应用界面的设计中,功能图标不是单独的个体,通常是由许多不同的图标构成整个系列,它们贯穿于整个产品应用的所有页面并向用户传递信息。

一套APP图标应该具有相同的风格,包括造型规则、圆角大小,线框粗细,图形样式和个性细节等元素都应该具有统一的规范。

通过分析以上三组图标可以得出:他们具有统一的色彩,统一的圆角大小,统一的线框粗细,那综合起来也就是具有统一的风格,给用户高度统一的视觉体验。

06.APP版式设计规范

版式设计又叫做版面编辑,即在有限的版面空间里,将版面的构成要素如文字、图片、控件等根据特定的内容进行组合排列。一个优秀的排版要考虑到用户的阅读习惯和设计美感,在UI设计中版面设计的原则有哪些呢?

对齐

对齐是贯穿版式设计的最基础,最重要的原则之一,它能建立起一种整齐划一的外观,带给用户有序一致的浏览体验。

对称

对称是宇宙间的设计哲学,是对立统一规律的本质属性,呈现出一种和谐自然的美,在应用界面的设计中,引导页设计、注册登录输入框和按钮等无一不是对称的设计。

分组

物以类聚,人以群分。分组是将同类别的信息组合在一起,直观的呈现在用户的面前,这样的设计能够减少用户的认知负担,在移动端界面的设计中最常见的分组方式就是卡片,为用户选择提供专注而又明确的浏览体验。

07.界面文字设计规范

文字是APP中最核心的元素,是产品传达给用户的主要内容,所以说文字在APP的设计中是非常重要的,那么,文字的字体如何选择,字号如何设定,是否加粗,颜色如何设置?

在一款APP中字号范围一般在20-36之间(@2x),当然iOS 11中出现了大标题的设计,字号还是要根据产品属性酌情设定。另外需要注意的一点是所有的字号设置都必须为偶数,上下级内容字号极差关系为2-4号。

关于字体:在iOS 9推出之前设计师普遍采用华文黑体、谷歌思源、冬青等字体进行设计,iOS 9推出了苹果自己的字体——苹方!自此之后苹方字体被广泛应用于移动端设计中。

关于字体颜色和是否加粗:字体的颜色设置我们一般很少用纯黑色,一般用深灰色和浅灰色、细体和粗体(注意要用字体本身的字重,不能用PS的加粗功能)来区分重要信息和次要信息,进行信息层级的划分。

08.设计适配

iOS主流设备的分辨率分别是640x1136px(@2x)(iPhone SE)、750 x1334px(@2x)(iPhone 6s/7/8)、1242x2208px(@3x)(iPhone 6s/7/8 Plus)、1125x2436px(@3x)/750x1624px(@2x)(iPhone X)。

在设计设计中设计师需要设计一套基准设计图来达到适配多个分辨率的目的,我们可以选择中间尺寸750 x1334px作为基准,向下适配640x1136px,向上适配1242x2208px和750x1624px/1125x2436px。

750×1334向下适配640×1136

由于750x1334px和640x1136px两个尺寸的界面都是2倍的像素倍率,因此它们的切片大小是相同的,即系统图标、文字和高度都无需适配,需要适配的是宽度。

为了让大家了解适配的原则,我们以文字描述和图示的方式进行750x1334px到640x1136px的界面推导。

绘制一个750x1334px的设计图,这是最常见的首页设计图,从上至下分别是状态栏、导航栏、首焦图、主要入口、分割、列表。

下面开始进行适配,上面提到了由于750x1334px到640x1136px都是2倍的像素倍率,界面的图标、文字大小等都是相同的,所以我们不需要改变图像大小,只需将画布大小改成 640x1136px即可,然后再改变横向元素的间距以达到适配的目的。

首先打开750x1334px的设计稿,执行Command+Alt+C(改变画布大小的快捷键),鼠标左键单击“定位”的左上角的格子,设置宽高为640和1136,点击“确定”。

改变画布大小之后,设计稿的右边和下边都被裁切(上面左图中半透明蒙版覆盖区域),画布缩小成640x1136px。

上面左图裁切到右图适配完成,做了如下调整。

1)导航栏右边的图标向左移动保持和原来的右边距一致,标题居中。

2)首焦图高度除以1.17(750/640=1.17得到)后居中,宽度640px。

3)主要入口右边的图标向左移动保持和原来的右边距一致,各图标的间距等宽。

750×1334向上适配1242×2208

由于750x1334px界面是2倍的像素倍率,而1242x2208px是3倍的像素倍率,也就是说1242x2208px界面上所有的元素的尺寸都是750x1334px界面上元素的1.5倍,所以我们在进行适配的时候直接将界面的图像大小变为原来的1.5倍,然后调整画布大小为1242x2208px,最后调整界面图标和元素的横向间距的大小完成适配。

上面说了整体思路,下面我们来说说具体怎么适配。

首先对750x1334px的画布执行Command+Alt+I命令(调整图像大小),单位设置为百分比,宽高设置为150%,点击“确定”,调整之后的画布大小为1125x2001px。

紧接着对1.5倍之后的1125x2001px界面执行Command+Alt+C(调整画布大小),鼠标单击“定位”左上角的格子,调整宽高为1242和2208px,点击“确定”。

上面左图拓展画布到右图完成适配做了如下调整。

1)导航栏右边的图标向右移动保持和原来的右边距一致,标题居中。

2)首焦图的高度乘以1.65(1242/750=1.65得到)后居中,宽度1242px。

3)主要入口右边的图标向右移动和原来的右边距一致,各图标的间距等宽。

注:分割线仍是1px。

750×1334向上适配1125x2436px(@3x)

与苹果之前发布的iOS设备相比,iPhone X的像素分辨率发生了变化,为1125x2436px(@3x),在实际工作中为了方便向上和向下的适配,我们仍然可以选择熟悉的iPhone 7(750x1334px)的尺寸作为模版进行设计,只是高度增加了290px;设计尺寸为:750x1624px(@2x)。设计完成之后将设计稿的图像大小拓展1.5倍即可得到1125x2436px(@3x)尺寸的设计稿。

在适配的时候需要注意,状态栏由之前的40px增加到88px,标签底部预留68px用于放置主页指示器,如下图所示。

关于主页指示器的适配涉及到两种情况:底部出现标签栏、工具栏等操作设计时,需要将底色下延68px并填充原有颜色,这样的处理可以让底部设计更佳简洁舒适,没有功能操作时,页面底部不需要填充颜色,只需盖住主页指示器即可。

对于大多数采用瀑布流的页面来说,仅仅是屏幕高度上的变化,可以无视。但对于如:新手引导页、音乐播放器等需要单屏显示的界面就需要重新布局。

09.切图规范

当界面设计定稿之后,设计师需要对图标进行切片提供给开发工程师,通常我们只需要对icon进行切图即可,文字、线条和一些标准的几何形状是不需要切图的,例如搜索框只需要在标注中描述它的尺寸、圆角大小、背景色值、不透明度即可,开发工程师可以用代码实现这种效果。

输出切片

先将设计稿中的图标重新排列在一张新的画布中,保证同样尺寸的图标间距相同,这样做的好处是为图标建立一个控件库,有利于图标的整理。

给每一个图标建立好参考线之后,用PS自带的切片功能,沿着建立好的每个图标的参考线画框即可,注意最后要输出PNG格式的切片(PNG格式拥有更多的颜色和细节并且支持透明)。

在具体操作时首先要将画布背景色去掉,让画布变成透明,做好切片后执行“文件-存储为Web所用格式,在对话框中选择PNG格式,点击“存储”即可。

注:图中标签栏图标的底色块是为了保证统一的切片尺寸,可以根据色块建立参考线,具体切图时要将色块去掉。

切片命名

切片命名的通用规范是,界面_功能_状态.png。名称应使用英文命名,不要使用数字或者符号作为开头,使用下划线进行连接,例如一个首页处于正常状态下的按钮命名是 home_btn_nor@2x.png。其中界面首页是home、空间按钮是btn、状态正常是normal。为了命名的正确性,设计师需要先和合作的开发工程师进行沟通确认。

10.设计稿标注

当界面设计定稿之后,设计师需要对界面进行标注给开发工程师在还原界面时进行参考。借助一些专业的标注工具有利于我们提高工作效率,常用的标注工具有Mark Man或PX Cook。

在一份设计稿中需要标注的内容是文字的字号大小、粗细、颜色、不透明度;界面的背景颜色、不透明度;各个图标、列表、文字之间的间距。

界面标注的作用是给开发工程师提供参考,因此在标注之前需要和开发工程师进行沟通,了解他们的工作方式,标注完成之后宣讲你的注意事项,以更快捷高效的完成工作,并且最大限度的完成视觉高的还原。

总结

本文整理汇总了包括界面尺寸、控件间距、版式设计规范、文字设计规范、设计适配、标注、切图等等一些列的移动端UI设计规范,在此期间查阅了大量的资料,共耗时一周完成本文的编写,希望为刚刚从事UI设计的设计师们提供入门级别的帮助。

至于为什么只总结了iOS系统设计规范,而没有Android系统的设计规范,在这里说明一下,本来安卓系统设计规范也是要涵盖的,但通过查阅资料发现安卓设计规范介绍少之又少,并且标准不统一,借鉴意义不大,所以省略了这部分规范的编写。

原文链接:https://www.zcool.com.cn/article/ZNjQ0NjQw.html