個人在做PS3主題的時候
很多圖都是拿官方的CG來當桌布或背景
直接拿來套用的話~會覺得很單調又沒意思
於是會想加一些效果甚麼的 換換感覺
不過像是鍊金術士系列的CG 都畫得很精緻
有時候實在是不知道該怎麼下手XD
這時候..最好的方式就是給他加個"相框"啦!!
既不會傷到原圖
加入一些效果也很方便
這邊來分享一個
個人製作相框個過程 (應該可以算是教學吧...?)
-------------------------------------------------------------------------------------
使用軟體:
主:illustrator (簡稱"以拉")
副:photoshop (簡稱"PS")
以上兩套軟體 搭配一起使用是很方便的!
-------------------------------------------------------------------------------------
主要是用"以拉"來製作相框的外型
向量式繪圖是以拉的最大特色之一
這樣子要改變外型甚麼的 也不必去擔心鋸齒
任意改 改到爽就對了
--
![](https://truth.bahamut.com.tw/s01/201105/5b858432364de3d1836992ee1ce04b5f.JPG)
目標就是這張圖的外框
雖然不能完全一樣
但感覺有出來就好啦!
--
(以下圖片因為壓縮過的關係...畫質還挺糟的)
首先
![](https://truth.bahamut.com.tw/s01/201105/012b72bfee0335d79a1d281c76ab8d6b.JPG)
![](https://truth.bahamut.com.tw/s01/201105/f5f5dfda6b8707a437c825987d87c763.JPG)
先用矩形工具 拉出一個長方
再用旋轉工具
按住SHIFT 可以固定轉45度角
--
![](https://truth.bahamut.com.tw/s01/201105/81ba4b8d226a21e6e3af39eca77c46c7.JPG)
![](https://truth.bahamut.com.tw/s01/201105/e4c1d36606c46bdc9062b54f25d05c82.JPG)
接著畫一個圓形
並且連長方形一起選取
使用"路徑管理員"的"自外框區域相減"
來慢慢刻出相框的外型
--
![](https://truth.bahamut.com.tw/s01/201105/34ac50af62768a3e03946bfd409ba48b.JPG)
![](https://truth.bahamut.com.tw/s01/201105/fe0f22776981955e5d61a9fee9d414a5.JPG)
差不多這樣
再調整一下邊緣的形狀
--
![](https://truth.bahamut.com.tw/s01/201105/cd199fac22aa75ac521fd62ebe055b08.JPG)
為了方便之後要用左右的鏡射複製
先把斜邊給消平
方法一樣 用路徑管理員
--
![](https://truth.bahamut.com.tw/s01/201105/03d8824b0416f8053684e3602650ca9b.JPG)
![](https://truth.bahamut.com.tw/s01/201105/b1fc17f595d0fe05c349c13437f990f9.JPG)
覺得位置不太對
畫個圓形再消一次
圓圈中央節點
記得要對準邊緣(角落)
這樣到時候鏡射複製 位置會比較準確
--
![](https://truth.bahamut.com.tw/s01/201105/8f2c01ee2d25250822499c8ebbb15cbc.JPG)
![](https://truth.bahamut.com.tw/s01/201105/d0b9b8a2cbd72bf1254d5e5fbeabc025.JPG)
邊緣有點太薄
再加工一下吧
--
![](https://truth.bahamut.com.tw/s01/201105/72cd8b60058887cd86a73c824260b38d.JPG)
把物件轉回45度
用鏡射工具複製到右邊
--
![](https://truth.bahamut.com.tw/s01/201105/cce60f8a05da40c22cf789ee4cabcf0b.JPG)
接著要做出相框層次的感覺
複製一個物件
--
![](https://truth.bahamut.com.tw/s01/201105/cc7fd15503a8258154f6dfc57ce5dbcd.JPG)
我只要中間的圓圈縮小一點
用白色箭頭(直接選曲工具)
把要變形的節點個別選取起來
用縮放工具來變形
--
![](https://truth.bahamut.com.tw/s01/201105/6916fe017d6f3a189a8383ce26a6082f.JPG)
再調整一下邊緣的形狀
讓層次的效果出來
只要改一邊就好
--
![](https://truth.bahamut.com.tw/s01/201105/e51294ce979e3336383f2708161ebe80.JPG)
拿出來把它剪一半
鏡射複製一次
--
![](https://truth.bahamut.com.tw/s01/201105/0b8d6210fe6518e6f0eec0fd7db78875.JPG)
差不多就這樣啦!
--
![](https://truth.bahamut.com.tw/s01/201105/b0144adc14f168c140b9df88ecbed940.JPG)
上下兩層各弄一個方形
到時候拿來當作邊緣加長
![](https://truth.bahamut.com.tw/s01/201105/f9d9cc1b186746599b5c3458b729d3b1.JPG)
OK
--
![](https://truth.bahamut.com.tw/s01/201105/0ebb005c969cf8b1eeef71148b3db4f1.JPG)
拉一個方塊做底層
尺寸就設定成 要放進去的那張圖的大小
這樣之後拖進PS會方便很多
(或是直接把圖拖進來也可以)
--
![](https://truth.bahamut.com.tw/s01/201105/3692c1daa8b7f29ea1e8ab909417f8d5.JPG)
左下角對準底層的角拖曳過去
有對準的話 浮標箭頭會變成白色
--
![](https://truth.bahamut.com.tw/s01/201105/efd550d946ceb5ff54fae371137f09fc.JPG)
複製四個至各個角落
旋轉、鏡射都OK
反正怎麼轉都一樣
--
![](https://truth.bahamut.com.tw/s01/201105/74e9e950a92917e3eaee3a574c919352.JPG)
將四個邊緣拖到適當位置就OK啦
--
接下來就是PS的部分啦
以拉記得存檔
然後先別急著關掉
![](https://truth.bahamut.com.tw/s01/201105/38e770548c7c5404b60afc60d843e31c.JPG)
開圖檔
直接把以拉 外框的物件"分批"拖到PS內
為什麼要分批呢?
我做的外框一共有兩個物件
一定分兩次拖進PS
如果同時進去 會將兩個物件合成一個智慧型物件
這樣子就沒辦法個別修改了
這部分要注意一下
--
![](https://truth.bahamut.com.tw/s01/201105/c54b30146620b97e8dc943830c946002.JPG)
要在中間做出陰影的效果
新增一個圖層
並且把"填滿"改成0% 變成隱形
接著加入"圖層樣式"
加入陰影效果
(注:"填滿"改成0%,圖層樣式並不會跟著隱形)
--
![](https://truth.bahamut.com.tw/s01/201105/c4d705e01c35538445388f4824b30417.JPG)
內陰影&內光暈都加進去
依個人喜好看要不要雜訊效果
--
![](https://truth.bahamut.com.tw/s01/201105/2b2db22a3459b55ec5da8d0a2cdb7943.JPG)
上層的外框也弄個效果吧
--
![](https://truth.bahamut.com.tw/s01/201105/b6c513dd45435c565322042ee60f7745.JPG)
新增一個圖層
"混和更改"改成"色彩增值"
接著在弧形的地方 用筆刷畫上一兩筆
做出陰影效果
![](https://truth.bahamut.com.tw/s01/201105/8f0ca4ce1ca1e7a7e827deec574b747c.JPG)
![](https://truth.bahamut.com.tw/s01/201105/a8cb6cea67f2df47c4af715d21c5c3eb.JPG)
四個角都畫
這樣看起來也比較有立體感
--
![](https://truth.bahamut.com.tw/s01/201105/807a63ca3021855a269a9a414353dc28.JPG)
完成啦!!
![](https://truth.bahamut.com.tw/s01/201105/3a09ec2a87288c112137694665f1d545.JPG)
換張圖也OK
或者是......
![](https://truth.bahamut.com.tw/s01/201105/890c5bdab9ac764b3075a63ddeebb615.JPG)
!?
像是開箱文啦、美食、照片..甚麼的
做個自己專用的圖片相框也OK的
(雖然這張有點怪XD)
只要圖層有個別跟開作
這樣之後要改顏色甚麼都很方便
--
![](https://truth.bahamut.com.tw/s01/201105/261cda78d9c6b3a16f69d6077a7a9760.JPG)
原本的樣子
因為是用在背景
就把四個角給消除啦
用在圖示上應該還不錯
--
差不多就這樣子
以上..感謝觀賞!!
很多圖都是拿官方的CG來當桌布或背景
直接拿來套用的話~會覺得很單調又沒意思
於是會想加一些效果甚麼的 換換感覺
不過像是鍊金術士系列的CG 都畫得很精緻
有時候實在是不知道該怎麼下手XD
這時候..最好的方式就是給他加個"相框"啦!!
既不會傷到原圖
加入一些效果也很方便
這邊來分享一個
個人製作相框個過程 (應該可以算是教學吧...?)
-------------------------------------------------------------------------------------
使用軟體:
主:illustrator (簡稱"以拉")
副:photoshop (簡稱"PS")
以上兩套軟體 搭配一起使用是很方便的!
-------------------------------------------------------------------------------------
主要是用"以拉"來製作相框的外型
向量式繪圖是以拉的最大特色之一
這樣子要改變外型甚麼的 也不必去擔心鋸齒
任意改 改到爽就對了
--
目標就是這張圖的外框
雖然不能完全一樣
但感覺有出來就好啦!
--
(以下圖片因為壓縮過的關係...畫質還挺糟的)
首先
先用矩形工具 拉出一個長方
再用旋轉工具
按住SHIFT 可以固定轉45度角
--
接著畫一個圓形
並且連長方形一起選取
使用"路徑管理員"的"自外框區域相減"
來慢慢刻出相框的外型
--
差不多這樣
再調整一下邊緣的形狀
--
為了方便之後要用左右的鏡射複製
先把斜邊給消平
方法一樣 用路徑管理員
--
覺得位置不太對
畫個圓形再消一次
圓圈中央節點
記得要對準邊緣(角落)
這樣到時候鏡射複製 位置會比較準確
--
邊緣有點太薄
再加工一下吧
--
把物件轉回45度
用鏡射工具複製到右邊
--
接著要做出相框層次的感覺
複製一個物件
--
我只要中間的圓圈縮小一點
用白色箭頭(直接選曲工具)
把要變形的節點個別選取起來
用縮放工具來變形
--
再調整一下邊緣的形狀
讓層次的效果出來
只要改一邊就好
--
拿出來把它剪一半
鏡射複製一次
--
差不多就這樣啦!
--
上下兩層各弄一個方形
到時候拿來當作邊緣加長
OK
--
拉一個方塊做底層
尺寸就設定成 要放進去的那張圖的大小
這樣之後拖進PS會方便很多
(或是直接把圖拖進來也可以)
--
左下角對準底層的角拖曳過去
有對準的話 浮標箭頭會變成白色
--
複製四個至各個角落
旋轉、鏡射都OK
反正怎麼轉都一樣
--
將四個邊緣拖到適當位置就OK啦
--
接下來就是PS的部分啦
以拉記得存檔
然後先別急著關掉
開圖檔
直接把以拉 外框的物件"分批"拖到PS內
為什麼要分批呢?
我做的外框一共有兩個物件
一定分兩次拖進PS
如果同時進去 會將兩個物件合成一個智慧型物件
這樣子就沒辦法個別修改了
這部分要注意一下
--
要在中間做出陰影的效果
新增一個圖層
並且把"填滿"改成0% 變成隱形
接著加入"圖層樣式"
加入陰影效果
(注:"填滿"改成0%,圖層樣式並不會跟著隱形)
--
內陰影&內光暈都加進去
依個人喜好看要不要雜訊效果
--
上層的外框也弄個效果吧
--
新增一個圖層
"混和更改"改成"色彩增值"
接著在弧形的地方 用筆刷畫上一兩筆
做出陰影效果
四個角都畫
這樣看起來也比較有立體感
--
完成啦!!
換張圖也OK
或者是......
!?
像是開箱文啦、美食、照片..甚麼的
做個自己專用的圖片相框也OK的
(雖然這張有點怪XD)
只要圖層有個別跟開作
這樣之後要改顏色甚麼都很方便
--
原本的樣子
因為是用在背景
就把四個角給消除啦
用在圖示上應該還不錯
--
差不多就這樣子
以上..感謝觀賞!!