創作內容

33 GP

(回饋)淺顯易懂的簽名檔製作教學!

作者:失業廢物的宇站律師熊│2011-10-01 14:30:34│贊助:164│人氣:6144
最近做簽名檔作上癮了,
簡直到了走火入魔的程度(笑)
「快啊!給我好看的圖啊!我要做出最完美的簽名檔啊!」
大概就像這樣吧(茶)
不過由於我很懶的關係,
根本就懶的花很多時間從構圖、找素材、切割這些動作慢慢去做,
所以我也就只是找一張適合的圖、裁一個不施珍的大小就當作成品了,
(有些規格石在難以製作的好圖就給他直接淘汰,老實說也是很可惜(汗))
其實這樣也難怪我做出來的簽名檔一直不滿意呢(汗)
(小屋布景的封面圖就完全是自己美工製作,成品完成度就比較滿意。)
啊,
廢話又說了一堆,
似乎我每次寫文都會很多廢話ry
 
總之,
下面開始淺顯易懂的陽春簽名檔製作教學,
以後看有沒有機會去做高難度的版本的教學吧XD
 


這篇教學文使用的軟體是最陽春的Photo Impact,
(別跟我說小畫家,那軟體已經陽春到能使用熟練反而是專業指標了(汗))
大家小學三年級的時候電腦課應該都有教過這款軟體,
電腦裡面也幾乎都會內建。
 
不會使用也沒關係,
因為這篇文章就是要教妳從頭開始來製作一張簽名檔。
推薦這款軟體的原因是因為,
他使用上比現在大家喜歡的Photo Shop簡單很多,
百寶箱功能也很適合偶爾想修修圖、但又懶的專精的業餘人士,
簡單來說就像傻瓜相機一樣啦XD
 


首先妳要先開啟一個新的檔案,
不然是無法進行任何工作的,
簡單來說就像是妳準備好了書桌,
但是還是要拿出一張只才能畫圖一樣。
 
空白檔案的的建立請按左上方的白紙圖案「開新檔案」,
由於要製作簽名檔,
所以能順利使用的話需要相對應的規格,
簽名檔的規格是寬度570、高度125,
輸入這個數值之後按下「確定」,
新增的空白檔案就完成了。



現在我們有了空白檔案,
這就是我們要拿來製作簽名檔的「圖畫紙」。
 
接下來妳需要挑選一張自己喜歡的圖片,
把他製作成簽名檔。
 
當然自己繪畫也是可以,
不過這篇文章會從剪貼圖片的製作方式來教學。
 
 
我們選擇這張圖片來進行製作,
這張圖片就是我們的創作素材。
 
(圖片小資料:圖中角色是「女王之刃」的「古代王女美娜絲」。)
 
 
用「開啟舊檔」的方式把素材圖片丟進程式裡面,
(我個人覺得開啟舊檔應該不用教學(汗),所以這裡跳過。)
就像是妳的書桌上面有一張圖畫紙,
現在又把一張想剪貼的圖片放在桌上一樣。
 
 
現在我們要進行「把圖片丟進圖畫紙」的動作了,
首先先在素材圖片上面點右鍵,
之後選擇「剪下」。
 
 
之後在我們的新檔案上面按下「貼上」,
素材圖片就會被移動到我們的空白檔案上面了。
 
 
接下來就可以把這個被剪完的檔案關掉了,
因為我們以後不會使用到這張被剪完的圖片,
關掉的時候他會問妳是否儲存進度,
請千萬記得按下「否」,
如果按到「是」的話,
妳的這張圖片就會變成一片空白(遠目)
 
 
安全的關掉素材圖案的原始檔案後,
現在就繼續進行我們的簽名檔製作囉。
 
一樣在圖片上面點右鍵,
之後選擇「對齊」、「水平垂直皆置中」;
這個動作可以把丟進來的素材圖片移動到最中央,
(換個角度想,也可以看成我們的視窗移動到圖片的正中央觀測。)
這樣子可以方便我們進行簽名檔的製作。
 
這是一個很重要的動作,
也是進行圖片美工時需要養成的一個好習慣,
也是為了避免圖片在進行縮放的時候跑出框框之類的意外(茶)
 
 
現在圖片已經被我們移到正中間了,
接下來我們右鍵之後按下「內容」,
開始進行調整大小的工作。
 
 
把分頁切換到「位置與大小」,
我們就可以看到這張圖片原始的高度與寬度。
 
接下來我們把寬度與高度,
都調成簽名檔的大小,
也就是寬度570、高度125。
 
 
圖片就剛剛好的完全被塞進去了呢,
我們的簽名檔也就製作完成囉!
 

 
這是我們的簽名檔成品。
 
嗯?
有沒有覺得哪裡怪怪的呢?
 
如果妳覺得這張圖沒有奇怪的地方,
那恭喜妳,
妳完成了一張妳滿意的簽名檔,
那這篇文章也就看到這裡就足夠了。
 
如果妳覺得有點奇怪的話,
那請繼續看下去吧。
 
我們再來看看剛剛的成品:
 

 
跟原始圖片比起來,
好像真的哪裡不一樣耶?
 
這是一定的,
因為圖片的比例不相同,
所以進行了高度與寬度的重新設定,
將會導致圖片被異常的壓縮,
也就是造成圖片失真的狀況。
 
以這張成品來說,
我們可以明顯的感覺,
這張成品感覺「被壓扁了」似的。
 
其實的確是這樣,
原圖的尺寸是1920x1080,
換算下來該有的大小,
以簽名檔的比例來說是570x320﹒625(以寬為基準),
或是222﹒222x125(以高為基準)才對。
 
而逕行縮放成570x125,
當然會導致圖片失真,
畢竟以寬為準、高度就少了2﹒565倍,
所以才會覺得「好像扁扁的」。
 
 
於是我們再次打開調整大小的視窗,
請記得勾選「維持高寬比」,
這樣如果我們在寬度輸入我們想要的570,
程式就會自動幫我們把高度調成合適的比例。
 
之後大小就會是符合比例的大小囉。
 
 
接著我們把圖片上下移動,
找到我們喜歡的部分,
接著右鍵按下「對齊」的「水平置中」,
就可以把圖片往中間對齊了。
(白話一點就是讓兩側不要留白。)
 
請記得不要像上面一樣按「水平垂直皆置中」,
因為我們剛剛已經把垂直的部分調整程我們要的樣子了,
如果又按了「水平垂直皆置中」,
那我們剛剛的調整就沒有意義囉。
 

 
這就是我們的成品。
 
雖說跟第一張比起來,
沒有辦法看到圖片的全貌,
不過我們製作出了一張看起來很清爽的簽名檔,
主要角色的樣貌也能清晰的收錄在圖片之中,
這樣就算是一個成功的簽名檔囉。
 
簽名檔重要的是「主題的完整度」以及「比例的完美」,
只要符合這兩點,
那基本上就是及格囉。

「可是我還是覺得,這樣感覺起來,沒辦法把美娜絲誘人的身段,完美的表達出來耶?」
 
如果妳有這個疑問,
那很好,
我們接下來要看的,
就是另外一種製作的方式。

如果妳覺得上面的成品,
雖說女主角的主題很明顯,
但是左右兩側有太多不必要的路人跟背景,
「我真的很想要整張圖都是我喜歡的角色呀!」
那我們就這樣做。
 


在最上面的「編輯」、按下「旋轉與翻轉」的「往左轉90度」。
 
 
圖片就整張被我們往左邊翻轉了。
 
兩側會有留白是因為剛剛我們調整了大小的關係,
後面再繼續調整回去把他填滿就沒事了。
 
如果一開始就翻轉的話就不會有空白的問題,
不過有沒有空白都無所謂,
因為我們都可以、也都必須把他調整成適合的大小。
 
 
用上面的方式,
把寬度調整成570就OK囉。
(剛剛的成品大小是570x321,旋轉過後就會變成321x570,所以要再把寬度調整成570,最後就會變成570x1012﹒149囉。)
 
接著一樣用上面的方式,
自己移動圖片、選擇喜歡的區域,
調整好之後左右對齊。
 

 
這就是我們的第二張成品,
和第一張比起來,
雖說感覺不是那麼的生動豐富,
但是把女主角全身的造型都收錄進去,
纖細的腰身、華麗的服裝都能完美的呈現,
「主題的完整度」以及「比例的完美」都恰到好處,
所以我們又成功囉!
 
「可是我來是覺得不夠生動,總覺得有點呆板。」
 
這是一定的,
為甚麼呢?
 
我們再來看看剛剛那張成品。
 

 
有發現甚麼端倪嗎?
 
如果妳有學習過視覺藝術,
就能很快的看出這張圖的盲點,
也就是「垂直的桌面」。
 
那條垂直線會造成整張圖片有一種「分割性」與「架構性」,
由於簽名檔是四方形的,
那條垂直線很尷尬的造成這張圖片有過於工整的感覺,
破壞了整個簽名檔圖片的「視窗感」;
這實在不是一個很愉快的簽名檔,
總覺得連女主角的笑容都僵掉了。
 
當然囉,
如果妳覺得「古代王女耶!就是要有威嚴!僵硬一點剛剛好!」
那也很恭喜妳,
妳可以直接使用上面的成品。
 
不過如果真的覺得還是差那麼一點點,
那我們來就再辛苦一點,
來做一些調整吧。
 
 
一樣來到「旋轉與翻轉」,
不過這次選擇「使用變形工具」。
 
 
把圖片拉到四角的地方,
會發現多出了一個黑點,
那正是要讓妳調整圖片旋轉的角度的。
 
稍微往下一拉,
圖片就開始旋轉囉。
 
每次調整完都把圖片在移到中間調整位置,
不滿意就繼續拉角度旋轉,
一直到妳喜歡的角度。
 


這是我們的最後成品。
 
桌面斜了一邊,
比較沒有那麼破壞架構的感覺,
又有一種「我歪著頭偷窺美娜絲!」的興奮感覺(喂)
這樣在視覺上就是成功了。
 
而且因為旋轉的關係,
原本在畫面右側占據了一整個大頭的路人也被調整掉了,
女主角的兩顆ㄋㄟㄋㄟ誘人的雙峰也都完美的放進了圖片裡,
真是可喜可賀!
可惜的是完美的腰身就看不到了,
所位有得必有失,
魚與熊掌本來就不能兼得,
所以大家也要懂得取捨,
製作簽名檔自己喜歡就好囉!
 
接下來進入存檔的部分。
 


在這邊的話,
「另存新檔」跟「存檔」其實差別不大,
第一次製作的話我會建議另存新檔,
把原檔的編輯檔另外流著隨時修改,
免得如果不滿意又得重新製作。
(雖說重做根本很快就是了(茶))


 
請記得檔名要改成jpg(或是png),
才是真正的存了一張圖片,
也才能在上傳之後使用做為簽名檔。
 
存好檔之後,
就是進行上傳的動作囉。
 
(接下來並非製作流程,因此恕不另外提供圖片,懇請見諒。)
 
圖片空間有很多,
巴哈姆特則是有站內的免費圖空,
方便直接套用在小屋或是哈拉區文章中,
因此我也建議使用巴哈的圖片空間來上傳。
 
進入自己的小屋首頁,
再到右邊的按鍵中選擇圖片空間,
接著瀏覽、上傳就完成了。
 
之後就是套用簽名檔囉,
這算是比較複雜的地方,
慢慢看著流程慢慢走吧(汗)
 
1。
首先先在自己的小屋點選「設定」。
2。
往下拉到哈拉區的部分,點選「編輯簽名檔」。
3。
拉到最下面,妳會看到一個空白格。
這個空白格不像現在的哈拉區可以像word那些軟體一樣可以隨意編輯,
全部都要打網路語法才能進行設定。
關於網路語法,
不管妳打算使用成怎麼樣的形式,
都請按照下面的文字來編寫:
 
[url=xxx]
[img]ooo[/img][/url]

直接把上面那串文字複製貼上於編輯處即可。
 
最上面的「[url=xxx]」是指「點選簽名檔圖片就可以進入超連結」,
也就是說別人點一下妳的簽名檔圖片,
就可以進入「xxx」這個網頁,
至於想要連結到哪個網頁,
把網頁的網址複製貼上到xxx的地方就可以了。
(如果不想要連結功能可以直接不打這串文字。)
 
「[img]」與「[/img][/url]」中間的「ooo」就是圖片網址,
也就是妳剛剛上傳成功之後得圖片網址,
把圖片網址丟進去就可以了。
(這個一定要打,不打的話簽名檔圖片就看不到了(汗))
 


接下來就大功告成囉,
妳的簽名檔成功的套用了,
趕快到哈拉區試試看吧!

以上,
感謝您觀賞此篇文章,
如果有不足之處懇請賜教,
若仍有問題也請不吝向我提問,
感謝您的觀賞。
 
(本文使用之圖片、軟體,均不做於任何商業宣傳用途。)
 
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=1431469
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:近況|有感而發|提供轉載|專欄|簽名檔|女王之刃

留言共 17 篇留言

罪歌
法老王?

10-01 14:33

失業廢物的宇站律師熊
古代的公主,
人物設定上的確是參考埃及,
所以你要說是法老王也可以(?)10-01 14:35
鍋蓋頭
台灣的電腦真好,內建Phpto impact

10-01 15:17

失業廢物的宇站律師熊
後來聽說不是每個都有,
我自己是買回來都會有啦(汗)10-01 15:32
方尖塔
>似乎我每次寫文都會很多廢話ry
我也常長這樣的說ry
-
話說不是每台電腦都內建PI(簡稱)沒錯
...不過只要上網找任一所高中,資訊課的網頁,通常都會提供免費的盜版(默)

10-01 18:36

失業廢物的宇站律師熊
其實那些是公用版,
聽說有一些功能是沒有開放的(?)
而且學校會把那軟體放在資訊區,
代表學校已經花大錢買到發放權,
所以其實那不算盜版囉。
(不過是不是每個學校都那麼守法我就不知道了XD)10-01 19:05
凱奧雷德
我都用小畫家……

10-01 19:44

失業廢物的宇站律師熊
神手!(?)10-01 20:08
思錡‧逆月
阿熊..你終於有篇有用的文章了!!{拖走

10-01 22:24

失業廢物的宇站律師熊
我之前寫的專欄都是屁嗎(哭哭)10-01 22:47
慟泣の哀魂・羽月
我的簽名檔也是用小畫家作的……

10-01 22:39

失業廢物的宇站律師熊
03010-01 22:48
思錡‧逆月
我指的是小屋{正經

10-01 22:50

失業廢物的宇站律師熊
我小屋也有po專欄……10-01 22:59
文官‧亞咢本命
我也是用小畫家作的...
話說我的電腦裡沒有Phpto impact啊...(遠望

10-01 23:02

失業廢物的宇站律師熊
話說這種簡單剪裁還好,
小畫家很難做比較華麗的特效吧(汗)10-02 00:09
思錡‧逆月
妳以為我會被騙3000去看嗎哼哼{?

10-01 23:02

失業廢物的宇站律師熊
03010-02 00:03
刀影
切圖的話用小畫家就能搞定了

10-01 23:14

失業廢物的宇站律師熊
我還是喜歡PI 03010-02 00:09
絕零
你講太多不必要的東西了
方法有提到就好(茶)

10-02 00:32

失業廢物的宇站律師熊
嗯,
到後面真的覺得前面那些必備知識有點廢話,
不過能盡量想能完整就做完整囉XD10-05 12:18
呆呆
真是感謝指教阿...不過!!
為啥要用美娜絲阿...
你對他有意喔!!

10-05 10:10

失業廢物的宇站律師熊
老實說我選圖選了很久都不滿意,
最後才選了這張圖來做,
(主要是方便我文章的三段教學)
不然這篇文章到現在都還沒生出來(汗)10-05 12:19
莉莉公主
原來簽名檔是這樣做出來的[e35]
圖也找的很漂亮喔

02-03 21:31

拉肚子之風
感謝提供指導@@"

03-08 23:02

ドMの黑炎龍神
非常感謝您!我製作好簽名檔了!!!

04-28 19:22

Even
請問我在一次去 位置與大小那裡調過
感覺失真沒有變好餒 我有案維持寬高比
現在簽名檔是660X125 我寬調660 但 他高度還是125...

10-02 21:08

失業廢物的宇站律師熊
原圖有維持高寬比的話,寬度調成660後會自動換算對應比例的高度,應該不會那麼剛好也是125;失真有可能是你圖片解析度不夠10-02 21:13
Even
我會了 跟圖片也有關係 我一開始就直接調660 所以他沒跳 謝謝

10-02 21:23

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

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

前一篇:(新牌完成)三階超量六武... 後一篇:(卡市冷暖)不肖賣家害死...

追蹤私訊

作品資料夾

w100386435...
自製RPG手遊 歡迎參觀看更多我要大聲說6小時前


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

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