顯示具有 美工創意 標籤的文章。 顯示所有文章
顯示具有 美工創意 標籤的文章。 顯示所有文章

2012年1月6日 星期五

Case Study:用 Microsoft Expression Design 設計網頁

Microsoft Expression Design 是微軟出品的 向量繪圖工具,目前出到 Microsoft Expression Design 4 的版本後,可以說是具體而微…當然功能上不比 Adobe 的 Illustrator 和 Photoshop 來得強…但請注意,dnowba 可是說 Microsoft Expression Design 4  < Illustrator + Photoshop … 。如果您專職於「網頁美工」,那麼我覺得Microsoft Expression Design 是個非常好用、非常夠用的軟體了,因為他是專為網頁美工所設計的,所以他和靜態網頁、動態網頁之間的協同能力絕佳…尤其是台灣這個環境,除非大公司同時請得起網頁設計、程式設計,不然一般小企業小公司行號的網頁工作案通常是一人包辦,一個人得寫程式又要作網頁,這個時候,我認為你更需要一整個整合的工具,Microsoft Expression Design 只是Microsoft Expression Studio 這套軟體集的其中之一,dnowba這就現身說法一下,用 Microsoft Expression Design 設計網頁。

底下這個網頁範本原出自於網路上,差別在於那位作者用 Photoshop ,而我用Microsoft Expression Design ,其實工具上的使用和Photoshop差別真的不大…如果你已經會用PS的話,那麼你更要看這篇文章,不是說微軟的比較好、功能比較強,而是後面整合的時候就會看到優勢…

你可以先下載 Expression Studio 4 Ultimate 試用版

你可以點這裡先下載範例
image

詳細作法如後

2011年6月30日 星期四

學校校刊…上岐學園內頁設計

image image
上岐學園的內頁
這次的內頁舊的還是有
就是多了二張…
背景部分用ILLUSTRATOR做
字和照片就回到word上處理
問dnowba為什麼
哈哈
只是習慣問題
反正輸出目的是印刷
如果是要輸出成網頁用
我可能才會一次在illustrator上完成

上岐校刊-上岐學園封面設計

image image

這次的校刊-上岐學園封面封底的設計由dnowba來處理
找靈感花了很多時間
而製作軟體是重回illustrator的懷抱了
以前是常用photoimpact,修修小照片還可以
但是要搞這種輸出a4滿版的印刷物…還是用向量圖專業軟體來處理了
上頭的圖…抱歉不是dnowba畫的…老實說畫這些圖是要花更長的時間的,坦白說我也不知道畫不畫出來。還是網路上找的素材。
功能上用最多的還是用遮罩
其實本來不是這個版的
但適逢我要離開上岐
加上在學校發生的林林總總
詩人寫詩來抒發情感
我就用封面設計來陳志
看出什麼端倪了嗎
雖然很多人看到後覺得dnowba設計的怪怪的…怪是因為少了歡樂、熱鬧的感覺吧

教師退休紀念影片及封面相關

這學期在學校任教三十餘年的老師退休了
雖然和老師的年紀有一段距離
但是平日相處得好…而且感覺很親近
所以感觸深,就幫老師做了個紀念影片
這影片用會聲會影做的…重點不在技術
編輯前是先找背景音樂…再來是寫祝福詞,影片中的照片、後製特效是最後再做
‧背景音樂,覺得國語歌詞中有搭到退休心境的…好像都太俗了…讓我聯想到一些日本歌詞,一如大家在日劇中常看到日本人說的那些很肉麻的勵志語…在日本歌曲也有…所以我找了櫻花紛飛時和ON YOUR MARK,節奏上二個是有落差的,這是因為退休又不是人生的終點,所以我不想一整個影片都用哀傷的音樂,反而我們要開心的歡送老師,因為老師可以開始新的旅程,所以選了有勵志感的ON YOUR MARK…
‧歌詞是先寫了個大概再修正,修改的過程我加入了二首音樂的歌詞(一滴滴就夠了)讓曲子和詞更相容。詞寫完了就單排詞的特效…
●最後是照片、flash等材料的搜集和應用
照片的搜集和挑選當然是困難的任務…dnowba不喜歡和當事者要照片(感覺好像沒誠意,事情發生了才向當事者要照片),當然向當事人拿他還會幫你挑選,這部片子的照片只有我在上岐任教五年拍的,沒有老師年輕時的照片是較遺憾的(應該向他的老公要…怕他忙沒空挑),從400張裡挑40張左右…也算誠意十足…
flash的材料搜集我是有方向的,因為詞先寫完了,比方說我想營造櫻花紛飛的效果,當然可以找影片類型的素材,不過我選flash,因為向量圖沒有影像解析度的問題,flash在使用的時候要搭配的是把swf還原成fla檔案格式的工具軟體,在使用一定會碰到會聲會影放上flash素材卻變成一秒的問題,那是因為這個flash被包成影像檔後,影格的部分會被合併,所以才要flash還原編輯檔的工具,拿到的素材就要重新設計影格,這又有「一秒幾幀(fps)的問題了,flash上面可以修改的,一般的動畫是12幀、電影24幀、動畫30幀一秒。

99學年度畢業典禮-六年級畢業紀念光碟

繼98學年度製作以後,這學期再製作,不管是分鏡、創意和後製上面,好像駕輕就熟許多,今年因為碰到老師退休,還要做,精力上我花在退休光碟比較多。其實我對這個班不是很熟,討論分鏡時小朋友的反應不是很好,沒有火花啊…所以剛開始不大想做,後來小朋友們被導師「勸說」下答應要做,其實感覺就不大好了…題外話…不過我總還是花了點時間做了,這學期製作影片搭著會聲會影X4做,功力大增許多,唯一的缺點就是…拍的時候手一直抖(哈哈…老人),所以做起來不算難看,就分享一下吧。
音樂部分,繼98學年度學生選用羅志祥的撐腰,這回又是羅先生的ONLY YOU,剛開始聽到真的有些XXOOO,因為和小朋友討論過最好選個適合的音樂,朋友類型的歌、畢業專用的歌都可,歌詞才符合主題;而節奏選明快那麼影片就是搞笑kuso居多,選了慢板音樂那麼鐵定是感傷…總之選了好的音樂背景,後面的創意、聯想的材料才會夠。結果有講沒有聽,硬是要選,到了創意分鏡討論時,小朋友大部分的時間都是吱吱唔唔不知如何是好,老師我也只好幫忙想,硬著頭皮做。
因為歌曲是「ONLY YOU」,所以就朝每個學生是不是有獨一無二的才藝或生活表現…另外就是想到無厘頭大師「周星星」的ONLY YOU,好啦…羅志祥ONLY YOU的歌詞我就不管了…

99學年度畢業典禮-頒獎典禮影片

今年的畢業典禮,在舞台上架了螢幕,在頒獎的時候就邊播放得獎學生的影片,司儀就在旁邊唸受獎學生在校表現。
整個的感覺還算良好,不過有老師提醒我這會讓典禮「失焦」,畢竟眼睛就一雙,大家注意力本來只是關注受獎者,如今可能會分心去看影片,不過經過測試後,哈哈,我覺得根本不會失焦,因為父母的眼裡除了上台領獎的孩子,可是容不下一粒沙的。所以我的影片和司儀台詞,其實是「做白工」。恩…不過我習慣了…。還是和大家分享一些東西。

影片都是用會聲會影製作的,今年碰到會聲會影x3升級版本到會聲會影x4,感覺做起來更是順手了
準備的材料:
●最費時的當然還是學生的照片,不過今年在學校網域中我有做了一個照片分享,然後再用一台電腦專跑picasa來抓學生頭像
小朋友從小一到小六的照片要搜集不再是難事。(為什麼要專用電腦?因為我是跑全校的照片,picasa目前頭像的存取就限制在c碟不能改,跑完全校的大概要佔50G的空間)
●再來是學生獎項的設計和司儀的講稿
●再來是音樂背景,音樂是用了三年的「火影忍者頒獎音樂」,我沒有做在裡頭,因為上台受獎的時間很難掌握(我只能順著稿子算時間,加上拍照的時間約24秒),特別提的原因是頒獎片頭和受獎者的影片是有搭的嘿…搭起來的感覺…真好

2011年2月13日 星期日

數位3D印刷技術

環顧周圍,建築物會隨著視角改變
這種裸視3D的視覺產生效果,國外習慣用Hologram來稱呼
image image

網站有提到,這是一種類似我們以往那種立體照片的那種視角互換的作法的類似數位印刷成品

全世界最小的動畫電影-點(dot)

image

全世界最小的動畫電影-點(dot)

主角模型和筆尖差不多大小( 9 公厘)
方式:nokia1200像素的手機+手機專用的顯微鏡+3D印刷技術
幕後團隊精心設計出 50 種不同的小女孩版本,全部親手彩繪,接著再黏在超細的金屬線上,由於小女孩尺寸實在太小了,製作團隊決定採用 3D 印刷的工程技術。製作團隊:「先在紙上設計 2D (圖案),再把 2D 設計傳入 3D 模型塑造器,成果就是像這樣的 3D 公主

團隊淺談製作歷程

2010年11月23日 星期二

上榜了…創意大學堂成功刊稿

image

暑假時有人邀稿,看中了我為當屆畢業生製作的光碟…

這幾天有空上網亂看,才發現已經登上去了

http://www.corel.com/tw/content/html/event/creative_classroom/video_07.htm

努力沒白費…也感謝那些給我靈感的學生們

邀稿的人問我還有沒有其他作品

其實這影片做得不是很水準…

再來純綷是這屆學生得我心…所以願意跨刀

不管如何,用心能被人看得見是件得意事…容許我發篇臭屁文

2010年7月23日 星期五

自製Blogger標題圖片(橫幅)

image

題圖片的DIY,比設計背景圖來得簡單(不是說設計圖,而是在瀏覽器的呈現上),dnowba也從設計標題圖片來細訴一些結合css語法的方式。

2010年7月22日 星期四

搜尋下一個可能…google你好樣的

生活有了google真的給了我們很多新的想像空間…
簡單的廣告鋪陳了google的無限可能,一如google就是那樣簡約
google大哥,我喜歡你的簡單…不要再把事情搞複雜了。

2010年7月14日 星期三

YAHOO部落格版型DIY

image 

花了一天的時間,終於把奇摩部落格版型給用好了。
自已是很不喜歡YAHOO的東西(信箱、拍賣、部落格、相簿…諸如此類)
但偏偏就是對某些人味口
dnowba的老婆就是這某些人之一
版型說穿了還是靠CSS語法來修圖的連結、文字大小、背景顏色等樣式

不解的是YAHOO的CSS語法怪怪的…

所以豬腦爸我的做法就是
1)不研究YAHOO特有的CSS語法,畢竟我只是做一次…
2)參考既有模板的語法,官方的/坊間的都可以,參考到喜歡的(字型、字體、欄位等佈局)把程式碼複製下來,這樣一來我們只要改圖的部分就好了,CSS碼這麼多怎麼知道哪些是圖,簡單,用搜尋程式碼中有「HTTP://」的就八九不離十了。
3)設計圖:這部分是重點,容後面說明。

2010年6月25日 星期五

98學年度畢業典禮-邀請函篇

這邀請卡片其實是延用上個學年度的加點小改版而已,全部在word上做的,有時候簡單的東西我就直接在word上做了,不過排版上面圖文交錯真有點難搞就是了…
image image
設計起來是簡單,dnowba最不喜歡的是列印的時候,有台雙面列印的機器還不夠,記住一定要可以上下翻面功能的印表機。

2010年6月18日 星期五

98學年度畢業典禮-畢業海報

歡迎海報

一共設計了9張,一張是歡迎海報,其他是生活點滴照,用photoimpact做的,整體花了8小時多吧,這次的畢業典禮自定主題是蝴蝶,所以在海報的設計上就是用牠,背景設計上因為是蝴蝶,所以網路上還許多設計圖可以參考,在插圖上則把幼稚園學生做成毛毛蟲造型,國小做成蟲造型囉。這張歡迎海報是最費時的,不過慶幸的是還好學校小,掐指算算幼稚園、國小畢業生也才16人,不然我想光是剪人頭就讓我老命休矣了。下次可以考慮用遮罩的方式來取代看看會不會比較好套。

98學年度畢業典禮-幼稚園光碟

影片是用會聲會影後製的,後製時間耗時3小時,大致流程如下:

98學年度畢業典禮-國小畢業光碟

片子是用會聲會影製作的,製作的流程大概如後所述

2010年6月1日 星期二

履歷表背景

有的人不重視,所以表格打打就寄履歷了,這也無可厚非,畢竟經歷遠比背景重要。
有的人重視,所以會買現成的有背景的A4紙來列印,不過常會遭遇背景和內容版面不符的問題。
前陣子受人請託自已做了履歷背景,我想在繕打時有背景在後面應該就不會有版型的問題了。
未命名 - 1 未命名 - 2
這些日子很愛抽象風的東西,對於背景表達力比較不會這麼拿手的我用這種風格最是適合,也不會喧賓奪主。上面兩張其實有一半是找現成的,另一半才是自已處理。所以製作時間不會很長。

校刊製作

學校配合畢業典禮出版一年一刊的上岐學園,我的部分是處理學校特色,所以製作了二張封面…

◎上岐鼓術擊樂團:搭了中國風的背景和篆體字型來表達「延續傳承」的精神,顏色上搭配學生表演服裝以暖色系的紅黃為主,照片方面是之前和學生參加烈嶼香芋節拍的,還好當初有幫學生拍些特寫,底下二個學生是鼓團的主力,表情也十足好就用上了,整個是用photoimpact做的。
鼓術擊樂團

◎上岐舞舞生風民俗舞蹈團:女生為主的社團所以用粉色系來處理畫面,本來想用學生表演時有動作的照片,但是表演當天不在場所以沒有拿單眼拍,一般拍下來的都鬼影幢幢;退而求其次想用特寫的,結果特寫的照片也沒人照…所以硬是挑了一張還可以的,字體上挑選了律動感較重的,搭配背景的舞蹈剪影看來還ok,剪影其實是抓現成的把他組合起來(趕時間所以不用軟體去裁人物剪影),軟體一樣是photoimpact獨挑大樑。
民俗舞蹈

做完的感覺就是…還不錯哩…

 凱微韻蕎

◎後來又加了一張…游泳教學的,設計方式和上面二張無異,浮水印部分就用魚來做,靈感來自於被告抄襲的蔣友柏公司。這底圖是在網路上找的,完全抄襲但我也不知道作者是誰就是了,個人覺得這種設計的東西抄一下應該無妨,反正我又不是商業用途,況且都分享到網路上的東西,如果怕被抄就不要放網路上吧,我也不是不尊重智慧財產啦,只是覺得有些人把這種權利無限上綱就是了,例如告蔣先生的那位小姐我就覺得太過頭了…創意這種東西有什麼好告的,畫條金魚有什麼好爭,難不成要把全天下畫金魚的人給告光嗎,還有那給他登記專利的什麼鬼政府單位也動一下腦,這種東西還同意專利登記,至於什麼創用CC的鬼東西我只認為是狼皮社會下的二流產物…一句話,敢放網路上就不要給我鎖滑鼠右鍵或是宣告主權…(前提是不要拿來做商業用途喔…商業用的話抄襲就真的不對了)

上岐小泳士

反詐騙短劇

這陣子有個社區治安評鑑,金門縣烈嶼鄉東坑社區也在評比之列,所以在小金門這辦了個治安觀摩活動,學校應邀提供一個反詐騙的宣導短劇,參考了youtube上一些影片後寫了個劇本,演起來倒也還不頼的,就把他留下來做紀錄。

◎節目
節目名稱:騙假不留三部曲
表演人數:7人
表演時間:約10分鐘
表演簡介:
近年來因詐騙事件造成的社會問題層出不窮,上岐國小特別依照常見的詐騙類型演出「愛心篇」、「貪心篇」、「恐懼心篇」三部曲行動劇,希望民眾對於可能遭遇到的詐騙手法能提高警覺,把詐騙集團在社會上清除得片甲不留!!!

2010年5月23日 星期日

數位相機學習手札:靜態人像寫真技巧

◎手持相機:
人真要能保持不動是很難的,而且能掌握動態中的人物才能抓住那份生氣。
所以拍攝人像最好不要使用三腳架,隨時保持機動性來捕捉人物動作/表情的變化。
◎使用光圈光決:
構圖時決定要不要清晰的背景是件重要的事情,例如居家拍照主要是拍人物不大重視背景構圖,那麼縮小光圈值將背景虛化反而較好,反之若是出外旅遊想把美景盡入相機,那麼加大光圈值讓景深長才能符合理想。
◎不要再到此一遊了:
若是出外旅行常見有人會佇立景點前拍照當然是美意。
但是有時景點太大了,要用相機把景點放到構圖中,人的部分一定會變小,此時當果斷點要拍人就拍人,要拍景點就叫人走開。不要因此失彼。
◎掌握時機拍照:
能抓拍的主動當然最好了,但是有時刻意拍的相片人物就是不自然,所以要嘛就是製造氣氛再拍,要嘛就是學狗仔偷拍,這樣的人像寫真最自然。
◎避免逆光拍攝:
逆光情況下,主體的正面處在陰影區,背景又是強光源造成曝光誤判,所以能不逆光就不逆光,除非要拍一些剪影效果的照片。
◎儘量不要用閃光燈:
畢竟閃光燈還是對眼睛有害,所以拍人物半身時若是變焦最大距離允許能多遠就多遠。

Related Posts Plugin for WordPress, Blogger...
// Dnow Function