2017年4月13日 星期四

超級沒用,但值得炫耀的豆知識:為什麼思源黑體 google 版又叫 Noto Sans

超級沒用,但值得炫耀的豆知識:為什麼思源黑體 google 版又叫 Noto Sans

話說,Adobe 與 Google 攜手合作開發了有史以來最完整的,符合台灣教育部國字標準的黑體字型(而且教育部看報後才知道)轟動兩岸三地。終於有一套免費又好看又好用的中文黑體了。人人歡欣鼓舞,爭相走告親朋好友。
這個字體,在 Google 的平台上的版本叫做 Noto Sans。慢著為什麼 Google 要叫這個字體 Noto 呢?根據 Google 自己說,Noto 可以被分解為 No+to,to 是縮寫。
No toilets?
No together?
No TechOr(慢著不是吧)?
okay, to 其實是 tofu 的縮寫,tofu 就是:
image
image
okay, 相信大家都知道 Tofu 就是豆腐的意思,但是為什麼是 no tofu 呢?原來在 Google,他們把因為字型缺字而出現的小框框叫 Tofu。
它基本上可能長這樣,
image
叫豆腐是不是很貼切呢?很可愛對不對?但是看到它出現在文章中,就會轉而覺得它可恨囉。尤其如果你曾經試過把一段中文字套上根本不支援中文的英文字型,可能全都會變成可愛的豆腐喔~
image

資料來源:justfont
http://tips.justfont.com/post/92067462307/%E8%B6%85%E7%B4%9A%E6%B2%92%E7%94%A8%E4%BD%86%E5%80%BC%E5%BE%97%E7%82%AB%E8%80%80%E7%9A%84%E8%B1%86%E7%9F%A5%E8%AD%98%E7%82%BA%E4%BB%80%E9%BA%BC%E6%80%9D%E6%BA%90%E9%BB%91%E9%AB%94-google-%E7%89%88%E5%8F%88%E5%8F%AB-noto-sans



使用 Veiwport 設定手機網頁的螢幕解析度

都是20px,顯示出來的文字大小卻不一樣的情況示意圖:


   






------

解決方法:

由於智慧型手機是屬於超小型的螢幕,如何在這麼小的螢幕之內調整適合使用者的閱讀解析度,為此 W3C 在 HTML 制定了給手機網頁 Mobile Web 使用的 Viewport 螢幕解析度設定的語法 ,寫法如下。

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>


以 iPhone 手機為例,開啟 Safari 瀏覽網頁時,他的 Safari 瀏覽器的螢幕初始寬度設定是 980px , 在小小的 3.5 吋螢幕中要呈現出 980px 的網頁,實在是太小了,使用者跟本就無法舒適地閱讀這麼小的文字….如下圖所示。
沒有設定 viewport 時

當這個網頁是要設計成手機版的網頁時,我們就要在網頁的 HTML 之內寫上 viewport 語法,調整手機瀏覽器的螢幕解析度,才能讓使用者得到較舒適的閱讀狀態,如下圖 HTML 語法中的第 6 行。
viewport 語法
在網頁裡面寫好 viewport 語法之後,再一次使用手機打開這個網頁來看看,果然,螢幕解析度呈現最佳閱讀的狀態,文字大小適中,看起來真的就舒服多了,如下圖所示。
有設定 viewport 之後

Viewport 屬性說明:

width=device-width
有些教學文章上面會寫成 width=320 就是將手機瀏覽器的螢幕解析度設定為 320px,這個大小在 iPhone 就是 他的 viewport 預設值,所以在 iPhone 上面看起來就是剛剛好的,但是,這 2 年來手機螢幕越做越大,有些手機螢幕做到 4 吋以上,甚至有些還做到 5 吋以上,手機螢幕變大了,他們的 viewport 預設值也就會大於 320px ,由於手機的品牌太多了,我們的網頁沒辦法為每一台手機都設定成不同的 viewport ,因此,我們就只要設定為 width=device-width 就可以自動符合所有不同手機螢幕他們自己的預設最佳解析度。
initial-scale=1
設定手機螢幕畫面的初始縮放比例為 100%。

Viewport 其他屬性
width設定畫面寬度
height設定畫面高度
initial-scale設定畫面的初始縮放比例
minimum-scale設定畫面的最小縮放比例
maximum-scale設定畫面的最大縮放比例
user-scalable設定是否允許使用者改變縮放比例

通常,在大部份的情況,只要設定 width=device-width, initial-scale=1.0 這兩個就可以了,其他幾個屬性比較少會被用到。




文章出處:http://www.flycan.com/article/mobile-web/meta-veiwport-1316.html 飛肯設計

2017年4月12日 星期三

名師的12條電影剪輯技巧

Oliver Peters是一名獨立的視頻/電影剪輯師,調色師,後期製作總監以及諮詢師。自從1970年開始,Oliver Peters已經從事於音頻,視頻以及電影業。曾多次獲得獎項,包括國內外的各種獎項。這篇文章摘自他的個人博客,希望對大家的剪輯有所幫助。


1、剪輯要緊湊
演員對話中不必要的停頓。縮短每句中間的空白部分,甚至可以減去冗長不重要的對話。不過在剪去對話前,請先徵求導演的意見。
通常來說,我的方法是一開始就剪輯出精確的版本,而非剪出較長的電影再縮減。大部分電影觀眾的注意力一般不超過90分鐘,相當於一般電影的長度。如果初剪完後電影長度大約100分鐘,那你基本上還需繼續剪到90分鐘使電影更緊湊。但如果初剪完後電影長達兩個小時甚至更長,那就需要「動大手術」了。

2、臨時音樂
許多剪輯師喜歡用臨時背景音樂剪輯電影,把臨時音樂當做占位符。
在此我提出不提倡該做法的兩個原因:
第一,一旦人們喜歡上臨時音樂就很難再找到感覺不錯的合適配樂。 第二,臨時音樂會成為你的「精神支柱」。當無趣的場景配上有趣的音樂時,你會更加寬容。我更願意剪輯出有力的電影場面並通過適當編輯使它完美呈現。如果一個場景可以自己站得住腳,那配樂會錦上添花。唯一的例外是蒙太奇鏡頭的音樂設置。因此,我在剪輯時候可以做的更好。

3、不要使用法網剪輯方法
最初的法網電視連續劇使用特定對話剪輯方式:聲音與畫面完全同步,不存在重疊部分。
常用的方法是:剪A畫面—A講完對白—剪B畫面—B講完—剪回A畫面,就這樣一直輪流剪輯下去。
剪輯大師沃爾特·默奇將這種剪輯方法命名為法網風格剪輯法。但事實上,觀眾對與聲音和畫面剪輯不重合的反應更好。
我認為這種剪輯方法更貼近現實生活,我們先是聽到有人開始說話,然後才抬頭去看。或者一個人正在說話,我們會看看我們的朋友的反應。這種剪輯方法更貼近人的自然反應,會使影片更加流暢。

4、動作配合
使用演員手勢,道具,視線或者走位是剪輯方法之一。但沃爾特·默奇說,最好的方式是讓情緒自然流露,或者剪出流暢的敘事節奏,技術上的剪輯反而是最不需要考慮的。
但也絕不可忽略,因為動作不相配會讓觀眾難以入戲。然而一個編輯朋友經常告訴我,「過分注重匹配會束縛剪輯」。如果觀眾能完全入戲,那他們常常會忽略那些鏡頭存在的不連續問題。剪輯的職責就是儘量使觀眾融入劇情之中。

5、移動拍攝鏡頭
移動鏡頭是拍攝動作片的主要方式,可以是軌道攝影機,旋臂攝影機,攝影機穩定器或手持攝影機。
動作電影通常要呈現出緊張的氛圍。當我剪輯電影時,我喜歡在鏡頭運動時作剪輯,保證一個接一個的鏡頭都處於運動狀態,但許多導演兵不同意,他們更喜歡在攝影機開始移動前或停止移動後才剪輯。但我更喜歡緊湊的剪輯方式,讓觀眾目不暇接。

6、不要一直用同一個角度進行剪輯
如果導演拍攝了許多不同角度的鏡頭,不要一直機械的切回到同樣角度,或者重讀不久前使用的同一系類鏡位。
當然,在一個對話場景中只有兩個角度,難以避免重複剪輯,但是如果導演根據不同需要不同鏡頭框架進行拍攝,那不妨通過剪輯體現導演的意圖。不要被剪輯規則束縛,比如主鏡頭/單鏡頭/反轉,主鏡頭/單鏡頭/反轉等等。可以嘗試混搭一下。

7、鏡頭三個一組
當需要切換場景時,通常都是三個一組。至少保持1.5到2秒也可更長。
舉個例子,在主角進入房間環顧四周的場景中,以三個為一組剪輯視點鏡頭可以直觀展示給觀眾主角所看到的整個場景,模仿我們真實的世界讓觀眾身臨其境。

8、重點剪輯演員的眼睛
演員在電視上、電影中和舞台上都憑臉蛋吸引注意,但最重要的是演員的眼睛。
當剪輯激烈的對話場景時,我都注意演員的眼睛。他們是否傳達出適當的情緒?對戲的演員反應如何?演員的表演決定我的剪輯。這個原則使我更專注於傳達對話的主要演員而剪掉其他人的反應。

9、排除演員表演中的「空氣」
和第一點相似—我喜歡緊湊的剪輯。注意大多數演員都表演誇張,超過合適的程度。演員會強調停頓、比腳本要求的增加更多錯誤、表現的更為口吃、瞥的時間更長,但剪輯的職責是通過適當剪輯使表演恢復正常。剪掉冗長動作和對白,使電影真實而不做作。

10、形成故事情節
據說世界上有三種電影:劇本型、拍攝型、剪輯型。
無論你剪輯哪一種類型時,都要高度注意故事脈絡,不要害怕改變劇本或拍攝內容,只要是有意義為之。許多剪輯師利用在畫面分鏡劇本作記錄從視覺上呈現出故事情節。這可以幫助你確定以最通順的邏輯呈現故事給觀眾。

11、利用數字輔助設備
像現代的NLEs和finishing techniques這樣的數字媒介提供給製作人很多輔助工具。
比如,數字圖像可以放大很多倍。你可以用這些工具變焦拍攝者放大一個鏡頭來拍攝廣闊場景或特寫鏡頭,如果用的是用RED數字攝像配35mm膠片拍攝那會很容易做到。只要保證圖像質量,不必害怕拉近焦距拍攝。
許多剪輯師經常討論用多畫面螢幕來進行剪輯。通常是指兩個演員的時間安排與預設不符(比如在一個過肩鏡頭或雙人特寫鏡頭中)但是可以剪輯出適當的場景節奏,放慢兩個演員間的時間。如果攝像機被鎖定,演員動作重疊的部分不太複雜,那麼可以用更簡單的方法創造全新的OTS鏡頭。產生一種兩個演員在表演的時間選擇上有所偏差的視覺效應。

12、做自己的選擇但也要考慮其他人
作為剪輯師的職責是形成故事情節把握電影節奏。
最重要的一點是幫助導演達到創造性的視覺效果。但是你也要有自己的想法。大部分剪輯師都是獨立完成初剪。這是你在電影打上鮮明的個人烙印的第一個機會。當初剪完成後,導演會和剪輯師通力合作把剪輯變成導演想要的版本。
你在剪輯和改變某一演員的表演時所做的種種選擇都影響了觀眾的觀影感受。比如,剪掉對話中重複的部分可以使增強畫面的緊張感。這傳達出一點,即使拍攝完畢剪輯工作也不可怠慢。剪輯師做出的決定可以輕易改變場景傳達出的感情,因此任何決定必須服從劇情。當然,只有有符合邏輯的理由並且導演同意時你才能作這樣的剪輯,如果不同意就要提供備選方案。
我喜歡在選擇最好的場景前回顧一下取景鏡頭。起初,導演也許從四個鏡頭中標記了第三個和第四個為取景範圍,我實際上可能開始用第一個鏡頭,接著用第四個鏡頭的後半段。在反覆簡介演員對話對白時,我經常剪掉包含很少取景鏡頭的過場場景。雖然你已經想好解釋你所做剪輯的理由,但也要準備好應對改變。
大部分導演不會在後期製作時回顧每一個取景鏡頭,而是根據你剪輯表演的版本進行修改,無論是否欣賞演員的表演。如果他們的確欣賞某一演員的不同的表演,他們會建議修改剪輯或從取景鏡頭找到合適部分。剪輯的場景越讓人感覺煥然一新並呈現出最令人信服的表演,導演就會越認同你的技術。


原文網址:https://kknews.cc/zh-tw/entertainment/a8mraj.html

10大免費音樂音效素材下載網站:商業影片也能用上!

http://www.playpcesor.com/2015/09/10-music-sound-free-download.html

透明玻璃杯去背

說到去背第一難去的就是髮絲去背,緊接著就是透明物體,如:透明玻璃杯,
它的外型是比較明確,所以只要利用鋼筆工具,就可將它的範圍截取出來,
但由於它是透明物體,因此在拍攝的過程中,通常都會利用深色背景作襯底,
來突顯透明的感覺,因此即便把它外型載取出來了,
卻會發現到杯子還是保留了,原本深色的背景而非透明,
若把它放到其它的場景中,則會出現像不透明的塑膠的感覺,
使用以下的方法就可以解決這個困擾了。


Step1
首先,先利用 工具箱 / 鋼筆工具,將玻璃杯的邊緣描繪出來,
完成後再按下Ctrl+Enter鍵(或者按住Ctrl鍵,對著圖層的縮圖點一下),
將路徑線轉選取範圍。


























Step2
接著按Ctrl+CCtrl+V(或是直接按Ctrl+J),將玻璃杯複製到新的圖層中,並在
玻璃杯下方新增一個圖層,再填入黑色


























Step3
切到【色版】,將【紅色色版】複製一份,再利用 影像 / 調整 / 亮度對比,
增加玻璃杯的亮暗對比。


























Step4
按住Ctrl鍵,對著【紅 拷貝】色版縮圖點一下,回到【圖層】,對著玻璃杯
圖層下方的遮色片點一下。


























Step5
對著玻璃杯下方再建立一個新圖層,並填入紅色檢驗一下,可發現到真的變透明
,但暗面的部分都不見了。


























Step6
看完後,將紅色圖層的眼睛關閉,切到【色版】,把【紅 拷貝】色版再複製一份出來。


























Step7
Ctrl+I轉負片效果,再執行 影像 / 調整 / 色階,開啟色階面板,選擇下方
最左邊的滴管,對著畫面的點一下,讓原本暗面的地方呈現出非黑,
其它部分讓它變全黑。


























Step8
Ctrl鍵再對著【紅 拷貝】色版縮圖點一下,回到【圖層】,這邊先將
前景設為【灰】色,並將灰色填入選取範圍中。


























Step9
完成後,其實已算大功告成了,但玻璃杯感覺不夠透,把剛去背好的玻璃杯
再複製一份,將遮色片刪除並套用。


























Step10
接著把混合模式更改為【濾色】,新增一個圖層遮色片,並利用漸層工具
,把底部的部分遮掩起來,才不會產生過曝的現象。


























Step11
若還覺得不夠透的話,可多複製幾個,完成後再利用筆刷工具
對遮色片進行細部的修整。


























Step12
開啟任意影像,將剛去背好的玻璃杯拖進去瞧瞧,哈~好透呀!連後面的餐包都看的到。




















https://www.minwt.com/ps/911.html

日本治癒系拍攝技巧

清新淡雅,唯美可愛,以樸素清淡的色彩和明亮的色調為主,注重光影的處理、有時會用大光圈鏡頭刻意製造虛焦的效果。


1.日系的風格
日系小清新照片固然好看,並不是所有的片子都適合日系風格,其實每一種色調風格都有他的最直觀的感觸。比如你拍一個歷史事件的圖片拍成日系風格,就會丟失那種厚重和沉積開感。再如拍攝宏大的山水作品,用日系也會顯的太過輕巧,而丟失那種山水的濃厚宏偉感。


2.日系的適用範圍

縱觀日本比較流行的日系作品,你會發現,日系照片大多是一些大光圈,大多是以50mm定焦為主。而且所表達的主題往往是一些小景物,小玩物,美女,還有一些類似日記的日系記錄。還是那句話,50定焦用來表達日系,從視野與人類眼睛相似,定焦優秀的成像,還有大光圈。


拍攝的時候可以把一個白色絲襪或者塑膠袋剪個洞放在鏡頭前,就會形成鏡頭進光的漏光效果,加什麼色就是什麼樣的散光 。




3.如何拍攝

在大多日系的片子中我們可以發現,日系大多的場景還是以晴天為主,可以講有陽光才算日系,當然後期也可調整。另外如何去選景?日系的景可以說無處不在,因為日系所適用的範圍就是你身邊的小事物,小風景。從這麼多小裡面我們可以看出日系的風格比較適合小物件。

用什麼樣的鏡頭與視角,前文講了拍攝日系最好用的而且最佳選擇是定焦頭。當然其他的大光圈也是可以的,手機也是可以拍出日系的,不是所人的日系都要用大光圈



4.日系的構圖

日系的構圖大多是中間式構圖、井字型、黃金分割。
日系攝影的特點往往就是真實性,主題視覺比較突出。




日系的調色分析
輕,青,清。三清觀。

1. 輕
所謂的輕就是留白比較多,以高調色調為主。如大片的天空,大片的湖面,大片的淡色等。所以後期的時候可以把大片的單色調成淡彩色,方法就是減飽和度,加亮度。

下圖可以看到大量的留白和青藍色的色調,對稱式構圖。

2. 青
所謂的青就是日系照片的色調大多以青藍的色調為主,主要體現在高光處。也會有一些其他類型的日系,暖調的,這裡只講冷調。
這裡的青,泛指藍綠之間的色,包括青綠,青藍,青色。所以你可以在你的照片後期時在高光處加一些青,減一些黃。


3. 清
因為上面的輕與青,而且日系的片子整體曝光都比較高,所以看上去比較清新,自然。後期的時候可以調一下曲線加曝光與調了色相飽和度減飽和度。增加曝光,減少對比。



相關文章:日系人像調色教學

2017年網頁設計趨勢&SVG檔案格式介紹

原始網頁內容













 SVG檔案格式優點


網頁設計上採用SVG圖片的優點:
  1. 可解決網站logo或icon在行動版網站圖片模糊的問題
  2. 不會因為圖片放大縮小而失真,可運用於RWD響應式網頁背景圖
  3. 製作方便,可用Illustrator繪製圖檔後,直接轉存成svg檔

AI製作SVG檔案