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




  • 【 PS創意設計 】Photoshop設計立體風格的彩條海報教程




    Photoshop設計立體風格的彩條海報教程

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

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

    教學大綱:

    今天的海報教程簡單好學易上手,效果炫酷設計感十足,教程全中文界面,無需下載一大包素材,有個PS即可開工,原圖是數條綵帶的排列,利用透視的原理產生一種“輻射”的效果。單純的用鋼筆照着原圖再畫一次顯然毫無意義,這裡我們可以嘗試用矩形形狀逐步實現它


    設計教程教學開始

    今天的海報教程簡單好學易上手,效果炫酷設計感十足,教程全中文界面,無需下載一大包素材,有個PS即可開工,原圖是數條綵帶的排列,利用透視的原理產生一種“輻射”的效果。單純的用鋼筆照着原圖再畫一次顯然毫無意義,這裡我們可以嘗試用矩形形狀逐步實現它的大致效果。

    這是最終效果:

    Photoshop設計立體風格的彩條海報教程

    用黑色的矩形畫一個長條:

    Photoshop設計立體風格的彩條海報教程

    按照原圖大概的間隔複製10條,alt+ctrl+t和shift+alt+ctrl+t大家估計爛熟於心了。

    Photoshop設計立體風格的彩條海報教程

    把這十個矩形合併,alt+ctrl+t複製后鼠標左鍵將上面的錨點往下移動一段距離。

    Photoshop設計立體風格的彩條海報教程

    重複上面的步驟,再次複製移動:

    Photoshop設計立體風格的彩條海報教程

    再次合併所有矩形,現在我們得到一組這樣的圖形:

    Photoshop設計立體風格的彩條海報教程

    框選下面兩組錨點,右鍵選擇“自由變換點”,橫向放大270%,現在我們得到跟原圖有些類似的雛形:

    Photoshop設計立體風格的彩條海報教程

    單獨選取兩組間隔錨點,縮小它們的間隔:

    Photoshop設計立體風格的彩條海報教程

    按照原圖的風格,把下面的彩條弄得參差不齊。

    Photoshop設計立體風格的彩條海報教程

    現在似乎有點像了,不過大家都應該注意到一個很重要的問題,所有的彩條的稜角應該的圓角才對,怎麼解決?

    在屬性的蒙版中羽化3.0。

    Photoshop設計立體風格的彩條海報教程

    添加一個曲線,編輯點以修改曲線,讓虛化的邊緣變得清晰。

    Photoshop設計立體風格的彩條海報教程

    在任何一個色版載入選區,反選選區,隱藏剛才所有的操作層,因為從這裡開始我們不在需要它們。新建一層填充任意顏色。

    在新建層下面建一個跟原圖差不多顏色的背景。

    Photoshop設計立體風格的彩條海報教程

    鎖定像素,選取原圖的顏色用畫筆塗抹各個彩條。

    Photoshop設計立體風格的彩條海報教程

    下面是一下細節的處理,選取白色的畫筆,改變硬度和大小畫兩條“高光”,剪貼蒙版到彩條。

    Photoshop設計立體風格的彩條海報教程

    按ctrl+鼠標左鍵在彩條層里載入選區,在“高光”層里添加蒙版,羽化5.0。

    Photoshop設計立體風格的彩條海報教程

    雙擊“彩條層”進入圖層樣式,添加內發光。

    Photoshop設計立體風格的彩條海報教程

    畫一個圓形作為參考層,逐個調整彩條上面的的現狀。

    Photoshop設計立體風格的彩條海報教程

    再加入一組類似原圖中的顏色英文名稱:

    Photoshop設計立體風格的彩條海報教程

    大功告成

    Photoshop設計立體風格的彩條海報教程

    — —

    文章永久連結為: Photoshop設計立體風格的彩條海報教程