1、制作IOS文本編輯界面使用形狀工具配合路勁操作創建出各種形狀，添加圖層樣式制作逼真效果。配色：界面以低飽和度、高明度的淺藍色為背景，突出明快的頁面氣氛。在深色墊底上配白色文字，在淺色墊底上配黑色文字，鮮明對比突出文字，容易瀏覽。制作過程：形狀工具制作界面狀態欄形狀工具和文字工具制作界面導航欄制作文本框和文字制作鍵盤按鈕步驟一：制作狀態欄新建文件大小iPhone5: 640px*1136px ppi為326填充顏色繪制矩形繪制圓角矩形，半徑5 px選擇矩形減去頂層對象設置圖層樣式漸變疊加：#3f5c80#506a8b 制作狀態欄形狀和文字，顏色為#c1cad6添加圖層樣式投影信號制作方式：第一種

2、在PS中繪制矩形，變換時移動，再執行CTRL+SHIFT+ALT+T第二種在AI中繪制兩個矩形，執行混合（CTRL+ALT+B）將圖層編組，命名為狀態欄。步驟二：制作導航欄繪制矩形，填充漸變#587397#becbdd在矩形底邊繪制直線，粗細2px，顏色#3f5c80在矩形頂邊繪制直線，粗細2px，顏色白色，不透明度35%在直線上繪制直線，粗細1px，不透明度50%在矩形底邊繪制直線，粗細5px，漸變填充白色至黑色，不透明度0100，不透明度35%步驟三：繪制按鈕繪制圓角矩形，半徑10px鋼筆工具繪制形狀，減去頂層對象，合并形狀組件。設置圖層樣式描邊，漸變：#30363e#375075#375

3、075設置圖層樣式內陰影設置圖層樣式漸變疊加：#41618d#89a0be設置圖層樣式投影使用文字工具輸入文字，字體：HelveticaNeue，字號5.4，設置圖層樣式投影輸入文字，字號9，設置相同圖層樣式投影。將形狀編組，命名為背景，再將背景組和文字、形狀圖層編組，命名為導航欄。步驟四：制作文本框，圓角矩形，半徑20px，填充#f7f7f7。輸入文字，字符顏色#4f6392直線工具繪制文字光標，填充1d4fea；橢圓工具繪制形狀，填充#aaaaaa，圓角矩形繪制X，填充白色，編組，命名為文本框。步驟五：制作鍵盤使用形狀工具繪制圓角矩形，半徑5px，填充#9098a3#444e5c在圓角矩形

4、頂部繪制直線形狀，粗細1px，填充黑色，繪制圓角矩形，填充漸變，黑色白色，不透明度100%0%，圖層不透明度20%使用形狀工具繪制圓角矩形，半徑10px，設置圖層樣式內陰影。設置圖層樣式漸變疊加填充顏色：#c4c6c9白色設置圖層樣式投影輸入文字：Q，字體：HelveticaNeue，字號9.9，設置圖層樣式投影圖層編組，命名為Q 復制圖層組，更改文字圖層內容使用圓角矩形繪制空格，半徑為10px，粘貼鍵盤Q的圖層樣式，輸入文字space，文字顏色#525c69，字號7.65。粘貼鍵盤文字圖層的圖層樣式。繪制圓角矩形，半徑10px，粘貼鍵盤圖層樣式，更改漸變疊加效果，#515a67#818994。使用文字工具輸入文字123，粘貼文字圖層樣式。圖層編組，命名為數字。繪制圓角矩形，半徑為10px，粘貼鍵盤圖層樣式，更改漸變疊加效果，#194fdc#4185f4。使用文字工具輸入文字Go，粘貼文字圖層樣式。圖層編組，命名為go。繪制圓角矩形，半徑10px，