切換
舊版
前往
大廳
主題

[PS3主題製作日誌#2] 圖片相框-製作過程教學(?) [PS+AI]

微微地 | 2011-05-15 19:07:33 | 巴幣 20 | 人氣 5389

個人在做PS3主題的時候

很多圖都是拿官方的CG來當桌布或背景

直接拿來套用的話~會覺得很單調又沒意思

於是會想加一些效果甚麼的  換換感覺


不過像是鍊金術士系列的CG 都畫得很精緻

有時候實在是不知道該怎麼下手XD

這時候..最好的方式就是給他加個"相框"啦!!

既不會傷到原圖

加入一些效果也很方便


這邊來分享一個

個人製作相框個過程 (應該可以算是教學吧...?)

-------------------------------------------------------------------------------------

使用軟體:
主:illustrator (簡稱"以拉")
副:photoshop (簡稱"PS")

以上兩套軟體 搭配一起使用是很方便的!

-------------------------------------------------------------------------------------

主要是用"以拉"來製作相框的外型

向量式繪圖是以拉的最大特色之一

這樣子要改變外型甚麼的 也不必去擔心鋸齒

任意改 改到爽就對了


--



目標就是這張圖的外框
雖然不能完全一樣
但感覺有出來就好啦!

--

(以下圖片因為壓縮過的關係...畫質還挺糟的)

首先




先用矩形工具 拉出一個長方
再用旋轉工具
按住SHIFT 可以固定轉45度角

--




接著畫一個圓形
並且連長方形一起選取
使用"路徑管理員"的"自外框區域相減"
來慢慢刻出相框的外型

--




差不多這樣
再調整一下邊緣的形狀

--



為了方便之後要用左右的鏡射複製
先把斜邊給消平
方法一樣 用路徑管理員

--




覺得位置不太對
畫個圓形再消一次

圓圈中央節點
記得要對準邊緣(角落)
這樣到時候鏡射複製 位置會比較準確

--



邊緣有點太薄
再加工一下吧

--



把物件轉回45度
用鏡射工具複製到右邊

--



接著要做出相框層次的感覺
複製一個物件

--



我只要中間的圓圈縮小一點
用白色箭頭(直接選曲工具)
把要變形的節點個別選取起來

用縮放工具來變形

--



再調整一下邊緣的形狀
讓層次的效果出來

只要改一邊就好

--



拿出來把它剪一半
鏡射複製一次

--



差不多就這樣啦!

--



上下兩層各弄一個方形
到時候拿來當作邊緣加長



OK

--



拉一個方塊做底層
尺寸就設定成 要放進去的那張圖的大小
這樣之後拖進PS會方便很多
(或是直接把圖拖進來也可以)

--



左下角對準底層的角拖曳過去
有對準的話 浮標箭頭會變成白色

--



複製四個至各個角落
旋轉、鏡射都OK
反正怎麼轉都一樣

--



將四個邊緣拖到適當位置就OK啦

--

接下來就是PS的部分啦

以拉記得存檔
然後先別急著關掉



開圖檔
直接把以拉 外框的物件"分批"拖到PS內

為什麼要分批呢?
我做的外框一共有兩個物件
一定分兩次拖進PS

如果同時進去 會將兩個物件合成一個智慧型物件
這樣子就沒辦法個別修改了
這部分要注意一下

--




要在中間做出陰影的效果
新增一個圖層
並且把"填滿"改成0% 變成隱形

接著加入"圖層樣式"
加入陰影效果

(注:"填滿"改成0%,圖層樣式並不會跟著隱形)

--



內陰影&內光暈都加進去
依個人喜好看要不要雜訊效果

--



上層的外框也弄個效果吧

--



新增一個圖層
"混和更改"改成"色彩增值"
接著在弧形的地方 用筆刷畫上一兩筆
做出陰影效果




四個角都畫
這樣看起來也比較有立體感

--



完成啦!!



換張圖也OK


或者是......












!?


像是開箱文啦、美食、照片..甚麼的
做個自己專用的圖片相框也OK的
(雖然這張有點怪XD)

只要圖層有個別跟開作
這樣之後要改顏色甚麼都很方便

--



原本的樣子
因為是用在背景
就把四個角給消除啦
用在圖示上應該還不錯

--

差不多就這樣子

以上..感謝觀賞!!

創作回應

小柯
[e39]http://ff11-photo.gamers-online.net/joyfulyy/img/86613_1.png
2011-05-15 21:08:13
微微地
[e43]
2011-05-16 21:36:08
點子-庫洛米庫洛米
很不錯的教學啊
2011-05-15 22:52:43
微微地
感謝點子大XD
2011-05-16 21:36:29
爆肝冰果王
真不簡單!
要我做這個一定沒辦法[e13]
2011-05-15 23:33:21
微微地
不會啦
做這個很有意思阿
只是需要點耐心就是@@
2011-05-16 21:38:48
銀月w
真是強悍www
最近有在想要做自己的相片框
不過是類似簽名的那種就是了[e12]
2011-05-15 23:37:42
微微地
喔喔!
做個自己專屬的相框很不錯阿XD
開箱文之類的照片都可以用上
2011-05-16 22:06:23
紫月華
好文章借收藏了改天可能用的上[e38]
2011-05-20 00:25:08
微微地
感謝收藏喔!!
希望可以幫到你![e34]
2011-05-22 02:08:33

更多創作