1 / 29
文档名称:

APP制作教程样稿.docx

格式:docx   大小:1,916KB   页数:29页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

APP制作教程样稿.docx

上传人:非学无以广才 2020/11/29 文件大小:1.87 MB

下载得到文件列表

APP制作教程样稿.docx

相关文档

文档介绍

文档介绍:笔记信息
用Photoshop绘制音乐播放器界面
第一步:制作界面上用到icon
(1)点击菜单“文件 > 新建”或快捷键“CTRL+N”,在“新建”对话窗口中,大小设为200×200,分辨率设为72,图所表示。
(2)鼠标左键点击“菜单>首选项>参考线、网格和切片”,设置网格线间隔为25像素,使网格为4,图所表示。鼠标左键点击“视图>显示>网格",使网格处于勾选状态。
(3)鼠标左键在工具箱上点击“椭圆工具”,在画布上画一个圆,结果图所表示。
(4)再用矩形工具画出钟面上一长一短两个指针,然后将圆所在图层和矩形所在图层分别合并(CTRL+E),并减去顶层形状,具体方法参考“Photoshop矢量图形工具”这一章,然后用颜色“#b3b3b3”填充该图层,最终结果图所表示。
(5)继续经过矢量形状相减方法制作电池图标,图所表示。
(6)经过矩形工具和图层合并,制作信号强度图标,图所表示。
(7)用矢量图形工具,制作图所表示图标,制作过程中会用到“图层合并”、“减去顶层形状”、“合并形状组件”、“变换路径>水平翻转”,“变换路径>垂直翻转”等方法。
   
    
   
第二步:制作界面
(1)点击菜单“文件 > 新建”或快捷键“CTRL+N”,在“新建”对话窗口中,选择“移动设备”,大小设置为320×480,分辨率自动设置为72,设置图所表示。
(2)为新建画布设置“中间略亮、周围略暗”背景,前面已经用过多个方法来实现这一目标,现在采取一个新方法。新建一个图层,然后用工具箱中矩形工具,画一个550×650像素矩形。然后在工具选项栏上选择渐变填充,渐变类型为“径向”,色标设置图所表示。
 
(3)鼠标左键点击工具箱上“路径选择工具”,在工具选项栏上,先勾选“对齐到画布”,然后选择“水平居中”和“垂直居中”,这么绘制矩形就和画布对齐了,图所表示。
 
(4)先将前景色设置为“#1b1b1b”,鼠标左键点击工具箱上“矩形工具”,在画布顶端,绘制一个320×22像素矩形,作为状态栏,图所表示。
(5)现在要将前面第一步制作多种图标拷贝到目前文件当中,两个PSD文件之间拷贝图层步骤:在图层面板中,鼠标右键单击图标所在图层,在弹出菜单栏中选择“复制图层”,这时会打开复制图层对话窗口,在窗口中选择目标文档为目前文档,然后鼠标左键点击“确定”,目前PSD文档中图层就会复制到目标文档中,图所表示。
(6)经过自由变换,将这些图标调整到适宜大小,而且放到合适位置上,结果图所表示。然后将这些图层放到一个图层组中。
(7)用工具箱中圆角矩形工具画一个320×43像素圆角矩形作为“状态栏”,在属性面板中将圆角设置为3像素。在工具选项栏上,对圆角矩形做渐变填充,设置图所表示。
    
(8)鼠标左键在图层面板中,双击刚才创建状态栏图层,打开图层样式对话窗口,勾选“内阴影”,设置图所表示。
 
(9)在图层样式对话窗口,勾选“投影”,设置图所表示。
(10)鼠标左键点击工具箱当中圆角矩形工具,在图所表示位置画一个大小为27×27像素,圆角为3像素圆角矩形,图所表示。
(11)鼠标左键在图层面板中双击刚才创建圆角矩形图层,打开图层样式对话窗口。将图层填充不透明度设置为零,这么只有图层样式起作用,图层内容不会被显示出来,图所表示。