5/05/2014

[photoshop]製作四方連續的pattern當底圖使用

網路上常常看到很漂亮的四方連續背景圖
當我們抓來素材或者自己畫完之後要如何應用呢?
其實不用很麻煩一個一個複製
在photoshop只要幾個動作就可以完成了!
除了平面設計使用,網頁設計的css背景也可以拿來使用
請看這次的教學


先打開PS


首先網路抓來開版權使用的四方連續pattern,
記得要抓free版權的vector pattern歐!




選擇左邊的工具列選套索工具,把想要作四方連續的部分框起來




上方選單先選"編輯",再選"定義pattern"


我們定義這個pattern叫作美麗的小花



打開新檔案,選油漆桶工具,選擇我們剛剛定義的pattern倒下去



哇有沒有整個圖片都是了,不過請大家要注意在定義pattern圖跟圖
的間距要抓很準歐要注意畫面的四角都可以延伸,不然看起來會怪怪的


如果作標沒有切好就會變成像上圖這樣.....


而網頁設計css背景圖片我們只要準備一張四方連續的圖片就好嘍
如上圖(寫css鄉親應該知道我在說什麼)

如果覺得我的文章有幫助,請你點右邊的FB加入訂閱
我會在粉絲團不定期分享新資訊,也歡迎交流!

阿特底賽粉絲團
https://www.facebook.com/artdesigntw



No comments:

Post a Comment