1、 打开【PS】,选择【新建】、【web】,创建【1440px*900px】的画板。
2、 在垂直方向230px处【新建参考线】,使用【矩形工具】创建【230px*900px】的矩形,放在左侧,【Alt+Delete】填充为白色。修改图层名为“bg”。
3、 将logo拖进画板,距顶部和左侧分别为38px,调整位置。使用【圆角矩形工具】创建矩形,【高度】为2px,【宽度】和logo的宽度相同,填充灰蓝色,【不透明度】为40%,距离logo40px;选中两图层【Ctrl+G】编组,命名为“logo”。
4、 使用【文本工具】输入文字“我的管理”,【微软雅黑】,大小16px,【字体样式】为bold。同样输入其他文案,【字体样式】为Regular,【字体颜色】为灰色,调整每行字的间距为40px。
5、 将图标拖进画板,放在每行字的前面,和logo对齐;调整文字部分距离圆角矩形50px,图标距离文字20px。
6、 使用【椭圆工具】创建【10px*10px】的圆形,填充红色,距“我的管理”10px的距离,使用【文本工具】输入数字8,大小8px,【字体颜色】为白色,调整位置。【Ctrl+J】复制,移动到“消息”的后面,数字改为13。选中所有图层【Ctrl+G】编组,命名为“列表”。