WEB开发网      濠电姷鏁告繛鈧繛浣冲洤纾瑰┑鐘宠壘閻ょ偓銇勯幇鍫曟闁稿鍠愰妵鍕冀閵娧佲偓鎺楁⒒閸曨偄顏柡宀嬬畱铻e〒姘煎灡绗戦梻浣筋嚙濮橈箓顢氳濠€浣糕攽閻樿宸ュΔ鐘叉啞缁傚秹宕滆绾惧ジ寮堕崼娑樺缂佹宀搁弻鐔风暋閻楀牆娈楅梺璇″枓閺呯姴鐣疯ぐ鎺濇晝闁靛牆妫欓蹇旂節閻㈤潧浠﹂柛銊ョ埣楠炴劙骞橀鑲╋紱闂佽宕樼粔顔裤亹閹烘挸浜归梺缁樺灦閿曗晛螞閸曨垱鈷戦柟鑲╁仜婵″ジ鎮楀☉鎺撴珖缂侇喖顑呴鍏煎緞濡粯娅囬梻浣瑰缁诲倿寮绘繝鍥ㄦ櫇闁稿本绋撻崢鐢告煟鎼淬垻鈯曢柨姘舵煟韫囥儳绋荤紒缁樼箖缁绘繈宕橀妸褌绱濋梻浣筋嚃閸ㄤ即宕弶鎴犳殾闁绘梻鈷堥弫鍌炴煕閳锯偓閺呮瑧妲愬Ο琛℃斀闁绘劕妯婇崵鐔封攽椤旇棄鍔ら摶鐐烘煕閺囥劌澧柛娆忕箻閺屽秹宕崟顒€娅g紓浣插亾濠㈣泛顑囩粻楣冩煙鐎涙ḿ绠橀柨娑樼У椤ㄣ儵鎮欓鍕紙闂佽鍠栫紞濠傜暦閹偊妲诲┑鈩冨絻椤兘寮诲☉銏犖╅柕澶堝労閸斿绱撴担绋库偓鍝ョ矓瑜版帒鏋侀柟鍓х帛閺呮悂鏌ㄩ悤鍌涘 ---闂傚倸鍊烽悞锔锯偓绗涘厾娲煛閸涱厾顔嗛梺璺ㄥ櫐閹凤拷
开发学院图形图像PhotoShop Photoshop简单制作玻璃板特殊效果 阅读

Photoshop简单制作玻璃板特殊效果

 2007-07-22 19:54:51 来源:WEB开发网 闂傚倸鍊风欢姘缚瑜嶈灋闁圭虎鍠栫粻顖炴煥閻曞倹瀚�闂傚倸鍊风粈渚€骞夐敓鐘插瀭闁汇垹鐏氬畷鏌ユ煙閹殿喖顣奸柛搴$У閵囧嫰骞掗幋婵冨亾閻㈢ǹ纾婚柟鐐灱濡插牊绻涢崱妤冃℃繛宀婁簽缁辨捇宕掑鎵佹瀸闂佺懓鍤栭幏锟�濠电姷鏁告慨顓㈠箯閸愵喖宸濇い鎾寸箘閹规洟姊绘笟鈧ḿ褍煤閵堝悿娲Ω閳轰胶鍔﹀銈嗗笂閼冲爼鍩婇弴銏$厪闁搞儮鏅涙禒褏绱掓潏鈺佷槐闁轰焦鎹囬弫鎾绘晸閿燂拷闂傚倸鍊风欢姘缚瑜嶈灋闁圭虎鍠栫粻顖炴煥閻曞倹瀚�  闂傚倸鍊烽懗鑸电仚缂備胶绮〃鍛村煝瀹ュ鍗抽柕蹇曞У閻庮剟姊虹紒妯哄闁圭⒈鍋嗛惀顏囶樄闁哄本娲樼换婵婄疀閺囩姷鐛ラ梻浣哄帶婢瑰﹥绂嶅⿰鍫氣偓鏃堝礃椤忎礁浜鹃柨婵嗛婢ь喖霉閻樻瑥瀚粻楣冩煕椤愩倕鏋庨柣蹇嬪劜閵囧嫰寮村Ο鍝勫Е濡炪們鍨洪悷鈺呭箖閳╁啯鍎熼柕鍥у簻閹凤拷
核心提示:本例中我们给图片增加一层玻璃板特效,其实步骤很简单,Photoshop简单制作玻璃板特殊效果,总的说来就是调节图层样式参数,图片中绿色桃心标识的为需要调节的部分,不要一味的模仿给出的所有参数都调完了再看样子,每调一下都仔细观察图片怎样变化,1:用photoshop打开一张自己喜欢的图片,我们选择苹果的logo

本例中我们给图片增加一层玻璃板特效,其实步骤很简单,总的说来就是调节图层样式参数,图片中绿色桃心标识的为需要调节的部分。

1:用photoshop打开一张自己喜欢的图片,我们选择苹果的logo。

点击左侧工具栏形状按钮,如图。

Photoshop简单制作玻璃板特殊效果

2:上方状态栏设置如下。
  左边的三个形状分别代表 路径+填充、 路径、填充.我们只用填充就行,选成圆角矩形,半径为4.半径越大圆角弧度越大.也可以做成没有圆角的直角矩形,个人感觉有一点儿弧度自然些。

Photoshop简单制作玻璃板特殊效果

3:单开一个透明图层,前景色选为白色,拖出一个圆角矩形(其实什么颜色都行,因为这个色彩是要变成透明的,但是牵扯到后面的前景色渐变,所以这里就用白色)。

Photoshop简单制作玻璃板特殊效果

4:把矩形图层的填充属性调成0%,这时矩形看不到了(调节上面的不透明度会使样式也跟着透明,而填充只会影响到基础填充色)。

Photoshop简单制作玻璃板特殊效果

5:双击已经透明了的矩形图层,弹出了调节样式的选框,一个有12个可改的样式部分,我们只需要其中的四个,见画钩部分,设置我分别截图了(第一先调节投影,可以设置成我这样,也可以自己调节成或深或浅的样子,品质那里不用管)。

Photoshop简单制作玻璃板特殊效果

6:调节内发光(其实也可以只要描边描出玻璃的白色边缘,但是我觉得那样边缘过于单薄,所以这里我们用一个内发光先实现描边效果,描边选项作高光用)。

Photoshop简单制作玻璃板特殊效果

7:作渐变叠加,实现玻璃的面板反光效果(这里用到两边透明中间白色的渐变,不会设置的见下图)。

Photoshop简单制作玻璃板特殊效果

8:双击渐变条,选第二个样子(这个样子是由前景色过渡到透明,因为之前我们用的白色前景色,所以这里就是白色到透明)。

Photoshop简单制作玻璃板特殊效果

9:选完出现了渐变编辑器,鼠标在渐变条中间点一下,会出现一个和左边绿框里一样的黑色颜色标.当然,下面显示的颜色是白色的,在选中最左边绿框里的黑色色标把透明度调节成0%,色标变为白色(所以我们就知道了黑色的色标代表全不透明,白色的色标代表透明)。

Photoshop简单制作玻璃板特殊效果

10:设置完的样子如下:ok,确定(别忘了把步骤7作完,设置完渐变要调节整体透明度)。

Photoshop简单制作玻璃板特殊效果

11:作最后一个样式的调节,描边,设置如下(这里的描边还要用上刚才做得那个中间白色两边透明的渐变,目的是实现边缘的高光,偷懒的同志可以不作内发光,直接在这里描1像素的白色边,然后调节一下透明度,那样也可以,就是玻璃感觉过于单薄,反正我比较中意这个稍微麻烦一步的方法)。

Photoshop简单制作玻璃板特殊效果

12:四个选项都调节完啦,点确定,完成。如果只是做玻璃面板到这步就ok了,可以保存成透明png了。如果是做到一个背景上不动,我们还可以在背景上做一下折射的效果,比如下图。

Photoshop简单制作玻璃板特殊效果

13:选中背景层(刚才一直都是编辑的矩形层)在背景层上拖出一个玻璃这么大的选框,选择 图像–调整–色相/饱和度,把饱和度调高一点儿,比如+20.亮度也可以适当调,因为玻璃下面反光出来的背景色总会比原色稍微艳丽一些,亮一些.也别调的反差太大,那样就不自然了.

Photoshop简单制作玻璃板特殊效果

14:我把饱和度稍微调高了一点儿,最后就是这样了,基本上还算有个玻璃样吧?

Photoshop简单制作玻璃板特殊效果

总结:样式中的参数其实都不是绝对不能变的,哪里反光,反光的角度,反出来白色的清晰度等等都可以自己看着调,因为调节的时候图片会跟着变化的,可以自己看效果,不要一味的模仿给出的所有参数都调完了再看样子,每调一下都仔细观察图片怎样变化,这才会明白原理。

Tags:Photoshop 简单 制作

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接