創作內容

10 GP

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

作者:微微地│鍊金術士梅露露 ~亞蘭德的鍊金術士 3~│2011-05-15 19:07:33│巴幣:20│人氣:5127
個人在做PS3主題的時候

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

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

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


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

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

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

既不會傷到原圖

加入一些效果也很方便


這邊來分享一個

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

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

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

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

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

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

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

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

任意改 改到爽就對了


--



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

--

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

首先




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

--




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

--




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

--



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

--




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

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

--



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

--



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

--



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

--



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

用縮放工具來變形

--



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

只要改一邊就好

--



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

--



差不多就這樣啦!

--



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



OK

--



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

--



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

--



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

--



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

--

接下來就是PS的部分啦

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



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

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

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

--




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

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

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

--



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

--



上層的外框也弄個效果吧

--



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




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

--



完成啦!!



換張圖也OK


或者是......












!?


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

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

--



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

--

差不多就這樣子

以上..感謝觀賞!!
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=1308418
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:鍊金術士梅露露 ~亞蘭德的鍊金術士 3~|PS3|佈景主題|photoshop|illustrator

留言共 6 篇留言

セレンス謐
哇嗚~超厲害的
超有立體感的說!!!
很喜歡你做的小屋佈景呦[e12]

05-15 20:18

微微地
感謝大大的支持!![e35]05-16 21:35
小柯
[e39]http://ff11-photo.gamers-online.net/joyfulyy/img/86613_1.png

05-15 21:08

微微地
[e43]05-16 21:36
點子-庫洛米庫洛米
很不錯的教學啊

05-15 22:52

微微地
感謝點子大XD05-16 21:36
爆肝冰果王
真不簡單!
要我做這個一定沒辦法[e13]

05-15 23:33

微微地
不會啦
做這個很有意思阿
只是需要點耐心就是@@05-16 21:38
銀月w
真是強悍www
最近有在想要做自己的相片框
不過是類似簽名的那種就是了[e12]

05-15 23:37

微微地
喔喔!
做個自己專屬的相框很不錯阿XD
開箱文之類的照片都可以用上05-16 22:06
瑟希莉亞
好文章借收藏了改天可能用的上[e38]

05-20 00:25

微微地
感謝收藏喔!!
希望可以幫到你![e34]05-22 02:08
我要留言提醒:您尚未登入,請先登入再留言

10喜歡★RPRPRRPO 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:小屋主題背景圖掛掉! 備... 後一篇:[小屋]梅露露小屋主題 ...

追蹤私訊切換新版閱覽

作品資料夾

nightmoontw大家
歡迎來我的小屋觀看新發表的文章,是有關奇蛋物語的一些小細節,相信會帶給你十分不一樣的感受!看更多我要大聲說昨天19:40


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】