如何用ps画圆柱体 怎么做特别牛的720°全景H5?

[更新]
·
·
分类:互联网
3309 阅读

如何用ps画圆柱体

怎么做特别牛的720°全景H5?

怎么做特别牛的720°全景H5?

制作全景的效果并不复杂,我们制作只需要借助 意派Epub360 专业H5工具中的全景容器组件,提前准备好2:1比例的背景素材图,按照要求添加进去就可以了。
一、案例效果演示
二、组件结构
全景容器组件我们简单将其结构拆为三个层级结构:
1.最外层元素/背景
2.中层元素/背景
3.最内层元素(交互元素放置层,简称:交互层)
最外层元素/背景是由全景容器组件最外层的图片元素层组成,在手机上观看时,距离我们的视线最远;
中层元素/背景是由全景容器组件中层的图片元素层组成在手机上观看时,相比最外层背景,距离视线较近,处于最内层与最外层中间。
最内层元素,在手机上观看时,相比最外层背景,距离视线最近;一般我们用一个layer页面来做这一层,可以在这一层做一些交互触发的设置。
可以使用最外层背景(2:1图)作为全景容器本身的背景,也可使用中层背景(2:1图),也可以直接用页面作为全景容器的背景(普通满屏尺寸740X1136分辨率72dpi或者微信PLUS画布)。
小技巧:层次之间在滑动屏幕时,会产生错位视觉差效果,做的层次越多,视觉差效果越丰富。
三、应用场景
全景容器组件,可以将长宽比例为2:1的画面,以Y轴为中心轴,使画面首尾相连,360°旋转查看,目前已有该组件案例供大家参考。
《这些声音你听过吗?》
《乌兰察布第二届冰雪艺术节》
三、素材准备
文末附件下载素材,非商用,仅供学习使用。
1.如想要让最外层背景可见,中层背景不能是JPG格式的,可以是带有透明区域的PNG格式图片;另外,layer层内不能放置尺寸比例为2:1的JPG格式大图。
2.相关尺寸规范。默认的大背景尺寸比例为2:1( 2000 x 1000 px 分辨率72dpi),所有的元素其他的小型元素都是在PS中设计好后逐个导出。注意:PNG格式的图片裁切掉不需要透明区域。大图的尺寸因为相对较大,但还是要控制下大小,尽可能压缩。
3.将所有的元素或者大图在PS等设计软件中完成。将元素在PS等设计软件中设计排版完成后逐个导出PNG或JPG后,再上传到Epub360编辑器设置。PS中的设计示例如图:
4.只要保证每个小的元素跟大背景的比例正常即可,所有零散的PNG图片都是放在全景容器的layer层里。如图:
也可以将多个小元素放在一张PNG大图(尺寸比例2:1)上导出,作为单独的一层,放在中层背景或Layer层里,看个人的需求。
四、组件教程
基本用法
1.添加全景容器组件:高级组件——交互组件——全景容器。
2.点击全景容器添加组件
3.点击【使用中层背景图片】和【使用外层背景图片】的缩略图,可以替换尺寸比例为 2:1 的图片( 2000 x 1000 px 分辨率72dpi),两个背景层也可以不设置。
4.点击上图中任意一层背景图,会显示素材上传界面,仅支持上传JPG/PNG格式的图片。
4.双击Layer层设置,可直接切换到layer页面中去添加或修改素材。
5.点击后进入到Layer中的排版效果如图,点击左上角的小黑三角可以切换回页面。
交互层设置。用户最关心的问题在全景容器中进行一些交互设置,一般主要就是在Layer层(最内层)中进行的。

如何用photoshop制作立体几何?

工具/原料ps软件方法/步骤1、新建一个文件。大小不定,看你需要吧。
2、用形状工具做一个椭圆。记住,是椭圆。
3、我比较喜欢用形状工具,这样不矢真,如果你喜欢,也可以用椭圆选区工具。
4、我这边画的时候觉得太圆了,所以用了变换, 压缩了椭圆。
你如果也是,可是用变换。快捷键【ctrl T】
5、记得把颜色调的暗一点,至于什么颜色,随你喜欢。
6、然后复制图层。然后平移。为了确保整齐,可以点中移动工具,然后按住向上的方向键,移到你想要的高度。
7、把图层的颜色变得淡一点,或亮一点。
8、在两个形状工具的中间添加一个新图层。
9、用习惯工具把下面形状的椭圆颜色点一下。这样前景色就是那个颜色了。
10、然后点击椭圆选区工具,用矩形选框工具。
11、再两个圆的中心区画一个方形,填充前景色。
12、然后再复制这个图层。移动,调整位置。知道左右两边都不出现多余的部分。看起来像个圆柱体就行。13、下面上成果,是不是简单到吓到了。我也觉得超级简单。只是层与层之间的关系填充而已。注意事项上面椭圆要比下面的椭圆亮。