CAD教程 行業資訊 3D模型下載 Pro/E教程 CAD書店 軟件下載 聯系我們
技術資料 CAD招聘 發布招聘 CAD問答 設計競賽 CAD認證 北京CAD培訓
視頻教程 PS教程 CAD圖紙 圖書推薦 Solidworks教程 CAD培訓 CAD軟件商

 最新視頻教程Pro/ENGINEER Wildfire2.0 工業設計實例視頻教程 (全套免費在線學習)   AutoCAD視頻教程每日更新
 
首頁 > PS教程 > PS鼠繪

Photoshop制作教程:繪制高雅的社交圖標

2013-06-05 CAD教育網  http://www.onftoe.tw  


本教程旨在教會大家如何利用Photoshop創建一系列高雅的社交圖標。另外,PS CS6中的形狀工具新增了選項面板,可以使用新的描邊樣式。這對我們接下來制作的一些效果非常有幫助。

還沒有用上Photoshop CS6的同學可以去Adobe的官網下載beta版。如果你對制作本圖標很感興趣,又苦于沒有時間去下載PS CS6,不用擔心,你照樣能跟得上。

話不多說,我們開始吧。

PSD文檔下載鏈接:http://vdisk.weibo.com/s/hMEH-/1352609703

最終效果:

%tutke

步驟1:建立文檔

新建一個570像素x470像素的文檔,背景色為:#333236。

對背景色使用濾鏡(Filter)-雜色(Noise)-添加雜色(Add Noise)

接下來,我們使用筆刷工具(Brush Tool)在背景中央畫上一抹白色柔光。

將該圖層模式改為柔光(Soft pght),不透明度調至50%

步驟2:建立基本形狀

基本形狀如下圖所示。首先建立一個大小為80像素 x 120像素,顏色為#3b5997的圓角矩形,圓角半徑為5像素。然后使用直線選擇工具(Direct Selection Tool)和鋼筆工具(Pen Tool)對其進行修飾:先將頂部拉直,并在底部中央添加一個錨點(anchor point),然后用直線選擇工具向下拖拽,效果就出來了。在之前的教程中也提到過如何適當地美化形狀。

為該形狀圖層應用樣式:

描邊:采用漸變色描邊,漸變顏色為 #7796cb, #7b97c6, #324579,其它參數詳見下圖。

漸變疊加(參數詳見下圖)

最終效果:

步驟3:添加圖案

新建一個5像素 x 5像素的文檔,背景一定要設成透明。

使用縮放工具(Zoom Tool)放大整個畫布,或使用快捷鍵,按住Ctrl++亦可。放大之后,使用鉛筆工具(Pencil Tool)勾勒出下圖所示的圖案。

將本文檔保存成圖案:編輯(Edit)-定義樣式(Define Pattern),并為其命名。然后將該圖案應用到基本形狀上去。

圖案疊加(參數見下圖)

步驟4:添加高光

為基本形狀添加一些高光看起來更有質感。首先,在形狀圖層上新建一個高光圖層,并按照下圖的指示將其與基本形狀圖層鏈接

使用減淡工具(Soft Brush Tool在形狀的底部進行涂抹,之后將圖層模式設為柔光,不透明度調至80%。

新建另一圖層,使用漸變工具(Gradient Tool)-對稱漸變(Reflected Gradient),顏色為 #fff ,將其應用在靠近基本形狀的頂部的位置。然后將圖層模式設為:柔光(Soft pght),不透明度修改為50%

再新建一個圖層,制作陰影效果。對該圖層運用對稱漸變( Reflected Gradient),顏色為#000,將其運用到基本形狀的頂部位置。將該圖層模式修改為正片疊底(Multiply),不透明度設為50%

步驟5:添加縫線效果

縫線效果在PS CS6中很容易實現(直接應用Dash Stroke)。PS CS6對圖形工具進行了升級,額外增加了描邊和形狀的選擇項。如果你尚未使用PS CS6,不用著急,你依然能夠跟上我們。不過,用PS CS6處理起來更方便。下面是新版的形狀工具新增的選擇面板。

填充選項面板

描邊選項面板

為了制作出縫線效果,首先創建一個形狀,做法跟前面的基本形狀一樣,只不過將寬度調整為70像素

點擊更多選項(More Options)調整描邊,將Dash值設為5Gap值設為6。.接著將描邊的顏色改為#a4b1cf。完畢之后,去掉填充的顏色,這樣我們的縫線效果就誕生了。

在CS5以下的版本,你可以手動用直線工具(pne Tool)搞定,每行5像素,間隔6像素

接下來,我們要刪除頂部多余的縫線,柵格化(Rasterize)圖層,最后擦去頂部的縫線即可。

投影效果(參數見下圖)

步驟6:添加圖標

將圖標素材放置于外形的中央。

描邊效果(參數見下圖)

漸變疊加顏色: #dddddd,#fff(其余參數見下圖)

投影效果(參數見下圖)

文字工具( Text Tool)寫上文字。

復制文本圖層,顏色修改為 #2b406a,然后用鍵盤上的方向鍵上移至合適的位置。

步驟7:添加投影

復制基本形狀圖層,并用 #000000顏色填充。并將復制之后的基本形狀圖層置于原始形狀圖層下方。現在對復制之后的圖層運用濾鏡(Filter)-模糊(Blur)-高斯模糊(Gaussian Blur)。(具體參數見下圖)

將圖層和不需要的部分模糊,參加下圖所示:

使用線性漸變( pnear Gradient)添加下圖的陰影效果,顏色為 #000000。

直線工具(pne Tool)畫出一條顏色為#515055,1像素的細線,將其放圖中的陰影之上。

最后,將陰影和細線兩邊模糊一下,就算大功告成了

總結

通過本教程的學習,各位同學需要掌握和強化的技巧包括:鋼筆工具勾勒圖案的技巧,高光的使用(增加質感)以及漸變工具等的使用。希望本教程能對大家有幫助。下次再見。

文章來源: Michael John Burns

步驟2:建立基本形狀

基本形狀如下圖所示。首先建立一個大小為80像素 x 120像素,顏色為#3b5997的圓角矩形,圓角半徑為5像素。然后使用直線選擇工具(Direct Selection Tool)和鋼筆工具(Pen Tool)對其進行修飾:先將頂部拉直,并在底部中央添加一個錨點(anchor point),然后用直線選擇工具向下拖拽,效果就出來了。在之前的教程中也提到過如何適當地美化形狀。

為該形狀圖層應用樣式:

描邊:采用漸變色描邊,漸變顏色為 #7796cb, #7b97c6, #324579,其它參數詳見下圖。

漸變疊加(參數詳見下圖)

最終效果:

步驟3:添加圖案

新建一個5像素 x 5像素的文檔,背景一定要設成透明。

使用縮放工具(Zoom Tool)放大整個畫布,或使用快捷鍵,按住Ctrl++亦可。放大之后,使用鉛筆工具(Pencil Tool)勾勒出下圖所示的圖案。


 

Photoshop創意設計:制作超酷的3D網頁LOGO  Photoshop實例教程:端午節快樂海報
 
欄目更新
欄目熱門



福建省36选7开奖公告