Tutorials:
ayato@web
ae tuts+
Video Copilot
Adobe Design Centre
Computer arts
pixel2life
AfterEffects* 300+ Free After Effects Tutorials
footage:
artbeats
RevoStock
TK Time-Lapse
Friday 27 February 2009
Wednesday 25 February 2009
Tuesday 24 February 2009
Sunday 22 February 2009
The Creative Treatment of Actuality - John Grierson
John Grierson（1898~1972），在1926年時因評論Robert Flaherty
以玻里尼西亞人日常生活為題材的新片Moana的「紀錄價值」，
而使documentary films一詞首次受到重視。
葛里爾森後來在1932年時發表‘First Principle of the British Documentary Film Movement’中
進一步指出：紀錄片乃是一種 The Creative Treatment of Actuality（對真實的創造性處理），
紀錄片「不是一面鏡子而是一把槌子」（Art is not a mirror but a hammer.），
他強調握在手中的攝影機猶如一把武器，是在「觀察」與「陳述」何謂真、善、美的事物，
而非只是日常例行性活動的公開報導而已；紀錄片是一種「視覺藝術」，它具有化腐朽為神奇的魔力，
可以將日常的世界翻轉成美感的饗宴（It is something more magical.
It is a visual art which can convey a sense of beauty about the ordinary world.），
所以紀錄片本身具有說服觀眾的能力，讓人們瞭解從生命自身觀察和選擇，即能綻放出嶄新和鮮活的藝術形式
（We believe that the cinema's capacity for getting around, for observing and
selecting from life itself, can be exploited in a new and vital art form.）
From:真實與再現的爭議 - 廖慶華
以玻里尼西亞人日常生活為題材的新片Moana的「紀錄價值」，
而使documentary films一詞首次受到重視。
葛里爾森後來在1932年時發表‘First Principle of the British Documentary Film Movement’中
進一步指出：紀錄片乃是一種 The Creative Treatment of Actuality（對真實的創造性處理），
紀錄片「不是一面鏡子而是一把槌子」（Art is not a mirror but a hammer.），
他強調握在手中的攝影機猶如一把武器，是在「觀察」與「陳述」何謂真、善、美的事物，
而非只是日常例行性活動的公開報導而已；紀錄片是一種「視覺藝術」，它具有化腐朽為神奇的魔力，
可以將日常的世界翻轉成美感的饗宴（It is something more magical.
It is a visual art which can convey a sense of beauty about the ordinary world.），
所以紀錄片本身具有說服觀眾的能力，讓人們瞭解從生命自身觀察和選擇，即能綻放出嶄新和鮮活的藝術形式
（We believe that the cinema's capacity for getting around, for observing and
selecting from life itself, can be exploited in a new and vital art form.）
From:真實與再現的爭議 - 廖慶華
The Decisive Moment - Henry Cartier Bresson
The Decisive Moment決定性的瞬間（1952）:
*To me, photography is the simultaneous recognition, in a fraction of a second,
of the significance of an event as well as of a precise organization of forms
which give that event its proper expression ----- Henri Cartier-Bresson
這一瞬間是畫面最具張力，也是排列組合最具意義的一刻
*There is a creative fraction of a second when you are taking a picture.
Your eye must see a composition or an expression that life itself offers you,
and you must know with intuition when to click the camera."
"That is the moment the photographer is creative.--- Henri Cartier-Bresson
*To me, photography is the simultaneous recognition, in a fraction of a second,
of the significance of an event as well as of a precise organization of forms
which give that event its proper expression ----- Henri Cartier-Bresson
這一瞬間是畫面最具張力，也是排列組合最具意義的一刻
*There is a creative fraction of a second when you are taking a picture.
Your eye must see a composition or an expression that life itself offers you,
and you must know with intuition when to click the camera."
"That is the moment the photographer is creative.--- Henri Cartier-Bresson
Thursday 19 February 2009
AS3.0: Adding Video
var nc:NetConnection = new NetConnection(); //用來連結檔案
nc.connect(null); //null表示不需連結到外部伺服器
var ns:NetStream = new NetStream(nc); //用來控制連結的檔案（播放/停止/暫停）
ns.play("myMovie.flv");
var myVideo:Video = new Video(320,240);//建立一個影片物件
myVideo.attachNetStream(ns);//將影片物件指向先前連結的檔案
addChild(myVideo);//將物件加到舞台上
＊暫停語法：ns.pause();
nc.connect(null); //null表示不需連結到外部伺服器
var ns:NetStream = new NetStream(nc); //用來控制連結的檔案（播放/停止/暫停）
ns.play("myMovie.flv");
var myVideo:Video = new Video(320,240);//建立一個影片物件
myVideo.attachNetStream(ns);//將影片物件指向先前連結的檔案
addChild(myVideo);//將物件加到舞台上
＊暫停語法：ns.pause();
Wednesday 18 February 2009
Tuesday 17 February 2009
充分利用網頁行銷
Before you start a project, either a new website or a review of an existing site,
it is important to start from scratch and ask yourself key questions:
* What is our website for? Is there an offline equivalent?
* Who are we aiming at? Define user groups or construct profile
* What do they each want?
And what do we want them to have achieved having been to the site?
* What are our competitors doing and what can we learn from it?
* What are partner organisations doing?
Is there anything you should be joining in with or linking to?
* Set deadlines, budgets, responsibilities
網站規劃的三個階段：
1. Site view - Site Map
Depending on how complex your structure is, use colour, positioning, shape etc.
to distinguish different elements and include a key.
2. Page view - the layout and content of individual pages
You should confirm grouping and separation of elements but not the design, positioning, colour etc.
3. User view - the functionality
each function(searches, forms, filters, animation etc.) should be specified in this detail.
As a rule of thumb, keep pages to no more than 3 screens high;
you can add more pages or downloads if you need to.
Your information should be tailored to how people read websites:
* Skimmers – want a brief overview of everything
* Dunkers – will go straight for the specific piece of information they want and then leave
* Swimmers – are looking for detailed information
Web Design's three levels:
* Interface design
* Visual design
* Content design
Accessibility is an important topic for modern websites.
The key principle is to separate structure, presentation and behaviour.
將樣式與內容分開，結合圖片構成網頁。
this will make the site more compatible with mobiles and handhelds（尤其手機上網已成為趨勢）
and more search engine compatible.
Search Engine Optimisation is highly connected with accessibility along with:
* External links to your site, and their ranking
* Internal links within the site. Some experts suggest linking to and from every page.
* Keywords within text
* Search-engine friendly page titles and URLs (i.e. they use keywords, they describe what is on the page, and they are consistent with each other).
在不同環境下測試：IE6/7 & Firefox為主要的瀏覽器
配合Web 2.0 technology的應用，例如Blog.
An additional, two-way communication channel with your audience
Make use of e-flyers and e-bulletins with one or two messages each
From:
Maximising your Online Presence - SUMO
it is important to start from scratch and ask yourself key questions:
* What is our website for? Is there an offline equivalent?
* Who are we aiming at? Define user groups or construct profile
* What do they each want?
And what do we want them to have achieved having been to the site?
* What are our competitors doing and what can we learn from it?
* What are partner organisations doing?
Is there anything you should be joining in with or linking to?
* Set deadlines, budgets, responsibilities
網站規劃的三個階段：
1. Site view - Site Map
Depending on how complex your structure is, use colour, positioning, shape etc.
to distinguish different elements and include a key.
2. Page view - the layout and content of individual pages
You should confirm grouping and separation of elements but not the design, positioning, colour etc.
3. User view - the functionality
each function(searches, forms, filters, animation etc.) should be specified in this detail.
As a rule of thumb, keep pages to no more than 3 screens high;
you can add more pages or downloads if you need to.
Your information should be tailored to how people read websites:
* Skimmers – want a brief overview of everything
* Dunkers – will go straight for the specific piece of information they want and then leave
* Swimmers – are looking for detailed information
Web Design's three levels:
* Interface design
* Visual design
* Content design
Accessibility is an important topic for modern websites.
The key principle is to separate structure, presentation and behaviour.
將樣式與內容分開，結合圖片構成網頁。
this will make the site more compatible with mobiles and handhelds（尤其手機上網已成為趨勢）
and more search engine compatible.
Search Engine Optimisation is highly connected with accessibility along with:
* External links to your site, and their ranking
* Internal links within the site. Some experts suggest linking to and from every page.
* Keywords within text
* Search-engine friendly page titles and URLs (i.e. they use keywords, they describe what is on the page, and they are consistent with each other).
在不同環境下測試：IE6/7 & Firefox為主要的瀏覽器
配合Web 2.0 technology的應用，例如Blog.
An additional, two-way communication channel with your audience
Make use of e-flyers and e-bulletins with one or two messages each
From:
Maximising your Online Presence - SUMO
Museum Marketing
「美術館不再僅只是提供展覽、典藏、教育、研究等功能的文化設施，
而社會意識的急速變遷與消費型態的大幅改變……未來美術館除了伝統的展示空間外，
將設有書店、咖啡店、庭園餐廳、賣店等休憩設施以提供民眾更多元的服務；
大大滿足民眾休憩和美感享受的需求。以打破高不可攀的精英化固有印象。」
抓緊固定瀏覽者（會員）及吸引非固定瀏覽者（偶爾來參觀/觀光）
吸引非固定瀏覽者的方法：1.提高各接觸點的質感，包括硬體（交通指示、停車設施、廁所清潔度、餐廳食物好壞等）、
及軟體（進館時的第一感受、人員的態度）2.具吸引力的展示/定期更換展覽；3.開放時間(假日延長)；
4.教育活動；5.事件的配合（節日、博覽會、音樂會）；6.成為地方發展團體的一部份
配合週邊商家cafe pub舉辦夜間活動，吸引年輕族群。
Reference:
Marketing to the Lazy Socials market
配合e-newsletter（e-marketing)來吸引消費者進入網站。
Don’t try and fill the newsletter with information;
it is just a tool to channel users to the website,
where you can then inform, persuade or inspire your audience,
depending on your e-marketing strategy.
When creating your e-newsletters, be clever with headings (short),
language (calls to action), images (eye-catching and relevant) etc.
You should include a sign-up function for your e-newsletter on every page of your website,
in which you should always tell users why they should sign up and show an example e-newsletter.
Also reassure them about frequency and ease of cancellation.
Reference:
Getting the most out of your e-newsletter
網站是用來開發更多的觀眾(on-line relationship）
而社會意識的急速變遷與消費型態的大幅改變……未來美術館除了伝統的展示空間外，
將設有書店、咖啡店、庭園餐廳、賣店等休憩設施以提供民眾更多元的服務；
大大滿足民眾休憩和美感享受的需求。以打破高不可攀的精英化固有印象。」
抓緊固定瀏覽者（會員）及吸引非固定瀏覽者（偶爾來參觀/觀光）
吸引非固定瀏覽者的方法：1.提高各接觸點的質感，包括硬體（交通指示、停車設施、廁所清潔度、餐廳食物好壞等）、
及軟體（進館時的第一感受、人員的態度）2.具吸引力的展示/定期更換展覽；3.開放時間(假日延長)；
4.教育活動；5.事件的配合（節日、博覽會、音樂會）；6.成為地方發展團體的一部份
配合週邊商家cafe pub舉辦夜間活動，吸引年輕族群。
Reference:
Marketing to the Lazy Socials market
配合e-newsletter（e-marketing)來吸引消費者進入網站。
Don’t try and fill the newsletter with information;
it is just a tool to channel users to the website,
where you can then inform, persuade or inspire your audience,
depending on your e-marketing strategy.
When creating your e-newsletters, be clever with headings (short),
language (calls to action), images (eye-catching and relevant) etc.
You should include a sign-up function for your e-newsletter on every page of your website,
in which you should always tell users why they should sign up and show an example e-newsletter.
Also reassure them about frequency and ease of cancellation.
Reference:
Getting the most out of your e-newsletter
網站是用來開發更多的觀眾(on-line relationship）
Monday 16 February 2009
True Lies (2)
Jeff Wall
via:MoMA
Wall曾表明攝影中真理(truth)是經常被挑戰的，探求真實（truth）與非現實（Fiction）、虛幻之間，
在actuality（現實）與fantasy（想像）之間的關係才是他創作的精神與目的。
在他的作品中，不論是帶有濃厚色彩寓言式的cinematographic攝影（如畫作的詮釋）或是即使是傳統的
documentary攝影（如landscape攝影或是靜物攝影），在在都傳達Wall對於真理的質疑，
現實與想像的猶疑不定、曖昧不明的意念。
(擷取自：Fragments dun discours amoureux)
Gregory Crewdson
via: Luhring Augustine
海珊被美軍活逮時，所藏匿的地下套房
Kitchen2004
Thomas Demand
利用紙版再製重現原始照片，將原本的政治、人文意涵洗去，刻意將人為痕跡抹除。
Paul Graham
via: Paul Graham Archive
Fran Herbello: In Our Own Likeness
表象與真實
True Lies (1)
Thomas Grünfeld - Misfits
via:Designboom
John Goto - High Summer
via:John Goto's gallery
Andreas Gursky
"關於電腦的運用，Gursky 並不是要虛構影像以欺人耳目，而是創造一種他認為的真實世界再現。
這個論點牽涉到「攝影與真實」、也牽涉到「視覺與再現」的複雜議題，其實將三度空間濃縮於二度平
面，攝影本質上就不代表真實，Gursky 受過紀實攝影的訓練，也熟稔各種商業攝影操弄技法，
他認為真實並不一定要直接取材於世界，可以透過人為的技法，創造他心中的世界觀。"
(截取自當代社會無機感的巨量化—Andreas Gursky 大型彩色影像研究 by羅惠瑜)
John Stezaker - Marriage : Collage
via:Lifelounge
Related:
Gwono Sang
David Meanix
Loretta Lux : Painting vs photography
“對我來說，在電腦上進行圖片後期處理就像在畫布上作畫一樣。”
Sunday 15 February 2009
THE PARADOXES OF DIGITAL PHOTOGRAPHY
Lev Manovich
THE PARADOXES OF DIGITAL PHOTOGRAPHY
Digital Revolution?
Is an image, mediated by computer and electronic technology,
radically different from an image obtained through a photographic lens and embodied in film?
annihilating vs solidifying 取代抑或加強？
*保留了cultural codes of film or photography
1.在digital photography取代traditional photography的同時，
也為traditional photography帶來新的角色和價值。
e.g.對於傳統相機的迷戀（如同數位電影的發明之於家庭影音設備的購買/DVD的收集）/數位像框的出現？
2.傳統照片複製會有損毀的現象而數位照片不會（如同vhs之於dvd）。
然而在數位照片轉檔/壓縮過程中（resize）實際上也流失了一些資訊
(數位相片其實是以資料型態儲存的，而壓縮其實是捨棄了某些資訊)e.g.馬賽克現象
但另一方面現今的設備已可呈現超高解析度
3.digital imaging destroys the innocence of straight photography by
making all photographs inherently mutable?
Digital technology does not subvert "normal" photography
because "normal" photography never existed.(Photomontage/多重曝光/似畫非畫)
3.Real vs too real
以Jurassic Park為例，電腦製作的3D影像必須降低解析度來配合實際拍攝的影像。
computer images are not inferior to the visual realism of
traditional photography. They are perfectly real -- all too real.
（hd的出現以及影像處理技術的進步，已經很難區別真實與虛構）
THE PARADOXES OF DIGITAL PHOTOGRAPHY
Digital Revolution?
Is an image, mediated by computer and electronic technology,
radically different from an image obtained through a photographic lens and embodied in film?
annihilating vs solidifying 取代抑或加強？
*保留了cultural codes of film or photography
1.在digital photography取代traditional photography的同時，
也為traditional photography帶來新的角色和價值。
e.g.對於傳統相機的迷戀（如同數位電影的發明之於家庭影音設備的購買/DVD的收集）/數位像框的出現？
2.傳統照片複製會有損毀的現象而數位照片不會（如同vhs之於dvd）。
然而在數位照片轉檔/壓縮過程中（resize）實際上也流失了一些資訊
(數位相片其實是以資料型態儲存的，而壓縮其實是捨棄了某些資訊)e.g.馬賽克現象
但另一方面現今的設備已可呈現超高解析度
3.digital imaging destroys the innocence of straight photography by
making all photographs inherently mutable?
Digital technology does not subvert "normal" photography
because "normal" photography never existed.(Photomontage/多重曝光/似畫非畫)
3.Real vs too real
以Jurassic Park為例，電腦製作的3D影像必須降低解析度來配合實際拍攝的影像。
computer images are not inferior to the visual realism of
traditional photography. They are perfectly real -- all too real.
（hd的出現以及影像處理技術的進步，已經很難區別真實與虛構）
Friday 13 February 2009
AS3.0: Adding Sound
var soundRequest:URLRequest = new URLRequest("bgmusic.mp3");
var mySound:Sound = new Sound();
mySound.load(soundRequest);
mySound.play();
var mySound:Sound = new Sound();
mySound.load(soundRequest);
mySound.play();
AS3.0: hitTestObject
For Detecting Collision / Hit testing
event.target.hitTestObject(event.target._hitTarget)
//測試是否與event.target._hitTarget碰撞
//var _hitTarget:MovieClip;
//txtBanana_mc._hitTarget = banana_mc;
event.target.hitTestObject(event.target._hitTarget)
//測試是否與event.target._hitTarget碰撞
//var _hitTarget:MovieClip;
//txtBanana_mc._hitTarget = banana_mc;
Purple Collar Worker 紫領階級
特質:Practical（能動手操作）、Progressive（積極創新）、Personal Brand（擁有個人品牌）
建立個人品牌:1.掌握技術 2.建立特色 3.運用組織複製品牌力量
精進自己擅長的強項 才是個人加值的最好方法
管理大師彼得．杜拉克（Peter Drucker)認為，要發揮自己的長處，建議先了解自己之後，
盡量學習能幫助你擴大自己長處的新技能，避開自以為擅長，卻總是讓你白花力氣的領域，
因為把不擅長的能力，提升到普通水準所做的努力，遠多於從一流水準進步到卓越。
via:商業週刊:「誰殺了白領？紫領出列！」
建立個人品牌:1.掌握技術 2.建立特色 3.運用組織複製品牌力量
精進自己擅長的強項 才是個人加值的最好方法
管理大師彼得．杜拉克（Peter Drucker)認為，要發揮自己的長處，建議先了解自己之後，
盡量學習能幫助你擴大自己長處的新技能，避開自以為擅長，卻總是讓你白花力氣的領域，
因為把不擅長的能力，提升到普通水準所做的努力，遠多於從一流水準進步到卓越。
via:商業週刊:「誰殺了白領？紫領出列！」
2009 SXSW Interactive Web Awards Finalists
Activism
Clif Bar 2 Mile Challenge
I Am Second
Just In Queso
Sunny Side
Tweet Congress
Amusement
Addictionary
CrappyCat
GirlGamer.com
Pixton
UPS Regifter
Art
Forward Thinking Museum
Remembering Bogle Chandler
The Served
StreetArtLocator
Things I Have Learned in my Life, So Far
Blog
The Big Picture
The Bygone Bureau
Dumb As A Blog
OneRiot
Postcards From Yo Momma
Business
CNN Shirt
Jasmax
Lowe’s “Welcome Back Spring”
Modernista!
Zeus Jones Gift Guide
CSS
Eden Sessions
Trevor Exter
Mint.com
Noisefreak.com
ProjectMiso
Classic
Ars Technica
Flickr
Instructables
Picnik
StumbleUpon
Community
Delicious 2.0
Fluther
Lost Zombies
Protagonize
Trusera
Educational Resource
The Cycle
Discovery Earth Live
From Ellis Island to Orchard Street
HowStuffWorks
One Hen
Experimental
Foul Owl Karaoke
Popego
Sweemo
Ten Thousand Cents
We Tell Stories
Film / TV
Flight of the Conchords Lip Dub
Hulu
In Plain Sight: WITSEC Confidential
Jinni
Secret Location
Games
Adult Swim Games
Globulos
PMOG
PlayCrafter
Why So Serious? The Dark Knight Alternate Reality Game
Mobile
AP Mobile News Network
Brightkite
Gigotron
Pikchur
Please Fix the iPhone
Motion Graphics
ADE Creative Studio
The Corona Beach
NVIDIA Speak Visual
Synergy | ThyssenKrupp Elevator Corporation
What’s Your Lighting Style
Music
Tracy Chapman
The Finetune Family
SoundCloud
Spiritualized Harmonies
James Zabiela
Personal Portfolio
Ali Felski
Pericycle
Eric Piasecki: StockSearch
Revyver
Lynn Marie Smith
Student
Business of Detention
Michael Dick
Modernity Spirit of Experimentation
Think Artificial
Weekend Pictures
Technical Achievement
Absolut Machines
Aviary
jQuery UI ThemeRoller
Skydeck
Tarpipe
via:SXSW
AS3.0: Loader & addChild
Loader載入外部圖片
AS2 loadMovie -> AS3 Loader中的load()
透過load()可動態的載入外部的檔案，如：jpg、swf、gif..等（需透過movieclip）
------------------------------------------------------------------------------
var _ldr:Loader = new Loader();
var _file:String=”載入圖片的名稱.jpg”;
_ldr.load(new URLRequest(_file));
loadmc.addChild(_ldr);
/*loadmc是舞台上用來載入的movieclip的instance name*/
------------------------------------------------------------------------------
via:梅問題教學網
addChild
With AS3 ‘_global’ and ‘root’ are not longer valid markup.
.addChild() = TimeLine0.addChild() 相當於將mc加到stage(最上層)
AS2 loadMovie -> AS3 Loader中的load()
透過load()可動態的載入外部的檔案，如：jpg、swf、gif..等（需透過movieclip）
------------------------------------------------------------------------------
var _ldr:Loader = new Loader();
var _file:String=”載入圖片的名稱.jpg”;
_ldr.load(new URLRequest(_file));
loadmc.addChild(_ldr);
/*loadmc是舞台上用來載入的movieclip的instance name*/
------------------------------------------------------------------------------
via:梅問題教學網
addChild
With AS3 ‘_global’ and ‘root’ are not longer valid markup.
.addChild() = TimeLine0.addChild() 相當於將mc加到stage(最上層)
Thursday 12 February 2009
Bad Habits: 8 Ways Freelancers Disrespect Their Own Time
FreelanceSwitch
"Bad Habits: 8 Ways Freelancers Disrespect Their Own Time"
* 收費太低（Underpricing）
* 沒有收預付款（Not Charging Upfront）
* 額外的服務沒有收費（Not Charging for Additional Services）
* 專案時間管理很差（Poor Scheduling）
* 工時太長（Working Too Much）
* 事必躬親累死自己（Trying To Do Everything）
* 不願付費購買產品或服務來提昇工作效率（Failing to Pay for Effective Services）
* 無法有效率地使用Email（Inefficient Use of Email），通常是浪費太多時間
"Bad Habits: 8 Ways Freelancers Disrespect Their Own Time"
* 收費太低（Underpricing）
* 沒有收預付款（Not Charging Upfront）
* 額外的服務沒有收費（Not Charging for Additional Services）
* 專案時間管理很差（Poor Scheduling）
* 工時太長（Working Too Much）
* 事必躬親累死自己（Trying To Do Everything）
* 不願付費購買產品或服務來提昇工作效率（Failing to Pay for Effective Services）
* 無法有效率地使用Email（Inefficient Use of Email），通常是浪費太多時間
Subscribe to:
Posts (Atom)
