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

很Cool的效果

1.　新建一个任何尺寸的空白文档,并且背景色是黑的.


 

2.　加入杂点Filter -->Noise -->Add Noise -->Amount=90,Distribution=Gaussian



3.　加入纹理滤镜Filter -->Texturizer -->Grain -->Intensity=69,Contrast=16,GrainType=Vertical


 

4.　继续Filter -->Sketch -->Water Paper -->Fiber Length=50,Brightness=72,Contrast=100 . 现在效果就产生了,不过还可以继续更改颜色.


 

5.　选择纹理所在的那一层,然后Image -->Adjust -->Hue/Saturation, 根据自己的需要调节颜色.
这个效果特别适合用在处理照片的效果,把新的变成旧的.


 

 

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

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

三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做曲线

第1步：先新开一个文件
第2步：新开一图层，用铅笔1pix画一直线
第3步：按ctrl+alt+T，把圆心平行（按住shift键）移到直线的左边，超出直线范围外（可跟据你的较果需要，自行决定圆心位置）。设定旋转度数为-5度。按回车确认
      现在你会发现ps已把你的旋转后的直线放到新的图层里了。
第4步：只要按ctrl+alt+shift+T就可以了，按几次你喜欢吧。
第5步：把所有直线图层合并，用Polar coordinates滤镜，选Recanyular to polar，点OK。

石头纹理



1、新建RGB文件[200宽*200高]、新建一层，用白色填充，然后前景选黑色，背景色RGB[118、100、85]，选用云彩滤镜：Filter->Render->Clouds。





2、选择Filter->Noise->Add Noise[3]，选择Gaussian，Monochromatic[Yes]。



3、点通道[Channel]标签，新建一个通道，使用滤镜：Filter->Render->Difference Clouds，添加杂点Filter->Noise->Add Noise，参数同上，然后选：Filter->Fade Add Noise[50%]；再用一次云彩滤镜：Filter->Render->Difference Clouds。





4、回到层面板，点击云彩层，用滤镜渲染出石头纹理：Filter->Render->Lighting Effects， 参数设置：LIGHT TYPE [SPOTLIGHT]，INTENSITY [54]，FOCUS [69]，GLOSS [-100]， MATERIAL[50]，EXPOSURE [-5]，AMBIENCE [5]，Texture Channel[Alpha 1]，Height[100]，效果如图。





5、可再调节纹理的对比、明暗度：Image-Adjust-Brightness/Contrast...

扫描线




第一步：

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


第二步：
做一新的文档400 宽 * 2 高并背景为透明的图样


第三步：
现在在工具框里选择直线工具.并双击它,设Anti-Aliased ON,Opacity 100%.为1 pixel .画一条直线在这个图形的顶部.如果你看不到就用缩放功能.
Select>all, 然后 Edit>Define Pattern.可以了.


第四步：
新建一层.选择 Layer>New>Layer, 然后再 Edit>Fill>Use >Pattern. 可以了吧!但是要有更好的效果,你可以选择"Overlay"的选项.


成功

木纹的设计






打开新的空白图像，前景色和背景色分别为：



用Filter>Render>Clouds（云彩）。





用Filter>Noise>Add Noise，使它看上去模糊一些。然后Filter>Artistic>Sponge



Filter>Distort>Shear



看看效果怎么样？还可以再调整一下亮度和对比度。

金色的光芒




 


第1步：新建一黑底RGB文档，

　
 


第2步：新建一图层，用喷枪工具以红色乱画一通，在过程中可用不同大小的笔刷来画，以达到多一点的变化，

　
 


第3步：执行Filter-Blur-Radial Blur,Amount为100，Blur Methgod为zoom,Quality为Good,

　
 


第4步：把上面的效果层复制数个，效果左图：

　　
 


第5步：将最上面一层保持透明区域，用黄色填充，效果如左图


 




第6步：对最下面的红色层进行Filter-Blur-Guassian blur, 最终效果如左图

隔行抽线的制作


 


Preload


应网友希罗·尤的请求做了这个教程，说的是象MangaZone的底纹的那种抽线效果的制作方法。 成品的效果如右图（其实大家在浏览Mangazone的时候也经常见到了）

　　说起来其实不算是什么CG的制作技巧 ^_^;



Step 1



首先当然是打开一张你要做隔行抽线处理的图啦

然后确定所用的选择工具是 Single Row Maruee Tool 因为我们一下要用到这个东西

　　做好这些工作后新建一层，随便叫什么名字。在这里我把这层叫做 Line Sample 。选中这层，然后在这层上工作





Step 2


然后紧贴着画面的最上端，选择画面最上面的一行象素

　　之后用填充颜色将这一行象素填充（Fill）成你所要的颜色，这里我用了白色。



Step 3



OK，然后紧贴着刚才你所选择的行再选择多一行，象现在这个图显示的那样。


Step 4


之后将除了Line Sample层的显示全部关闭

Tip

　　这样做的目的是为了一会定义样本的时候不会有别的东西加进来。
　　其实只要你能确定刚才选择的那两行的范围内没有别的东西——是完全透明的——就可以了。



Step 5



然后选择菜单栏中的 Edit → Define Pattern 这样就完成了90%了

　　这样就可以将刚才的选择定义为填充样本，接着的事情就太容易了


Step 6



按 <K> 选择 Paint Bucket Tool

　　然后将其属性中的 Contents 设成 Pattern



Step 7



按 <Ctrl> + <D> 撤消选择，然后新建一层，命名为 Lines

　　用填充工具将整层灌满，再将刚才隐含显示的层打开，怎样？大功告成！

单方向晕化

平时在Photoshop中做晕化都是双方向的，而单方向该如何做呢？

　
 


第1步：打开一图像；

　
 


第2步：选择晕化区域,执行Select-Feather,设值为适当；

　
 

单方向向外侧晕化
 


 


第3步：执行菜单Select-Save Selection,将选择存入#4通道；执行Image-Adjust-Leves,设置Input Levels:0、1.00、128；Filter-Blur-Blur More；

　
 


第4步：回到RGB通道，执行Select-Loade Selection,取出#4通道选择，Ctrl+Shift+I,反转选择区域，用白色填充选区结果如左图：

　　
 

单方向向内侧晕化
 


 


第5步：执行菜单Select-Save Selection,将选择存入#4通道；执行Image-Adjust-Leves,设置Input Levels:128、1.00、255；Filter-Blur-Blur More；

　　
 


第6步：回到RGB通道，执行Select-Loade Selection,取出#4通道选择，Ctrl+Shift+I,反转选择区域，用白色填充选区结果如左图：

边缘羽化处理

1.打开一幅图形文件


2.在合适的位置建立一个矩形选区

3.选择Select->Feather，参数为5，羽化选区
4.选择Select->Inverse，将选区反转。

5.选择Edit->Clear，将选择部分去除，OK，完成


注意：最后一步是将图像选择部分清除为背景色，这里背景色为黑色，您可以选择自己喜欢的背景色。

球体的制作方法

1、新建150*150像素的图像。

2、新建图层1，使用椭圆选框工具做出正圆选区

3、双击渐变工具，并在其选项面板中编辑渐变，


4、使用径向渐变工具，在选区内做渐变。

5、新建图层2，并放置到图层1下方。

6、做出椭圆选区并羽化，用黑色填充。

锥体的制作

　
 


第1步：执行view-show grid，打开线格。编辑下图方式的渐变方式，在图像中选择一个长方体的区域，使用reflected gradient tool按照所示方向产生渐变效果。

　　


 

　　


第2步：执行edit-transform-prespective，将上端的两个点拖到中间。

　
 


第3步：使用椭圆工具选择图形的下半部，按Shift键并用矩形选择区域选取图形上半部分。

　
 


第4步：反转选择区域，执行edit-cut，剪切掉选择区域，图像成圆锥体，效果如图所示：

圆柱体的制作

　
 


第1步：执行view-show grid，打开线格。编辑下图方式的渐变方式，在图像中选择一个长方体的区域，使用reflected gradient tool按照所示方向产生渐变效果。

　　　

　
 

　　


第2步：取消选择，用椭圆选择工具在长方体顶画出一个椭圆的区域，将颜色填充。

　
 


第3步：

将椭圆选择区域移动到长方体的下半部，按住Shift并用举行选择工具选择出上边的所有图形。

　
 


第4步：

反转选择区域，执行edit-cut，剪切掉选择区域，图像成圆柱体。效果如图所示：

圆角四边型的制作






先在空白图象上画一个矩形。

然后进入“蒙板功能”。点按钮直接进入。

　　

画一个圆，让圆和矩形的边进行想切，这样的目的是将来可以用刷子把尖角刷掉。

 

因为现在的选择范围是圆形，我们用刷子的话，就只能刷点圆形里面的东西，而对那个尖角没有作用。那么，我们现在把选择取反，这样就可以刷掉尖角了。刷完的效果如下面右图

　

现在有了第一个圆角，剩下的就好办了。你也可以按前边的办法把其他的三个角变成圆角。不过最简单的就是你把这个圆角拷贝，再粘贴，然后通过旋转就可以了。
如下所示：先选择圆角，再拷贝。



拖动到下面的角上，旋转一直到两个边重合即可。右边的图是完成后的效果。

　

再回到正常编辑模式。然后用"edit-stroke“进行描边，就能得到圆角矩形了。

圆角矩形的制作








先打开一空白图像。做一个矩形选择框。
 

然后进入“蒙板”（Quick Mask Mode）
 

画一个和长方形相切的圆，填充为白色。在长方形的另一头也如此这般。
 

回到正常编辑状态。你就发现圆角的矩形就做成了。然后填充颜色即可！

立体图形制作

第1步：首先新建一个图层layer，用矩形选区工具圈选一个矩形，然后用渐变工具进行渐变填充，如图所示：
第2步：选用“编辑”-“变换”-“斜切”工具将图形进行斜切，如图所示：
  第3步：将上图复制，产生新图层2，选择下拉菜单“编辑”-“变换”-“水平翻转”，然后移动图层2，如图：

快速制作方格
先建一个20X20的空白图象。靠近上面画一条横线，然后在中间画一条竖线。记住横线一定要在最上边，不能有间隙。
然后把图象全选。选"edit（编辑）-----Define Pattern ”，定义图案。然后在建一个大的空白图象，选“填充”，选择pattern。然后进行填充。
这时，方格就出现了。

色阶图制作

打开一灰阶图像，执行Image-Mode-RGB Color；

执行Image-Adjust-Posterize,Levels为3，将原图像分为3个色阶；

选取魔术棒工具，设置魔术棒工具面板上的Folerance为1，分别选取黑、白、灰并分别填充所需颜色。