本例項製作的是APP應用頁面的製作方法。案例中運用了大量的圖層樣式，以做出令人震撼的影象效果，並使用多種圖形工具繪製小圖示。

狀態列和導航欄製作

（1）按快捷鍵Ctrl N新建一個“APP應用頁面”檔案，具體引數設定“寬度”為750畫素”、“高度”為1334畫素、“解析度”為300畫素/英寸，如圖11-125所示。

（2）開啟“素材檔案>CH11>手機APP應用頁面>模特.jpg”檔案，使用“移動工具”拖曳到合適的位置，執行“濾鏡>模糊>高斯模糊”選單命令，在彈出的“高斯模糊”對話方塊設定“半徑”為6，如圖所示。

（3）單擊圖層面板下的“建立新的填充或調整圖層”按鈕，在下拉選單中選擇“色彩平衡”，設定“青色/紅色”為-15、“黃色/藍色”為26，如圖所示。

（4）再單擊圖層面板下的“建立新的填充或調整圖層”按鈕，在下拉選單中選擇“色相/飽和度”，設定“飽和度”為-15、“明度”為13，如圖所示，效果如圖所示。

（5）選擇“矩形工具”，在選項欄設定“填充”顏色為藍紫色（R:191,G:199,B:191），再繪製影象，然後在圖層面板設定“不透明度”為85%，如圖所示。

（6）選擇“橢圓形工具”，在選項欄設定“填充”顏色為黑色、“描邊”為無，再按住Shift鍵繪製3個正圓，如圖所示。

（7）選擇“橢圓形工具”，在選項欄設定“填充”顏色為無、“描邊”為黑色、“描邊寬度”為0.2點，再按住Shift鍵繪製2個正圓，如圖所示。

（8）選擇“橫排文字工具”在正圓後輸入文字，設定文字顏色為黑色，如圖所示。

（9）開啟“素材檔案>CH11>手機APP應用頁面>訊號.png”檔案，使用“移動工具”拖曳到合適的位置，如圖所示。

（10）選擇“橫排文字工具”分別輸入文字，設定文字顏色為黑色，如圖所示。

（11）選擇“圓角矩形工具”，在選項欄設定“描邊”顏色為黑色、“描邊寬度”為0.2點，然後在右上角繪製影象，如圖所示。

（12）選擇“圓角矩形工具”，在選項欄設定“填充”顏色為黑色、“描邊”為無，然後在圓角矩形內繪製影象，如圖所示，單擊圖層面板下方的“新增圖層蒙版”，再選擇“矩形選框工具”框選範圍在蒙版內填充黑色，效果如圖所示。

（13）選擇“鋼筆工具”，在選項欄設定“填充”顏色為黑色，然後繪製影象，如圖所示。

（14）選擇“矩形工具”，在選項欄設定“填充”顏色為藍紫色（R:220,G:220,B:220），再繪製影象，然後在圖層面板設定“不透明度”為65%，如圖所示。

（15）選擇“橫排文字工具”分別輸入文字，設定文字顏色為白色，如圖所示。

繪製應用介面

（1）選擇“矩形工具”，在繪圖區繪製物件，在選項欄單擊“填充”選項，選擇“漸變”效果，設定顏色從藍綠色（R:35,G:184,B:191）到藍色（R:38,G:137,B:213），具體引數如圖所示，效果如圖所示。

（2）選擇“橢圓工具”，按住Shift鍵繪製正圓，在選項欄設定“填充”顏色為黑色、“描邊”為白色、“描邊寬度”為1點，如圖所示。

（3）執行“圖層>圖層樣式>投影”選單命令，設定引數如圖所示，開啟“素材檔案>CH11>手機APP應用頁面>模特.jpg”檔案，按快捷鍵Ctrl Alt G執行剪貼蒙版效果，效果如圖所示。

（4）選擇“橫排文字工具”分別輸入文字，設定文字顏色為白色，如圖所示，然後開啟“素材檔案>CH11>手機APP應用頁面>座標.png”檔案，再使用“移動工具”拖曳到合適的位置，如圖所示。

（5）選擇“矩形工具”，按住Shift鍵在繪圖區繪製正方形，在選項欄設定“填充”顏色為白色，然後單擊“描邊”選項，選擇“漸變”效果，設定顏色從藍綠色（R:40,G:165,B:191）到綠色（R:83,G:195,B:207），具體引數如圖所示，再設定“描邊寬度”為2點，得到的影象如圖所示。

（6）執行“圖層>圖層樣式>外放光”選單命令，設定“顏色”為白色，具體引數設定如圖所示，得到的影象效果如圖所示。

（7）選擇正方形圖層，按快捷鍵Ctrl J複製一份，然後在選項欄設定“描邊”為無，再雙擊複製影象圖層，在彈出的“圖層樣式”中選擇“內發光”選項，設定“顏色”從藍色（R:34,G:117,B:192）到透明，其他引數設定如圖所示。

（8）選擇“外發光”選項，引數設定如圖所示。

（9）選擇“投影”選項，引數設定如圖所示，單擊“確定”按鈕，得到的影象效果如圖所示。

（10）選擇2個正方形圖層，滑鼠右鍵單擊圖層，在下拉選單中選擇“複製圖層”，將圖層複製4份，再選擇“移動工具”將複製的影象拖曳到合適的位置，如圖所示。

（11）開啟“素材檔案>CH11>手機APP應用頁面>封面1~5.jpg”檔案，分別執行“濾鏡>模糊>高斯模糊”選單命令，然後使用“移動工具”拖曳到合適的位置，再分別調整圖層位置，按快捷鍵Ctrl Alt G執行剪貼蒙版效果，得到的影象效果如圖所示。

（12）選擇選擇“橫排文字工具”分別輸入文字，設定文字顏色為白色，如圖所示。

（13）選擇“鋼筆工具”，繪製一條線段，在選項欄設定“描邊”為白色、“描邊寬度”為0.3點，如圖所示。

（13）選擇“鋼筆工具”再繪製一條線段，在選項欄設定“描邊寬度”為1.5點，執行“圖層>圖層樣式>外發光”選單命令，設定引數如圖所示，設定完成單擊“確定”按鈕，得到的影象效果如圖所示。

繪製標籤欄

（1）選擇“矩形工具”，在繪圖區繪製物件，在選項欄單擊“填充”選項，選擇“漸變”效果，設定顏色從淺藍色（R:51,G:177,B:231）到藍色（R:51,G:152,B:223），具體引數如圖11-163所示，得到的影象效果如圖所示。

（2）選擇“鋼筆工具”，繪製一條線段，在選項欄設定“描邊”為藍色（R:38,G:137,B:213）、“描邊寬度”為0.2點，如圖所示。

（3）選擇“橫排文字工具”分別輸入文字，設定文字顏色為白色，如圖所示，最終效果如圖所示。

完

本文節選至

愛讀（iread360.com）原創讀物｜中文版Photoshop CC平面設計實用教程