UI-瘦身类APP美食界面

1、打开【PS】软件，【Ctrl+N】新建画布，画布大小选择苹果6的尺寸。

2、使用快捷键【Alt+V+E】，新建参考线，先垂直的建两条参考线，第一条为20像素，第二条为730像素，左右做一些加工的余量，让界面居中的更好，接下来建水平参考线，第一条70像素，再建两条参考线，前两个参考线是针对我们放图标的位置，最后一条参考线针对我们图标下方的文字。

3、【置入】准备好的素材，调整到合适大小，摆放在合适位置，【文字工具】输入文案，字号选择38像素，字体选择平方字体，透明度降低为60%，选择相关图层，【Ctrl+G】编组。

4、使用【形状工具】绘制矩形，在属性中调整圆角大小为10像素，选择形状图层，【Ctrl+J】复制一份，调整下大小，填充红色，做一个区分。

5、【置入】素材图片，调整到合适大小，摆放在界面中，【文字工具】输入文案，文字排版为居中排版，字体选择30号字体，字体颜色选择R：180、G：184、B：196。

6、制作热量条，使用【圆角矩形工具】绘制圆角矩形，【Ctrl+J】复制一份，【Ctrl+T】缩小一些，填充红色。

7、【置入】表的小图标素材，缩小到一定程度，【文字工具】输入文案，用字来匹配小图标的位置，【文字工具】输入能量条下的数值打一下，就代表它的消耗时间。

8、使用【椭圆工具】绘制25*25小圆，颜色吸取文字的颜色，按住【Alt】键拖拽复制出两个相等小圆，【Ctrl+T】进行等比例缩放。

9、双击椭圆图层，打开【图层样式】，选择【颜色叠加】，选择颜色更浅一点的，按住【Alt】键拖拽再复制两个圆出来，【Ctrl+T】进行等比例缩放，形成中间最大，逐渐向两边递减的效果，左右两边最小的圆形，颜色选择更浅一些的颜色。