跳到主要內容

玖拾柒。[Photoshop筆記] 商業特效——3D電視牆與即時更新之倒影

以下是最近在看一本《No.1暢銷作者作受歡迎的特效解密 Photoshop CS4》增進photoshop技巧,所做的筆記。這次紀錄的是商業特效章節裡的「3D電視牆與即時更新之倒影」。

這其實是模仿apple在推出appleTV的時候用的超炫3D環場電視牆特效,現在就來看看怎麼做,以下是這次練習的紀錄:
成品是這樣的



這次剛好適逢球隊打完大專盃,我就拿最新出爐的照片來試試囉~

Step.1 
a. 在Bridge裡選64張照片(再之後會排成16*4的電視牆)
b. 點選在Bridge視窗頂端的「輸出」>「輸出至網路ㄏㄨPDF




Step.2
a. 在右方「輸出」面板中做一些設定(寬度:16英寸、高度:4英吋、圖層欄數:16、列數:4、水平:0、垂直:0、覆蓋面板中的檔案名稱取消勾選)





Step. 3
a. 在photoshop開啓舊檔,選擇剛剛的檔案
b. 會出現一個「讀入pdf」的視窗,直接按確定


Step.4
a. 點選圖層
b. 點選「圖層」選單>「智慧型物件」>「轉換為智慧型物件」


Step.5
a. 選擇「圓角矩形」工具
b. 在圖層面板中「建立新增圖層」
c. 在「圓角矩形」工具面板中,設定「圓角半徑」20px,在「檢色工具模式」中選擇「像素」,這樣畫出來的矩形就會是由像素組成,而不是路徑或圖層




Step.6
a. 將前景色選擇灰色
b. 在其中一張照片畫出圓角矩形
c. 按住command點此圖層的縮圖,將矩形選取起來
d. 按command+option+T(PC: ctrl+alt+T)開啓「任意變形」並拷貝
e. 按住shift,再按鍵盤上的向右方向鍵,讓拷貝出來的矩形覆蓋住右邊另一張照片
f. 完成第一排後,先取消選取,再按住command點此圖層的縮圖,將一整排矩形選取起來
g. 重複上面複製矩形的動作,將四排的照片都覆蓋灰色矩形


Step. 7
a. 將灰矩形框的那個圖層移至照片圖層的下方
b. 在「圖層」選單下選擇「制作剪裁遮色片」



Step.8
a. 完成後會長這樣



Step. 9
a. 開新檔案,將寬度設為16英吋、高度設9英吋、解析度300dpi
b. 按option+delete(PC: alt+backspace)將背景設為黑色



Step. 10
a. 將剛剛做好的照片,搬移至這個文件



Step. 11
a. 在圖層面板中,將照片的兩個圖層選起來,按右鍵「複製圖層」
b. Command+T(PC: ctrl+T)開啟「任意變形」
c. 按右鍵,選擇「垂直翻轉」



Step. 12
a. 將複製及垂直翻轉後的圖層下拉(按住shift固定垂直方向)
b. 在圖層面板中,選擇拷貝的圖層,將其透明度調成20%


Step. 13
a. 選擇「圖層1拷貝」這個圖層,按圖層面板底部的「新增圖層遮色片」
b. 選擇「漸層」工具,選擇「前景到背景」(這時候的前景色是白,背景色是黑)
c. 從中央往下拉一直線,做出倒影效果



Step.14
a. 這時候圖層面板就會出現一個有漸層的遮色片


Step. 15
a. 選取圖層面板中,除背景以外的所有圖層
b. 按右鍵>轉換為智慧型物件



Step. 16
a. Command+T(PC: ctrl+T)啟動「任意變形」
b. 按右鍵>彎曲



Step. 17
a. 選擇下弧形、彎曲設為-30



Step. 18
a. 因為彎曲會將照片拉長,因此我們再次啟用「任意變形」
b. 將左右兩邊向內拉一些,讓照片窄一些



Step. 19
a. 將前景色選擇藍色
b. 選「橢圓形畫面選取」工具,拖曳出一個橢圓形
c. 同樣方法再拖出一白色較小的橢圓形



Step. 20
a. 到「濾鏡」選單中,選「模糊」>「高斯模糊」
b. 輸入250像素


Step. 21
a. 將MacBook Pro電腦放入正中央



Step. 22
a. 加入陰影
b. 角度:30、間距:28、尺寸:24



Step. 23
a. 加入電腦螢幕上的照片
b. 再加入一些文字,就完成了!



完成!

留言

這個網誌中的熱門文章

30days Photoshop Skills - Day1: Color Lookup (顏色查詢) 一鍵搞定,在Photoshop也能輕鬆套用濾鏡

30days PSskills是我的其中一個新年新希望。在去年底和學姊一起合作了一個TEDxThirty的計劃之後(雖然說現在還沒完成),感覺非常不錯,也很有收獲。因此,今年2014年打算來實施個30days something的計劃。而一月,就先從30days Photoshop Skills開始吧! ---         平常我們使用手機相片app來加濾鏡,步驟非常簡單,只要選擇自己想要的效果就可以。不過,每次在手機上加完濾鏡的照片,大小都會被壓縮。如果想把做成海報或洗出來,就會出現一個一個的格子。         那時嘗試用photoshop自己做出濾鏡效果,但結果卻是步驟非常多,而且不容易調得恰到好處。後來,我用Lightroom內建的功能套用濾鏡,暫時解決了這個問題。只是每次都要先將照片輸入到Lightroom,再套用、再輸出,總是有些麻煩。         現在才發現,原來photoshop也可以做到一鍵搞定的效果。這是Photoshop CS6的新功能-Color Lookup(顏色查詢)         在調整面板裡的「顏色查詢」調整圖層裡,有幾個選項提供我們做調整。分別是:3DLUT File, Abstract 和Device Link,用來讓照片看起來不一樣,其實就很像是套上濾鏡。它的原理是這樣子的:將照片中的每一個顏色,套用LUT (lookup table)裡相對應的另一個顏色。 方法非常簡單,只要看得懂要點哪個鍵就可以了。 先來看看完成前和完成後的圖。 完成前: 完成後: --- 小資料: 1. 時間:5分鐘 2. 技巧:極簡單 3. 效果:套上濾鏡 4. 軟體:Photoshop CS6以上 --- 步驟: Step.1 開啟一張照片 Step.2 在調整的面板上找到Color Lookup ps. 如果界面上沒有調整的面板,可至「視窗」>「調整」,將它打開 Step.3 photoshop本身就有一預設的效果,選擇想要的效果就完成了 只有三個步驟,非常簡單。也可以嘗試其他效果...

30days Photoshop Skills - Day2: Channel Mixer (色板混合器) 調整紅綠藍三色,變出不同風格照片

30days PSskills是我的其中一個新年新希望。在去年底和學姊一起合作了一個TEDxThirty的計劃之後,感覺非常不錯,也很有收獲。因此,今年2014年打算來實施個30days something的計劃。而一月,就先從30days Photoshop Skills開始吧! ---         今天的練習是關於圖層顏色的調整,不同於前一天 ( Day1: Color Lookup 一鍵搞定,在Photoshop也能輕鬆套用濾鏡 ) 直接套用預設好的濾鏡,我們調整面板上的「色板混合器」來調整紅、綠、藍三色的比例,製造出不同效果的圖片。 這是完成前和完成後的對照圖。 完成前: 完成後: --- 小資料: 1. 時間:5分鐘 2. 技巧:極簡單 3. 效果:改變色調與風格 4. 軟體:Adobe Photoshop --- 步驟: 先開啟一張挑調整的照片。 首先,我們先看色板 (Channel)的面板。在色板面板裡,可以看到有四個圖層,分別是RGB、Red、Green、Blue. RGB是三個顏色的混合。點選紅色色板,我們可以看到灰階色調的樣子,較亮的地方表示紅色比例多,暗的地方表示紅色比例少。另外兩個色板也是一樣的概念。 例如:我們選擇只讓綠色板顯示,可以看到綠葉部分較亮。如果只選擇讓藍色色板顯示,則會發現原本綠色亮的部分變暗了。 了解了三個色板之後,我們就可以在上面做改變了。以下就針對這幾個色板圖層,調整其顏色的百分比,讓照片變出不同的效果。 Step1. 在調整面板裡點選「色板混合器」(Channel Mixer),新增一個色板混合器圖層。 可以看到在Present的地方,已經有一些預設的效果。另外,在Output Channel裡,可以看到有三個選項,分別是紅綠藍。點選紅色,可以看到下方的數值,紅:100%、綠:0%、藍:0%、Total:100%。 Total最好讓它維持在100%,如果超過100%,則照片會顯得較亮。 例如:假設我們在output channel綠色的色板裡,將藍色的數值調成150%,Total也會變成150%。可以看到,照片中藍色的部分變亮許多。當然,這些數值不一定要正值,也可以試...

30days Photoshop Skills - Day6: 商品照片最需要的,製作物體真實陰影

30days PSskills是我的其中一個新年新希望。在去年底和學姊一起合作了一個TEDxThirty的計劃之後,感覺非常不錯,也很有收獲。因此,今年2014年打算來實施個30days something的計劃。而一月,就先從30days Photoshop Skills開始吧! --- 今天的任務是製作物體的陰影。相信有注意過網拍商品,或是自己有弄過商品攝影相關的,一定都知道物體的陰影很重要。特別是它會給人一種立體的感覺。而物體的陰影主要從物體向外延展,越往外會變得越淡。 就來看看要怎麼製作陰影吧!先來看看完成圖。 --- 小資料: 1. 時間:5分鐘 2. 技巧:簡單 3. 效果:製作物體陰影 4. 軟體:Adobe Photoshop --- 步驟: Step1. 準備好要製作倒影的物體,這個物體必須是被獨立選取出來的(就是要完成去背的意思),將它放置在一獨立圖層。 (Photo via  Greg Roberts , CC License) Step2. 按ctrl (cmd)+J 複製此圖層 Step3. 選取原來的圖層(不是新複製的那個),按ctrl (cmd)+T 任意變形。在最上方中間的框框,按住ctrl (cmd)向下拉,製作出物體的倒影。(倒影的方向隨光源而變)完成後,按enter確定此動作。 Step4. 在圖層面板上,將lock transparent pixels鎖定。 Step5. 打開漸層工具,挑選第三個效果,由黑色到白色。選取水平漸層。由平底拖曳制瓶口(圖示方向)。將剛剛鎖定的transparent pixels解鎖。將圖層混合模式設定為Multiply. Step6. 再來就是將陰影的周圍調模糊一些。首先,我們先調整底部。至「濾鏡」>「模糊」>「高斯模糊」,數值設定為3 pixels。當然,這個數值視不同圖片而定。 Step7. 打開「矩形選取工具」,在瓶子的底口拖曳至平底畫出一矩形。點選上方的「調整邊緣」(Refine Edge),在Adjust Edge裡的Feather輸入50px. Step8. 再到「濾鏡」>「模糊」>「高斯模糊」,這次的數值設定20. 按ctrl (cmd)+D ...