> 웹 프론트엔드 > PS 튜토리얼 > Photoshop打造非常开阔的立体场景展示图效果

Photoshop打造非常开阔的立体场景展示图效果

PHP中文网
풀어 주다: 2016-06-01 14:34:26
원래의
1919명이 탐색했습니다.

最终效果

Photoshop打造非常开阔的立体场景展示图效果


需要用到的素材如下图。

Photoshop打造非常开阔的立体场景展示图效果
 
新建一个1500 * 1500像素,分辨率为150,背景为白色,颜色为RGB模式的文档,如下图。由于素材图片有一定的压缩,最好是新建较为小一点的文档。

Photoshop打造非常开阔的立体场景展示图效果

1、做一个篮板渐变,颜色为:#0b7bc到#ffffff,角度为85 - 100,然后用橡皮擦工具,选用云彩笔刷样式,擦出白云效果。这里就不详细描述了。

Photoshop打造非常开阔的立体场景展示图效果

2、打开场景素材,眼边角把主体抠出来。

Photoshop打造非常开阔的立体场景展示图效果


Photoshop打造非常开阔的立体场景展示图效果
 
3、把抠好的3D图放入蓝天文档,然后新建一个图层,命名为“土壤”,改变其图层顺序到“鸟瞰图”图层下面。接下来点击菜单:3D > 从图层新建形状 > 立方体,接下来就是进入最关键的一步了。

Photoshop打造非常开阔的立体场景展示图效果

4、使用“3D对象旋转工具”,旋转立方体,调整它到跟鸟瞰图相同的视角,并调整立方体的厚度,如下图。

Photoshop打造非常开阔的立体场景展示图效果

5、选中鸟瞰图图层,点击菜单:编辑 > 变换 > 变形,轻拖图像中不吻合的区域进行调整。移动的时候要小心不要是主体严重变形,导致透视错误。

Photoshop打造非常开阔的立体场景展示图效果
 
6、复制并向下移动立方体土壤层两块,再次调整其视角,使其与先前的土壤层吻合,这里可以偷懒一下,直接复制后超出的边界不去理会他。

Photoshop打造非常开阔的立体场景展示图效果

7、开始渲染,这里步骤较多一些,截图也多一些。具体操作如下图。

Photoshop打造非常开阔的立体场景展示图效果

Photoshop打造非常开阔的立体场景展示图效果

Photoshop打造非常开阔的立体场景展示图效果

Photoshop打造非常开阔的立体场景展示图效果

Photoshop打造非常开阔的立体场景展示图效果
 
8、是不是感觉光有点奇怪,下面进入光源的添加。

Photoshop打造非常开阔的立体场景展示图效果

Photoshop打造非常开阔的立体场景展示图效果

Photoshop打造非常开阔的立体场景展示图效果
 
9、合并土壤层,修正边缘和底部,描绘出地底断层的效果,如下图。

Photoshop打造非常开阔的立体场景展示图效果

Photoshop打造非常开阔的立体场景展示图效果

Photoshop打造非常开阔的立体场景展示图效果

Photoshop打造非常开阔的立体场景展示图效果
 
10、到这里绘制工作已经完成,剩下的就是合成了,我这里选用了白云和鹰来装饰,让主体和背景能够产生一种围绕的感觉。

Photoshop打造非常开阔的立体场景展示图效果


Photoshop打造非常开阔的立体场景展示图效果

Photoshop打造非常开阔的立体场景展示图效果

最终效果:

Photoshop打造非常开阔的立体场景展示图效果
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿