计算机效果图线稿的制作方法,如何只用PS将线稿图变成高大上的效果图?

news/2024/12/22 15:26:52/

本来以为可以一年之内再也不画图了,突然被拉去帮忙,学弟学妹承诺给我一个大柿子作为报答,大柿子啊,我最爱吃柿子了,然后就有了下面这张图。

找我帮忙的学弟学妹的方案,我个人觉得还是挺有意思的,大家也很努力。但是由于时间原因,模型没有足够的细节,结构构造也没有做,最重要的一点是:完全没有渲染。所以我也是帮忙想了些办法:到底怎么能最快的把图画(shui)出来呢。分享点自己水图的历程。这张图若不算碎碎念时间,一共画了差不多两个小时吧,但是最后我居然没有得到心仪的柿子作为回报。伤心,这是一场诈骗案,哈哈。

f90fefb20e34a528c7ba5256cc1b8b2f.png

我刚到他们这场柿子诈骗案现场的时候,图纸是这样的:

c877b4fb2a7d3fdce3710c0dd86795f6.png当时就后悔了。真的有看哭。

后来材质贴到一半的时候,学弟学妹说还有张AO,我赶紧又把AO加上了:

1232cd4361ae06a7da8600787301eb0a.png

图面到目前为止面临几个问题吧:

1.主要是图纸没有材质。

2.材质没有光影关系。

3.最大的问题:模型的视平线和后面配景的视平线不是对应的,这就会让人觉得透视是错的,所以这一点很重要。

4.没有渲染只出了线稿,这种时候很多细节会丢失,后期需要填补细节。

我在P图的时候,想起很久以前和人约定过,要仔细记录一张图纸的后期过程。所以在这个案例完成之后,我截图了自己的工作时候的PSD。我把关键步骤逐一解释,希望对大家有那么点帮助哈。

拿到这个东西的时候,首先我是先思考了一阵该怎么处理,能化解这种尴尬:多补充一些素材,夜景主要表现出建筑夜晚的轮廓和光影关系,我要填上材质,补充建筑发光对环境的影响,以及前面几个大玻璃要反射星空树影等等。

我觉得只有事先想好了P图的效果以及工作历程,才能够快得起来,不纠结不必要的细部,不纠结根本看不出来的地方,要有全局观。

增添讯息量,这一步本来应该是建模的时候应该做的,比如家具,配景的树木用来做玻璃的反射。

本次设计是一个柿子园。大量的坡地和山地。既然没有时间塑造那么精致的模型,所以表达的时候就需要用素材去填充满这一张白白的线稿。最后的效果要的就是所有白色的地方全都有信息。特别是建筑材质,既然没有渲染,那P的时候就要贴出来。但是大多数人习惯渲染再出图,看自己的需求和时间吧。这里就继续讲我怎么解决的眼前的问题。

fd5623b0af78825bc9d1cad610171a6a.png

可以看到:上面这条线是建筑中SU的视平线,下面这个是后面这张图的视平线,如果视平线是错的,那图的透视都是不对的,有时候这个小细节总是导致大家的图怪怪的。我觉得技巧就是无论多大的素材,和你的模型配在一起的时候,一定要保证视平线的一致。

1.调整视平线,让透视正确

2.刷草地

选择选区胡乱地刷上点草地, 我喜欢找一张草地的照片放在旁边,没有通道直接用魔棒选,建立好随机选区以后,按S仿制印章疯狂的胡乱往上刷。你要时刻心里有数,哪些地方会被掩盖住,所以肌理重复颜色丑都没有太大关系。

e19ad526a751b5825e30b076d74a9e89.png

3.丰富配景

所有的配景我都只用了下面这一张图片,来来回回地拼,拼图游戏一般。这个过程也很快,我觉得这一步重要的是:如何和后面的山衔接。你只需要考虑素材的吻合度,观察色阶是否舒服就可以了,因为我画面的颜色都是喜欢最后调试。按着透视和肌理随便拼,用蒙版擦掉不要的地方。然后有毛边什么的一点都没关系。把握大的透视感觉。

2196874136da2c45640b87e646665b56.png

ce502c946c4556130eab05ac862c12d1.png

看我这胡乱弄的蒙版,只要擦的差不多就可以了。(可能因为图层太乱他们才不给我柿子的?)

c51969081a2cd05d61e9cf2cf83fcd48.png图面上发白的地方是由于素材本身的缺陷引起的,不是死黑,就是现在这个样子,很难处理。我超级懒,所以有掩盖不好的地方,我都用绝技:擦雾。白白的能掩盖一切你的懒惰。

4.去色卡色阶

到比较关键的步骤了,我盖印了所有的图层,我喜欢直接对图纸操作,不行就重来,我认为这是避免图层逻辑复杂的最好办法,虽然这样后期再回来调会造成困扰,但是真的很快。

我直接去色,卡了一下色阶,这个时候你可以直观的看到图面的黑白灰关系。哪里需要调整,哪要亮一点,哪要暗一点。

579f062a554671f5bb429507ab3b2059.png

这里要特殊说明一下,室内本来是木制地板,但是没有附材质,都是白的,这肯定不行。

5.补充材质

我用魔棒选择了室内的选区,直接用油漆桶涂上了木头的纹理(ps也可以直接涂材质)。因为这张图的视角高离得远,主要想塑造的还是光感,所以只要图面这个地方有讯息,是木头纹理,效果图最后就是有可读性的,不放大看大感觉和渲染很像。(顺便解释一下,为什么画到这里才加这个木头材质,因为图画到这个时候,大体差不多了,这个作假的木头的颜色和感觉应该怎么处理,我心里才有数。)

f7ce285a3f99a4ac5456aec0f47ea532.png

6.添加反射

0e8576799bd62cfedd9e15c600aa0cff.png

放大一下看,这里的石材也是直接油漆桶填充到选区里面的,选区不用通道也很好选择。这里我处理了这几面镜子,它反射天空,树木,直接魔棒W做选区,用S仿制图章画的。稍微透明一点,没做别的处理。

7.调整素描关系

8e598a4752e88d817b2d07b7626eca16.png

1c9e7998d0cbae9c0d10a2f02d516217.png

这一步很有意思,手动的刷了一层白色,校正图的黑白灰关系, 笔刷就是普通的笔刷,选择了叠加模式,让各部分配景的黑白灰不是那么突兀。

8.加灯光

7245172442a165915274f1fdc58fc74c.png

我尝试了很多次效果图,也算是有自己的偏爱,灯光想要好看,第一遍刷的颜色我喜欢用这个位置的颜色,先把发光的感觉刷出来,之后再画灯光的层次,其实都是在一个叠加图层里完成的,很容易。

61d2ca1eeb42a17d3d64f1e613aeb942.png

接着就是灯光对于环境的影响,这里的颜色我稍微加了一点点偏橙色的黄,为了对比清晰,我把刚画的发光层关闭了。

66e5b5203f7d2de60c57b2523a8f806f.png

接下来,加了一点天窗的黄,这里用的柠檬黄,比较冷, 这三个地方的三个黄色其实有差别的。

我觉得这一点很重要,都是一样的话,黄色就糊成一片,黏在一起了。至于冷暖,我觉得最多的是来自生活的观察:

def1e593f39df345e1c0eee5e8716a98.png这个是我天窗的黄

778cb13783b562970b4984a49f50966c.png这个是房子里的黄

103600d4b9ac83bc2807e07f3a34aeb4.png这个有点红的是环境的黄

当然我觉得怎么组合颜色都可以,但是有层次的话就会可读性高,画面分的开,好看一些。

6219d4d7abac9c797551e2610dca2b74.png

0460923bef4d9b3d810a5a8f254117fe.png这里我做了一张去色叠加,已经有点最终想要表达的意思了。

9.刻画暗部

a880a59a92277016b468e169a59109f7.png

这个图层和画白色一样,我画了黑色,也是在叠加层立面画的,建筑的进深感觉,在不受光的面上,画黑一些,能让建筑转折过去,进到画面里,简单加几笔就可以。

e482041eb22be22493cca6bbfaf8ff94.png

406aea7c4b7b384f22e6f822e931a291.png

放大之后可以看出来,远不如渲染的好看哈。

10.整体上色

最后我加了天空的蓝色和地面的一些红色。我看大量的效果图都用一种棕红色配灰色,确实很好看,后来一想还是有道理的。比如这个设计主要就想凸显玻璃的反射遗迹的感觉,这是做设计的关键,整个图的饱和度都很低,只有在发光的玻璃那里有一点点的红色,很跳跃的颜色,又是很暖的颜色(或者白天的太阳光发光,也可以这么画)。正好室内是发光的, 人们就觉得好刺激啊,好爽啊,自然会更注意你的高光的那个部位,这张图的分析图正好配的是玻璃反射遗迹的分析, 这样的效果图多少能多一层含义吧。希望人们更注重设计的重点,而不是只是眼花缭乱的高光炫酷。(其实之所以没有用灯具工厂打光更炫酷,是因为学妹的电脑里没有,并不是我很理性分析了这么多,哈哈。)

这里的红,选择的是很纯的红,和整个图面的饱和度低的灰相反,所以很跳,更暖了。每次画完图我都反思自己的图,下次怎么能更好看点,储存更多的感觉,就会画的更快吧, 觉得比单纯积攒素材包有用。 很跳的地方一定小一点,全画面都很跳,就有点广场舞的感觉啦。

ed408fcffcfa0ad424fa10bb86910ffe.png

1566055aab2b33579eab35f63ccc6854.png

下面的这张也是贴了点材质,然后一个原理去调色,因为是一个色系的图,所以我用的方法大概都是一样的。

e475d76a82423b5b9ed74462779186df.png

cba1e1d62e11ed708446c831447d9fc0.png

感谢建筑系笑学研究所授权分享

欢迎关注他们的微信公众号

微信号:wonder-archi


http://www.ppmy.cn/news/831607.html

相关文章

ps转手绘

今天来讲一下ps照片转手绘,这个女生应该会比较感兴趣。 那首先,我从网络上找了一张图片。顺便打一下广告,这部韩剧非常好看《kill me heal me》。 那首先我们要copy俩个图层作为备用,在copy 的图层(中间那张&#xff0…

简易的素描图片转换流程与实现

前言 之前经常在网上看到用PS实现真实图片到素描图片的转换,但是流程都大同小异,身为一只程序猿,必须来个一键转化额。 国际惯例,参考博客: Photoshop基础教程:混合模式原理篇 颜色减淡的原理讲解以及应…

PS技巧---提取线稿

PS技巧---提取线稿 首先随便放一张图片进去 按ctrlshifu 进行图片去色! 复制多一个去色的图层! 然后ctrli 进行反向! 然后在这个图层的模式改成颜色减淡! 然后就可以了! 然后继续调节线条! 滤镜---其他…

python视频转图片帧,图片帧转线稿,线稿合并为视频

原视频:一人之下 视频转图片帧 图片帧转线稿 线稿合并为视频 python程序 import os import sys import cv2 import imageio.v2 as imageio import numpy as np from PIL import Image, ImageFilter, ImageOpsdef video_to_frame(video):#视频转图片帧pathImage.ope…

ps怎样将图片转为html5,怎样在PS中把图片变成线描的?

在PS中把图片变成线描的步骤如下: 1、用Ps打开一张照片,同时通过组合键CTRLJ复洞迹滑制一层。 2、将图片进去去色处理,执行州兆菜单栏:图像-调整-去色,或者通过组合键CTRLSHIFTU。 3、图层复制一层,然后执行…

用Photoshop把彩色图片变成线描的图片

用Photoshop把彩色图片变成线描的图片 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术Photoshop 图像调整 作者:麦XX 撰写时间:2021年5月7日 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~…

怎么把线稿提取出来_ps提取线稿教程(ps怎么把图片的线稿弄出来)

给漫画PS,提取线稿有多少种方法? 1PS中打开需要提取线稿片先扫描好的,分辨该在300以上。 来说,如果作为彩色用稿分辨率为300,黑白为600。 2、全选图片。使用选择--全选,或者使用快捷键ctrl a。 3、 4、然后复制,ctrl c.接着进入快速蒙板。 进入快速蒙板以后,粘贴。CTRL…

计算机效果图线稿的制作方法,线稿效果图 怎么把照片变线稿?将图片改为线稿的方法...

专注实拍 监控 风景 各类视频 申请入群加微信: neimu500 因为专注 所以专业! 我们只发优质实拍视频,群管理专业、规范,确保群的视频质量以及秩序!无水印可下载可分享. 今早起来感觉天气凉飕飕的,真好,是秋天…