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




  • 【 設計理論】獨特的紋理背景製作教程




    獨特的紋理背景製作教程

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

    文章出處是來自Hasaddl的設計理論類文章,寫教學的作者是情非得已,感謝情非得已提供設計理論的實作教學。

    教學大綱:

    前一段時間Apple的iCloud測試版上線了。登陸界面很有特色:一件紫黑色的T恤前面垂下一張金屬質感的工牌。


    設計理論教學開始

    前一段時間Apple的iCloud測試版上線了。登陸界面很有特色:一件紫黑色的T恤前面垂下一張金屬質感的工牌:

    獨特的紋理背景製作教程

    我個人對這個界面的背景很感興趣,因為它的紋理很獨特,顏色也很沉穩又不失神秘(這段時間公司的電腦壁紙就是它了,^3^),於是就琢磨了一下這個背景的製作方法:

    也許這個背景是Apple的設計師通過某個第三方專門濾鏡生成的,也許是用某一些素材加工的,也可能是在繪圖軟件裡面一個圖層一個圖層疊加出來的——我想說的意思是有很多種方法可以做出這種效果,所以以下方法僅僅是其中一種,在此拋磚引玉了。

    (1)首先分析這個背景,通過獲取網頁素材我們得知這個頁面是由一張圖片連續平鋪得到的,所以我們新建一個256X256(其他尺寸亦可)的PS文檔,並填充上紫黑色:

    獨特的紋理背景製作教程

    (2)新建一層,使用“濾鏡——雜色——添加雜色”,調整數值得到類似圖中的雜點密度,然後“圖像——調整——去色”得到下圖的黑白雜點:

    獨特的紋理背景製作教程

    (3)接着新建一層,繪製豎線,遵循“亮、梢亮、留空”這種規律鋪滿一排。然後將之前做好的黑白色雜點載入色版,作為這一圖層的蒙板,得到如下的效果:(右邊為放大的細節)

    獨特的紋理背景製作教程

    獨特的紋理背景製作教程

    (4)新建一個圖層,使用“濾鏡——渲染——纖維”,如下設置參數

    獨特的紋理背景製作教程

    獨特的紋理背景製作教程

    然後將生成的圖案旋轉90度成為水平方向。之後將該圖層複製一份,在副本上執行“濾鏡——雜色——蒙塵與刻畫”,如圖設置參數。最後將這兩個圖層的圖層模式設為疊加,得到如下的效果:

    獨特的紋理背景製作教程

    (5)合併目前為止的所有圖層並命名為“合併”(記得做好備份)。新建一圖層。使用上一步中的方法製作水平方向的纖維效果,之後使用“圖像——調整——色階”加深黑色提亮白色,得到如下效果:

    獨特的紋理背景製作教程

    加載這個圖像中白色的部分為選區,然後切換到“合併”圖層,執行高斯模糊,數值為2,得到如下效果:

    獨特的紋理背景製作教程

    獨特的紋理背景製作教程

    從右邊放大的細節可以看到部分區域已經被做了模糊的處理

    (6)接着進行一些效果處理:添加雜色,調整對比度、調整飽和度。得到如下最終效果:

    獨特的紋理背景製作教程

    (7)將這張圖設為PS圖案,新建一個1280×800的壁紙尺寸,用這個圖案填充。最後加上四周的暗角,大功告成:

    獨特的紋理背景製作教程

    — —

    文章永久連結為: 獨特的紋理背景製作教程