網路城邦
上一篇 回創作列表 下一篇  字體:
修改相片尺寸 以並排陳列 & 設計山頭圖
2010/07/11 03:59:55瀏覽6900|回應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/11 21:09

我也還在學習使用這UDN平台,我很喜歡這兒,所以還沒試過別的平台,可能也不會去試。

應女兒之邀,我現在也加入英文陳述,因為她也想讀我所 PO 的生活點滴。我在台灣的姐姐們也是每篇都讀,所以 UDN 也成了我的家書了 ^_^

看雲 (33wang) 於 2010-07-12 00:28 回覆:
也是我的家書,在台灣的兄弟姐姐都讀  媽媽不用電腦,有時他們會把文章或相片印出來給她看,姐姐還會打電話報告我發生了甚麼事 … 所以不能隨便發牢騷了

NJ過客
等級:8
留言加入好友
好康相報
2010/07/11 20:46

我的相片並排  是用插入表格   的方式 

至於山頭部份  看妳說明不難   改天也來試看看

歐巴桑學科技   就把難與麻煩  要先自我心理建設一下

我看妳就沒這個問題  活到老問到老  也學到老   這精神值的學習

看雲 (33wang) 於 2010-07-11 23:08 回覆:

剛剛試過插入表格,還不容易呢。要不要把妳的心得也寫成一篇?

程如晞@部落格好好玩》裡有很多部落格教學的文章 (文章創作部落格輕鬆上手教學 ),不過要對電腦有些基本認識的人學起來才得心應手。我一向怕讀manual,還是自己摸索出來的記得比較清楚。


芭芭辣
等級:8
留言加入好友
看雲
2010/07/11 16:53

太好了我要拜讀再三直至学會照片並排,你說两 photos 放一起按 space or delete. where are these two buttons? 在UDN 內還是自己電腦icon 內?


看雲 (33wang) 於 2010-07-12 00:21 回覆:

Space就是跳格鍵(鍵盤下方的 bar),“Del”依電腦型式位置不同。Laptop 的“Del”在右上角,Desktop 的鍵盤上“Delete”在字母鍵的右邊,通常在“Insert”的下方,緊鄰方向鍵 ↖ 或 ←。妳啟動電腦時常要同時按“Ctrl”“Alt”“Del”,就是那個“Delete”。

一定要把相片縮好了再按“Del”。縮的程度大約是相片的右邊齊  中間那一根槓的位置。( 是寫文章時框框上面的 icon)。相片縮到這麼窄之後(當然高度也要成比例的縮),把游標(cursor)移到第一張相片的右邊,按一下“Delete”或“Del”,第二張相片就會跳到第一張的右邊。我習慣按“Delete”之前先按 Space Bar,讓兩張相片間有些空格。也避免直接按“Delete”不小心把相片刪掉了。

樓上的NJ 過客說她是插入表格 來並排相片,我不確定怎麼做,下次插相片時再來試試。


Rinka
等級:8
留言加入好友
恭喜
2010/07/11 14:16
妳出師了!
看雲 (33wang) 於 2010-07-11 22:13 回覆:
這怎麼算出師,頂多小學畢業

Pamela巧手潘
等級:8
留言加入好友
re
2010/07/11 10:53

謝謝你仔細的說明

我在山頭圖的部分也嘗試了很多次

每次貼上自己的圖片後都會出現你文中所說的情形

所以變得不太敢再更新山頭圖

我已把你這篇文加入我的文摘

等下次要更新版面時再來看你的步驟指導

看雲 (33wang) 於 2010-07-11 13:16 回覆:
我每次為換圖也是花很多時間,主要是相片不容易縮到100kb 以下。後來發現  如果相片的顏色變化不大,比較容易達到要求。

隨寫人◆ 全世界最辛苦的工作
等級:8
留言加入好友
最美的一面
2010/07/11 09:16

敘述講解地非常清楚

我相信有這方面問題的格友

一定可以獲得解決

把自己的格子與文章

用最美的一面展現出來

看雲 (33wang) 於 2010-07-11 12:59 回覆:
謝謝。在行家面前,我好像野人獻曝

螞蟻
等級:8
留言加入好友
邊看邊~
2010/07/11 08:11

螞蟻也是邊看邊做別的事~

 

 

 

 

睡覺!


看雲 (33wang) 於 2010-07-11 08:15 回覆:
那麼精彩你居然睡得著?連我這不愛運動的人都被吸引去了。

溫哥華 千里傳音
等級:8
留言加入好友
好厲害啊!
2010/07/11 07:47
哇!大姐您真了不起,好像很複雜的東西啊!
我只掃描地讀過,這樣傷腦筋的事,還是讓Victor慢慢研究。
唉呀!我真是又懶又笨!
Amy

看雲 (33wang) 於 2010-07-11 08:37 回覆:
一點不難,只是食指比較累,因為一直按著左鍵。多試幾次就熟了。
我現在想學把文章和相片並列,看過如晞的解說,但不是很清楚。
頁/共 4 頁  回應文章第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁