2008年12月23日 星期二

[活動]ACA認證說明會



一起來征服ACA認證吧

這個月30號(二)在巨匠新竹認證中心有一場ACA認證說明會,有興趣的人可以去參加喔~本場ACA認證說明會是由壞掉的印表機主講的,免費入場,另有免費的.....白開水可以喝(謎:白開水也敢講),時間是晚上七點到九點,請大家一起號召有興趣的大朋友、小朋友、大老婆、小老婆、鄰居、同學、同事、同志、同好一起來參加吧~XD


PS.若有人需用圖請告知並請註明出處,謝謝!

2008年12月15日 星期一

[討論]您最想從部落格得到的資訊

想想也好久沒有更新部落格的文章了,除了忙還是忙(這是藉口吧~),其實一直都在想,弄這個BLOG也一年多有了,從一開始想的雜七雜八的資訊,到日前作的TQC認證的解題影片,甚至到目前的ACA解題及考題重點,再外加上上課中會講到的CSS跟HTML的問題,現在想知道每個網友們來這裡最想得到的資訊是甚麼,只要印表機有時間,就會錄個教學或是發個教學文章來幫忙各位,當然,也要我時間上面許可啦~現在畫面右邊新增了一個投票,請大家一起共襄盛舉來投票,看你想了解些甚麼,只要我OK~就會在過年期間作教學給各位,大家踴躍投票吧~
投票時間到一月底,此篇文章在這段時間會長期置頂

2008年12月1日 星期一

[日記]感動...我拿到生平第一座金鐘獎了(T_T)

是的,你們絕對沒有看錯~我拿到金鐘獎了~這是千真萬確的事,就在今天...準確的來說,應該是昨天,我拿到了我生平第一座金鐘獎(T_T),不相信嗎? 有圖有真相(謎之音:ㄟ~你上課不都說有圖一樣沒真相嗎?)~請見壞掉的印表機拿到金鐘獎1壞掉的印表機拿到金鐘獎2

對的~你沒有看錯~那的的確確是貨真價實的金鐘獎,從來沒有想過自己會拿到金鐘獎,以往都只是坐著看別人拿的份而已,現在握在自己的手上,真是好感動阿~~而且我也沒有想過自己做設計,竟然還可以拿到金鐘獎,你說這夠不夠爽,作網頁設計還能拿到金鐘獎~這還真是特例,想看看~這金鐘獎辦了那麼多屆,有哪一屆是有個網頁設計的得獎名目的,沒有! 完全沒有,所以,不要懷疑,這金鐘獎真的還不是給網頁設計,上頭的得獎名稱是寫著最佳男主角,況且還是由今年剛出爐的金鐘獎影帝-雷洪先生,親手把它交到我手上的,真是一整個Hight到不行啊啊啊啊啊啊~~(謎之音:吼~原來是借來拿爽的...)想當年,影帝還沒變影帝的時候(這句好繞舌=_=),印表機跟vivian的訂婚酒宴上,就是雷洪先生上台致祝賀詞給我倆的,沒想到現在雷洪先生變成了金鐘獎影帝,真是讓我同樣替他感到好高興(||=_=你是高興自己"拿到"金鐘獎吧...),而且~今天還不只是我一個人"拿到"金鐘獎,連vivian跟小寧都"拿到"了,真是普天同慶阿~

金鐘獎親手拿在手上就是有種不一樣的感覺,重量感十足,整個獎盃也閃耀的閃亮亮的光芒(不騙你,真是超閃亮的!!),整個講座手持的部分,握起來非常的順手,當然,更棒的是拿在手上那種爽度,如果我是得獎者的話,一定會飆淚的。而雷洪先生演了那麼久的戲,拿到了這座金鐘獎,也真是所有的努力都沒有白費了,想到當天金鐘獎最佳男主角獎揭曉的時候,還真是讓我超高興的,今天拿在手上,那更是超棒的感覺拉~而我也在這邊懇請大家繼續多多的支持雷洪先生,甘溫拿~~~心矇蛤(客語)~~~

補張合照

2008年11月27日 星期四

[日記]最近的成績單-咖啡杯集集樂

最近的成績-咖啡杯集集樂 最近的日子過得實在非常的充實,當然除了跑去警察局跟我們"偉大的"波麗士大人吵架除外啦~每天幾乎都是嗑咖啡外加加班到凌晨四、五點才睡,這意味著甚麼? 我賺很兇? 如果你是這樣認為的話那就錯啦~~基本上...是被客戶追得很兇啦~~一個稿件的校稿可以搞到五、六校,只是個網站而已~~想到就改~想到就改~搞的其他案子只能先放著涼快一下囉~~趕快處理掉這個棘手的網站才是~~不過~客戶是永遠至上的不是嗎? 照片中就是我工作的實況,不過那個婚紗照是幫朋友做的啦~(靠! 忙死了還可以幫朋友搞婚紗喔?),基本上,各位所看到的咖啡杯...是已經清理過的,也就是被我丟掉一些了,後面我是突然想到~來個咖啡杯集集樂吧~看到底等到我這陣子忙完的時候,咖啡杯會滿到一個怎樣的程度...(你也太無聊了吧=_=|||),OK~不管如何,忙碌的人總是會做些無聊的事~還是請大家給我加油打氣吧~(這要支持個啥阿~囧...)

2008年11月23日 星期日

[狂怒]好你個波麗士大人~受到警察選擇性辦案的一肚子怨氣

好你個波麗士大人--收到罰單

今天又收到一張我們偉大的"波麗士大人"開的違規停車罰單,這已經是這個月的第二張了,看了看違規條文,不得在橋梁及禁止停車處停車,而我正好停在橋梁上面,摸了摸鼻子~只能歎聲倒楣,但~之前的單子我是佔了一小段到橋上~這也算? 老子在自己家附近這樣停了幾年了還第一次遇到被開罰單,看了看其他車(基本上整座橋兩旁都是車~大概有六到八部車吧)一張單都沒有~這就讓我覺得滿腦子疑問啦~越想越氣~怎麼只開我~我又不是開積架還是賓魯(賓士)~車也沒有改到一整個台味濃厚~完全都是原樣~我也只是個開本田汽車的小鄉民~阿怎麼偏偏開我單~氣不過~跑去警察局詢問~現在警察開單的標準到底在哪裡? 為何停了那麼久~都不開~到要過年了~再來狂開單~現在我們有工作,一堆人生活都過的苦哈哈~~你們警察卻拿我們當提款機~這是甚麼意思? 衝業績會不會衝得太超過了!

警察局裡一個女員警被我問的一愣一愣的~之後說你違規是事實~依法開單沒有甚麼不對~這我又有疑問啦~那為何只有我的車上有單~其他車上都看不到一張單,這是甚麼意思?

女警:沒看到單不代表沒有罰,有時後我們會照相存證

我:那你們照相存證,又為何只有我的車有單? (怎麼我的就不是照相存證),我今天我違規~OK~我可以認了~但是我要知道為何之前沒開,現在開? 你們衝業績不要這樣搞的我小老百姓日子難過嘛~

女警: 之前沒開不代表沒有違規,只是沒有開。

我:好~那我說過了~我違規我會認,但是為何之前不開現在開? 我的車也沒擋到誰,是因為要過年了? 警察要衝業績?

女警:(開始詞窮...)先生你不要這樣講,有時候是有人舉發,或者是我們巡邏看到違規就會直接舉發。

我:對嘛~看到違規就會舉發? 那之前巡邏就沒看到,現在橋上七八部車在那邊,你們警察就看不到?

女警:(繼續詞窮...)我們看到就會舉發,或者是有人檢舉。

我:好阿~那我現在檢舉,橋上一堆車在那邊違規,你們要不要去舉發?

女警:(無線電通知巡邏員警過去)

我:(回家移車去...)

================未完~~我是分隔線=================

好你個波麗士大人-開單,單勒?

我:(在現場遇到巡邏員警),你們現在開單是甚麼情況?

員警:(拍照存證中) 先生你違規阿~

我:我想知道你們現在開單是甚麼意思? 之前都沒在開的,現在要衝業績就在狂開罰單?

員警:先生你違規我們就會開單,你如果有問題可以去申訴

我:(這種鳥問題申訴有用嗎? )火大~不想講

我:(你們現在照相,那違停的人沒看到車上有單,因為沒有看到罰單,所以不知道有被罰,是不是警察每巡一次就開一張,結果是每天被開,那等到一個星期或是一個月後收到罰單了,那他一個月的薪水不就沒了,光繳罰單都還不夠)

我:(開車去其他"合法的"位置停車)

================未完~~我是分隔線=================

好你個波麗士大人-舉報就開單?

我:(回到家,打電話過去警察局,女警接電話),小姐阿! 你們說看到違規就會開單,接到檢舉就會開單,那麼橋過去一點約五公尺的餐廳邊,路邊與道路垂直停車的車頭都凸出擋到一個車道了,你們員警也沒有看到? 再過去五公尺的十字路口,畫著大大的紅線,車直接停在那轉角明顯的妨礙交通你們就不會開單? 再過去四十公尺一個十字路口,也是畫著紅線,轉角也是停著車~你們也不會開? 右彎約七十公尺一個丁字路口,轉角紅線大大的一台車停在那邊你們也不會開?

(警察局換人接電話)

員警:先生有甚麼事嗎?

我:(重複剛剛的問題)

員警:先生你不能這樣濫用公權力!

我:我濫用公權力? 那你們這樣就不是選擇性辦案? 我今天只是個小市民,你們這樣開單我認了,那麼那家餐廳賺飽飽的錢你們就不用開單? 這樣是甚麼意思?

員警:好~你舉發了我們會請員警過去

我:好~我會過去看(持續怒火中燒)

我:騎著小摩過去等我們偉大的"波麗士大人"的到來

================未完~~我是分隔線=================

好你個波麗士大人-敷衍了事

我:等待了約五分鐘,就看到餐廳邊的轎車一部部都準備開走了,而偉大的"波麗士大人"也在這時騎著小摩快快的到來,然後....快快的經過了這些車子,然而....開走的都是沒有擋到路的,偏偏擋到路的那台車沒開走。

我:(回到家,又撥了一通電話到警察局) 喂~(這次換一個男波麗士接電話),先生! 你們警察是敷衍我們這些小是民是嗎? 車子匆匆的就過了! 其他地點也沒過去看,我們檢舉是檢舉假的啊? 你們可以這樣選擇性辦案的喔?

員警:先生你說了我們會去看

我:我剛說過了阿~你們也沒去看阿~你們是這樣敷衍我們的喔

員警:這樣喔,我們會去看(超級敷衍的口氣)

我:你們是這樣做事的喔?

員警:喔~這樣喔(超級敷衍的口氣)

我:(更火了)算了~這樣敷衍我們,跟你講也沒有用(準備掛電話)

員警:喔~好(又是一句敷衍,且聲音已遠,似有準備掛電話的動作了)

我:(掛電話)

================未完~~我是分隔線=================

好你個波麗士大人-執法公平性何在?

以上就是我這次被開單之後還被警察敷衍的結果,得不到甚麼確切的答案就算了,還被搞得這樣火,滿腦子疑問讓我對最近喜歡的"波麗士大人"這部戲都有點反感了,感覺把警察都美化的過頭了~雖然不能說全部的員警都是這樣的,但是這樣的選擇性辦案,外加從納稅人身上這樣搶業績取財的做法實在令人覺得不齒之外,更不削,最近因為也剛好有接到一個警察的稿件,得知依些警察的工作內容的確很辛苦又危險,但是今天的遭遇實在讓我對警察的觀感大打折扣,總結以下我的疑問、想法跟不爽的狀況於下。

首先我違規在先我認了(我不是那種做錯是不承認的人),但是我停在不影響交通的位置,且非主幹道,而那些停在明顯影響到交通(十字路口轉角)的位置的車子卻不用受罰,這是甚麼道理? 執法的公平性何在? 就像海角七號裡面范逸臣被勞馬攔下開罰的那一段一樣,大家都一樣,為什麼就罰我(不要說我看起來比較衰~哈)~還是說大家都去停路口轉角好了~那這樣那些不會阻礙交通的位置就不會有人停了~這是甚麼道理??

接上面那個問題,那麼我們這種不影響交通的車主接到罰單,有了疑問,並提出其他影響交通的案例與實際狀況給員警,得到的卻是一個敷衍了事的態度與視而不見的選擇性辦案方式,那麼我們有需要繼續這樣守法的過日子嗎? 有需要對員警尊敬嗎? 記得一段日子前才看過的"包養你還那麼跩! 你跩甚麼跩阿!"這篇文章提到的工務人員的辦事態度,讓我今天實在非常切實的有種感同身受的經驗,寒心!

再接上一個問題,當我檢舉了之後,餐廳邊的車主就迅速的在員警到達前開車走了,這其中是否有員警通報給餐廳說要過去開單? 不然真有那麼巧? 講到要開單一堆車就跑了?

還記得多年前我有次騎小摩違規紅燈右轉,被一個警察攔下罰款,我還好聲好氣的跟員警說辛苦了,不好意思違規了,心甘情願的受罰,我覺得員警有員警辛苦的地方,這是他的責任,所以受罰認衰本是應該~但這次卻是一整個讓我覺得警察的選擇性辦案及辦事態度讓我氣到一整個火到不行。

再一個令人質疑且氣憤的問題,之前不開單不代表沒有違法,這說法沒錯,但一年多到兩年那麼久的時間警察都不開單,偏偏挑在現在要過年了~再來開單,這難道不是拼業績嗎?

我不是一個愛找麻煩的人民,做錯事被罰天經地義,但是不公平且不合理的開罰方式讓我覺得無法接受(重點在非常的不公平),而在接受到人民的疑問跟情緒的時候,只會採取鴕鳥心態的敷衍了事,這點讓人更是覺得無法接受。

好你個波麗士大人-奉勸大家

有了這次的經驗,有些話要奉勸大家,希望大家在這不景氣的年頭多多小心。

  • 首先要奉勸大家不要違規停車(哈~廢話一句)
  • 被開單記得說聲謝謝~(最好是他X的那麼有禮貌啦)
  • 停車請挑轉角~不要停在橋梁上,連邊都不要佔到(杯開單不要怪我,怪警察選擇性辦案)
  • 最後歡迎大家多多引用這篇文章,散的越廣越好,好讓大家多多小心, 不要平日繳稅包養警察外,過年還要讓包養的警察削,更不要像我無聊到去找警察盧(因為盧也沒用,他們只會開單拼業績,外加敷衍你) 。

2008年11月20日 星期四

[影片]Photoshop CS4新功能預覽、教學、影片

Photoshop CS4新功能想必很多人都很有興趣,下面把一些Photoshop CS4的新功能影片給大家看看囉

Photoshop CS4 之新變形工具

可以設定不改變的位置跟要變形的位置,在很早之前就有看到過有人開發出這種演算技術了,當時就在想Adobe應該會注意到這個超屌的功能吧,沒想到總算被盼到啦~XD

Photoshop CS4 之新修補工具

由影片中可以看到增加了新的快速輔助鍵,在調整上面也夠多細節了~可惜影片的解析度不是很好,所以只看個大概囉

Photoshop CS4 之新圖層調整功能

不知道有沒翻譯錯誤,只有大概看了一下,新增的調整圖層以往都是在一個新的對話視窗中設定,現在可以在另外一個調整的浮動面板中設定了,在檢視上面也更即時囉

 

Photoshop CS4 之縮放與平移功能

很多人都知道新版的Photoshop CS4有了GPU的支援之後,畫面在平移以及縮放上面更加的順暢了啦~看影片就可以知道囉,不過...這樣的感覺好像有點多餘吧~就算沒有這種效果我也沒差~(好無聊的功能阿)

http://tw.youtube.com/watch?v=KlFnIqCZhYc

Photoshop CS4 平面轉3D視角

http://tw.youtube.com/watch?v=cbeows1w_fY

Flash CS4 彩蛋

Flash CS4 說明畫面 今天試裝了Adobe Flash CS4 繁體中文版,稍微試了一下~沒想到剛好發現了在"關於Flash"的畫面中又出現彩蛋啦~

各位只要在"說明 / 關於Adobe Flash Pro......"的畫面中用滑鼠點選左上角"FL"文字中"L"的左上角落,就可以看到彩蛋囉~Flash CS4 彩蛋畫面

2008年11月11日 星期二

[動畫]最近為廠商製作在CEMA SHOW要播放的動畫

最近為了廠商製作他們要在美國CEMA SHOW 自家產品上面要撥放的動畫,因為是插件~剛好手邊又有許多事情要忙,真是折騰死人了~不過,還是很努力的把他給趕完了,這次用了不少Flash CS3的模糊濾鏡效果,做完只有一個感覺,Flash CS3 真好用阿~~哈哈哈,費話不多說,先來看看這個動畫先吧~

2008年10月22日 星期三

[資源]Adobe Certified Associate認證考題重點(Adobe ACA認證)

特別聲明:鑑於之前有網友於留言部分,單方面的放置考題下載點供網友下載,此行為已觸法,敬告網友請勿再做此種行為,謝謝大家配合。





Adobe Certified Associate 最近遇到不少人在問Adobe Certified Associate認證考題的重點,也似乎不少人有興趣想考這Adobe Certified Associate證照,又很剛好最近把ACA認證給完封了,所以把Adobe Certified Associate認證的考題重點與心得分享給大家,看大家有沒有機會用得上囉~
之前在"Adobe Certified Associate 認證入手(ACA認證)"中有提到對專案流程要有基本概念外,另外就是軟體功能上該注意到的地方則沒有提到,在這篇當中我就針對軟體的功能來說明與舉例一下,我這邊所提的只是重點式的提醒,因為有簽切結不能洩題,所以我僅以軟體功能來說明囉~有問題的人再留言吧, 欲留言者若沒有Blogger帳號的話~請點選"名稱/網址"來回覆,不要再用"匿名"了,不然一堆匿名真是不知道在回誰阿~囧~所以~只要是匿名留言就不回囉~至少有個外號都可以~這是基本禮貌~還OK吧

Adobe Photoshop CS3 ACA認證考題重點

在Photoshop CS3 ACA認證考題的重點部分,就我的經驗來說,會考的除了專案流程外,在軟體功能上各位須了解的項目列表於下:
  • 影像尺寸修改及解析度調整(很重要!要很熟悉!)
  • 智慧型物件的功能及其特性
  • 各種點陣圖片格式特性及其應用方式
  • 網路使用的各式圖片格式類型及其特性
  • 文字屬性相關設定
  • 修補類型工具操作及其功能特性
  • 圖片色彩模式及其使用場合
  • 各種選取範圍製作方式(包含選取功能表內項目)
  • 漸層工具的使用及設定
  • 形狀物件的使用
  • 不同檔案間影像的移動
  • 專案管理流程
以上是我考過的記憶中,會考到的項目,不過Photoshop算是我最熟悉的軟體,但是卻是我考是時間最久的一個科目,主要是因為考題題意還是會有些不是很清楚的地方加上題目較少,每題的占分就變得較高,所以請大家考試時多注意題意,還有就是有些時候題目下載時間過久時~最好先跳過,等到後面再回來解題,比較不會卡在一個題目太久,雖然下載題目的時間不會被計算,但是先整個解完其他題目再回來利用時間會比較多時間可以解有疑問的題目,日前考Adobe Photoshop CS3 ACA中文版認證及格分數為630分,考試題目共39題,考題類型有選擇題(單/複選)、實作題,有想考的人就加油吧^^

Adobe Dreamweaver CS3 ACA認證考題重點

Adobe Dreamweaver CS3 ACA認證考題重點列表於下
  • 各式HTML原始碼的用途(很重要!!)
  • 網站管理畫面及其正確名稱(沒有畫面可以看卻問你正確名稱,考驗軟體介面熟悉程度)
  • 資源面板內的項目
  • 各種超連結類型
  • CSS定位項目原始碼
  • CSS原始碼(考很少)
  • 專案管理流程
  • 頁面內容修改方式
  • 圖片及其修改方式
  • 圖片相關資訊及常識
日前考Adobe Dreamweaver CS3 ACA認證的及格分數為600分,考題類型有選擇題(單/複選)、實作題、印象中沒有考到配對題,這個考的對我來說很簡單~主要題目落在HTML的原始碼不少,這個對我是很簡單的啦~不過最後沒檢查答案~就交卷了~考了八百多,算起來普普通通的分數XD。

Adobe Flash CS3 ACA認證考題重點

Adobe Flash CS3 ACA認證考題重點列表於下
  • 介面的熟悉度
  • 各面板的功能
  • 各種元件的特性
  • 發佈設定
  • Flash的各種檔案格式
  • 匯入/匯出功能內項目
  • 專案管理流程
以上是日前考試有考到的項目,其他項目偏向於專案部分還頗多的,考題沒記錯的話共41題,當時及格分數為600分(好像是吧~考完就忘了~哈)

專案管理流程相關常識

專案流程相關的常識通常都是有經驗者比較吃香,但也有人有經驗還不熟悉的,在這邊我大概把重點及問題列在下面讓各位參考看看,如有錯誤請不另指教
  1. 專案前置作業及其目的
    • 客戶需求分析、確認
    • 專案腳本製作
      1. 腳本製作之目的?
      2. 腳本可提供的功能?
  2. 專案中期作業及其目的
    • 製作問題排解
    • 製作時程控管
  3. 專案末期作業及其目的
    • 測試作業
      1. 測試目的?
      2. 測試項目?
      3. 測試方式?
    • 專案驗收
以上各項資訊提供大家參考,如要轉貼請註明出處,謝謝!!

2008年10月21日 星期二

[日記]Adobe ACA認證完封全紀錄&考題重點

ACA認證完封

Adobe ACA 認證完封啦~就在上周日,把剩下的兩個科目(Dreamweaver CS3 & Photoshop CS3)搞定後,目前已有的中文Adobe ACA認證已全部到手,題目其實不難~難在你要看懂她翻譯的語意,有些語意真是讓人感到怪怪滴阿~趁著這許久未有的再次完封(上次完封是MOS Master證照),特別動筆來個紀念畫啦~不過~真是太久沒畫了~~畫的還真是給他很隨便阿~~哈哈~至於考題重點~~等我把東西整理好再發表囉~~最近真是忙翻了~~XD(謎之聲: 你這篇是單純的炫耀文吧...)

Adobe Certified Associate認證考題重點--請由此連結進入

2008年10月6日 星期一

[活動]Adobe CS4 中文上市發表會將於11/7 於台大醫院國際會議中心發表

千呼萬喚終於出現啦~沒想到這次Adobe CS4中文版上市發表會速度這麼快,Adobe果然是搶錢一族的,廢話不多說,Adobe CS4中文上市發表會相關資訊如下

活動:Adobe Creative Suite 4 - 中文版上市發表會(台北場)

日期: 2008/11/7 AM 10:00~PM 18:30

場地:THCC 台大醫院國際會議中心 台北市中正區徐州路2號 (詳細地圖

)

Adobe Creative Suite 4 中文版即將隆重上市,想探究 Adobe Creative Suite 4 中文版的魔力嗎?
本活動特別邀請多位重量級講師到現場分享最新產品及技術應用。機會難得,立即報名!!

另外呢~這次的中文發表會也特別在台中做了一個中文加映場,這可真是難得阿~台中中文加映場的相關資訊如下,有興趣聽中文的就去台中吧~

活動:Adobe Creative Suite 4 - 中文版上市發表會-中文精華加映場(台中場)

日期: 2008/11/27 PM 13:30~17:30

場地:永豐棧麗緻酒店 B1 宴會廳 台中市中港路2段9號 (詳細地圖)

Adobe Creative Suite 4 中文版即將隆重上市,想探究 Adobe Creative Suite 4 中文版的魔力嗎?
本活動特別邀請多位重量級講師以中文介紹 Adobe Creative Suite 4 最新的功能,同時現場分享最新產品及技術應用。機會難得,立即報名!!

另外,9月23日在國外的發表會影片也一併送上啦~內容很多客戶經驗分享(怎麼大家現在都搞這一套XD),有興趣看的人就慢慢看吧~時間長達59分鐘喔~而且前面廢話頗多的,建議從十分鐘以後再看吧~





各段落大概說明一下囉

  • 00:00 介紹的廢話
  • 09:45 強尼上場,廢話接力~
  • 10:26 強尼上街頭送軟體(好想要收到一套阿T_T)
  • 22:16 Ben Grossmann 上場,介紹After Effect CS4
  • 31:00 odopod公司人員上場,介紹Flash CS4 功能,一開始就先示範IK
  • 38:28 Doug Winnie上場介紹Dreamweaver CS4 & Ajax (◎_◎及時預覽真夠屌)
  • 44:20 Tim May 介紹Illustrator CS4 (哇~超酷的!!)
  • 51:39 強尼介紹PHOTOSHOP CS4的功能(好用! 超好用啦~)

從影片中我們可以看到PHOTOSHOP CS4把非破壞性編輯發揮到更高的境界了,真是太銷魂、太黯然啦~~(扭臀..)Red heart

2008年10月3日 星期五

[技巧]讓網頁不被暫存的語法

每次在設計網頁時,常見到的網頁更新了~但是客戶看網頁的時候還是看到舊版的網頁,為了避免跟客戶溝通個老半天,所以我們可以將網頁加上一段語法讓網頁不被暫存,這樣每次看到的就會是最新的資訊了~也可以免除客戶老是抱怨要去清除暫存檔的麻煩。

有需要者,請把

<meta http-equiv="pragma" content="no-cache">

加在網頁的<head>這裡</head>就可以囉

快去試試看吧^^

2008年9月28日 星期日

[軟體]CorelDRAW X4 繁體中文版上市初探&下載

CorelDraw X4 繁體中文版總算是上市了,不過由於之前太忙了,所以完全沒時間把訊息發上來阿XD,現在來補一下吧~
CorelDRAW X4更新到現在,已經改變以往多片CD的方式,而直接以一片DVD完全整合,包含軟體、圖庫以及其他資源...等項目都放在一片DVD中啦~真的是方便許多阿~
首先,我們就來看看CorelDRAW X4的安裝畫面吧~

CorelDRAW X4繁體中文版安裝過程

CorelDRAW X4繁體中文版一開始的安裝畫面,跟舊版的似乎沒有多大的差異,唯獨把變色龍換回超有代表性的熱氣球了~^^CorelDRAW X4繁體中文版安裝程式畫面
CorelDRAW x4繁體中文版的授權畫面,記得勾選"我接受授權合約中的條款"喔~CorelDRAW X4繁體中文版的授權畫面
輸入CorelDRAW X4的序號跟使用者名稱吧,嘿嘿~這麼乾淨的畫面,我喜歡^^CorelDRAW X4 安裝畫面
CorelDRAW X4安裝時的"安裝"選項畫面,在這個畫面中共有四個頁籤可供切換並設定各種安裝設定,在"安裝"這個頁籤中,可以設定您要安裝的軟體,此版本為零售版,內部共有四套軟體,如圖所示有CorelDRAW X4、Corel PHOTO-PAINT X4、Corel CAPTURE X4、Bitstream Font NavigatorCorelDRAW X4安裝時的
CorelDRAW X4安裝時的"功能"選項畫面,在這個畫面中可以選擇您想要支援的匯入格式以及使用手冊,另外還有拼字檢查所需用到的字典檔等功能。CorelDRAW X4安裝時的
CorelDRAW X4安裝時的"選項"畫面,在這個畫面中可以設定是否把安裝檔案複製一份到你的硬碟中,以備在需要維護與更新CorelDRAW X4的時候可以不用去翻光碟片,如果你硬碟夠大的話~當然是要勾選這個選項會比較方便啦CorelDRAW X4安裝時的
CorelDRAW X4安裝時的"EXTRAS"選項畫面,這裡你可以選擇安裝CoreDRAW X4的一些範本檔案,另外也會多安裝更多的軟體資源,如筆刷、噴灑清單、材質、花紋...等資源,另外以往選擇安裝字型的設定也是在這個畫面中選擇,可以發現的是,按照我的步驟與設定一步步下來,他也吃掉了我快要2G的硬碟空間了,真是越來越有怪物級軟體的架勢了XD,OK~廢話不多說,設定完就按下"立即安裝"吧~~
另外,順便提供我實際測試安裝的容量差異記錄給各位參考囉~紀錄如下
  • 預設安裝 = 1.10G
  • 增加安裝"輔助匯入+三級匯入" = 1.11G
  • 增加安裝"使用手冊" = 1.12G
  • 增加安裝"預設字型" = 1.95G
  • 安裝"範本及應用程式" = 1.75G
  • 增加安裝"剪輯圖片與影像"約佔掉3.76G
CorelDRAW X4安裝時的
開始安裝啦~CorelDRAW X4開始安裝啦~^^~
安裝完成,重新啟動電腦吧!!CorelDRAW X4安裝完成啦

CorelDRAW X4繁體中文版軟體介面

安裝好CorelDRAW X4之後,馬上就來啟動看看吧~首先出現的是改版後的歡迎畫面,似乎跟Corel公司的另外一套軟體-Painter 非常的相似阿,右方會有頁籤式的選項,點選之後就會切換,就如同書本翻頁一樣的視覺畫面效果,而畫面中主要顯示三種項目-最近使用的檔案清單、開啟其他舊檔、新增檔案,若是把滑鼠移動到最近使用的檔案清單上,還會在左手邊的預覽窗格顯示檔案縮圖(如圖),改變了以往要點選之後才能預覽的缺點。CorelDRAW X4的歡迎視窗
CorelDRAW X4歡迎視窗中"新增功能"頁籤的畫面CorelDRAW X4的歡迎視窗2
CorelDRAW X4歡迎視窗中"學習工具"頁籤的畫面CorelDRAW X4的歡迎視窗3
CorelDRAW X4歡迎視窗中"圖庫"頁籤畫面CorelDRAW X4的歡迎視窗4

CorelDRAW X4繁體中文版的新功能

CorelDRAW X4新增的功能可以分成版面與文字編輯、設計資產、工作流程三大項目,在版面與文字編輯部分新增與加強的功能如下
  • 加速版面編排和文字編輯
  • 互動式表格:
    結構化版面編排,用於建立及匯入文字或圖形
  • 獨立的頁面圖層:
    在多頁文件變換頁面版面編排,有了這個功能讓你更加的方便在每個頁面設定不同的圖層以方便發揮您的設計啦~
  • 即時文字格式化:
    套用格式化變更前先進行預覽
  • 與 WhatTheFont™ 整合:
    迅速辨識字型
  • 鏡射段落文字:
    水平及/或垂直鏡射文字
設計資產部分功能如下
  • 支援原始相機檔案 (RAW):
    讓您即時以互動式控制方式預覽調整
  • 對齊影像:
    全新的互動式控制方式,讓操作更快速、簡便
  • 長條圖回應:
    比舊版提供更多功能
  • 強化的色調曲線對話方塊:
    讓您更精確調地整影像
  • 精簡的頁面大小選項:
    充分反映使用者所在地理區的作業慣例
  • 加強與 Windows Vista® 整合:
    現在你可以利用Vista利用關鍵字搜尋CorelDRAW檔案
工作流程部分
  • 全新可編輯的內容:
    10,000 張剪輯圖片 (40% 全新圖片)、1,000 張高品質相片和更專業的字型:包括 75 個支援希臘、斯拉夫和其他國際字元集的 Windows Glyph List 4 (WGL4) 字型,以及單行雕版字型和 OpenType® 跨平台字型
  • 嶄新的自樣本開新檔案對話框:
    為任何工作輕鬆找出適用的樣本,並按照關鍵字或產業瀏覽
  • 80 個專業設計範本:
    包含關鍵字、設計選擇備註、輸出提示,以及自訂樣本時維持絕佳設計的方法
如果各位有興趣的話,那就馬上到Corel公司的網站下載試用版吧~^^
或是直接點選這裡下載試用版

2008年9月12日 星期五

[日記]Adobe Certified Associate 認證入手(ACA認證)


最近因為補習班要求未來上課要有ACA認證,只好去考ACA認證,想想反正也考了一堆沒用的證照,多個一張證照,不管有沒有用到啦~至少拿出去還能看點,不過這ACA認證好像沒啥聽說過,稍微查了一下,ACA認證全名"Adobe Certified Associate",此認證是Adobe第一張國際中文版認證,由Adobe與國際認證機構Certiport合作推出,並獲得國際ISTE國際科技教育協會承認,而Certiport為全球前三大認證機構,認證通行全球128個國家。

Adobe ACA認證內容著重於多媒體網頁設計、數位內容以及媒體傳播的核心應用能力,而考試與課程大綱則包含了多媒體網頁設計、數位內容以及媒體傳播的核心知識與技術。

考試科目

目前Adobe ACA認證共有三科,且提供CS3版本及雙語言(中文 / 英文),考試科目如下:
網頁傳播設計Dreamweaver
多媒體傳播Flash
視覺設計Photoshop

考試價格

ACA認證考試每科$2480含稅,不管你考中文版本或是英文版本,價格都一樣喔。

考試方式

ACA認證提供線上模擬操作題,考題中涵括專案管理與智財權等題目,題目的類型有選擇題(單選 & 複選)、配對題、操作題,考完直接可得知分數,並通知通過與否,若是通過,證照將於本部寄出,約三~四周即可收到囉。

考試時間

不知道未來是否會更改,但是此次考試時間為五十分鐘,直接線上考試。

及格分數

目前已知的情況是該題目會依照考試通過的人數來決定及格分數,就如同微軟的MOS認證一樣,此次考Flash CS3的及格分數為700分(我的得分可離這分數撮撮有餘阿),考試題目共四十題,每個人的題目不會全部一樣喔,有興趣的人要快一點喔~^^

後記 & 建議

怎麼變成好像在介紹ACA認證的文章一樣了~Orz,這篇明明就是炫耀我考到ACA認證了阿,不管如何,如果各位的英文跟我一樣爛的話,請考中文的,如果你的英文實在是有夠好的好的話,請考英文的,因為我這次有個題目就因為翻譯成中文的原因,導致我做錯被扣分,真是有夠冤枉的阿,這翻譯是啥呢? 就是"追蹤"點陣圖,啥東西是追蹤阿? 想了老半天,考完了之後跟同事討論,才明白"追蹤"原來就是"Trace"阿!!! 超囧,就是描繪點陣圖的意思啦,一整個無力,害我還在想要怎麼追蹤哩~

另外也要提醒各位有興趣考此證照的朋友們,最好了解一下專案的製作流程,並且有一點實際經驗,因為該認證還會考到專案流程與需求的知識(跟軟體無關的喔),以及客戶需求考量...等問題,所以對專案流程不熟的人,有可能會在這裡因為"猜答案"沒猜準而被扣分,且選擇題有些是複選喔^^,猜對了一個卻猜錯了另一個不就非常冤枉了XD,不管如何啦~~有實力的人是不用怕的囉^^

相關網站

參考書籍


"Adobe Certified Associate Flash CS3 模擬考題"這本書是上奇所出版,目前在市面上還沒有看到有賣,或許是要報名才會有吧~要看廠商配套措施是如何囉~


Adobe Certified Associate Flash CS3 模擬考題
Adobe Certified Associate認證考題重點--請由此連結進入

2008年8月25日 星期一

[教學]TQC Photoshop CS3認證解題-307 普普藝術

TQC Photoshop認證解題相關要求請參閱相關書籍

307 普普藝術這一題比較特殊一點,您可能下載此PSD原始檔比較容易瞭解,通常很多人都對普普藝術第二張圖片的處理會比較多問題,所以我在這邊提供了一個實際的範例檔案,僅針對第二張圖片作處理與比對,請各位自行下載後用Photoshop開啟之後,點選調整圖層即可看到實際的曲線調整了。相關圖片如下所示:

TQC Photoshop CS3認證解題-307 普普藝術-我調整的範例

TQC Photoshop CS3認證解題-307 普普藝術-圖層狀態

TQC Photoshop CS3認證解題-307 普普藝術-曲線調整畫面

完整教學影片(不專心~講話講到結結巴巴~XD)

2008年8月21日 星期四

[教學]TQC Photoshop CS3認證解題-503 雕鑿

TQC Photoshop證照相關解題要求請參閱相關書籍

[教學]TQC Photoshop CS3認證解題-401 蛋殼中的小狗

tqc Photoshop證照相關解題要求請參閱相關書籍

[教學]TQC Photoshop CS3認證解題-403 夕陽

TQC PHOTOSHOP認證相關解題要求請參閱相關書籍

[教學]TQC Photoshop CS3認證解題-305 模特兒

TQC PHOTOSHOP認證相關解題要求請參閱相關書籍

2008年8月14日 星期四

2008年8月7日 星期四

2008年8月6日 星期三

[教學]TQC Photoshop CS3認證解題-102 頌春

相關題目要求請參閱相關書籍

[教學]TQC Photoshop CS3認證解題-202 鴨

相關題目要求請參閱相關書籍

[教學]TQC Photoshop CS3認證解題-210 復古車

相關題目要求請參閱相關書籍

[教學]TQC Photoshop CS3認證解題-104 光譜鴨

相關解題要求請參閱相關書籍

[教學]TQC Photoshop CS3認證解題-204 漩渦

相關題目要求請參閱相關書籍

[教學]TQC Photoshop CS3認證解題-201海

相關題目要求請參閱相關書籍

[教學]TQC Photoshop CS3認證解題-301林中彩衣

相關題目要求請參閱相關書籍

[教學]TQC Photoshop CS3認證-101迎接豬年

相關題目要求請參閱相關書籍

2008年7月22日 星期二

[技巧]XP大變身之三 - 更新到XP SP3依舊MAC風

本文同步發表於壞掉的印表機-MS Labs

XP更新堂堂邁入了PS3的階段了,但是還是有很多人不敢貿然更新,其實除了依些對更新的不確定性之外,另外在介面上的修改是否會受到影響也是令人感到疑惑,其實事實上XP更新到SP3之後,整個被我們修改過的介面的確會變成無法套用自定的介面的,不過甭擔心,看了這篇文章,保證您大可放心更新到SP3啦~

更新到SP3之後,主要是uxtheme.dll 的限制,造成我們無法隨心所欲的更換我們想要的介面風格,所以,要請大家先來破解一下uxtheme.dll 的限制,首先請大家先去下載uxpatcher.zip 回來,然後再執行此壓縮檔裡面的 UXTheme Multi-Patcher 6.0.exe,接著此執行檔會要確認你的系統是否為XP SP3,按下"OK"繼續後,稍微等待一段時間,直到跳出Windows檔案保護視窗之後,點選"取消",再按"確認",接著重新開機後,就可以繼續享受自己喜愛的MAC介面啦~

備註:此篇文章因壞掉的印表機已測試成功且來不及抓圖而無法提供測試圖片,敬請見諒^^

2008年7月15日 星期二

[技巧]超快速!! 瞬間設定 Word 2007 文字行距

本文章同步發表於壞掉的印表機 MS Labs

基本上見到大多數的人設定行距都是使用段落功能來做設定,其實我們還有更好的選擇~那就是使用快速鍵,而你也一定會說~廢話~誰不知道要用快速鍵啊!! 如果你想的是在Office Word 2007中用Alt + PPG(PPG請照順序按即可)的話,那你就大錯特錯了~

實際上我們可以設定的行距數值有後敘幾種:單行間距、1.5倍行高、2倍行高、自訂間距,而其中的前三項,我們可以直接利用快速鍵就指定完成,而不需要開啟段落設定視窗,你只要把插入點放在要設定的段落中,然後就可以照下面的快速鍵來直接設定你的行距啦~

  • 設定單行間距:Alt + 1 (數字鍵)
  • 設定1.5倍行高:Alt + 5 (數字鍵)
  • 設定倍行高:Alt + 2 (數字鍵)

沒錯! 你絕對沒看錯,就是那麼簡單啦~請注意到! 如果您使用的是桌機(桌上型電腦)的話~請使用鍵盤上方橫向的數字鍵,而不要用右邊的數字鍵喔~

另外~如果你想一起順便快速設定段落前的距離的話,那麼你的快速鍵需要再按一次Ctrl + 0 ,預設是段落前12pt~~大家快去試試看吧~~

至於有些人可能連PPG的用法也不知道,那麼就請先看看這篇"Office 2007 快捷鍵用法"吧~如果真的還看不懂~請留言一下~我看人數以撰寫教學~

HEMiDEMi 的標籤:,

Technorati 的標籤:,

udn 的標籤:,

[技巧]Office 2007 快速鍵使用方式

本篇文章同步發表於壞掉的印表機 MS Labs

當微軟把Office改版到2007的時候,應該有不少人看到時都傻眼了吧~因為整個介面的差異真是太大了,大到讓人太Shock了,剛開始還真不知道該怎麼上手呢!! 像是懶惰的印表機本人來說~當時就不知道我的快速鍵跑去哪裡了~因為懶惰~所以很多功能都喜歡用快速鍵~不用快速鍵的話~好像少了一隻手那麼難過~手沒按快速鍵就會癢(這應該是有病吧~XD)~如果你也跟我一樣是快速鍵中毒使用者的話~那你必定要看看本篇文章啦~~

以往我們在Office 2003 或是更早的版本當中要使用快速鍵的話,都是使用Alt配合功能表上面的英文字,就像這樣2003_hotkey

當按出了選單之後,再配合選單上面功能字尾的英文字去按就可以使用該功能了2003_hotkey2

那到了Office 2007之後呢~其實變化也不大,不過快速鍵記憶的方式有變倒是真的~~在這邊我使用Word 2007來示範,Office 2007的快速鍵一樣也是按下Alt就會出現了~不過出現的方式是在每個功能的旁邊顯示一個小小的英文字,如圖片中一樣:
2007_hotkey 2007_hotkey2

這時你應該會發現英文字特多的,且跟之前的快速鍵的英文字也都不一樣,我們可以先從記憶第一排標籤部分(如舊版的功能表)的英文字開始著手,在第一排我們來用中英文版本對照一下
2007_hotkey3

大家應該可以發現好像快速鍵跟英文單字很有關係~其實的確就是這樣,很多軟體(包含其他像是影像處理、繪圖排版......等各種軟體)就是考量到記憶的方式,所以許多的快速件都與其本身的英文單字有關,有些是用字首(第一個英文字),有的是用該功能的含意,如"常用"英文版本叫做Home,所以他的快速鍵就是"H",當我們按下Alt + H之後就可以看到"常用"的內容的快速鍵就出現了~2007_hotkey4

接著我們再按下相關的快速鍵,例如"貼上(V)",他就會執行這項功能了~不過,由於貼上的功能內還有其他功能,所以他又會繼續顯示它內部的功能,如同畫面中顯示一般
2007_hotkey5

同上面的道理,繼續按下快速鍵吧~那麼這時就將功能確實的執行了~如果,你對Office中一些常用到的功能覺得用滑鼠太慢的話,那麼你就可以慢慢的把一些快速鍵給記下來,用久了~其實就熟練了~大家慢慢用吧~^^

2008年7月9日 星期三

[日記]微軟MVP專屬禮品收到啦~

前天才收到MVP禮品寄出的消息,今天就收到了,微軟的效率可真是迅速阿,今年的禮品真是超棒的,剛好是我想要的東西阿~~真是太正點了,去年來不及搞開箱照~今年就讓大家一起來分享一下開箱照吧~~

在此特別感謝朱小言特別支持攝影棚讓我拍攝,才有那麼美的開箱照阿~~XD

外包裝OLYMPUS DIGITAL CAMERA

開箱啦~OLYMPUS DIGITAL CAMERA

我的MVP證書OLYMPUS DIGITAL CAMERA

證書下方就是一個盒裝禮品(中間)以及2008 MVP 掛牌(左下角)、2008 MVP 徽章(右上角)OLYMPUS DIGITAL CAMERA

禮品開盒啦~每個贈品上面都有微軟MVP的字樣喔~

MoGo 超薄藍芽滑鼠

立體聲藍芽無線耳機(想買很久啦~~)

看到以上的東西,你是否也心動了呢?如果大家覺得很不錯的話,也請大家多多支持我最新的Blog- MS-Labs啦~~

HEMiDEMi 的標籤:,

2008年7月8日 星期二

[資源]分站成立 MS-Labs

最近再度續任微軟 MVP (Most Valuable Professional 最有價值專家) 的獎項,讓我覺得有必要為了微軟搞個像樣點的部落格,而不是在這個文章較雜亂的部落格中穿插撰寫微軟的相關文章,所以~ MS-Labs 就此成立,取名為 MS-labs 主要就是取 Microsoft Labs (微軟研究室) 的意思,由名字可以看出這個部落格主要都是在研究與記錄微軟的各種軟體文章,不管是密技或是其他最新的新聞,都會發佈在這個 Blog 中,雖然目前文章數正緩慢的新增中,也請大家舊雨新知,多多捧場啦~y^^y~廢話不多說~現在就快去看看吧~Go MS-Labs

[技研]為Blogger 增加延伸閱讀的功能

本文參考 Abin's Tech Note 後修改

一直以來都看著別人的部落格有著延伸閱讀的功能,這兩天稍微上網找了一下,發覺Abin's Tech Note這一篇文章 講的比較好用,於是動手來改看看,在這邊稍微做個記錄,不過我加的位置跟該篇文章所說的位置有點出入,另外原文中會顯示成英文的"延伸閱讀"文字已被我修改成中文了~有興趣的人再仔細看看吧~

OK~開始修改前記得先來備份一下你的樣板(不會備份請自己上網查,沒那麼難吧~),接著請把下面這一段原始碼放在你的</head>前面

<script type='text/javascript'>
//<![CDATA[
<!-- Script functions for Related Posts: RelatedLabels(), RemoveDuplicatedPosts(), contains(), ShowRelatedPosts()-->
var relatedPostsNum = 0;
var relatedTitles = new Array();
var relatedUrls = new Array();
var relatedDates = new Array();
function RelatedLabels(json) {
  var regex1=/</g, regex2=/>/g;
  for (var i = 0; i < json.feed.entry.length; i++) {
    var entry = json.feed.entry[i];
    relatedTitles[relatedPostsNum] = (entry.title.$t.replace(regex1, '&lt;')).replace(regex2, '&gt;');
    relatedDates[relatedPostsNum] = entry.published.$t.substr(0,10);
    for (var j = 0; j < entry.link.length; j++) {
      if (entry.link[j].rel == 'alternate') {
        relatedUrls[relatedPostsNum] = entry.link[j].href;
        relatedPostsNum++;
        break;
      }
    }
  }
}
function RemoveDuplicatedPosts(PostUrl) {
  var tmpUrls = new Array(0);
  var tmpTitles = new Array(0);
  var tmpDates = new Array(0);
  function contains(a, e) {
    for(var j = 0; j < a.length; j++)
      if (a[j]==e)
        return true;
    return false;
  }
  for(var i = 0; i < relatedUrls.length; i++) {
    if(!contains(tmpUrls, relatedUrls[i]) && PostUrl != relatedUrls[i]) {
      tmpUrls.length += 1;
      tmpUrls[tmpUrls.length - 1] = relatedUrls[i];
      tmpTitles.length += 1;
      tmpTitles[tmpTitles.length - 1] = relatedTitles[i];
      tmpDates.length += 1;
      tmpDates[tmpDates.length - 1] = relatedDates[i];
    }
  }
  relatedTitles = tmpTitles;
  relatedUrls = tmpUrls;
  relatedDates = tmpDates;
}
function ShowRelatedPosts(PostUrl) {
  RemoveDuplicatedPosts(PostUrl);
  var r = Math.floor((relatedTitles.length - 1) * Math.random());
  var i = 0;
  if (relatedTitles.length > 0) {
    document.write('延伸閱讀: <ul>');
    while (i < relatedTitles.length && i < 5) {
      document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a> - ' + relatedDates[r] + '</li>');
      if (r < relatedTitles.length - 1)
        r++;
      else
        r = 0;
      i++;
    }
    document.write('</ul>');
  }
}
//]]>
</script>

加入了上面的原始碼之後,其實有一個小Bug,就是他會把自己這篇文章也加到延伸閱讀的文章內,所以為了解決這個小Bug,我們還得要加上下面這一段,請往下看下去吧~
接著我們要找到顯示分類標籤的程式部分,,如下方這一段

<b:if cond='data:post.labels'>
   Category: 
   <b:loop values='data:post.labels' var='label'>
        <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
        <b:if cond='data:label.isLast != &quot;true&quot;'>, </b:if>
   </b:loop>
</b:if>

在他loop結束標籤前面加上下面這一段

<!--延伸閱讀開始-->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
       <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=RelatedLabels&amp;max-results=5&quot;' type='text/javascript'/>
</b:if>
<!--研伸閱讀結束-->

整個加上去後大致上會是像下面這樣,在這邊要稍微說明一下,這邊已修改了原始文章中延伸閱讀的顯示篇數為五篇,若是各位想改數量的話,可以找到 "max-results=5&quot;"這段原始碼,把5改成其他數字即可

<b:if cond='data:post.labels'>
    Category: 
    <b:loop values='data:post.labels' var='label'>
       <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
       <b:if cond='data:label.isLast != &quot;true&quot;'>, </b:if>
<!--延伸閱讀開始-->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
       <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=RelatedLabels&amp;max-results=5&quot;' type='text/javascript'/>
</b:if>
<!--研伸閱讀結束-->
    </b:loop>
</b:if>

OK了~我們解決了之前所說的Bug了,最後我們要加上把延伸閱讀顯示出來的部分了,一般來說通常顯示延伸閱讀都是看完文章之後才看延伸閱讀的,所以我們要找到

<data:post.body/>

然後把下面這一段原始碼加在後面就可以了

<!--延伸閱讀開始-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <script type='text/javascript'>
    ShowRelatedPosts(&#39;<data:post.url/>&#39;);
  </script>
</b:if>
<!--延伸閱讀結束-->

完成了,大家趕快去測試看看吧~如果各位還有其他的問題,可以上原始網頁去看看喔~

2008年6月30日 星期一

[日記]犯小人

最近真是覺得很詭異,莫名其妙就犯了小人,話說上次那驚人的職訓狀況在我課程時間一到即結束了,剩下就是尚未錄完的教學(其中還包含沒有聲音要重錄的部分),結果最近都在趕稿~導致抽不出時間來錄製教學給學生,沒想到~竟然被學生跟補習班告狀說我沒有信用,不配當個老師外! 還在同學間大聲宣揚她告狀的功績,天哪!! 這到底是甚麼狀況阿@_@!!

今天盡量配合學生的程度也就算了~也為了讓他們方便(學生懶惰的成分好像較多)~所以就錄製教學影片以利他們回家後練習~沒想到因為電腦硬體問題不小心沒錄到聲音而被學生嫌說看的很累之外~現在還要被說成沒資格當老師~我只能說真是囧到一個不行阿~這年頭還真的是好人難做阿~

事後聽到這位同學的經典言論~還真是讓人心寒阿~回到上一篇"熱情講師的悲情職訓月"內的一些學生錯誤觀念來看,他真是嚴重的犯了"將希望寄託在他人身上"的大錯阿~真的很想告訴她:『你以為有了教學就能突飛猛進? 就保證會用軟體? 就保證你會學的比較好?』,這真是天大的笑話阿~真正懂得學習的人是自己會主動去找資源的人,而不是永遠等待別人給與你資源的人,真的為這位同學感到很悲情~也真的為了自己的遭遇感到很悲情,付出最多的一個班級卻是得到最少的一個班級(傷害得到最多啦XD),很傷~~真的很傷~~也為了這件事跟補習班的人起了一點小爭執~~實在是很不值得阿~囧rz

事實上~我不清楚這些學生是怎麼去看待一個講師的,但是就我個人的想法來說,講師也沒啥了不起,講師頂多只是比你多接觸一些,多瞭解一些,也比你多會一些軟體的操作及應用罷了,也因為這樣,所以我可以教你們,而你們也因為比講師要來的不懂,不瞭解這些軟體及技術,所以來這裡學習,但是~學習不是自己的事情嗎? 怎麼變成是講師的責任了? 實在令我很不解阿~~拋開講師的身分,其實講師也跟一般人沒兩樣,不是嗎? 課堂上講師盡力教,學員盡力學,下課後,講師就下班啦(不下班你要多付錢給我嗎?)~學員呢? 有本事就可以不用複習,沒本事的就該多做練習(不想練習學不好那根本不關我屁事),就算搞不懂原理,也該把步驟死記到滾瓜爛熟(雖然我不是很贊同死記的學習方式),結果現在遇到這種學生我還真是頭一回阿~我看以後還真的是不要當個好人才好~犯了小人累死自己外還惹得一身腥~不僅專業被踐踏外~連整個人格都被賤踏~真有夠囧ㄚㄚㄚㄚㄚ~~

今晚~為了這個鳥事~補錄製三個教學給學生~搞得我搞鍵的時間被壓縮了~還沒鐘點費~只能說心裡的感受~真ˋ阿~

PS:

給那些認為我發表的部分言論有不適任講師的人的一些話,基本上~我個人的脾氣不是很好,尤其是在遇到不懂得互相尊重語沒心學習的爛咖時,所以~既然沒有互相尊重也沒心學習,也就沒有講師與學生的差異,所以我也就不認為我是你的講師,也不認為你是我的學生,我只當你是個跟我沒關係的爛咖,那麼你的一切也都跟我沒關係,爛咖不受教不是我的錯,爛咖學不好不是我的錯,所以請勿將濫咖個人的行為與能力推卸與歸咎在講師的專業上,那是非常不負責任的一件事。

2008年6月29日 星期日

[技研]Photoshop Blending modes(圖層混合模式)

這是一份有段時間的研究了~一直放在我個人的研究網站中,不過為了方便上我課程的學生們學習,乾脆就直接放上來了,當時測試的版本是Photoshop CS2 若是翻譯與快速鍵有所不同,請自行搜尋網路吧~^^~

Photoshop 的圖層混合模式一直是許多人想搞懂卻搞不懂的功能,網路上一堆的教學也都總是用了一堆混合模式,但是卻始終讓人摸不清到底如何學習比較方便,在這份研究最後的總結中有做了最簡單的學習觀念與記憶方式,至於細項的部分則靠大家去慢慢記憶囉~

下面將整份研究記錄及畫面清楚的呈現出來,有興趣細看的人就慢慢看囉~

文件說明

此紀錄包含軟體相關介面、實驗原圖及結果圖,圖片須對照文字說明較能清楚了解說明的事項,此紀錄也將相關的混合模式以水平線分隔開,以方便閱讀與記憶。

 

中 / 英文介面對照

Blend modes list

 

混合模式示範檔

下圖說明了採用的圖片與其在Photoshop 中的圖層順序,加上色彩方塊及透明度百分比的差異好觀察實際混色出來的變化,詳細的色彩設定及透明值詳列於下:

Photoshop Blending mode 示範圖檔1 Photoshop Blending mode 示範圖檔2

Photoshop Blending mode 示範圖檔3

設定上層與下層的混合模式來觀察色彩的變化,配合Adobe Help內的說明(如上),左上方的色彩方塊由左至右,由上至下為

BK 100、BK 75、BK 50、BK25、BK 0、R 255、G 255、B 255(所有Alpha 100)

BK 100、BK 75、BK 50、BK25、BK 0、R 255、G 255、B 255(所有Alpha 75)

BK 100、BK 75、BK 50、BK25、BK 0、R 255、G 255、B 255(所有Alpha 50)

BK 100、BK 75、BK 50、BK25、BK 0、R 255、G 255、B 255(所有Alpha 25 )

 

切換混合模式快速鍵

快速鍵:Shift++ (加號) 或 – (減號)

 

混合模式清單

◎ Normal 正常模式

●快速鍵:Alt + Shift + N

●作用說明:

在正常模式下,上圖層所有像素、顏色皆正常顯示,不會與下圖層有任何的交集,也是預設值。(在處理點陣圖或索引色影像時,「正常」模式稱為高反差)。

●結果圖片與說明:

photoshop blending mode (normal)


◎ Dissolve 溶解模式

● 快速鍵:Alt + Shift + I

● 其它翻譯:漸隱模式

●作用說明:

溶解模式的結果取決於該圖層之Opacity(不透明度)之數值,降低不透明度將會產生Random(隨機)之點狀圖案,越是透明,上圖層的像素就消失得越多。

通常在設定Dissolve( 溶解模式 )的同時,會在上圖層的Advanced Blending( 進階混合 )裡面再做些不透明度調整,效果將比較自然。你可以雙按上圖層進入此設定視窗。在Blend If( 混合範圍 )下面兩滑棒上左右移動,並可同時按住 Alt 鍵拖拉作出漸層隱藏的效果。

Photoshop Blending mode (Dissolve)

Photoshop Blending mode (Dissolve)


◎ Lighten 變亮模式

● 快速鍵:Alt + Shift + G

● 其它翻譯:加亮模式

●作用說明:

加亮模式會將上下圖層的個別色頻做比較,也就是說,上層紅色色頻對下層紅色色頻、綠色色頻對綠色色頻、藍色色頻對藍色色頻,然後再用比較過後較亮的色頻取帶原有色頻。

●快速記憶:各色頻比較,取較亮者。

●使用時機:

  1. 與變暗模式相反,於製造兩圖層色彩具虛幻的感覺時,視圖片色彩狀況選擇使用變亮( Lighten )或是變暗( Darken )模式

●結果圖片與說明:

由於保留較亮的色彩部份,故整體影像效果明顯著重在右邊背景較暗而前景較亮的部份,左邊的色塊由於背景影像較亮,所以整個效果並不明顯,灰階色彩全都看不到有任何的效果(因為較背景影像暗)

Lighten


◎ Darken 變暗模式

● 快速鍵:Alt + Shift + K

● 其它翻譯:加深模式

●作用說明:

變暗模式剛好與Lighten相反,會將上下圖層的個別色頻做比較,也就是說,上層紅色色頻對下層紅色色頻、綠色色頻對綠色色頻、藍色色頻對藍色色頻,然後再用比較過後較暗的色頻取帶原有色頻。

●快速記憶:各色頻比較,取較暗者。

●使用時機:

  1. 若是上層圖層內的白色,由於是最亮的色彩,與下層較白色為深的區域交疊時都會變成透明的區域。

●結果圖片與說明:

由於變暗模式是保留較暗的部份,所以整個影像可以看到前景的深色全部都保留了,而較為明亮的白色與較淺的灰階幾乎都看不見了。

Photoshop Blending mode (Darken)


◎ Color Dodge 加亮顏色模式

●快速鍵:Alt + Shift + D

● 其它翻譯:漂白模式

●作用說明:

此模式與變亮模式類似,效果較變亮模式來的強烈,對比度較變亮模式強。
讓上層影像變亮,以減少對比的方式反映出上圖層影像。
下圖層的影像對比增加,呈現高對比狀態。
與下層影像混合時,會加亮下層影像色彩,若下層影像為黑色則會保留黑色區域,若為白色則最亮至白,灰階視階調而呈現上層影像色彩。
黑色為中性色,與黑色混合不會產生任何改變。

●使用時機:

  1. 對於應用在火燄燄心、光影中心、或任何需要突顯亮部的時候。
  2. 需要提高影像對比的時候。
  3. 極亮部通常已至255階白色。

●結果圖片與說明:

上層影像深色階都增亮轉為白色階調(由左上方的色塊可以看出),也由於黑色為中性色,所以上圖層右方的影像中深色的部分都已轉成半透明的白色。而下圖層的影像對比增加了(可由右上角的"角"邊的臉可以看出)。

Photoshop Blending mode (Color-Dodge)


◎ Color Burn 加深顏色模式

●快速鍵:Alt + Shift + B

● 其它翻譯:燻黑模式

●作用說明:

此模式與變暗模式很相似,效果較變暗模式來的強烈,對比度較變暗模式強。
Color Burn( 加深顏色 )模式與Color Dodge( 加亮顏色 )模式正好相反,
讓上層影像變暗,以增加對比的方式反映出上層影像。
下圖層對比減少,與上圖層色彩混合後對比度看起來較沒有太大的改變。
與下層影像混合時,會加深下層影像色彩,若下層影像為白色則會保留白色區域,若為黑色則最深至黑,灰階會呈現上層影像色彩。
白色為中性色, 與白色混合不會產生改變。

●快速記憶:加深並增強上圖層影像對比。"加"強變暗模式(效果較變暗模式強烈)

●使用時機:

●結果圖片與說明:

由左上方的色塊顯示白色在此模式下沒有任何作用(呈現透明),右方的圖片亮部區域(白色)都已成透明並與下方混色。

Photoshop Blending mode (Color-Burn)


◎ Linear Dodge 線性加亮模式

●快速鍵:Alt + Shift + W

●作用說明:

讓上層影像變亮,以增加對比的方式反映出上層影像。
黑色為中性色, 與黑色混合不會產生改變。

●結果圖片與說明:

Photoshop Blending mode (Linear-Dodge)


◎ Linear Burm 線性加深模式

●快速鍵:Alt + Shift + A

●作用說明:

讓上層影像變暗,以減少對比的方式反映出上層影像。
白色為中性色, 與白色混合不會產生改變。

●結果圖片與說明:

由左上方色塊顯示白色色塊無作用,故呈現透明效果,右方的影像則保持了大部分的原始影像色彩。

Photoshop Blending mode (Linear-Burm)


◎ Multiply 色彩增值模式

●快速鍵:Alt + Shift + M

●作用說明:

故名思義,重疊,會將上下圖層之色彩數量相疊加混合,所產生的疊加顏色將比兩者各自的顏色更深。白色為中性色。 上圖層之任何白色部份將不產生增值效果。

●使用時機:

  1. 加強曝光過度的影像濃度。
  2. 只希望上圖層之暗色部份留下,白色部份不作用時。
  3. 黑白線稿(如素描稿)混在影像上時。

●結果圖片與說明:

Photoshop Blending mode (Multiply)


◎ Screen 濾色模式

●快速鍵:Alt + Shift + S

● 其他文翻譯:螢幕模式

●作用說明:

與Multiply ( 色彩增值 )正好相反,會將上下圖層之色彩數量相疊加混合,所產生的疊加顏色將比兩者各自的顏色更亮。黑色是中性色。上圖層之任何黑色部份將不產生增值效果。

●使用時機:

  1. 加強影像亮部。
  2. 只希望上圖層之亮色部份留下,黑色部份不作用時。

●結果圖片與說明:

Photoshop Blending mode (Screen)


◎ Overlay 覆蓋模式

●快速鍵:Alt + Shift + O

●作用說明:

覆蓋模式與會根據影像色彩階調而選用Multiply ( 色彩增值 )或Screen( 濾色 ),深色及淺色的表現會不同,但會保留並加強影像之亮部與暗部。 中間色彩( 128 )則會隱藏成為透明。(RGB:128)灰色是中性色,上圖層之任何50%灰色部份將不產生增值效果。

●使用時機:

  1. 希望上圖層之亮暗部均勻融合至下圖層時。
  2. 當上圖層為50%灰色,並套用濾鏡 Filter / Stylize / Emboss 時(會產生邊緣亮部與暗部),在設定為Overlay後,所有灰色即消失。

●結果圖片與說明:

Photoshop Blending mode (Overlay)


◎ Soft Light 柔光模式

●快速鍵:Alt + Shift + F

●作用說明:

柔光模式會依據上圖層影像的明暗程度來加深或加亮影像色彩,效果上面沒有覆蓋來的強烈。
灰色(RGB:128)是中性色,上圖層之任何50%灰色部份將不產生增值效果。

●使用時機:

  1. 當你希望上圖層影像均勻、半透明地融合至下圖層時。
  2. 希望比Overlay( 覆蓋 )模式較淡的效果時。

●結果圖片與說明:

Photoshop Blending mode (Soft-Light)


◎ Hard Light 實光模式

●快速鍵:Alt + Shift + H

● 其它翻譯:強光

●作用說明:

設定實光模式時,是以50%灰色為計算基礎。
上圖層任何像素比50%灰色還亮的,即加亮影像。比50%灰色還深的,則會加暗影像色彩,保留的黑(暗)與白(亮)較覆蓋模式要來的明顯。
灰色(RGB:128)是中性色,上圖層之任何50%灰色部份將不產生增值效果。

●結果圖片與說明:

Photoshop Blending mode (Hard-Light)


◎ Vivid Light 強烈光源模式

●快速鍵:Alt + Shift + V

●其它翻譯:強光

●作用說明:

增加上圖層影像的對比。
降低下層塗層的影像對比,效果較Linear Light( 線性光源 )模式弱一點。
灰色(RGB:128)是中性色,上圖層之任何50%灰色部份將不產生增值效果。

●結果圖片與說明:

由左上方的色塊表現可以看出其表現出來的色彩增值程度,我們與下方的線性光源模式相比較之下,此模式的效果作用範圍較大,保留原始色彩較少,混合出來的透明度較高(從右方像片中嘴唇下部份可看出)。

Photoshop Blending mode (Vivid-Light)


◎Linear Light 線性光源模式

●快速鍵:Alt + Shift + J

●作用說明:

增加上圖層影像的對比。
降低下層塗層的影像對比,效果較Vivid Light( 強烈光源 )模式弱一點。
灰色(RGB:128)是中性色,上圖層之任何50%灰色部份將不產生增值效果。

●使用時機:

  1. 需要作用在較小範圍的灰階並保留大範圍的明暗時。
  2. 希望盡量保持上圖層影像的清晰度時。

●結果圖片與說明:

由左上方的色塊表現可以看出其表現出來的色彩增值程度,我們與上方的強烈光源模式相比較之下,此模式的效果作用範圍較小,保留原始影像(上圖層)明暗的範圍較大。

Photoshop Blending mode (Linear-Light)


◎ Pin Light 小光源模式

●快速鍵:Alt + Shift + Z

●作用說明:

此模式保留原始影像的範圍較Vivid Light( 強烈光源 )模式與Linear Light( 線性光源 )多,增值效果也較不明顯。

●使用時機:

  1. 希望保留大部分的原始影像色彩時。

●結果圖片與說明:

由左上方的色塊可以看出作用於中間灰階(RGB:128)完全是透明的,25%與75%灰階調則大部分保持了原來的色彩與透明度。

Photoshop Blending mode (Pin-Light)


◎ Hard Mix實色疊印混合模式

●快速鍵:Alt + Shift + L

●作用說明:

大幅增加影像的對比,並將色彩階調簡化,有如"影像/調整/色調分離"效果。

●使用時機:

  1. 迅速製作各種色塊的剪影時。
  2. 製作對比超大具視覺張力的影像時。

●結果圖片與說明:

Photoshop Blending mode (Hard-Mix)


◎ Difference 差異化模式

●快速鍵:Alt + Shift + E

●作用說明:

差異化模式是將上圖層之影像轉成負片效果後,經由比較上下圖層的影像明暗來決定顯示出來的效果,當下面的影像比上面的暗時,上層的影像會顯示為原來的色彩,若相反,則顯示負片效果之色彩。黑色在差異化模式是中性色,上圖層任何黑色部份將不產生作用。

●使用時機:

  1. 製作詭異、夢幻特效時。

●結果圖片與說明:

在圖片右邊顯示負片效果的影像,顯示紅色的區域則是下方的影像較上方影像為暗,所以顯示為原始的影像色彩。
左上方的黑色色塊已消失變透明,顯示黑色在此模式下沒有作用。

Photoshop Blending mode (Difference)


◎ Exclusion 排除模式

●快速鍵:Alt + Shift + X

● 其它翻譯:去除模式

●作用說明:

此模式與Difference( 差異化 )模式類似,只不過產生的對比差異較小,較弱。黑色在差異化模式是中性色,上圖層任何黑色部份將不產生作用。

●使用時機:

  1. 所期望之效果略淡化於Difference( 差異化 )時。

●結果圖片與說明:

在圖片右邊顯示負片效果的影像,顯示紅色的區域則是下方的影像較上方影像為暗,所以顯示為原始的影像色彩,但是跟上面差異化模式比較之下,效果顯的較為柔和,整個對比沒有差異化模式的對比那麼大。
左上方的黑色色塊已消失變透明,顯示黑色在刺模式下沒有作用。

Photoshop Blending mode (Exclusion)


◎ Color 顏色模式

●快速鍵:Alt + Shift + C

●作用說明:

Color( 顏色 )模式乃結合Hue( 色相 )模式與Saturation( 飽和度 )模式。使用於灰階影像上色彩時使用。常見於把灰階影像變成彩色的製作範例。

● 使用時機:

  1. 灰階照片之顏色上色。

●結果圖片與說明:

Photoshop Blending mode (color)


◎ Hue 色相模式

●快速鍵:Alt + Shift + U

●作用說明:

Hue( 色相 )模式使用於將上圖層之色相資料留給下層,而忽略上層之Saturation( 彩度 )與Luminosity( 明度 )。

●快速記憶:

色彩三元素,Hue( 色相 )、Saturation( 飽和度 )、Luminosity( 明度 )。Hue( 色相 )模式取上層之Hue( 色相 ),忽略其它二者。

●結果圖片與說明:

Photoshop Blending mode (Hue)


◎ Saturation 飽和度模式

●快速鍵:Alt + Shift + T

Saturation( 飽和度 )模式使用於將上圖層之飽和度資料留給下層,而忽略上層之Hue( 色相 )與Luminosity( 明度 )。

●快速記憶:

色彩三元素,Hue( 色相 )、Saturation( 飽和度 )、Luminosity( 明度 ),Saturation( 飽和度 )模式取上層之 Saturation( 飽和度 ),忽略其它二者。

●結果圖片與說明:

Photoshop Blending mode (Saturation)


◎ Luminosity 明度模式

●快速鍵:Alt + Shift + Y

●作用說明:

Luminosity( 明度 )模式使用於將上圖層之亮部與暗部資料留給下層,而忽略其Hue( 色相 )與Saturation( 彩度 ),所以這種混色模式混出來的圖片大都會帶著灰色的階調( 色彩飽和度低 )。

●快速記憶:

色彩三元素,Hue( 色相 )、Saturation( 飽和度 )、Luminosity( 明度 )。Luminosity( 明度 )模式取上層之 L( 明度 ),忽略其它二者。

●結果圖片與說明:

上層與下層的影像混合之後顯示

Photoshop Blending mode (Luminosity)


總結

整個混合模式依照功用與效果做區隔分成多個類型群,在相同群組之中所呈現的效果是大同小異,但唯一不同的是效果表現出來的程度(效果強度),依照效果強度與群組將其說明如下:

◎ 主要處理亮部階調(黑色無作用)

我們可將效果強度看成明度混合的容許度 ,依照其混合出來的效果強度,由最差至最強依序排列如下:

1.變亮 → 2.濾色 → 3.線性加亮 → 4.加亮顏色

◎ 主要處理暗部階調(白色無作用)

我們可將效果強度看成明度混合的容許度 ,依照其混合出來的效果強度,由最差至最強依序排列如下:

1.變暗 → 2.色彩增值 → 3.線性加深 → 4.加深顏色

◎ 同時處理亮 / 暗階調(灰階無作用)

我們可將效果強度看成明度混合的容許度 ,依照其混合出來的效果強度,由範圍最小到最廣依序排列如下:

1.柔光2.覆蓋3.實光4.

下列的混合模式則是較上面三種混合模式效果要來的強烈

強烈光源
線性光源
小光源
實色疊印混合

◎ 主要處理色彩

作用範圍與上方皆不同,主要在於色彩三元素的部份,而非色彩的階調,故此分類沒有強度排名。

1.顏色 2.飽和度 3.色相 4.明度

◎ 特別處理

主要作用效果是隨機(Random)的點(pixel)

溶解

混合模式之容許度調整

進階混合 & 混合範圍Photoshop Blending (Dissolve)

測試圖檔下載

圖檔下載