整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
圖的這一系列的圖片，都來自極影Ax成員—miller姚明來。這種用超廣角拍攝的極具沖擊力的圖片，需要將廣角非常貼近前景從而營造出縱深感和夸張的畸變。
這時候就會出現一個問題，即使你將鏡頭的光圈調到F100000000000，也無法獲得前景至遠景都非常清晰銳利的圖片（如上圖）
這時候，必須用到一個技術——景深合成。而下文，就是全宇宙最全的景深合成攻略。
前期拍攝
首先，你需要獲得一組焦平面覆蓋所要拍攝的畫面全景深的n張圖片
（一）當你手中的相機是尼康D850這類擁有“焦距變化拍攝”功能的相機，那么，可以利用機身自帶的這個功能，輕松的獲得一組焦平面從最近到無窮遠的圖片。
請看下方極影AX成員-周游為大家帶來的現場視頻演示
高清視頻地址：https://v.qq.com/x/page/m0754hdqtdh.html
（二）當你手中的相機不具備這種自動切換焦點包圍拍攝的功能時，就需要手動拍攝這一系列圖片。
(1）拍攝前的準備：
首先，你要帶上一個足夠穩固的三腳架，相機一些輕微的晃動都會給你的后期拼合制造麻煩。當然，還需要一根靠譜的快門線，這可以有效避免按動快門時的抖動。（不推薦用延時拍攝的方式代替快門線，在光線瞬息萬變的場合，延時的那2秒很可能會讓你錯過唯一的機會）
（2）拍攝時的設置：
當你確定好構圖，在拍攝前的一步就是對相機進行一些設置。
1.將相機設置為光圈優先的拍攝模式。
有人問為什么不用m檔拍攝，這意味著曝光量鎖定不變，那豈不是在后期拼合時更加容易嗎？雖然m檔能夠讓拍攝的一系列素材的曝光完全一致，但光圈優先能夠根據環境光立即算出一個合理的曝光參數，在某些風云突變，光線稍縱即逝的場合更需要的是速度。
2.設置照片質量為RAW。以便保留更多的暗部高光細節，讓后期有更大空間。
3.將鏡頭由自動對焦調為手動對焦，就是把鏡頭從af撥到mf。
4.如果你的廣角鏡頭有防抖，那么務必關閉防抖。
5.設置相機測光模式為全局測光
6.設置光圈
如果拍攝時風很大并且前景的光線很暗，往往使用較大的光圈配合高iso，才能提高快門速度定格住前景。如果現場幾乎沒有風，前景光線也不錯，可以將光圈縮的比較小。光圈越小，景深越深，可以在拍攝時減少張數，提高效率。
（3）拍攝時的操作：
首先，將相機鏡頭的對焦環擰到最近處。鏡身上有個透明的小窗口，這個窗口可以直觀的觀察鏡頭焦距的變化
示例的是佳能16-35，對于這枚鏡頭，就是擰到最近對焦距離處，也就是0.28。
然后按下快門拍攝第一張照片。接著將鏡頭對焦環往數值較大的方向擰動一點，再按動快門拍第二張。接下來再往數值更大的方向擰動一點，再拍第三張。。。。。。直至鏡頭擰到無窮遠處拍下最后一張。
佳能的廣角鏡頭不要擰到底，如上圖那樣擰到無窮遠處再回來一點，讓刻度線剛好在無窮遠刻度線前方的L形線條的豎線處即是無窮遠。而尼康，索尼的鏡頭好像直接擰到底就是無窮遠。
至于拍攝時擰動的幅度，全憑你自己，如果你第一次嘗試這種技術，同時光圈開的比較大，或者是在拍攝一個非常重要的場景，那么可以擰的幅度小一些，多拍幾張不同景深的，這樣更安全。而如果拍攝時光線充足，光圈縮的比較小，可以擰的幅度大一些。一般來說，拍攝個7.8張也就基本能覆蓋從最近一直到最遠的全景深了。
Tip：
拍完一組景深后，保險起見，通常會再多做一組景深的拍攝，確保萬無一失。
手動景深合成的視頻，請看下方極影AX成員-姚明來在山區為大家帶來的現場示范
高清視頻地址：https://v.qq.com/x/page/n072522x6rt.html
（三）當你手中的相機是奧林巴斯EM10等機型時，可以用自帶的“focus BKT”（深度合成）的功能拍攝一組全景深的圖片，并且直接在機內混合為成圖，這樣就免去了后期的時間。。。。。。但是！機身自動合成出的圖片是jpg格式，我們都知道jpg這種壓縮格式的圖片后期以后會慘不忍睹，所以，不要去使用這個功能。
后期操作
方法一：photoshop自動合成
1.篩選
首先將景深合成的幾組照片導入到lightroom進行篩選，重復比對以及放大細節來確定保留下幾組中的一組。那組篩選出的照片就是我們最后要進行景深合成的素材了。
接著放大查看留下的那組照片中的每一張圖，比對焦點的位置以及各張照片清晰的區域。因為在轉動變焦環拍攝時，由于擰動幅度的大小，總會有一些照片的清晰區域是比較類似和重疊的。這一步就是刪去一組照片中焦平面重疊比較多的那幾張圖，最后只留焦平面基本可以互補的那幾張。
這一步不僅可以減少拼合時計算機運行的時間，更重要的意義在與如果拍攝的時候有風，前景的花草一定會有位移，而如果很多張一起放進去拼合，就會干擾計算機拼合時的算法，產生錯位和重影。
上圖的作者是極影AX成員—史炎冰。拍攝的條件就是如我說的那種大風的天氣，風很大，前景花草的位移很厲害。下面截取了他在作品下方的描述，大家可以體會一下拍攝以及合成時的艱難：
2.調整
在lightroom里對照片進行一個基礎的調整，為后續在ps中的拼合打好基礎。通常矯正一下曝光，對照片做一個基礎的調色，降噪銳化等。當做完針對某張照片的調整后，需要將這個效果應用到這一組的所有圖片上。
選中所有圖片，點擊“同步設置”，將所有選項都勾上，然后點擊“同步”。那樣針對某一張照片的所有調整就被同步復制到了所有圖片上，這樣呈現出來的效果也是一致的。
Tip：
如果拍攝的時候光線變化很快，可能每張照片的曝光會有一些差別，這就需要在同步設置以后對每張照片進行單獨的調整。
3.合成
lr里完成對照片基礎調整后，接著把所有圖片導入到ps中。
選中所有圖片，點擊右鍵，在彈出的窗口中選擇“在應用程序中編輯”，然后再點擊“在photoshop中作為圖層打開”。這樣所有的圖片就自動載入到ps中了，并且作為圖層疊加在同一個畫布中。
接著全選圖層，點擊ps上方工具欄的“編輯-自動對齊圖層”，那樣，所有圖層就被軟件自動對齊了
這個對齊的操作是為了克服鏡頭的呼吸效應.當我們在擰動焦距環時，鏡頭會移動浮動鏡片來對焦，浮動鏡片的移動必然帶來光學結構的改變，因此焦距就會發生變化。所以雖然機位固定，但是拍攝出的畫面一定有輕微的變形跟位移，這時就要依賴ps強大的對齊功能了。
自動對齊以后，畫面的周圍有白邊，這就是程序對圖像進行拉伸匹配像素時出現空白的多余像素。
對齊以后，就是要將圖片融合在一起，還是全選圖層，點擊“編輯-自動混合圖層”
在跳出的對話框中選擇“堆疊圖像”，同時勾選“無縫色調和顏色”，再點擊確定，軟件就開始自動融合。
下圖是最后融合完的圖像，每個圖層的旁邊都多了蒙版，這就是軟件自動計算生成的。這個功能能夠計算抓取出每個圖層最清晰的部分然后進行融合。
接著我們將圖層合并。如果在拍攝時沒用三腳架或者現場有很大的風，就會造成圖片中元素的位移和晃動，這時候不能夠完全依賴ps軟件的自動合成。要在這一步拼合前追加一步，就是手動調整各個圖層的蒙版，用筆刷刷取清晰的部分，這個過程比較考驗技術以及花費時間。
合并圖層后，用裁剪工具裁去畫面周圍空白以及模糊的部分。所以我們在拍攝時要盡量在構圖上留有余地，給后期留下裁剪的空間。
這就是最后裁剪完的照片，我們可以看到畫面從最近到最遠都是清晰銳利的
方法二：景深合成軟件Helicon Focus 6 合成
1、LR對照片進行基礎參數調節，并同步批處理后導出TIFF格式
2、將所有景深合成的素材載入到Helicon focus6中
3、渲染方法選擇B:景深圖 然后點擊渲染按鈕
一鍵直接生成景深合成后的圖像（右側，預覽圖），然后保存成果文件即可。
我們可以放大局部查看一下合成的結果，可以看到花莖的茸毛都銳利清晰，而且地上遠處的小花也很銳利。
放大看遠處的山峰和近處的花骨朵同樣清晰。可見Helicon Focus這個軟件暴力景深合成是非常棒的，但是這個軟件是收費軟件。
方法三：photoshop手動蒙版合成
我們經常會在有風的戶外拍攝，這時候，如果拍攝的前景是莖葉細長的花朵，那么花朵必然會搖曳，無論你拍攝的速度多么的快，在一組景深合成的圖片里，前景一定會產生位移。而這種位移是電腦的智能算法也無法完美拼合的，這時候就要用手動蒙版的方法對圖片進行人工的融合。
這種方法非常耗時和復雜。可以點擊下方的閱讀原文，系列課的第5課有詳細的演示
極影AdventureX
極限挑戰
極致影像
極客分享
http://www.theadventurex.com
ss的長度單位分為兩種，一種為絕對長度，一種為相對長度。日常設計與開發中或多或少都會接觸到。前端畢竟是根據設計稿寫頁面，UI設計師也是按照規范去設計頁面。
px
即像素pixel，它是最基礎也是最常用的一個長度單位
cm
厘米， 1cm=37.8px
mm
毫米，1mm=3.78px
in
即英尺inch， 1in=2.54cm=96px
pt
即點point，1pt=1/72in=1.33px
pc
即派卡，1pc=12pt=16px，派卡是印刷行業的長度單位
em
一個字符大小，字符大小在瀏覽器中默認為16px
EM特點
-1. em的值并不是固定的；
-2. em會繼承父級元素的字體大小。
所以我們在寫CSS的時候，需要注意兩點：
-1. body選擇器中聲明Font-size=62.5%；
-2. 將你的原來的px數值除以10，然后換上em作為單位；
-3. 重新計算那些被放大的字體的em數值。避免字體大小的重復聲明。
避免1.2 * 1.2= 1.44的現象，比如說你在#content中聲明了字體大小為1.2em，那么在聲明p的字體大小時就只能是1em，而不是1.2em, 因為此em非彼em，它因繼承#content的字體高而變為了1em=12px。
rem
rem是CSS3新增的一個相對單位（root em，根em）, 相對于根元素HTML的字體大小。這個單位與em有什么區別呢？區別在于使用rem為元素設定字體大小時，仍然是相對大小，但相對的只是HTML根元素。這個單位可謂集相對大小和絕對大小的優點于一身，通過它既可以做到只修改根元素就成比例地調整所有字體大小，又可以避免字體大小逐層復合的連鎖反應。
例如，根元素的字體大小 16px，10rem 將等同于 160px，即 10 x 16 = 160。
簡單點說就是根em.
百分比%
百分比是一個相對長度單位，相對于包含塊（containing block）的高寬或字體大小
關于包含塊（containing block）的概念，不能簡單地理解成是父元素。
如果是靜態定位和相對定位，包含塊一般就是其父元素。
如果是絕對定位的元素，包含塊應該是離它最近的 position為非static屬性的祖先元素。
如果是固定定位的元素，它的包含塊是視口（viewport）
vh
視口高度，默認為視口高度的1%
vw
視口寬度，默認為視口寬度的1%
<div class="left">left</div>
<div class="right">right</div>
<style>
* {
padding: 0;
margin: 0
}
.left {
float: left;
width: 50vw;
height: 20vh;
background-color: orange;
text-align: center;
line-height: 20vh;
font-size: 3rem
}
.right {
float: right;
width: 50vw;
height: 20vh;
background-color: red;
text-align: center;
line-height: 20vh;
font-size: 3rem
}
</style>
vmin
布局視口高度和寬度之中值較小的那個的 1/100
vmax
布局視口高度和寬度之中值較大的那個的 1/100
比如：瀏覽器高度950px，寬度為1920px, 1 vh = 950px/100 = 9.5 px，1vw = 1920px/100 =19.2 px。
vmax相對于視口的寬度或高度中較大的那個。其中最大的那個被均分為100單位的vmax。
vmin相對于視口的寬度或高度中較小的那個。其中最小的那個被均分為100單位的vmin。
fr
grid布局中利用的一個長度單位。在gird布局中，我們經常會利用fr來進行計算
<div class="grid">
<div class="column">1</div>
<div class="column">2</div>
<div class="column">3</div>
<div class="column">4</div>
<div class="column">5</div>
<div class="column">6</div>
</div>
<style type="text/css">
* {
margin: 0px;
padding: 0px;
}
.grid {
height:300px;
width: 1000px;
background: #f1f1f1;
margin: 20px auto;
overflow: auto;
display: grid;
grid-template-columns: 100px repeat(5, 1fr);
grid-column-gap: 10px;
}
.column {
background: orange;
}
</style>
rpx（responsive pixel）: 可以根據屏幕寬度進行自適應。規定屏幕寬為750rpx。如在 iPhone6 上，屏幕寬度為375px，共有750個物理像素，則750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。
于繪圖和印刷而言，「單位」很相當重要的，然而在網頁排版里，單位也是同樣具有重要性，在CSS3 普及以來，更添加了一些方便好用的單位( px、em、rem.. .等)，這篇文章將整理這些常用的CSS 單位，希望能夠幫助到你在工作上能使用的更加得心應手。
目前我們接觸的范圍來說，若要把單位做區分，最簡單可以分為「網頁」和「印刷」兩大類，通常對于CSS來說只會應用到網頁的樣??式，畢竟真正要做印刷，還是會傾向通過排版軟體來進行設計。
網頁( 單位 )
網頁( 屬性名稱 )
印刷（簡單了解下）
以下將展示四種不同單位的示例，為了直觀簡單，四個示例都套用預設的div格式，純粹改變font-size看看有何不同，由于子元素若沒有設定font-size，會自動繼承父元素的font-size，使用上就應該要預先初始化字體大小，下面這兩段CSS可以將所有的元素字體大小預設為16px，接下來可以進行個別調整。
html{
font-size:16px;
}
html * {
font-size: 1rem;
}
1、px
px 是絕對單位，因此只要設定多少px，就會精確的呈現，對于一些講求精準位置的排版而言十分有用，如示例展示的，指定多大 px 字體就會多大。
<div style="font-size:16px;">16px <div style="font-size:20px;">20px <div style="font-size:24px;">24px <div style="font-size:16px;">16px <div style="font-size:32px;">32px</div> </div> </div> </div> </div>
2、em
em是相對單位，為每個子元素通過「倍數」乘以父元素的px值，如果我們每一層div都使用1.2em，最內層就會是16px x 1.2 x 1.2 x 1.2 x 1.2 x 1.2 = 39.8px。(瀏覽器預設字體大小為16px，若無特別指定則會直接繼承父元素字體大小)
<div style="font-size:1.2em;">1.2em <div style="font-size:1.2em;">1.2em <div style="font-size:1.2em;">1.2em <div style="font-size:1.2em;">1.2em <div style="font-size:1.2em;">1.2em</div> </div> </div> </div> </div>
3、rem
rem是相對單位，為每個元素通過「倍數」乘以根元素的px值，如果我們每一層div都使用1.2rem，最內層就會是16px x 1.2 = 19.2px。(根元素指的是html的font-size，預設為16px )。
<div style="font-size:1.2rem;">1.2rem <div style="font-size:1.2rem;">1.2rem <div style="font-size:1.2rem;">1.2rem <div style="font-size:1.2rem;">1.2rem <div style="font-size:1.2rem;">1.2rem</div> </div> </div> </div> </div>
4、%
%百分比是相對單位，和em大同小異，簡單來說em就是百分比除以一百，如果我們每一層div都使用120%，就等同于1.2em，最內層就會是16px x 1.2 x 1.2 x 1.2 x 1.2 x 1.2 = 39.8px。
<div style="font-size:120%;">120% <div style="font-size:120%;">120% <div style="font-size:120%;">120% <div style="font-size:120%;">120% <div style="font-size:120%;">120%</div> </div> </div> </div> </div>
5、small、medium、large...等
字體大小的屬性有七種，分別是xx-small、x-small、small、medium、large、x-large和xx-large，除了x-small，其余六種分別對應h6~h1的標簽文字大小，根據W3C的規范，以medium預設16px為基礎(若html字體預設大小改變，medium也會跟著變)，使用固定的百分比乘以medium的大小，例如xx-small預設為16px x 0.6 = 9.6px(瀏覽器顯示為12px )。
<div style="font-size:xx-small;">xx-small <div style="font-size:x-small;">x-small <div style="font-size:small;">small <div style="font-size:medium;">medium <div style="font-size:large;">large <div style="font-size:x-large;">x-large <div style="font-size:xx-large;">xx-large</div> </div> </div> </div> </div> </div> </div>
6、larger、smaller
larger 和smaller 就是固定百分比為單位，larger 為父層的120%，smaller 為父層的80%。
<div style="font-size:medium;">medium <div style="font-size:larger;">larger <div style="font-size:larger;">larger <div style="font-size:larger;">larger <div style="font-size:smaller;">smaller <div style="font-size:smaller;">smaller <div style="font-size:smaller;">smaller</div> </div> </div> </div> </div> </div> </div>
熟悉了字體大小單位之后，你就更夠能有系統的進行設計整個網站的CSS字體架構，不過font-size 本身和font-family 有著一些復雜的關系，不同的font-family 有時也會影響font-size 的設定，因此使用上還是得稍微注意一下啰！
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
