不久前受华为邀请参与荣耀P10的定制主题设计。今天我会分四点把具体的创作思路分享给大家。以下是学习建议:我分享A,大家可以通过独立思考做出B或C,希望分享对大家有所启发,同时也希望更多的朋友能成为优秀的设计师。我是种梦人TOMMY,我正为此而努力,现在就开始吧。
一、让好机会主动找上门(建立个人影响力)
我们需要在一些具有影响力的设计平台,多做一些自发的项目或有价值的视觉设计,让好的机会主动找到我们,这是我多年做设计的经验所得。
比如说,这次分享的案例,机会来自华为,他们在全国邀请了十多位设计师,为他们做主题性的创作,我有幸成为其中一位。让好机会主动找上门,是你成功的第一步。
二、一切从草稿开始(从抽象到具象)
1、我们需要随身准备一个小的笔记本。当你突然萌生什么创意的时候,可以快速记录下来。绘制草稿时,不需要非常好看,只需要快速地把想到的东西记录下来即可。
2、当有了好机会之后,首先需要了解项目的需求。
在华为项目中,需求是这样的:
这时候小笔记本就会派上用场,你可以把你第一时间的想法简单的画下来,或者把感受记录下来。
在构想华为项目时,我的想法很简单——我希望做一个球体,人们可以透过这个球体被指引到另外一个世界,场景构建的世界是一个具有未来科幻感的世界,并拥有一个相对独立的世界观。
为了把项目做好,我还需要时常跟华为项目的负责人沟通项目的详细需求,包括输出设计图的尺寸、颜色等。由于项目并没有限定使用什么颜色,因此,我使用“方块理论”找到本次创作的“主次副颜色”。
首先,我认为蓝色是比较有科技感的,跟我构想的创意比较一致,而蓝色的情侣色是红色,因此,我选了蓝色和粉红色作为主色调。
接下来,我在PS做了简单的草稿,我用鼠标手绘一些大致的画面框架,如一个圆形代表一个球体,22种场景智能识别我是在球体的左右各画上了多道的门来表示,在上下各加了一条跑道,让画面感觉比较的平衡。我是从抽象的概念,构建出一个具象的视觉效果。
在进行创作时,你可以快速地把它画出来,就算画得比较难看也不要紧,因为在这个阶段,只需要快速地理解需求、快速地把大致画面画出来即可,记住尺寸一定要按规定。
上图是最终完成的定制主题和壁纸。
当作品完成后,我在这个视觉效果的基础上再延伸出一套完整的视觉设计,一共九张。如下图所示:
一套九张的视觉设计,是从“02”这个视觉效果延伸出来的。这套设计已经授权给华为可以用于发布会等场合。无论是对他们和对我自己来说,这都是非常好的结果。
作为设计师,我们可以通过设计把自己的想法代表出来,同时也可以提高自己的创作水平。如果你喜欢这套作品,可以收藏下图作为手机壁纸,也可以点击查看《华为<荣耀P10定制主题>衍生视觉设计》。
接下来,我将从场景搭建开始,讲述这个项目具体的视觉效果。
三、场景搭建及材质、布光与渲染概述
如上文所述,一套九张的视觉设计,是从“02”这个视觉效果延伸出来的,所以我会着重讲述这个场景,其他相关场景都是雷同,或只是设置了不同角度的摄影机而完成,大同小异。
上图是C4D透视图的主画面,可以看到,基本还原了我一开始的构想。
上图左边是具体使用到的材质,比如发光材质、玻璃材质、反射材质等,右边是具体搭建场景的东西,包括摄像机、天空、灯光以及具体的场景。
那么场景是如何从零开始搭建起来的呢?
天空:新建一个天空,做成渐变的黑色背景即可。
球体:分成三层,最外层球体通过置换噪波,使用透明材质,透明层折射率选择“钻石”,目的是实现十分夸张的折射效果,使质感变得十分强烈。
最里面一层球体同样通过置换噪波,当然你也可以通过多层噪波做出更复杂的效果。材质使用较强的反射,反射与吸收周围复杂的光,使之表面色彩丰富起来。
中间层球体通过克隆放射加随机效果器,从而增加最里面一层球体表面的彩色细节。使用两个球体的颜色,增加颜色对比。两个球体都使用发光层和辉光层。
如上文所述,22种场景智能识别,我在左右各搭建了多道门。对称门:要的是通往未来科技的感觉。做法很简单,使用圆环设置具体参数,先把门的模型制作出来,然后通过克隆、选择线性复制多个门,做好一边的效果后,加入左右对称,再加入上下对称,做出具有冲击力的视觉效果。
关于材质,表面的痕迹可通过置换层获得,至于置换的图片你可以自行用PS、AI制作,也可以使用插件自动生成如JS等,并使用较强的反射,反射与吸收周围复杂的光,使之表面色彩丰富起来。
线组:为了增加画面的速度感,像是有东西在前进的效果,使用平面加克隆,通过随机和简易效果器做出如图所示的效果,在克隆时记得先把平面做得薄一点。
关于材质,统一的发光层,加一个辉光层,跟之前的球体发光材质设置是一样的,只是换了个颜色而已。
当然,如果你的主题需要更多的色彩效果,你还可以增加更多不同颜色的发光材质,这个主要是取决于你。作为设计师需要的是,学会举一反三。
以下是比较难和复杂的场景搭建部分,为了方便大家理解,以下我们把这个部分的场景叫做跑道,各位记得留意了。
跑道:它是上下两部分组成的,其实我们只需要把下面的部分完成了,然后复制一个旋转就可以得到上面的部分。
新建一个山形,克隆出一些相同的山形,配合公式让它有流动的感觉。关于这个公式,并不复杂,只需调整公式中的数值,运动模式就会产生变化,也可以通过尺寸控制其具体的控制范围。
材质方面,使用较强的反射,反射与吸收周围复杂的光,使之表面色彩丰富起来。
新建一个平面,加入置换,让其有一定的起伏。接着克隆多个,并加入晶格,让其表面形成一条一条的线段。记住需要一定的起伏。
然后在线段上加细节,可以加一些三角形,通过克隆,选择刚才做好的线段作为对象,选择表面并配合随机效果器。
可以观察到,这些三角形有两部分,一部分是偏黑色有反光的,一部分是有颜色的,有颜色的发光层、Alpha层、辉光层设置如上图。
同样的,你还可以制作多种不同颜色的搭配,并加入晶格,让其呈现一条一条线的效果。通过两种不同材质的呈现,让场景更具有科幻感。
为了进一步增加细节,可以使用圆柱克隆,选择线段作为对象,选择边,通过随机效果器,在跑道上增加横横竖竖断断续续的彩色图形,材质方面直接使用之前的发光材质即可。
另外,还可以使用立方体克隆,选择网格排列,配合白色的发光材质做出一些小细节。
我们继续为跑道增加细节,使用样条在中间画一条线,然后配合矩形,直接扫描制作出图形,接着使用圆柱克隆,选择线性制作左右两边的发光图形。材质方面直接使用之前的发光材质即可。
通过上述步骤,场景搭建基本完成。然后复制一组,使用旋转移动到画面上方。
布光部分:简单的三点布光法即可。左右灯光对比,加顶部灯光的烘托。
如果你对三点布光法不太熟悉,可以点击查看我的原创文章《纯干货:种梦C4D宝典——灯光渲染(上集)》和《纯干货:种梦C4D宝典——灯光渲染(下集)》进行深入学习。
渲染部分:使用C4D默认的物理渲染器。我在物理设置选择“中”,并加入辉光。如果使用得当其能满足设计师绝对部分的工作需求。
当然如果想使用更高级的渲染器,推荐使用VR、OC、Arnold等。我个人喜欢用VR和Arnold,前者是建筑以及室内设计的标准,后者是电影行业的标准,现在大红大紫的漫威在其电影中就多次使用Arnold作为其渲染器。
如果你对渲染原理不太熟悉,可以点击查看我之前的原创文章《纯干货:种梦C4D宝典——高级材质渲染案例(一)》、《纯干货:种梦C4D宝典——高级材质渲染案例(二)》、《纯干货:种梦C4D宝典——高级材质渲染案例(三)》进行深入学习。
其他场景搭建部分:来看看项目的电脑截屏,一套九张的视觉设计,主要场景部分分为两组,“01、09”为一组,“02-08”为另外一组。
回顾上图,“01、09”是一样的,只是镜头不同。“02-08”同样是同一个场景,只是设置了不同的摄像机角度而已。
先从“01、09”说起,把左右对称的门删除,设置两个不同的摄像机角度即可。
“02-08”,设置多个不同的摄像机角度即可。全部做完后,可以输出,并通过PS进行后期优化和排版。
四、PS后期优化和排版
你要明白,无论你使用哪种渲染器渲染,最终都是需要做后期处理的,静态的建议使用PS,动态的建议使用AE。
我们使用CR滤镜对图片进行统一的色调调整,然后复制一层加入高斯模糊,选择颜色减淡让其发光效果更加明显,从而增强视觉冲击力。接着就对每一张图片做简单的文字排版。在排版时,加入黑色的底色主要是为了让画面更加清晰。
如果大家对排版这块有兴趣,欢迎查看我的原创设计理论:《纯干货:我的排版套路——“方块理论”(初探)》、《纯干货:我的排版套路——“方块理论”(实战篇)(上集)》、《纯干货:我的排版套路——“方块理论”(实战篇)(下集)》。
如果想进一步了解CR滤镜可以查看:《纯干货:PS神器——CameraRaw滤镜使用详解(上集)》、《纯干货:PS神器——CameraRaw滤镜使用详解(下集)》。
后记
学习与电影是我生活中,重要的组成部分,我们总是可以在电影中看到一个又一个独立的世界观。生活不易,大家都是为了混口饭吃,谁也没有比谁更高尚,谁也没有比谁更卑鄙。49张配图,3693字的说明,原创不易,希望分享对大家有所启发,同时也希望更多的朋友能成为优秀的设计师,我是种梦人TOMMY,我正为此而努力。种梦人,加油!!