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




  • 【 PS創意設計 】Photoshop繪製傳統的創意編織圖案教程




    Photoshop繪製傳統的創意編織圖案教程

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

    文章出處是來自優設的PS教程類文章,寫教學的作者是Projava,感謝Projava提供設計教程的實作教學。

    教學大綱:

    今天的教程非常適合新手入門,沒有混合圖層模式,也沒有花里胡哨的濾鏡效果,但效果精緻,非常有年味兒,還附上一個提高效率的小技巧,話不多說,練起來要緊。


    設計教程教學開始

    今天的教程非常適合新手入門,沒有混合圖層模式,也沒有花里胡哨的濾鏡效果,但效果精緻,非常有年味兒,還附上一個提高效率的小技巧,話不多說,練起來要緊。

    最終效果:

    Photoshop繪製傳統的創意編織圖案教程

    新建一個1200*1200,分辨率為72,白色背景的新文檔。按CTRL+’鍵開啟網格。如果你被“’”到底是哪個鍵所迷惑的話,也可以通過點擊菜單來實現開啟網格,點擊“視圖-顯示-網格”。

    Photoshop繪製傳統的創意編織圖案教程

    在“圖形工具”中選擇“矩形工具”,從畫布大概中心位置往外按住SHIFT鍵拉出一個如圖大小的正方形。至於這個正方形一個是什麼顏色我沒有特別要求,只要不是很刺眼睛就行。

    Photoshop繪製傳統的創意編織圖案教程

    為了製作方便起見我把視圖稍稍放大了一點。按A選擇“路徑選擇工具”,在正方形中左擊鼠標鍵。“編輯-拷貝”和“編輯粘貼”,快捷鍵CTRL+C,CTRL+V。從視圖上看不出它到底複製粘貼了沒有,按快捷鍵“CTRL+T”,或者右擊鼠標鍵選擇“自由變換路徑”,把鼠標移到角上的實心錨點,按ALT縮小這個路徑。記住只按ALT,讓這個路徑自動對齊網格,往內縮小2個網格單位。

    Photoshop繪製傳統的創意編織圖案教程

    點擊狀態欄上的“路徑操作”,選擇“減去頂層形狀”。

    Photoshop繪製傳統的創意編織圖案教程

    現在你看到的會是這個效果。

    Photoshop繪製傳統的創意編織圖案教程

    繼續按A選擇“路徑選擇工具”,在視圖中着色的區域點擊左鍵選擇外圍的路徑。“編輯-拷貝”和“編輯粘貼”,快捷鍵CTRL+C,CTRL+V。粘貼后的圖形覆蓋整個正方形了,不要緊張。

    Photoshop繪製傳統的創意編織圖案教程

    按快捷鍵“CTRL+T”,或者右擊鼠標鍵選擇“自由變換路徑”,繼續把鼠標移到角上的實心錨點,按ALT縮小這個路徑,往內縮小3個網格單位,留出一個網格單位的空隙。

    Photoshop繪製傳統的創意編織圖案教程

    按A選擇“路徑選擇工具”,在正方形中左擊鼠標鍵選中面積最小的路徑。“編輯-拷貝”和“編輯粘貼”,快捷鍵CTRL+C,CTRL+V,同樣按快捷鍵“CTRL+T”調整這個路徑,往內縮小2個網格單位。

    重複第四步驟,點擊狀態欄上的“路徑操作”,選擇“減去頂層形狀”。

    Photoshop繪製傳統的創意編織圖案教程

    點擊狀態欄上的“路徑操作”,選擇“合併形狀組件”,讓四個路徑合併成一個路徑。

    Photoshop繪製傳統的創意編織圖案教程

    按住ALT鍵往右下角移動這個圖形,注意它們之間的空隙也是一個網格單位。然後點擊狀態欄上的“路徑操作”,選擇“合併形狀組件”。

    Photoshop繪製傳統的創意編織圖案教程

    按A選擇“路徑選擇工具”點擊這個圖形,CTRL+C,CTRL+V複製粘貼后按CTRL+T,右擊鼠標鍵選擇“水平翻轉”,最後一次合併這個圖形。

    之後選擇旁邊的“路徑對齊方式”中的“水平居中”和“垂直居中”。

    Photoshop繪製傳統的創意編織圖案教程

    按CTRL+’取消網格,下面的工作我們不需要它了~

    按CTRL+J把這個複製這個圖層,CTRL+T后按住SHIFT精確的旋轉45度。為了能直觀明了的完成後面的工作,我給這兩個圖層分別命名,“田字形”的是A,另外一個為B。

    Photoshop繪製傳統的創意編織圖案教程

    按CTRL在A圖層預覽框中左擊鼠標鍵獲取選區,“選擇-修改-擴展”,擴展量為4個像素。新建一層填充任意顏色后隱藏,順便取個名字為AA;B圖層也做同樣的步驟,取名BB。

    Photoshop繪製傳統的創意編織圖案教程

    選擇A圖層,按CTRL在BB圖層上點擊左鍵取得選區后按CTRL+SHIFT+I反選后,點擊下面的蒙版快捷圖標添加圖層蒙版。

    Photoshop繪製傳統的創意編織圖案教程

    選擇B圖層,按CTRL在AA圖層上點擊左鍵取得選區后按CTRL+SHIFT+I反選后,點擊下面的蒙版快捷圖標添加圖層蒙版。

    Photoshop繪製傳統的創意編織圖案教程

    後面的工作非常簡單了,估計大家都看過頂樓的效果圖了,它們的關係就是“壓住”和“被壓住”。

    圖案里空白菱形的地方就是讓大家用來安排“壓住”和“被壓住”的。不要被它們密密麻麻的菱形影響你的思維,我有一個方法能讓這個繁瑣的工作變得非常輕鬆,在圖層最上面新建一層。選擇兩個反差大點的顏色,比如用紅色和黑色來做記號!點了紅色的菱形是壓住的,反之黑色就是被壓住了,弄清規律后這個工作也就幾秒鐘的事情。

    Photoshop繪製傳統的創意編織圖案教程

    點擊B層蒙版預覽框,按CTRL在BB層上左擊鼠標鍵取得選區。用白色大小合適的畫筆塗抹做了紅色記號的菱形部分,簡單吧?

    Photoshop繪製傳統的創意編織圖案教程

    紅色記號完成後點擊A層蒙版,按CTRL在AA層上左擊鼠標鍵取得選區同樣塗吧。

    Photoshop繪製傳統的創意編織圖案教程

    最終效果:

    Photoshop繪製傳統的創意編織圖案教程

    — —

    文章永久連結為: Photoshop繪製傳統的創意編織圖案教程