您的位置:首页 >聚焦 >

对不起大家,保姆级教程来晚了!

2023-02-24 22:43:24    来源:程序员客栈


【资料图】

今天给大家分享一个电视机的绘制教程,样例如下图:是不是还挺写实的,像个3d的东西?哈哈,其实全是用ps画出来的哦。我们来开始吧!1.造型这类物品,我们很多设计同学都会画。但是有个问题,只会画正视图,很板正的东西,比如这种:这种纯正面的就会显得有些呆板,所以我们可以在做基础造型的时候,可以稍微给些透视和动态,整个就会灵活很多。比如的我们的案列,就没有让他纯正面,而是微微向左上角翘起,能看到电视机的侧面:是不是灵动很多?那问题又来了,“加透视?我不会呀!”。很多同学一加透视就把握不好,画的奇形怪状的。这里就给大家分享一个我的方法。那就是利用3d软件!3DMAX、MAYA、C4D什么的,随便一个。花2分钟拉一个立方体堆成电视机:又有同学要说:”老师,老师,3D?我不会怎么办呀?”不会?不会学啊!这点程度入门级都不算,非常简单的!然后我们把这个正面的电视机变换下角度:DING~恭喜获得一个带透视的电视机造型!好,3D的部分到此为止,我们回到PS。2.矢量化把这张图拖到ps里,咱们直接用钢笔工具把它的形状勾出来。注意这里要分成几块去勾,不要直接全部勾出来了,首先是基础的大型:组合起来是这样的:这样画的造型又稳又准,肯定就不会出错啦!3.上光影质感如果说造型我们还能取巧,那上色这步就很关键了!对大家的一个对基础结构的把握,对颜色的敏感度都是挑战。我们看看怎么做的,首先铺大色块,把我们黑白的方块选个基础颜色,我喜欢蓝色,所以搞个蓝的看看,简单的分出个明暗:光秃秃的是不,下一步就是给他上光影了,有点复杂,我们一点一点讲。先看看这些地方:两个面过渡的地方非常生硬,一点都不好看,我们让它变得柔和一些:先选中正面的这个图形图层:设置内阴影,参数如下:再设置一下投影:我们就得到这么一个效果:边缘就好看很多了!接着我们把电视机的屏幕部分也画出来:也是很生硬对不对,把这部分的细节也搞一下。真实的电视机,屏幕这里凹凸有致的,肯定不是只有一个面能搞定的,所以这里我用两个面叠加在一起去实现,新建一个图层,和刚画的屏幕错开,大概这个样子:把这两块放到电视上:然后就获得带有厚度的一个屏幕,还有点生硬,我们细化一下;下面那一层厚度加一个2.3左右的一个羽化,模糊边缘,让边缘它不要那么生硬:添加一个投影,制作右下角边缘的轮廓光:参数如下(注意混合模式改为滤色):画完了厚度,接着我们来画中间的屏幕部分:一整块黑肯定不合适呀,都不立体。需要我们加一些光影让它立体起来。首先,直接给这个图层加两个效果出来:(1)内发光,混合模式改为正片叠底:这是为了让黑色的屏幕边缘产生一些外边框的投影,显得更加真实。(2)外发光再在屏幕上来点颜色过渡,有点明暗变化:再加一个高光,复制一层屏幕的形状图层,然后缩短,颜色调整比屏幕的蓝黑亮一些:注意四周都要和黑色屏幕有一些间距,不要贴合到一起。然后给这个图层加一个蒙版,从下往上擦除:这个屏幕的个感觉是不是就有了。用同样的方法把电视的按钮啊,天线啊其他部分一画:我们整个电视的感觉就出来了,接着还要细化。增加变化:新建图层,在屏幕的下半部分加一点红色的过度,电视机侧面加一些亮蓝色的反光;正面也加上一些色相明暗上的过度,会显得丰富到此,电视机的基本造型和光影质感就ok了,但感觉还不够丰富对不对,那就该我们的第四步了;4.添加修饰元素比如我们这个电视的显示器什么也没有播放,就会显得有些空洞且单调,我们可以增加一些播放按钮啊,让它生动起来:是不是一下画龙点睛了,其次,除了在主体本身增加修饰之外,我们还可以在主体之外去增加修饰,比如一个环绕的圈:这样,一个造型生动且丰富的电视机就画完了。最后我们再给他加个背景色,效果就出来啦!一张好看的封面就做好啦。这次对主体的绘制教程分享就结束了,希望对大家有所帮助。然后,有什么意见也欢迎多多交流。让我一起努力,共同进步!想学习更多,可以关注第六期UI课程,更新了很多最新案例,详情看下方链接:

关键词: 混合模式 参数如下 还可以在

相关阅读