今天 才疏學淺的 DaPang要來告訴大家如何自己簡易的動手作可以屬於有自己專屬風格的Mobile01 blog tilte,
不管你只是想放照片還是想自己動手作自己喜歡的圖示放上去都可以喔!
(當然,不才的小妹我只能教教簡易的方法啦,也就是傳說中的偷吃步)
打開adobe photoshop(在此使用的為CS2版本,但只要是9版本以上,其實功能都大同小異,僅差在一些預視功能而已)
1.開啟你所要編輯的圖片檔案
![[簡易教學。] 你也可以動手做屬於自己的Mobile01 blog風格!](http://attach.mobile01.com/attach/200707/mobile01-2cbfe2da2067d428aadf129964e7fa2e.jpg)
2.今天我使用的圖片來源為蔣大提供,請各位網友也要注意到,如果使用其他來源的圖片要記得詢問作者同意以及註明出處喔!以免觸犯到他人版權問題。
請使用左方「裁切工具」,目前blog限定的tilte寬度以及高度有1000px*64px; 780px*48px; 778px*120px; 984px*200px 今天我示範的的為984*200px的title版型。
![[簡易教學。] 你也可以動手做屬於自己的Mobile01 blog風格!](http://attach.mobile01.com/attach/200707/mobile01-c35814f9cf7bd97f49003ab580ad5d99.jpg)
3.記得修改裁切的長度以及高度尺寸,並調整條件為「像素」。
![[簡易教學。] 你也可以動手做屬於自己的Mobile01 blog風格!](http://attach.mobile01.com/attach/200707/mobile01-aca31c279597e5d342930a19ad0e5602.jpg)
4.接著就可以選取裁切所要的區域,因為已經設定長度以及高度,所以無論怎麼拉框,最後出來的尺寸都會是你預設的長度以及高度。也可以作旋轉框選擇(此照片由於兩個小孩的臉度高度不一,所以在此作旋轉裁切框的動作)
![[簡易教學。] 你也可以動手做屬於自己的Mobile01 blog風格!](http://attach.mobile01.com/attach/200707/mobile01-f510b2bf1b404b8ce83a4ed7c8664157.jpg)
5.按下enter確認鍵後,我們會取得裁切後的影像(如圖示)
![[簡易教學。] 你也可以動手做屬於自己的Mobile01 blog風格!](http://attach.mobile01.com/attach/200707/mobile01-e6865481b4e02eab33b15fd207af5759.jpg)
6.調整明度以及整體色調(當然也可以跳過此步驟),熟悉ps的人可以使用影像→調整→「曲線」來作比較精細的調整,
不熟PS的朋友們也可以使用比較簡單上手的「色彩平衡」(可調色調)和「亮度/對比」(調整明度用)
![[簡易教學。] 你也可以動手做屬於自己的Mobile01 blog風格!](http://attach.mobile01.com/attach/200707/mobile01-22f6ed8a770c550e2358ca0127fb2eb1.jpg)
7.這是以小妹我個人偏好的色調,調整後的成果。
![[簡易教學。] 你也可以動手做屬於自己的Mobile01 blog風格!](http://attach.mobile01.com/attach/200707/mobile01-98014449eb55d7a68c72249ac84cdb4a.jpg)
8.複製圖層,這個步驟是我個人的一個小習慣,不管我要作濾鏡的處理還是要裁切,我都會有這個習慣。
在這邊我是要做個濾鏡合成上圖片的功能示範給大家看,讓普通的照片再增加一些視覺上去。
![[簡易教學。] 你也可以動手做屬於自己的Mobile01 blog風格!](http://attach.mobile01.com/attach/200707/mobile01-635c705e81c86bb277a5ac9508b14e0c.jpg)
9.在這邊我示範的是「挖剪」圖案。在濾鏡下拉選單裡找到「藝術風」選項,就可以找到了。
當然大家也可以試著玩看看別種選項的功能,會出現不同的感覺。
![[簡易教學。] 你也可以動手做屬於自己的Mobile01 blog風格!](http://attach.mobile01.com/attach/200707/mobile01-3b30c2df21d77f34e5fe5221a1e7a79d.jpg)
10.一些數值隨個人喜好調整後,會得以下圖示的影像,大家是不是會覺得有點插畫風的感覺出現了呢?
有些人可能會覺得這樣似乎有些假假的,沒關係,我們接著教大家如何讓它呈現的更有質感一些。
![[簡易教學。] 你也可以動手做屬於自己的Mobile01 blog風格!](http://attach.mobile01.com/attach/200707/mobile01-d788a30eaee3733bb34a6798ae41bc5b.jpg)
11.其實也是很簡單很簡單的步驟,點選「圖層」工作區視窗上的下拉式選單,選擇「覆蓋」的項目。(如圖示)
![[簡易教學。] 你也可以動手做屬於自己的Mobile01 blog風格!](http://attach.mobile01.com/attach/200707/mobile01-0d79740bd02c2725520396d55635cd10.jpg)
12.接著要作裁切四周圓角的步驟,所以我又要使出我的「保險步」,以免一失足成千古恨

在這邊可以隨心情或圖片意境在圖像上key上一些文字。
![[簡易教學。] 你也可以動手做屬於自己的Mobile01 blog風格!](http://attach.mobile01.com/attach/200707/mobile01-ad6c84dd6effcd3689f3c6590ed4cf16.jpg)
13.選取以上的圖層,並且作圖層合併的動作(免得要到很多圖層做很多次delete的動作),
但不要全部圖層合併喔,選擇要合併的圖層後選擇「合併圖層」就可以了
(有些版本的PS是用勾選的方式選取圖層,我使用的版本是可以使用Shift或Ctrl鍵選取所要的圖層,不過意義都一樣

![[簡易教學。] 你也可以動手做屬於自己的Mobile01 blog風格!](http://attach.mobile01.com/attach/200707/mobile01-9606f8fe0c01d9e6ddb68fe8541b6b13.jpg)
14.接下來的步驟對於PS不熟悉的人,可能有點繁雜,所以我做了圖示的步驟解說,
好像有點亂咧

真的看不懂,可以再問,我會盡力解答(雖然也好像沒多厲害就是了

(圓角強度設定9 px)
![[簡易教學。] 你也可以動手做屬於自己的Mobile01 blog風格!](http://attach.mobile01.com/attach/200707/mobile01-293f446b3253f28556320b4d1c339eed.jpg)
15.強度9 px的圓角強度約是如圖示所顯現。
![[簡易教學。] 你也可以動手做屬於自己的Mobile01 blog風格!](http://attach.mobile01.com/attach/200707/mobile01-0f93e36a0d1ce00b413e5ea618e171ff.jpg)
16.之後就可以在圖層工作區,將此影像平面化,並存檔(示範中是存為 品質8 的jpeg檔)
就可以開始把作好的title圖,放上自己的blog囉!
登入mobile01 blog後,到控制台,點選〔設定〕
![[簡易教學。] 你也可以動手做屬於自己的Mobile01 blog風格!](http://attach.mobile01.com/attach/200707/mobile01-b0990d19c2e79eb7b197e57a2c5aa0e8.jpg)
![[簡易教學。] 你也可以動手做屬於自己的Mobile01 blog風格!](http://attach.mobile01.com/attach/200707/mobile01-834d14b8366ef6e8b6407f7f9187950a.jpg)
17.title圖示上傳完畢後,記得一定要回到控制台,點選〔重新發佈blog〕,才會更新您的blog樣式喔!
![[簡易教學。] 你也可以動手做屬於自己的Mobile01 blog風格!](http://attach.mobile01.com/attach/200707/mobile01-c550d33de0261c32ab21af48b305f8c0.jpg)
18.最後開啟您的blog,就可以驗收所作的成果囉!
![[簡易教學。] 你也可以動手做屬於自己的Mobile01 blog風格!](http://attach.mobile01.com/attach/200707/mobile01-e042104d34b29e2088f9cb3a85489a91.jpg)
當然你也可回到〔設定〕去更改您的背景圖片,讓整體的感覺更有同樣的調性。
![[簡易教學。] 你也可以動手做屬於自己的Mobile01 blog風格!](http://attach.mobile01.com/attach/200707/mobile01-d602c794a67a7f05e4e155b7154df848.jpg)
不喜歡照片圖示的朋友,也可用小圖的方式在title區作重複圖案(系統自動垂直水平重複)
![[簡易教學。] 你也可以動手做屬於自己的Mobile01 blog風格!](http://attach.mobile01.com/attach/200707/mobile01-4548fec785b845071ec0fa6fd8bfaca2.jpg)
那你還在等什麼呢~一起來動手作屬於自己的blog style吧!

《同步發表於 DaPang@Mobile01 blog》