切换到宽版
  • 6305阅读
  • 22回复

[图像处理]ps很Cool的效果 [复制链接]

上一主题 下一主题
离线faww

UID: 439291

发帖
95
金币
36
道行
5
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 44(小时)
注册时间: 2008-05-16
最后登录: 2014-07-01
只看该作者 20楼 发表于: 2008-09-01
ps三D效果导航条
三D效果导航条

在ImageStyler里,有两个Layer控制,所以,在这里首先需要说明一下。一个是与Photoshop中的层控制板类似的Object Layer,它的使用方法,与Photoshop略不相同,我们会在下面具体讲到。另一个是对当前层内容的简单控制,就叫Layer,关于它,将在其它的文章介绍。

Object Layer的作用,与Photoshop是基本相同的。不过,在使用方法上,它简单多了。首先,它不会允许你建立空层,象Photoshop里那样的绝对透明的空层,在这里是没有的。当你点击那个折角的小白纸图标是,ImageStyler的确会给你一个新层,但这是一个包含了对象轮廓的新层,用黑色填充着的。这等于说,ImageStyler不允许你在同一个对象上建立截然不同的轮廓造型,你只能在这个对象原形的基础上,对每层作选色、柔化、立体、过渡填充等操作。其实这也对,因为不同的造型,完全可以建立其它对象,没必要“绑”在一起的。另外,还有一个限制,层数最多为五层,我个人认为,这个限制看上去显得Adobe有些不够意思,实际上这样做倒是件好事,因为确实有许多人喜欢不停地加所谓的效果。五个层,每个层都可以设置效果,叠在一起,够复杂的了,毕竟,这只是一个对象而已,如果你愿意,可以多作几个,叠放在一起的,可这实在没必要。

我在剪切Object Layer控制板时,特意将“层控制”三个字的层包括在里面了。就是这篇文章题目中的那三个字。它共有四层,分别体现了对象效果的四个方面。下边我再将这个效果单独提取出来,请大家仔细比较。先是只有第一层的效果,然后包括了第二层,然后再包括第三层、第四层。你能看出每多出一层,效果有了什么变化。


     
第一层显然是立体效果层,在3D控制板完成。二、三、四层实际上都是平面色层,都作了边缘虚化,仅仅是每层的颜色、深度及虚化程度不同。其中,第二层和第四层都是灰度虚化,但第二层的虚化度小,并且灰度较深,它的作用是给立体效果一个深色的轮廓,使立体高光部分更明确。最后的两层则是大面积的虚化,为了增加立体感。

层控制板就是这样的,记住,层控制板只允许你建五个层,并且,你得不到真正的空层,而必须对各“轮廓层”作进一步的效果设置。

现在再来谈谈JavaScript控制板的应用。它的作用很简单:用来作动态按钮效果。从每层的名字就可以看出,它们分别是:当前默认效果、鼠标经过、鼠标按下及鼠标点击后的效果。总共就这么四个效果。默认情况下,仅有第一个效果是有效的,这时,你在Object Layer中作的效果,输入到网页里,将是静态的。

当你点击小白纸图标后,下面的效果将变成可编辑的,就象左边这个剪切的控制板一样。开始,效果是和它上面的那个一样的。这时,你可以回到Object Layer中,将效果作些修改。ImageStyler会记住不同的JavaScript效果状态,而你只需要点击不同的Java效果名称,比如第二个onMouseOver,然后到ObjectLayer中作点改动,你的动态按钮图标就算完成了。不过,我得承认,ImageStyler的JavaScript动态效果制作,的确不如Flash这样的矢量软件,差得远了。可是,现在,我们还是需要照顾某些读者,Flash效果,不是人人都能瞧得到的,虽然它会主动建议你下载点儿什么。


如何不发帖就快速得到金币道行
 
离线faww

UID: 439291

发帖
95
金币
36
道行
5
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: 44(小时)
注册时间: 2008-05-16
最后登录: 2014-07-01
只看该作者 21楼 发表于: 2008-09-01
完全Photoshop上色教程
完全Photoshop上色教程




Preload

这次是第一次涉及3D背景和手绘,做起来多少有点不是很熟练。将就一下啦。 ^^;

另外这张CG全部使用Photoshop和3D Studio MAX,没有用到Painter上色。所以是完全的Photoshop上色教程啦 ^_^




Step 0

这是Ling画CG之前的最先步骤,标准来的了。

先好好地构思好画面大概是怎么样的,然后用铅笔起稿。

也许有些高手会对此嗤之以鼻,但我还是觉得事先起稿是必要的。至少你要知道在哪里应该画些什么东西上去。



By the way 这张东西的构图有点抄袭 ^^;






Step 1

然后当然是用G-Pen描画线条啦,认真地画,搞定后用Scanner扫描进计算机里。

之后进行勾线处理,大概是那个样子了 ^^;

Tips

勾线的具体方法在前面的章节已经有详细的的解说,这里就不啰嗦了。

稍微值得一提的是那双刃剑的线条是用Path做的,比手画圆滑多了。
Path是个很好用的工具,值得大家在它身上花点功夫。




Step 2

好了,现在开始用Photoshop上色了。

多分几个层,将各个部分用工具套选起来(用Path或者多边形选择工具随你,总之套着就行了了),然后填入大体的颜色。

大体的就可以了,光影方面留待和背景融合时再弄

Tips

填充时按 <Ctrl>+<BackSpace> 就可以啦,不过注意Fill的是背景色

至于是否可以设为Fill前景色,我没有去深究。反正也不过就是在选色的时候按着<Alt>就是了嘛 ^^




Step 3

然后开始制作背景啦。

考虑到完全用手绘做背景好象不是我这种懒人做的事情 ^^ 所以最后还是决定用3D做了。

打开3D Studio MAX,在里面快乐地建模吧。反正我这里的背景也不过是一堆柱子而已。

嗯,我的3D Studio MAX已经有两年多没有碰过了,所以还是最老旧1.0啊
怀念吧? ^^;

Tips

建模的时候尽量弄细致一点吧。另外摄影机镜头和原来的构图要对准哦!




Step 4

接着是痛苦的渲染阶段 T_T


如何不发帖就快速得到金币道行
 
离线r2r2r2

UID: 260273

精华: *
级别: *
发帖
*
金币
*
道行
*
原创
0
奖券
0
斑龄
0
道券
0
获奖
0
座驾
设备
摄影级
在线时间: (小时)
注册时间: *
最后登录: *
只看该作者 22楼 发表于: 2008-09-13
先是把图片存盘,因为你可能还能用到其它的用途
如何不发帖就快速得到金币道行
 
快速回复
限120 字节
认真回复加分,灌水扣分~
 
上一个 下一个