我們可以看到 非疊印的白色描邊都是在與藍色背景做疊加計算； 而選擇疊印的白色描邊，與橙色矩形有重疊的部分（內部、居中）都會與橙色進行疊加計算，而沒有與橙色有重疊的部分（外部），仍然是與藍色背景做計算。 （需要注意的是：圖層樣式中的描邊疊印，也會和形狀中的描邊進行計算，我們接下來用到的方法就是圖層樣式中的描邊與形狀中的描邊進行疊加計算哦?。?OK，下面我們就要使用新版的圖層樣式來做質感了！ 復制一層圓角矩形，清除圖層樣式（Alt+L+Y+A），形狀填充色為“白色”，用“直接選擇工具”選中上面四個錨點，向下移動（shift+下方向鍵）35px；

 

 

將形狀的描邊粗細設置為“6像素”，位置默認為“內部”，顏色為“#8e7356”； 這個形狀的描邊顏色就充當手機邊框倒角的固有色啦，接下來用圖層樣式的描邊（疊印）來為其添加明暗關系； 事先約定：相同樣式效果由下到上，編號由1到10 為其添加兩個描邊效果 描邊1：（做為倒角的明暗關系）

 

其中淺色色塊位置為“12%”、“40%”、“66%”、“90%”，其顏色均為“#d9d9d9” 其中深色色塊位置為“0%”、“25%”、“53%”、“78%”、“100%”，其顏色均為“#808080” 描邊2：（做為邊緣處的高光）

效果如下圖：

 

 

繪制350*214px的矩形剪切進圓角矩形里，填充色：“#d8b897”，描邊色“#8e7356”（仍然做為固有色），描邊大小為“2像素”，默認“內部”； 為其添加圖層樣式： 漸變疊加1：

漸變疊加2：(做鏡面光)

描邊：（做為明暗關系）