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




  • 【 PS電腦繪圖 】Photoshop繪製逼真的太極八卦圖




    Photoshop繪製逼真的太極八卦圖

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

    文章出處是來自PdadianS的PS教程類文章,寫教學的作者是P大點S,感謝P大點S提供鼠繪教程的實作教學。

    教學大綱:

    布爾運算是UI設計中一個關鍵的知識點,今天P大點S微博繼續給不熟悉的同學補補課。用一個八卦圖教你熟悉布爾運算,特別適合新手練習,已經有不少同學交作業了,一起來做一個。


    鼠繪教程教學開始

    布爾運算是UI設計中一個關鍵的知識點,今天P大點S微博繼續給不熟悉的同學補補課。用一個八卦圖教你熟悉布爾運算,特別適合新手練習,已經有不少同學交作業了,一起來做一個。

    效果圖:

    Photoshop繪製逼真的太極八卦圖

    新建一個長寬相同的畫布,布置兩條上下左右居中的參考線。

    Photoshop繪製逼真的太極八卦圖

    先畫中間的太極圖,用矢量橢圓畫一個深灰色的圓形,顏色選擇現在無所謂,看着舒服就行,等完成後再改回來。

    Photoshop繪製逼真的太極八卦圖

    複製一層,CTRL+T縮小一點改成白色,用“減去”模式畫一個矩形刪掉半個圓形。

    Photoshop繪製逼真的太極八卦圖

    按A點擊白色圓形,CTRL+ALT+T複製路徑。縮小50%,為了精確,可以直接輸入百分比,移動到上邊,因為有參考線的吸附作用,很輕鬆完成。

    Photoshop繪製逼真的太極八卦圖

    繼續CTRL+ALT+T複製,移到下面,把模式改為“減去”。

    Photoshop繪製逼真的太極八卦圖

    CTRL+ALT+T複製,縮小至25%,把模式改為“添加”。

    Photoshop繪製逼真的太極八卦圖

    按A點擊上面那個小圓形,CTRL+ALT+T複製,同樣縮小至25%,把模式改為“減去”,這樣太極圖算是完成了。

    Photoshop繪製逼真的太極八卦圖

    隱藏掉太極圖,打開首選項,把網格的大小改為30像素,按CTRL+’開啟網格。選擇“多邊形”,設為八邊形,畫一個大小合適的圖形,CTRL+T旋轉22.5度。

    Photoshop繪製逼真的太極八卦圖

    CTRL+ALT+T複製路徑,縮小一個網格單位,更改模式為“減去”。

    Photoshop繪製逼真的太極八卦圖

    繼續CTRL+ALT+T複製路徑,縮小一個網格單位,更改模式為“添加”。

    Photoshop繪製逼真的太極八卦圖

    以此類推,完成八卦的雛形。

    Photoshop繪製逼真的太極八卦圖

    用“減去”模式畫一個尺寸為一個網格寬的矩形,長度橫貫整個八卦。

    Photoshop繪製逼真的太極八卦圖

    旋轉22.5度。

    Photoshop繪製逼真的太極八卦圖

    CTRL+ALT+T複製旋轉45度。

    Photoshop繪製逼真的太極八卦圖

    SHIFT+CTRL+ALT+T複製兩次完成。

    Photoshop繪製逼真的太極八卦圖

    繼續畫一個短一點的矩形,複製兩個。

    Photoshop繪製逼真的太極八卦圖

    選中這三個小矩形,垂直複製。

    Photoshop繪製逼真的太極八卦圖

    選中所有小矩形,CTRL+ALT+T複製旋轉45度。

    Photoshop繪製逼真的太極八卦圖

    SHIFT+CTRL+ALT+T複製2次。

    Photoshop繪製逼真的太極八卦圖

    關閉網格和參考線,對照真實的太極八卦圖刪除小矩形。

    Photoshop繪製逼真的太極八卦圖

    Photoshop繪製逼真的太極八卦圖

    完成

    Photoshop繪製逼真的太極八卦圖

    — —

    文章永久連結為: Photoshop繪製逼真的太極八卦圖