Photoshop, 網頁/動畫, 網頁設計, 網頁資源

《Subtle Patterns》千個優質文青底圖下載

梅干 2015/08/07
梅問題-《Subtle Patterns》一千多個優質文青底圖下載
  當今天在製作網頁時,除了用色塊將版面區塊一一的分割出來外,再來就是加入一些底紋,來提升網站的質感,而這些底圖就是一種四方連續的圖樣,當放在背景時,會自動的上下左右自動的延展,因此在製作這種四方連續的底圖時,要特別的注意與小心,才不會造成底圖延展時,產生錯位的問題,而最近梅干發現國外一個,專門收藏了上千個高畫質的圖樣供大家下載使用,同時還有推出外掛,可將此圖樣直接嵌到Photoshop中,讓使用上更方便,而從這個圖樣平台,所下載回來的圖樣,不但可用於網站上,也可在Photoshop中使用,因此無論是作網頁還是平面都可使用喔!

Subtle Patterns:
網站名稱:Subtle Patterns
連結網址:http://subtlepatterns.com/

Step1
當進入網站後,會看到各式各樣的圖層,當到圖樣的區塊上後,會出現PREVIEW鈕,按一下立即可套用預覽。
梅問題-《Subtle Patterns》一千多個優質文青底圖下載
Step2
這時原來透明的背景,就會立即套用,就可看到實際運用狀況如何,當喜歡時按一下左下的Download鈕。
梅問題-《Subtle Patterns》一千多個優質文青底圖下載
Step3
說明文
梅問題-《Subtle Patterns》一千多個優質文青底圖下載
Step4
當下載回來後,分別會看到.png的圖檔,以及一個txt的文字檔。
梅問題-《Subtle Patterns》一千多個優質文青底圖下載
應用於網頁:
Step5
這時就可透過css背景,將剛所下載的圖樣應用於網頁中啦!
梅問題-《Subtle Patterns》一千多個優質文青底圖下載
應用於Photoshop:
Step6
當要在Photoshop使用時,先將它開啟,再選擇 編輯 / 定義圖樣
梅問題-《Subtle Patterns》一千多個優質文青底圖下載
Step7
接著設定圖樣名稱。
梅問題-《Subtle Patterns》一千多個優質文青底圖下載
Step8
接著選擇圖樣覆蓋時,再選擇剛所設定的圖樣,立即就可套用,因此相當的方式,若覺得不錯可付費下載它的外掛,直接嵌入到Photoshop中,使用上更方便。
梅問題-《Subtle Patterns》一千多個優質文青底圖下載