(国外教程)PHOTOSHOP合成CG图片的制作过程-Jaime Jasso

Sat, 06 Aug 2005 19:58:38 +0000

PHOTOSHOP合成CG图片的制作过程-Jaime Jasso

{
return bbimg(this)
}" height="130" alt="按此在新窗口浏览图片" src="http://www.bhgu.net/bbs/UploadFile/2005-7/2005712235816251.jpg" width="441" onload="function anonymous()
{
if(this.width>screen.width-500)this.style.width=screen.width-500;
}" border="0" />{
return bbimg(this)
}" alt="按此在新窗口浏览图片" src="http://www.bhgu.net/bbs/UploadFile/2005-7/200571223484878.jpg" onload="function anonymous()
{
if(this.width>screen.width-500)this.style.width=screen.width-500;
}" border="0" />
获奖的CG艺术家Jaime Jasso将带我们了解如何制作一个超级整合了2D背景的"全照片"作品.手动调节并且在PHOTOSHOP中安置各个景物.

我最初的想法是想制作一个看起来很平和,但是同时又充满着危险的地方.制作这副作品我大约合成了70张照片.还有一些地方完全是自己绘制的.因为我要将这些照片整合为一个作品,所以这些图片都经过了大量的修改.

公认的,在图片的有些地方透视有点错误,但是这个作品是要告诉大家一些在合成图片的时候应该注意的一些地方.

{
return bbimg(this)
}" src="http://www.bhgu.net/bbs/skins/default/filetype/jpg.gif" onload="function anonymous()
{
if(this.width>screen.width-500)this.style.width=screen.width-500;
}" border="0" />此主题相关图片如下：
{
return bbimg(this)
}" alt="按此在新窗口浏览图片" src="http://www.bhgu.net/bbs/UploadFile/2005-7/2005712235022564.jpg" onload="function anonymous()
{
if(this.width>screen.width-500)this.style.width=screen.width-500;
}" border="0" />
思路和草图
灵感来自于一次我的朋友从阿根廷回来给我的一个很酷的瀑布明信片.这激发了我的创作欲望,我开始为这个瀑布增加陆地.在第一次草图中,我考虑过使用一些小巧的结构网的木版桥来连接这些巨大的哥特式建筑物.然后我进行了图片的合成,并且绘制了一下在建筑与瀑布之间的一些结构关系.

随后,我对城堡进行了缩放,但是发现这些城堡相对于这些瀑布大了一点,因为我需要让画面看起来比较平和,而不是一种压迫感.所以我决定修改城堡的设计,我使用了一个更小的教堂来制作一个"SPIRITUAL CITY".随后,我一直在调节草图的色彩和画面的感觉.我决定使用一个阴暗,神秘的天气来取代夜晚.否则在瀑布,树木,寺庙的明暗上会丧失很多细节.

{
return bbimg(this)
}" src="http://www.bhgu.net/bbs/skins/default/filetype/jpg.gif" onload="function anonymous()
{
if(this.width>screen.width-500)this.style.width=screen.width-500;
}" border="0" />此主题相关图片如下：
{
return bbimg(this)
}" alt="按此在新窗口浏览图片" src="http://www.bhgu.net/bbs/UploadFile/2005-7/200571223515991.jpg" onload="function anonymous()
{
if(this.width>screen.width-500)this.style.width=screen.width-500;
}" border="0" />

合成
第一步就是要设置我作品的分辨率,我使用了3500像素宽,主要是因为这些图片是从互联网上下载下来的.

{
return bbimg(this)
}" src="http://www.bhgu.net/bbs/skins/default/filetype/jpg.gif" onload="function anonymous()
{
if(this.width>screen.width-500)this.style.width=screen.width-500;
}" border="0" />此主题相关图片如下：
{
return bbimg(this)
}" alt="按此在新窗口浏览图片" src="http://www.bhgu.net/bbs/UploadFile/2005-7/2005712235438975.jpg" onload="function anonymous()
{
if(this.width>screen.width-500)this.style.width=screen.width-500;
}" border="0" />
重点难点

*大气效果
我使用了一张照片作为我的参照,来观察野外的大气效果是怎么样的,在观察完这些照片以后,我注意到远处的物体会失去对比,而变得白漫漫的.当开始加工图片的时候,我并没有去使用雾气将远处的东西全部朦胧掉.因为我想模仿真实的天空的那些细节.我试着模仿了真实的天气下,那种远处朦胧而有可以看的见少许东西的现象.最后我保存了远处的一些细节.

下图为所使用到的一些图片:

{
return bbimg(this)
}" src="http://www.bhgu.net/bbs/skins/default/filetype/jpg.gif" onload="function anonymous()
{
if(this.width>screen.width-500)this.style.width=screen.width-500;
}" border="0" />此主题相关图片如下：
{
return bbimg(this)
}" alt="按此在新窗口浏览图片" src="http://www.bhgu.net/bbs/UploadFile/2005-7/2005712235557824.jpg" onload="function anonymous()
{
if(this.width>screen.width-500)this.style.width=screen.width-500;
}" border="0" />

体系结构
在进行制作的时候,我对结构进行了深入的研究.在耶路撒冷和土耳其我发现了一些非常棒的清真寺给我来做参照.我对高品质的清真寺图片进行了大量的搜索.为了取得我想要的照片,花去了我几天的时间.

{
return bbimg(this)
}" src="http://www.bhgu.net/bbs/skins/default/filetype/jpg.gif" onload="function anonymous()
{
if(this.width>screen.width-500)this.style.width=screen.width-500;
}" border="0" />此主题相关图片如下：
{
return bbimg(this)
}" alt="按此在新窗口浏览图片" src="http://www.bhgu.net/bbs/UploadFile/2005-7/2005712235716713.jpg" onload="function anonymous()
{
if(this.width>screen.width-500)this.style.width=screen.width-500;
}" border="0" />
*瀑布
在这个部分,根据我的需要我寻找了许多的高品质的瀑布照片.我发现了一些很棒的尼加拉大瀑布的照片,那让我对透视更有感觉.
最后,我还在很多的网站上寻找到了150多张高品质的照片.那么现在,我们应该使用那些图片呢?我们应该怎样摆放呢?它们怎么混合会更好呢?
合成-自然环境
我使用了20张不同的瀑布照片来制作这个瀑布.我使用了大量的复制,以及尝试着无缝连接,为瀑布混合各种泥沙,为了给水得到透视效果,我在远处复制了较多的一些水.

{
return bbimg(this)
}" src="http://www.bhgu.net/bbs/skins/default/filetype/jpg.gif" onload="function anonymous()
{
if(this.width>screen.width-500)this.style.width=screen.width-500;
}" border="0" />此主题相关图片如下：
{
return bbimg(this)
}" alt="按此在新窗口浏览图片" src="http://www.bhgu.net/bbs/UploadFile/2005-7/2005712235816251.jpg" onload="function anonymous()
{
if(this.width>screen.width-500)this.style.width=screen.width-500;
}" border="0" />
当我完成了瀑布的工作后,我开始给睡眠上增加一些长满着大树的小岛.这些我是从一些照片中截取一些小的丛林和树木的图片进行拼接.一会以后,我已经将大多数物体安放在了水面上,并且在他们接触的地方制作而外的一些细节,树木等物体在水中的阴影和倒影都会在下面详细的说明.

{
return bbimg(this)
}" src="http://www.bhgu.net/bbs/skins/default/filetype/jpg.gif" onload="function anonymous()
{
if(this.width>screen.width-500)this.style.width=screen.width-500;
}" border="0" />此主题相关图片如下：
{
return bbimg(this)
}" alt="按此在新窗口浏览图片" src="http://www.bhgu.net/bbs/UploadFile/2005-7/2005712235956852.jpg" onload="function anonymous()
{
if(this.width>screen.width-500)this.style.width=screen.width-500;
}" border="0" />
为了显得真实,我必须增加水面撞击岸边的效果,完成树林与水的结合.

接着我使用了了两个图层进行了混合来制作天空.我将两幅并不饱满的照片进行一些调整,并且给它加亮了一些,使他们更清晰并且少一点反差.背景上的山脉是我手绘的,要注意反射,距离和亮度,我先勾勒出了山的形状,然后加上了一个合适的色彩简便.

后面的瀑布是稍后加上去的,在城市和寺庙之间,我增加了一些水蒸气.这些也是手绘的,模拟水从搞出落下以后溅起的水花.这样你就看不到那条河了.

{
return bbimg(this)
}" src="http://www.bhgu.net/bbs/skins/default/filetype/jpg.gif" onload="function anonymous()
{
if(this.width>screen.width-500)this.style.width=screen.width-500;
}" border="0" />此主题相关图片如下：
{
return bbimg(this)
}" alt="按此在新窗口浏览图片" src="http://www.bhgu.net/bbs/UploadFile/2005-7/20057130047805.jpg" onload="function anonymous()
{
if(this.width>screen.width-500)this.style.width=screen.width-500;
}" border="0" />

合成-寺庙和城市

我使用了一些建筑结构照片,然后开始将陆地穿插合成到作品中去.前面的那个塔并没有在我最初的草图中,那是我在互联网上查找图片时,看到以后才想到的.我修改了以下它的颜色和形状,去掉了它最初的阴影,而加上了阳光.
在桥后面的那个寺庙是完全手工绘制的,因为我一直都没找到在那个位置上,那种透视关系的照片.所以我只有自己绘制.
对于中间的这个城市,我小心翼翼的调节它的结构,并且一点点的将它合成进来.我选择了照片,然后对照片位置进行了大量的尝试.

{
return bbimg(this)
}" src="http://www.bhgu.net/bbs/skins/default/filetype/jpg.gif" onload="function anonymous()
{
if(this.width>screen.width-500)this.style.width=screen.width-500;
}" border="0" />此主题相关图片如下：
{
return bbimg(this)
}" style="ZOOM: 90%" alt="按此在新窗口浏览图片" src="http://www.bhgu.net/bbs/UploadFile/2005-7/2005713042847.jpg" onload="function anonymous()
{
if(this.width>screen.width-500)this.style.width=screen.width-500;
}" border="0" />

我最初找到的一张质量非常好的建筑图片放在中间位置.我必须将所有建筑物混合以后让他们拥有相同的天气.我会使用色彩和饱和度来调节寺庙.改变亮度/对比度/色调和饱和度来让他们更朦胧.我同样减少了太阳穿过云层照射下来的光线,流着一部分用来增加阳光进入雾气中的光晕效果,以及增加建筑物的层次.
我在城市的背景部位加如的照片越来越多.我将他们使用同样的亮度,降低他们的对比度.然而,我仍然需要再增加一些步鄹来让这些背景图片和建筑物更好看.首先,我绘制了高光,阳光从左边打过来,所以阳光很重要.然后,在新的图层里面,我粗略的绘制了中央部位高光.然后将这个图层的混合方式改为"颜色".那么现在高光图层和基本建筑物图层都已经过滤完毕.下面就让我们来调节画面的整体效果和层次.

合成-前台的添加和雾气

为了让画面更自然,有生气,我增加了3只飞鸟,这3只鸟都是我从照片上拿下来的.加上一点点模糊来模拟运动模糊特效.
在最初的草图中,画面的前方有一棵树,但是比起那座塔来说,这个树就显得不是那么必要了.不过我仍然会加入一些树,但不会是整棵树.那些分支是手绘的,我使用了一个黑蓝的渐变.我只是想给树枝一些透明效果.

在最初的一棵树,现在显得没什么必要了,我增加了一个新的图层加上一个白色的透明试渐变,将天空上面的东西混合到这种天气里面去.

{
return bbimg(this)
}" src="http://www.bhgu.net/bbs/skins/default/filetype/jpg.gif" onload="function anonymous()
{
if(this.width>screen.width-500)this.style.width=screen.width-500;
}" border="0" />此主题相关图片如下：
{
return bbimg(this)
}" style="ZOOM: 130%" alt="按此在新窗口浏览图片" src="http://www.bhgu.net/bbs/UploadFile/2005-7/20057130646292.jpg" onload="function anonymous()
{
if(this.width>screen.width-500)this.style.width=screen.width-500;
}" border="0" />
后期处理
在后期处理的时候,我只是对色彩进行了一些细微的校正,绿色作为这个作品的基调,我还增加了一下特别的胶片效果.

{
return bbimg(this)
}" src="http://www.bhgu.net/bbs/skins/default/filetype/jpg.gif" onload="function anonymous()
{
if(this.width>screen.width-500)this.style.width=screen.width-500;
}" border="0" />此主题相关图片如下：
{
return bbimg(this)
}" alt="按此在新窗口浏览图片" src="http://www.bhgu.net/bbs/UploadFile/2005-7/20057130928112.jpg" onload="function anonymous()
{
if(this.width>screen.width-500)this.style.width=screen.width-500;
}" border="0" />
最后的图片
我不习惯手绘和编辑,剩下的我就只是修改了一些透明度,色彩,和大小了.以上所有的图象处理都是在PHOTOSHOP中完成.

( 网页浏览 )

(国外教程)PHOTOSHOP合成CG图片的制作过程-Jaime Jasso - aqua 评论

Fri, 09 Sep 2005 07:03:48 +0000

不好,恶习b98 回复[2005年9月9日15:57]
为什么是恶习呢,
( 网页浏览 )

(国外教程)PHOTOSHOP合成CG图片的制作过程-Jaime Jasso - sure 评论

Fri, 19 Aug 2005 09:13:50 +0000

刚看第一张，以为是站长在什么大片（很像指环王的说）站上转来的类~
高手，可是偶觉得单单用蒙板合成的图可能整体的光线和色彩没你处理的这么舒服~
( 网页浏览 )

(国外教程)PHOTOSHOP合成CG图片的制作过程-Jaime Jasso - Sonic 评论

Wed, 17 Aug 2005 08:51:48 +0000

好东西，我转载了。：）
( 网页浏览 )

(国外教程)PHOTOSHOP合成CG图片的制作过程-Jaime Jasso - CGplayer.com

(国外教程)PHOTOSHOP合成CG图片的制作过程-Jaime Jasso

(国外教程)PHOTOSHOP合成CG图片的制作过程-Jaime Jasso - aqua 评论

(国外教程)PHOTOSHOP合成CG图片的制作过程-Jaime Jasso - sure 评论

(国外教程)PHOTOSHOP合成CG图片的制作过程-Jaime Jasso - Sonic 评论