让每一名学员高薪就业
返回列表 发新帖

360全景环视图制作

[复制链接]

41

主题

73

帖子

1010

积分

版主

Rank: 7Rank: 7Rank: 7

积分
1010

版主

发表于 2017-12-7 16:09:00  | 显示全部楼层 | 阅读模式
本帖最后由 萤火虫 于 2017-12-7 16:08 编辑

hello!大家好,今天给大家分享如何制作360全景环视图,这里要使用一个之前都没用过的软件哦!具体操作步骤如下:

制作工具

1.png                            2.png

PS(建议2018)          Flexify 2

目标案例:
3.png
全景修改
4.png
全景制作

Flexify 2 下载地址
Windows:
www.flamingpear.com/dl/flexify-win-latest.zip

Mac:
www.flamingpear.com/dl/flexify-mac-latest.dmg


过程演示:
5.png
Flexify2很容易处理环视图的软件

6.png

安装后会在 滤镜(filter)显示该项,如图

7.png

左上方 滑块项(精度、纬度、旋转、视场角) 和 勾选项(翻动)

8.png

接下是滑块项(标记、锐度) 和 修改项(标记、线、背景)

9.png

左方为输入输出配置
勾选项(透明间隙、面部、去光圈、指示线、Anamorphic变形镜头、显示边缘)
选项卡项(预览、格、输入、输出、粘度)

10.png

左下角为展示模式,我们重点记住下方的十字
一、全景修改:
      修改环视图去掉下方垃圾

11.png

1、打开360环视图复制一层用于修改

12.png

运行滤镜(filter)〉 Flaming Pear 〉Flexfy2

13.png

2、还原顶&底面

输入为equirectangular,  输出为 zenith & nadir.

14.png

3、用修补工具去掉垃圾

15.png

还原顶底

16.png

4、输入为zenith & nadir,  输出为equirectangular.

17.png

18.png

修改完毕,是不是很容易上手?(N返回2 / Y请继续)

二、全景制作如下:


第1步 :
将360环视图 19.png 转为矩形环视图 20.png

21.png

360环视图是不是如同刚才几个圆连接的?

22.png

我们可以这样理解360环视图的网格

23.png

输入为equirectangular ,输出为 horizontal cross

24.png

这是图上下左右 顶 和 底就像盒子一样展开了

第2步 :

图像 〉裁剪 〉顶部到左侧像素颜色〉确定

25.png

第3步:绘制
26.png
场景线稿
27.png

前景线稿
28.png


29.png
这个是关键


误区:
30.png
近轴线避免自由绘制

31.png

换面则无需继续延续

32.png

更改延续方向

33.png

避免断面的线稿

34.png

旋转可以对相隔的面确定边界

35.png

第4步
将矩形环视图 36.png 转为360环视图 37.png

切换输入horizontal cross,输出为equirectangular

38.png

第5步:裁剪上下空白区域

39.png

浏览

40.png

Photoshop 2018 CC 可以在Spherical Panorama浏览和修改

41.png

设置FOV或鼠标滑动FOV标题可调整视图距离

42.png

用2018 CC浏览和修改的话就感觉带上了3D眼镜

本文为源码时代UI老师原创,转载请标明出处(www.itsource.cn




回复

使用道具 举报

发表回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

最新活动

联系我们

Java培训  |   PHP培训  |   UI培训  |   H5培训  |   如何报名  |   视频下载
快速回复 返回顶部 返回列表