利用PS的3D渲染构造页面元素
作者:佚名 来源:互联网 发表时间:2009-07-25
在平面设计中(如网页、多媒体等界面),页面元素对整个页面的视觉效 果起着一个比较重要的辅助作用……现在我们来利用PS的“3D变换”滤镜 来构造一些页面元素…… 首先得找到“3D变换”滤镜的位置:)
工具的作用;
在平面设计中(如网页、多媒体等界面),页面元素对整个页面的视觉效 果起着一个比较重要的辅助作用……现在我们来利用PS的“3D变换”滤镜 来构造一些页面元素…… 首先得找到“3D变换”滤镜的位置:)
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/cc6500230ef021b1cbfcada6fc31e80e.gif)
工具的作用;
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/3e846a270963c40b86898f28f87b3381.gif)
利用圆柱体工具,经过增加、移动锚点制作一个酒杯形物体;
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/6edc2eeb82cd223822057c1255126e5c.gif)
现在开始制作这些元素。用立方体工具随意画一些立方体,注意大小、疏 密变化;
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/9299461898e243b77e71a45a06b6fe92.gif)
移动、旋转对象,注意编辑窗口右边的相机参数,可以调整虚拟相机的焦 距及距离;
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/7971ed2e810a0a393ce9f4a8945e3633.gif)
由于习惯光源一般在上方,渲染后的立方体高光不符合这种习惯,将其垂直翻转;
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/a89557b8943998382d7a2cfc34c51f8b.gif)
利用色阶调整对比;
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/1d7180117346422b87a2fb932424684c.gif)
复制一层,利用“查找边缘”滤镜制作立方体的框线;
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/e87b4de557c65374917cec871bbe3f1f.gif)
虽然线条不太“美观”,但在这个练习中,我只是想铺一层淡底,所以也无所谓:)如果想得到精确的边框,可以用“等高线”滤镜,在不同色阶做几次然后合成……
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/0b9f52864b0337509fbbab9fdf38d070.gif)
其他元素的步骤方法同上;
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/a51e2d7a8cba872d59fb74a29c8937ee.gif)
编辑窗口右边的“选项”按钮可以设置渲染质量,是否光滑(抗锯齿),是否保留背景等(在我的这些操作中,因为每次都在透明的空白图层上做3D变换,这项勾不勾选无所谓)。具体每个设置有什么区别,自己可以试试……
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/e69550735655d459a750757485f099cc.gif)
下面是我做的几幅图,本来左下角的线框图应该根据不同的元素变化,我这里省了点事:)
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/e6f8ba4755ef209369d843d5f716f684.gif)
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/7ec0dc67d58203b0cfc22af4b3253f9f.gif)
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/b30e7cf95ca5c19b4c0e89b9c53ce588.gif)
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/f2153bb9d686b79a355b9e2a53019e96.gif)
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/b92ed5535f010c8bef37c976bc509a28.gif)
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/cc6500230ef021b1cbfcada6fc31e80e.gif)
工具的作用;
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/3e846a270963c40b86898f28f87b3381.gif)
利用圆柱体工具,经过增加、移动锚点制作一个酒杯形物体;
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/6edc2eeb82cd223822057c1255126e5c.gif)
现在开始制作这些元素。用立方体工具随意画一些立方体,注意大小、疏 密变化;
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/9299461898e243b77e71a45a06b6fe92.gif)
移动、旋转对象,注意编辑窗口右边的相机参数,可以调整虚拟相机的焦 距及距离;
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/7971ed2e810a0a393ce9f4a8945e3633.gif)
由于习惯光源一般在上方,渲染后的立方体高光不符合这种习惯,将其垂直翻转;
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/a89557b8943998382d7a2cfc34c51f8b.gif)
利用色阶调整对比;
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/1d7180117346422b87a2fb932424684c.gif)
复制一层,利用“查找边缘”滤镜制作立方体的框线;
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/e87b4de557c65374917cec871bbe3f1f.gif)
虽然线条不太“美观”,但在这个练习中,我只是想铺一层淡底,所以也无所谓:)如果想得到精确的边框,可以用“等高线”滤镜,在不同色阶做几次然后合成……
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/0b9f52864b0337509fbbab9fdf38d070.gif)
其他元素的步骤方法同上;
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/a51e2d7a8cba872d59fb74a29c8937ee.gif)
编辑窗口右边的“选项”按钮可以设置渲染质量,是否光滑(抗锯齿),是否保留背景等(在我的这些操作中,因为每次都在透明的空白图层上做3D变换,这项勾不勾选无所谓)。具体每个设置有什么区别,自己可以试试……
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/e69550735655d459a750757485f099cc.gif)
下面是我做的几幅图,本来左下角的线框图应该根据不同的元素变化,我这里省了点事:)
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/e6f8ba4755ef209369d843d5f716f684.gif)
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/7ec0dc67d58203b0cfc22af4b3253f9f.gif)
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/b30e7cf95ca5c19b4c0e89b9c53ce588.gif)
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/f2153bb9d686b79a355b9e2a53019e96.gif)
![点击看大图](http://images.ljcjw.com/d/file/p/2009-07-25/b92ed5535f010c8bef37c976bc509a28.gif)