晶格背景是介面中一種很常見的背景效果，在視覺上顯得既豐富又具有很強的細節。晶格效果看起來比較複雜，但是製作方法還是很簡單的，今天米醋就來給大家介紹一種快速製作晶格的簡便方法。
啟動PhotoshopCC 2017，按【Ctrl+N】組合鍵新建一個文件，將【文檔類型】設置為【畫板】，將【畫板大小】設置為【iPhone6（750，1334）】。新建一個圖層，並重命名為【漸變】，按【Alt+Delete】組合鍵隨意用一種前景色填充該圖層，然後雙擊【漸變】圖層的縮覽圖，打開【圖層樣式】對話框，為其添加一個【漸變疊加】樣式，接著設置一個從【黑藍色-深藍色】的漸變色（兩個顏色的對比不要太強烈），最後設置【不透明度】為52%、【角度】為90°，如圖4-30所示，漸變效果如圖所示。
在【工具箱】中選擇【橢圓工具】，然後按住【Shift】鍵繪製一個200像素×200像素的圓形（禁用描邊），接著在【屬性】面板中調整好圓形的坐標位置，如圖所示。
將本例的素材拖入操作介面中，然後按【Ctrl+T】組合鍵進入自由變換模式，接著根據圓形的大小按住【Shift+Alt】組合鍵將其等比例縮小到合適的大小，如圖所示，最後按【Ctrl+Alt+G】組合鍵將頭像設置為圓形的剪貼蒙版，效果如圖所示。
晶格背景不會使用Photoshop來製作，而是直接使用一款名叫TriangulateImage5的晶格插件來進行製作，這樣可以節省很多操作時間。在使用TriangulateImage5插件之前，先要安裝Java程序jdk-6u20-windows-i586才能運行插件。jdk-6u20-windows-i586程序和TriangulateImage5插件大家可以直接在網上進行下載。安裝好Java程序以後，使用滑鼠左鍵雙擊下載好的TriangulateImage5.exe插件，如圖4-35所示。運行插件以後，會彈出一個【Tools】對話框和一個【TriangulateImage5】對話框，如圖所示。
雙擊運行插件
Tools對話框
TriangulateImage5對話框在【Tools】對話框中單擊第一個【CHOOSE AN IMAGE】按鈕，打開本例的【頭像.png】素材。打開的圖像會顯示在【TriangulateImage5】對話框中，如圖所示。
在圖像上單擊滑鼠左鍵生成關鍵點（晶格點），每單擊一次便會生成一個關鍵點，點越多，生成的晶格就越密集，反之則晶格越稀疏，如圖所示。
生成關鍵點製作好關鍵點後，在【Tools】對話框中單擊最後一個【WRITE TO PDF】按鈕，將晶格圖像生成為PDF文件，然後為其取一個名字，以便於識別，如圖所示。保存好的PDF文件可以在Photoshop中打開，效果如圖所示。注意，要想製作出一摸一樣的晶格是很難的，因為生成的關鍵點位置不同以及關鍵點數量不同，都會影響到晶格的效果，只要符合設計要求即可。
包括晶格
晶格效果將晶格圖像拖入畫板中，放在【漸變】圖層的下一層，並將圖層重命名為【晶格】，如圖4-42所示，然後將【漸變】圖層的【不透明度】降低到90%，使晶格效果融入到背景中，效果如圖所示。
現在的晶格的顏色看起來比較亂，為了讓晶格的顏色更統一，還需要調整一下晶格的飽和度。選擇【晶格】圖層，執行【圖層>新建調整圖層>色相/飽和度】菜單命令，創建一個【色相/飽和度】調整圖層，然後在【屬性】面板中將【飽和度】設置為-100，如圖所示，效果如圖所示。
下面先製作頭像的細節。選擇【橢圓1】圖層，按【Ctrl+J】組合鍵複製一個橢圓，將其放在【橢圓1】圖層的下一層，並重命名為【圓1】，然後在【屬性】面板中將圓形的大小設置為240像素×240像素，接著在選項欄中關閉【填充】功能，同時開啟【描邊】不能，將描邊的大小設置為2像素，描邊的顏色設置為青色，如圖所示，效果如圖所示。
將【圓1】圖層複製一個，並重命名為【圓2】，然後在選項欄中將描邊的大小設置為4像素，接著使用【添加錨點工具】在路徑的左上方和右下角各添加一個錨點，如圖4-48所示，再用【直接選擇工具】選擇圓形水平方向的兩個錨點，如圖所示，最後按【Delete】鍵刪除選中的錨點，得到如圖所示的路徑效果。
使用【橫排文字工具】在頭像下面輸入暱稱和位置信息，暱稱用【苹方粗體】，位置信息用【苹方常規】，如圖所示。
繼續使用【橫排文字工具】在位置信息的下面輸入步數（STEPS）、卡路里（CALCRE）和時間（TIME），這些文字使用【苹方常規】字體，然後輸入相應的數字信息，字體選用【Reznor】字體，如圖所示。
新建一個【曲線】圖層，然後使用【鋼筆工具】在介面底部勾勒出曲線的路徑，如圖所示。
選擇路徑，在選項欄中將【填充】的顏色設置為青色，然後將【描邊】設置為【漸變】，同時調出一個【深青色-青色-深青色】的漸變色，接著設置描邊的大小為8像素，如圖所示。
在【圖層】面板中將【曲線】圖層的【填充】設置為0%，如圖所示。
為【曲線】圖層添加一個【漸變疊加】樣式，編輯一個【白色-深藍色】的漸變色，然後設置【混合模式】為【正片疊底】、【不透明度】為52%、【角度】為90°，效果如圖所示（漸變效果不是很明顯，需要仔細觀察，主要是增加底部的層次感）。
使用【橢圓工具】在曲線上添加數據點，然後使用【橫排文字工具】在數據點上方輸入相應的數據信息，完成後的效果如圖所示。
在介面底部加入導航（選中的圖標為青色，未選中的圖標為淺灰色），然後在介面左上角有右上角加入圖標，讓介面變得更為整體和工具化，最終效果如圖所示。
最終效果