个人中心html界面设计,APP个人中心页面设计

课后作业。

986726960cd2f41f3998e63590375618.png

1.打开软件PS,添加素材【图标】,【Ctrl+T】自由变换调整图标大小,【Shift+Ctrl+Alt+N】新建图层,调整【填充色】,具体如图所示。

dd18cf2008a127377fb5012d426a4827.png

2.绘制矩形,填充为【白色】,与画布边距为【16】,绘制【宽:88,高:88】圆形,添加素材【投影】,【Ctrl+Alt+J】创建剪贴蒙版,具体如图所示。

4cde805918e1ca7a906de2a8159f4678.png

3.添加文字内容,大字体字号为【36】像素,小字体为【24】像素,添加素材【>】图标,具体如图所示。

1c75e06a15f49f84de7abfd22563fa08.png

4.添加白色矩形的图层样式【投影】,参数如图所示。

8cf6cf512146ebbbc39ed7b1583761c3.png

5.绘制白色矩形,添加【28】像素的【文字内容】,绘制矩形【分隔线】,高边距为【88】,具体如图所示。

9cbe911c3c7cd1cb01800a21023675ca.png

6.添加【文字内容】,添加素材【图标】,【Ctrl+T】自由变换调整大小位置,具体如图所示。

771929606d047f53799fd57b7e11c443.png

7.在下方绘制白色矩形,绘制矩形【分隔线】,高边距为【88】,添加【文字内容】,添加素材【图标】,【Ctrl+T】自由变换调整大小位置,具体如图所示。

509dab041e33df7830078b049506b4c0.png

8.修改【文字内容】,完善画面细节,完成绘制,最终效果如图所示。

fe2596718cd4a90f71443cc9f254dd3b.png

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值