網路城邦
上一篇 回創作列表 下一篇  字體:
修改相片尺寸 以並排陳列 & 設計山頭圖
2010/07/11 03:59:55瀏覽6901|回應39|推薦140

這一篇是針對舊版的山頭圖,如果您是2013年6月以後才讀到這一篇,請參考 部落格改版的一點心得

※ 如果對新版部落格有問題,請參考 終於搞定了 – 新版簡易上手

 

最近有幾位格友問把相片併排的方式。其實我對相片也只比初級知道得多一點,都是自己試出來的。其他的網友,特別是 如晞  的 如何在網誌中插入多張照片【部落格創作圖解教學8】  介紹得更詳盡。不過既有朋友問,就班門弄斧一番。

部落格吸引人的地方,不只是有許多好文章,還有精彩的相片。尤其許多網友在文章中搭配相片,圖文並茂,更增加樂趣。

我開始寫部落格不久,也學著在文中附相片。那時電腦視窗背景用的是一幅父親寫的字,每天一面看一面想文章的意思,也欣賞父親的字。有一天依據這幅字寫了韓愈治家格言用「圖檔上傳」的方式把相片放在文章的前面。

在「新增文章」或「修改文章」時,寫文章的框框下方有三個「圖檔上傳」的位置,其中「圖檔一」的相片是放在文章的上方,「圖檔二」「圖檔三」都在文章的結尾。如果文章末尾加影音檔或其他連結,這兩張相片會在所有附加檔案的後面。

用「圖檔上傳」方式附在文章前後的相片,通長寬度和文章一樣,不能修改尺寸。

其後不久,因為見到網友PO的各地櫻花相片,也去紐約植物園賞櫻,同時照了一些像,使用 插入個人相簿相片」的功能放在文章中(紐約植物園)。可是沒有想到調整尺寸,原來多大的相片PO出來也多大,都超過模版的邊。

還好存相片的時候,系統自動選了「寬邊 600」的最小尺寸,附在文章裡還不致太大。如果選「寬邊 1200」,不經修改貼出來就會很寬,必須把視窗縮小到 90%以下,或把游標移到最右邊,才看得完全。

直到寫倫敦一瞥 (一), (二)– 劍河與劍橋(三)– 倫敦塔 的時候,我才覺得相片太寬,看起來有點奇怪,決定修改尺寸。

以前兒子教我如何在 Microsoft Word 的文字檔中插入圖片時,也教了怎麼修改圖片大小,我用同樣方式來改變部落格裡的相片尺寸。

不管在任何文件中插入相片,都可以用滑鼠控制大小。在相片上點一下,四周就會出現八個小框框。把游標移到任何一個框框,它就變成連在一起的兩個相反方向箭頭 ←→。按下滑鼠的左鍵,這個雙箭頭就跟著滑鼠走,同時相片的尺寸也隨著改變。按著相片的右上角往左下方拉,(或從左上方往右下方拉),相片就逐漸縮小。

用這個方式,我把倫敦一瞥 那幾篇的相片縮到文章邊線框框以內的大小。

在部落格認識的朋友漸多,去年秋天因為NJ過客螞蟻的文章,知道在鄰近的新澤西住了幾位網友。螞蟻的文章輕鬆活潑,附相片時尤其靈活。讀了她寫的讓我們看雲去 ,發現相片不只可以放大縮小,並排陳列效果也很好。後來寫秋天的顏色時,因為附的相片多,我就學了這一招。

按著滑鼠的左鍵,沿著相片的右上角往左下方拉,(或從左上方往右下方拉),相片就逐漸縮小。縮到長寬都稍小於原來的一半時就停下來(寬度最好小於文章框框的一半),可能要縮幾次。接著把要併排的另一張相片縮成一樣大小。

然後把滑鼠移到第一張相片的右邊,按“Del”(刪除)鍵取消跳行,兩張相片就會並排在一起。我通常先按 Space (空格)再按Del(刪除),讓兩張相片間有點空隙。因為我的技術沒有辦法照兩張可以拼成一張的相片。兩張相片併排以後,如果發現高度差太多,再略為調整,讓它們同高。

如果相片縮得不夠窄,電腦不會讓妳並排,按刪除鍵可能會把第二張相片刪掉。這是相片寬度要小於文章寬度一半的原因。

以上寫的是土方法,別的網友可能有更便捷的法子。某些軟體不只可以修相片,還可以加邊做花,甚至加星光、泡泡、水滴,讓圖片看起來更動人。但那些經過加工的相片,有時在我的電腦螢幕反而顯示不出來,所以我沒有下載那些軟體程式。

~~~~~~~~~~~~~~~~~~~~~~

我後知後覺,寫完這一篇之後,因為想教.原采 阿姨用  插入相片,才想到利用「版面設計」的功能。在插入相片時,將「寬度」訂為550 左右,相片就會和文章差不多的寬度。如果想要讓兩張相片並排,寬度可定為 265。然後也是一樣,把游標移到第一張相片的右邊,按“Del”(刪除)鍵取消跳行,兩張相片就會並排在一起。

如果並排三張相片,再按比例縮小(我這些是把寬邊定為 175)。用「版面設計」先定好大小,相片的尺寸固定,可以省去調整的麻煩。

  

山頭圖

我在 2008 年六月加入部落格,一開始只拿來推薦文章,直到 2009 年三月才知道還有其他功能(見 升級了 — 部落格的歐巴桑)。在看自己的部落格時,第一件想做的就是換模板 / 山頭圖。第一個模板好像是加入城邦時自動設定的,我那時不知道可以選別的。

這個圖看起來很古典,但我的眼睛不好,陰暗的底色讓我看不見自己格子裡有甚麼東西。我決定換個明亮顏色,就選了這隻牛,草地看膩了,又換別的,山頭都是用模版本身的圖。

  

看見很多網友用自己的相片作山頭,我也想試一下。

山頭相片必須在 100kb以下,可是我把相片縮成這麼小的時候,寬度就不夠,以致頁面右邊會重複相片左邊的一小部分。另一方面,山頭的高度又常比相片短,總是把下面一段切掉。為了這個限制,我盡量選重點在上半部的相片作山頭,可是右邊的重覆部分就沒有辦法了。

今年初回台灣,因為 雞蛋孃 的介紹,有幸和如晞 見面。她教我一點「秘訣」。就是縮小相片尺寸時,把橫邊定為780,這樣直的那一邊會成相同比例縮小。把新尺寸的相片存起來(Save as),看有多少KB,通常比100 多一點。再用「剪相片」(crop)的方式把直邊縮短到450~500,這樣出來的相片檔案就大約比100KB 少一點。然後在「模板設定」中選這張縮小尺寸的相片做山頭,登出來右邊就不會有重疊的部分了。

如果用“Windows Picture and Fax Viewer”,縮相片時是照比例,那就先算一下。例如原來是 1984 X 1488(627KB)的相片,就縮成長短邊都39%(長邊只要是770以上都可以)。

剪相片的功能也不叫 crop,而是 attributes。在“Image”項下方選Attributes,螢幕上就會出現一個框框,顯示相片的畫數:寬大約是774,高 580。把高改成450~500(相片裡顏色越多 size就越大,Height也需要相對減少),然後按OK。把改好的相片另外存起來,檢查看看是不是在100KB以下。如果還超過100KB,表示高度還要再減。

用Attributes 剪相片,一定是剪最下面,所以不能選重點在下面的相片。

如果不想下方被截去太多,選擇模版「主題」的時候可以找一個山頭比較長的,我現在用的是下面這張。

不久前看到牛小妹的山頭圖,右邊也是有些重複,告訴她這方法,試出來的效果很好,也讓我看到她的「小人國」相片。既然要寫併排相片,就把製作山頭的方法也寫出來,不過我知道的就這麼多了。

(邊聽烏拉圭和德國的足球賽邊寫,聽到熱鬧時就跑到電視機前,這也算我的「室內運動」。現在是 2:2平手,要專心去看球賽了 。  ........ 紐約時間下午4:22,德國贏了,獲得這一屆世界盃的季軍)。

( 休閒生活網路生活 )
回應 推薦文章 列印 加入我的文摘
上一篇 回創作列表 下一篇

引用
引用網址:https://classic-blog.udn.com/article/trackback.jsp?uid=33wang&aid=4212528

 回應文章 頁/共 4 頁  回應文章第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁

程如晞
等級:8
留言加入好友
鉅細靡遺
2010/07/15 18:31

真是夠詳盡 這分享真的很棒

謝謝你幫我一再打廣告

下回回來可能要換我請教你了


看雲 (33wang) 於 2010-07-16 00:21 回覆:
真不好意思,上次妳教那麼多,我就只記得一項,就班門弄斧起來了。其實要學的很多,但只有用的時候才會想到。不過現在這樣能附照片音樂,我已經相當滿足了(這也算「自我感覺很好」)。

山下阿哥
等級:7
留言加入好友
照片專門整我
2010/07/15 09:54

謝謝看雲  ,我正需要這篇文章  。


看雲 (33wang) 於 2010-07-15 13:55 回覆:
照片會整人,表示檔案很大,解析度高,存的時候比較花時間。我的相片大多是 2592 x 1944,大約 1MB。每次上傳相片或縮小作山頭圖,也花不少時間,真是磨練人的耐性。
祝你成功

牛小妹
等級:7
留言加入好友
哇塞,你寫的對初學者很有幫助
2010/07/14 11:23

現在是十一點十六分了,如果發現,就不想錯過?

哇,你寫的好棒唷。剛開始時,我也一弄得亂七八糟,成天找人門問,嗯,還好我是你的試驗品,我那天試了好久,才發覺,相機機型不同,可能截取的大小,也有一些小差距。不過,我已經被你教得,有一點看頭了。

只是有一些小迷你相片,要連在一起的,不會。找到再問你。

看雲 (33wang) 於 2010-07-14 12:10 回覆:
除了山頭圖問過如晞,其他有大半是我自己摸索出來的。

以前因為怕電腦容量不夠,存相片時就縮成四分之一(50% x 50%),後來發現這樣會減低清晰度,就不再縮了。但這技巧正好可以用於部落格。

H2O CO2
等級:7
留言加入好友
修改相片尺寸 以並排陳列 & 設計山頭圖
2010/07/14 09:03
哇, 這個我需要
謝謝看雲姐的分享!!
看雲 (33wang) 於 2010-07-14 11:02 回覆:
看來想「改頭換面」的朋友還不少,以後看部落格更有意思了


等級:
留言加入好友
非常謝謝您!
2010/07/14 05:55
按照您的說明指示,我換了好多張照片做裁剪,蠻好玩的,又試了許多模版,現在大致確定,取了風景照片當山頭。

您說的方法真的太棒,解決了長久以來的疑惑,非常謝謝您!
 
看雲 (33wang) 於 2010-07-14 06:57 回覆:

恭喜妳,玩部落格又多了一件工具



等級:
留言加入好友
再試一下
2010/07/14 02:46
長久以來,一直很想更改山頭圖案,總是產生您所說的問題,試了幾回舊作罷。如今拜讀您的詳細解說,我要再來試一次,希望能成功。
 
看雲 (33wang) 於 2010-07-14 03:17 回覆:

謝謝來訪,希望您這次試了成功


* 六月 *
等級:8
留言加入好友
電腦白痴
2010/07/13 22:59

我早就說雲妹越來越厲害了。

不過對我這個電腦白痴來說,還是得有人當面指點才行,

否則我還是越看越糊塗,正所謂朽木不可彫也。

看雲 (33wang) 於 2010-07-14 00:08 回覆:

不是厲害,是玩得比較多次。

阿姐那邊不是現成有個率率老師嗎?讓他秀一下,一定一點就通。


茱莉雅..
等級:8
留言加入好友
多謝
2010/07/13 20:31
真好! 說明的很清楚, 正好是我最需要知道的. 只是山頭圖可能需要好好研究實驗.
看雲 (33wang) 於 2010-07-13 23:55 回覆:

山頭圖其實不費事(如果原本相片不是很複雜),重點是妳要知道怎麼改相片尺寸。

把相片檔打開時,視窗上下都有一些功能項目或 icon,把游標移到上面,就會顯示內容,不妨都試一下,只是要記得「另存檔案」(Save as),不要把原來的檔案改掉了。


東村James
等級:8
留言加入好友
DELETE掉
2010/07/13 12:46

謝謝看雲姊詳細的解釋。試了放“把悲傷留給自己”﹐成功了。

不過喔﹐要怎麼DELETE掉啊﹖

看雲 (33wang) 於 2010-07-13 13:18 回覆:

那歌附得很好呀,正好配合你的文章,而且要「點唱」才會打開,沒有強迫收聽。

Delete 的話很簡單,只要按文章的「修改」,把游標放在音樂檔的右邊,按“Back”or“Backspace”就delete掉了。


熏衣草
等級:7
留言加入好友
相片及影音
2010/07/13 10:46

目前都是用最簡單的方式放相片

通常沒有習慣 加上音樂

我喜歡安靜的上網 看文寫文

不過哪天我改變想法時 一定會好好學~~

看雲 (33wang) 於 2010-07-13 11:52 回覆:
加相片或音樂是個人喜好。這篇本來沒有加音樂,因為跟我的「鄰居」James 解釋怎麼加音樂,一邊做就一邊附上了。
妳的風景相片都很美,要大一點看起來才過癮。至於音樂,每個人的喜好不同,只要不太吵的,我大多都能接受。
頁/共 4 頁  回應文章第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁