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

三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效果，不是人人都能瞧得到的，虽然它会主动建议你下载点儿什么。

完全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

先是把图片存盘,因为你可能还能用到其它的用途