• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 PS創意設計 】Photoshop簡單繪製精緻的寫實領帶圖標




    Photoshop簡單繪製精緻的寫實領帶圖標

    這一次的教學是屬於PS教程領域中的設計教程的相關教學。

    文章出處是來自優設的PS教程類文章,寫教學的作者是看不見的敵人28,感謝看不見的敵人28提供設計教程的實作教學。

    教學大綱:

    今天這枚寫實的圖標教程,界面全中文,效果雅緻有型,操作細緻,特別提及了很多提高效率的快捷鍵,很適合練手。


    設計教程教學開始

    今天這枚寫實的圖標教程,界面全中文,效果雅緻有型,操作細緻,特別提及了很多提高效率的快捷鍵,很適合練手。

    最終效果:

    Photoshop簡單繪製精緻的寫實領帶圖標

    新建畫布,大小自定。畫一個圓角矩形,大小自定。

    Photoshop簡單繪製精緻的寫實領帶圖標

    Alt +V+E建立參考線

    Photoshop簡單繪製精緻的寫實領帶圖標

    雙擊圓角矩形圖層 調出圖層樣式,漸變疊加,調一個灰到黑的漸變。

    Photoshop簡單繪製精緻的寫實領帶圖標

    添加投影。設置看圖:

    Photoshop簡單繪製精緻的寫實領帶圖標

    內陰影:

    Photoshop簡單繪製精緻的寫實領帶圖標

    Ctrl+J 複製圓角矩形:

    Photoshop簡單繪製精緻的寫實領帶圖標

    右鍵清除圖層樣式(不是拷貝的圓角矩形那個圖層)

    Photoshop簡單繪製精緻的寫實領帶圖標

    填充調為零。

    Photoshop簡單繪製精緻的寫實領帶圖標

    調出圖層樣式,添加投影,把圖層挖空那個選項勾掉(我把拷貝的圓角矩形眼睛關閉了)

    Photoshop簡單繪製精緻的寫實領帶圖標

    再把拷貝圓角矩形的圖層眼睛打開,鼠標選中填充調為零的那個圖層。

    按住Ctrl在按兩次鍵按2—3下 往下移動兩到三個像素,作為陰影效果。如圖。

    Photoshop簡單繪製精緻的寫實領帶圖標

    拉一個較細的橢圓。

    Photoshop簡單繪製精緻的寫實領帶圖標

    按P 轉換點工具。

    Photoshop簡單繪製精緻的寫實領帶圖標

    點擊橢圓下面的錨點就會變尖了。

    Photoshop簡單繪製精緻的寫實領帶圖標

    Photoshop簡單繪製精緻的寫實領帶圖標

    添加錨點,調節下橢圓,讓它看起來有點弧度。

    Photoshop簡單繪製精緻的寫實領帶圖標

    調節后的效果。

    Photoshop簡單繪製精緻的寫實領帶圖標

    右鍵創建剪輯蒙版,或者Ctrl+Shift+Alt+G,再或者按住alt在兩個圖層中間點擊下,把調節的橢圓剪進圓角矩形。

    Photoshop簡單繪製精緻的寫實領帶圖標

    這一步 可能有人要問了,為什麼剪進去 橢圓不見了?別急,雙擊圓角矩形調處圖層樣式。看圖設置,橢圓就會出現。

    Photoshop簡單繪製精緻的寫實領帶圖標

    多邊形工具,畫個三角形,填充肉色。

    Photoshop簡單繪製精緻的寫實領帶圖標

    剪輯蒙版。

    Photoshop簡單繪製精緻的寫實領帶圖標

    用鋼筆工具順着三角形的邊,勾個領子出來。

    Photoshop簡單繪製精緻的寫實領帶圖標

    勾好后Ctrl+J複製一個,放到另一邊Ctrl+T,右鍵水平反轉,放到合適位置。

    Photoshop簡單繪製精緻的寫實領帶圖標

    順着橢圓弧度,再用鋼筆勾個外套的大領子,填充黑色。

    Photoshop簡單繪製精緻的寫實領帶圖標

    複製,反轉 放到合適位置。

    Photoshop簡單繪製精緻的寫實領帶圖標

    好了 ,接下來就來做領帶了。

    矩形畫個正方形,Ctrl+T在上面數值輸入旋轉45°。

    Photoshop簡單繪製精緻的寫實領帶圖標

    放到合適位置。

    Photoshop簡單繪製精緻的寫實領帶圖標

    按住Alt複製一個下來。

    Photoshop簡單繪製精緻的寫實領帶圖標

    直接選擇工具 。

    Photoshop簡單繪製精緻的寫實領帶圖標

    按住左鍵,用虛線選中下面那個錨點,之後鬆手。

    Photoshop簡單繪製精緻的寫實領帶圖標

    接着按住左鍵,點擊下面那個錨點,按住Shift 一直往下拉。

    Photoshop簡單繪製精緻的寫實領帶圖標

    如果你覺得領帶有點寬的話,Ctrl+t 讓它變瘦點。

    接下來加花紋。

    矩形工具,畫一個寬2 px長若干 px的一條直線,填充深紅色。

    Photoshop簡單繪製精緻的寫實領帶圖標

    Ctrl+T 放在這個位置。

    Photoshop簡單繪製精緻的寫實領帶圖標

    Ctrl+J 複製花紋圖層。

    Photoshop簡單繪製精緻的寫實領帶圖標

    選中拷貝花紋圖層,Ctrl+T 如下圖。

    先點擊那個小三角形,然後再y 軸輸入-10,-10是距離,如果覺得間距太小,數字可以自由改。

    Photoshop簡單繪製精緻的寫實領帶圖標

    數字輸完后,敲回車兩下,同時鼠標還是在花紋拷貝圖層上,同時按住Ctrl+Shift+Alt+T連續複製,效果如圖所示:

    Photoshop簡單繪製精緻的寫實領帶圖標

    找到領帶這兩個圖層,Ctrl+E 合併,成為一個圖層。

    Photoshop簡單繪製精緻的寫實領帶圖標

    再把所有複製的花紋圖層也合併成一個圖層,花紋圖層置於領帶圖層上面,創建剪輯蒙版,效果如下圖。

    Photoshop簡單繪製精緻的寫實領帶圖標

    再給領帶圖層創建剪輯蒙版,把多餘的剪進去。

    Photoshop簡單繪製精緻的寫實領帶圖標

    找到箭頭標註的這個圖層,添加圖層樣式,漸變疊加,陰影,數值如下圖:

    Photoshop簡單繪製精緻的寫實領帶圖標

    Photoshop簡單繪製精緻的寫實領帶圖標

    右鍵拷貝這個領子的圖層樣式,再右鍵粘貼到對面的領子上。

    Photoshop簡單繪製精緻的寫實領帶圖標

    接着給西裝領子圖層添加圖層樣式。

    Photoshop簡單繪製精緻的寫實領帶圖標

    Photoshop簡單繪製精緻的寫實領帶圖標

    重複剛剛的,複製圖層樣式,再粘貼到對面。

    Photoshop簡單繪製精緻的寫實領帶圖標

    最終給領帶圖層添加圖層樣式,斜面浮雕,外發光,使領帶立體感更強。

    Photoshop簡單繪製精緻的寫實領帶圖標

    Photoshop簡單繪製精緻的寫實領帶圖標

    如果你是一名追求完美的同學,最後可以給領帶做一個領帶夾,用矩形畫一個長條,添加一像素白色的內陰影。

    Photoshop簡單繪製精緻的寫實領帶圖標

    — —

    文章永久連結為: Photoshop簡單繪製精緻的寫實領帶圖標