創作內容

79 GP

[達人專欄] photoshop 簡單製作簽名檔(新手適用)

作者:Aya│2014-11-08 15:46:26│巴幣:161│人氣:17743
前天深夜凌晨我電腦爆了...本以為有好一陣子不能用電腦
沒想到我哥一個神F2把它給救了回來
雖然C槽理所當然清空了,不過重要的資料、作品、素材等都有好好保留下來,真是萬幸...

我的古董photoshop CS2版是裝C槽,所以趁著這次重灌,重新下載了較新的中文版本
先前有人反應英文介面看不懂,這次就用中文介面替大家做了比較簡單的簽名檔教學:

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

首先是開啟檔案的部分,介面會長這樣子:
巴哈的簽名檔大小為 660 x 125 pixels (像素) 請依照上方圖示設定即可
當然也不一定要照此尺寸,可以設定成自己所需要大小,只是超過這範圍的圖就看不到

比較值得注意的是紅框處的「解析度」「色彩模式」
解析度是指一英吋中有多像素,一般要做在螢幕上看的圖使用 72 就可以了
如果不是設定為72,最大的問題就是你在打字時的文字大小會變得不合數值
(例如選一般打報告的 12pt 文字會變超大或超小)
順帶補充如果要做印刷、輸出用的檔案,請最少設定200,理想值是300

色彩模式:有RGB、CMYK、灰階等可供選擇
如果你要製作的圖像,只有在網路上會使用,那麼請選擇 RGB 色彩模式

簡單來說RGB是使用在電腦螢幕上的色域,CMYK則是印刷用的油墨色域
開啟檔案若選了灰階則會完全無法使用任何顏色。
所以如果下次做圖發現顏色怪怪的,請檢查一下是不是色彩模式選錯了

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

開啟一張你想要製作的圖片
以範例我使用了這張汎


此原圖的大小為 1215 x 717
大於我們要做的簽名檔很多
為了後續方便製作,將這張圖先進行一個縮小的動作:


影像尺寸是改變整張圖的大小
版面尺寸則是改變畫布(底盤)的大小,所以會切到邊,或是長出多餘的色塊


選擇影像尺寸之後介面長這樣
建議請將底下紅箭處的「強制等比例」打勾,不然人物會變形

數值方面,由於我不想直接設成跟簽名檔大小一樣
預留了一些空間,好讓我調整版面位置,所以設為750寬度
由於有設定強制等比例,所以只要設定一個數值(寬度)就會自動幫你抓另一個(高度)


再來就是將調整好的原圖,直接使用「拖曳」的方式拉入你開好的空白畫布中。
如果你不會拖曳 (....) 那也可以使用複製、貼上功能。(快捷鍵Ctrl+C、Ctrl+V)


放入圖片後調整好位置,接著就是打字
左邊箭頭的T就是文字工具,使用後可在畫面任意處打出你所需要的文字
左下的調色盤,可以選文字顏色
上方則可以選字型、大小、對齊方式等


打完字、選好字型差不多長這樣

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

來插個話:現在的PS版本一般會幫你預設開啟「圖層功能」
看一下你右下角有沒有這個介面。如果沒有的話請到視窗區去打開它,這是非常重要的功能

如圖所示,你也可以直接按F7開/關
個人建議是步驟紀錄也可以開著,這兩個功能蠻常用到的,其他我都會關掉讓版面比較乾淨。

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

再來重新看到剛剛打完的字
幫空泛的字體做點變化:請對著文字圖層的空白處(如圖所示)快速的點兩下

若不想直接雙點兩下幫它做變化的話
也可以點上方圖層→圖層樣式,進去裡面慢慢一個一個選,雖然我覺得這樣很慢。

以範例來說,我想幫字體做個陰影漸層,就在左方針對自己想做的變化打勾
然後進入到右方區域做調整:

要選怎樣的效果跟數值的調整都沒有限定
請配合預覽效果自己做出你喜歡的樣子吧


加上小小的效果之後大致長這樣


只有一個標題好像空泛了些,所以再打了一串小文字裝飾
圖層區右上角的「不透明度」也可以適當的調整一下,會更融入畫面。

由於原圖背景畫面稍微有點花俏,跟文字有點衝突
因此將背景做點修改

在文字跟原圖的中間開一個新圖層(紅框處)
開好的圖層就是紅箭頭指的那層。


使用預設的筆刷工具,調整顏色、大小、透明度等數值之後刷在新開的圖層上
建議一定要新開圖層,直接刷在原圖上會無法做修改。


使用筆刷手動遮罩後的結果
文字標題更顯目了


如果原圖的色調不夠滿意或想做修改,可點圖層區最下面的「調整圖層」功能
裡面的功能都可以自己玩一玩
個人比較常用到的就是紅箭頭那幾樣
範例中使用的功能為色相/飽和度


調色之後的簽名檔就完成囉

以上所教的步驟都可以自由選擇要做哪些不做哪些
也可以額外加上其他的功能、特效,請自己多摸索吧!

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

最後來稍微解釋一下存檔的副檔名
在最後做完簽名檔後要選擇存檔,那選項就有以下這麼多:



個人建議是可以存以下兩種版本:

1. 最上方的預設檔:Photoshop (*.PSD)
 能夠保留你所有做過的圖層,可供後續修改

2. PNG
 畫質較好,支援有透明度(1~99%)的去背檔

3. JPG
 會吃畫質,讓做好的圖看起來糊糊的
 不支援任何透明度,所以如果畫面中有透明去背的範圍,會自動變成白底
 優點是可以手動壓k數:巴哈有許多圖片大小的限制,如進版圖及圖片空間
 如果有限定檔案大小的情況出現,那自然是存JPG較為理想

4. GIF
 最大優點就是可以做動畫,但相對的畫質也會非常差
 若沒有要製作影格,建議是不用存到這種檔案

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

以上就是這次的簡單教學
做簽名檔有成千上萬方法,想怎麼做就怎麼做
本教學只是提供一個基礎的方式供製圖新手們有一個方向,以及摸索PS的基本功能

有問題或是想要特定的教學方式可以留言回覆
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=2649328
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:設計|PS|製圖|教學|簽名檔

留言共 17 篇留言

謝遜
好實用!!

11-08 16:21

Aya
[e12]11-08 16:35
矽櫻奈
原來這種字體那麼簡單!! 很單調但是超美的阿阿^q^
我喜歡Aya的調色超票釀的(##
調色什麼的對我來說很難;w; 謝謝Aya的教學^qqq^

11-08 16:27

Aya
大概是因為...簡單就是美(???)
原圖太漂亮了 所以不用多做變化加個字就好 XD

調色的話 網路上有些現成的資源
可以玩玩看 研究檔案裡面的圖層變化@A@~~~
可以學到一些調色的方法11-08 16:35
塗山─諾與
超實用,必須收藏,改天來做自己的簽名檔

11-08 16:28

Aya
穴穴嵐狐的支持>/////<
有想學怎樣的都可以跟我說(看是拿圖給我或是找我之前的作品也可)11-08 16:33

就算是新手適用小綾綾也可以把教學打得淺顯易懂又漂亮XDDD

這真的太神了www

另外我真心覺得陰影跟漸層覆蓋是神器

感覺少了漸層覆蓋字就會變得很無神XD

11-08 16:28

Aya
小芙芙你這麼捧我我會飛到天上去喔XDDDDDDDDDD

漸層跟陰影真的是我最常用的圖層樣式
之前高中的時候都是用外發光,用久之後就覺得外發光的範圍有點太刻意了QQ
反而比較常用筆刷在後面自己刷想要的範圍11-08 16:32
帥是我的代名詞
很實用,感謝你!

11-08 16:57

Aya
不客氣!11-08 17:10
貓科動物
感謝~很不善長這類處理!卻又很喜歡掛有簽名檔.謝謝你的分享囉!已收藏~

11-08 19:24

Aya
不客氣~謝謝你的收藏與回覆!11-08 19:48
Leisure
感覺只要到你手上的圖幾個步驟就變好好看R.....

11-08 21:41

Aya
O口O 謝謝~~11-09 01:47
牛奶糖
喔~喔~ 不錯的文章,最近剛好要幫人做簽名檔[e5]
不過要等一段時間才做吧....((最近突然變忙了 ˊyyˋ

11-09 01:08

Aya
好喔~11-09 01:47

好.厲.害

11-09 02:58

Aya
感謝11-09 16:58
DDR
沒有PHOTOSHOP的哭哭

11-09 16:18

Aya
這個就愛莫能助了...QQ11-09 16:58
Yuchen
水喔[e12]

11-09 17:35

Aya
你終於上線了小依依Q_____________Q你跑去哪了11-09 18:44
大聲就能睪定
我老婆

11-11 09:12

Aya
你還在玩汎阿
該換隻了吧!!11-11 17:55
Nerissa
你隨便弄都好看啊

11-17 12:43

Aya
謝謝涼 ~11-17 19:00
TOHKA
請問FB封面也是這樣用嗎?

11-18 01:34

Aya
原理一樣 只是尺寸大小不同而已11-18 01:41
TOHKA
一定要CS2嗎?其他版本可以跟妳做的一樣好看嗎?

12-09 18:38

何必單戀一枝花
沒有強制等比例 怎麼辦QAQ

05-24 08:46

BJ不是BlowJob
實用!!收藏先:D

06-20 17:25

我要留言提醒:您尚未登入,請先登入再留言

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

前一篇:[達人專欄] 【包裝設計... 後一篇:11/11 激戰2人物懷...

追蹤私訊切換新版閱覽

作品資料夾

d88931122所有巴友
歡迎諸君來參觀老僧的小屋,內含Steam與Google Play遊戲、3D角色模組、Line貼圖看更多我要大聲說昨天17:03


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

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