12 写实风格欢迎界面设计.pptx

  1. 1、本文档共12页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多

UI界面设计与制作教程;任务5写实风格欢迎界面设计;4.5.2写实风格欢迎界面制作

1、制作要点:写实风格欢迎界面

2、使用工具:ps中的图层、形状、字体等。

3、效果图如下:;4、制作步骤

(1)新建画布,如图52所示。;(2)新建图层,拖入屏幕背景元素,调整好大小和位置,如图53所示。;(3)新建图层,命名为状态栏,选择矩形选框工具,设置选框样式为固定大小,宽度750像素,高度为40像素,然后创建状态栏的矩形选框。接着选择编辑-填充工具,填充矩形选框,R:195,G:195,B:195,填充完毕之后,按住Ctrl+D取消选框。如图54所示。;(4)拖入状态栏的元素,根据屏幕状态栏的位置和尺寸,调整好状态栏元素大小。另设置该图层样式,添加颜色叠加,R:0,G:0,B:0。(如图55);(5)拖入LOGO,调整位置到屏幕的中间,然后新建一个图层,输入文字“ELAGANCE”,字体为BodoniBdBT,大小为60;接着新建另外一个图层,创建文本“Modernproducts,newtrendsinshort,tellingyouallthewayinthisstore.”,字体为Arial,大小为26。最后选择这三个图层,点击对齐按钮,将三个图层在屏幕中对齐居中。(如图56);(6)新建图层,选择矩形圆角工具,在画布中绘制按钮,大小为:宽240像素,高60像素,半径20像素;颜色填充为R:229,G:203,B:164。最后再设置该按钮图层的透明度为90。如图57所示。;(7)新建图层,创建文本“SignUp”,字体为,大小为;然后同理,创建文本“SignIn”,将颜色设置为白色,而后调整好两个文本的位置,最后效果如图58所示。;(8)最后选中需要对齐的图层,点击对齐按钮,将图层位置都调整到合适的位置,最后完成的界面效果如图59所示。;谢谢

文档评论(0)

xiadaofeike + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

版权声明书
用户编号:8036067046000055

1亿VIP精品文档

相关文档