- 1、本文档共12页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 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所示。;谢谢
您可能关注的文档
最近下载
- 2023年教师职称计算机考试题库.pdf
- 建筑工程图集 16J914-1:公用建筑卫生间.pdf VIP
- 小学数学五年级上册期末测试卷及参考答案(能力提升).docx
- 小学生行为习惯的养成教育.pptx VIP
- 小学六年级上册数学期末测试卷含答案(巩固).docx
- 提高预制箱梁外观一次交验合格率QC小组.pptx
- 小学数学三年级下册期中测试卷附答案(达标题).docx
- 人教版四年级数学上册课件 第3单元 角的度量 第1课时 线段、直线、射线和角.pptx VIP
- 小学数学六年级上册期末测试卷带答案(实用).docx
- 父母教育态度的一致性对幼儿社会性发展的研究(国家开放大学、普通本科毕业生适用).docx
文档评论(0)