1 / 27
文档名称:

APP制作教程.docx

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

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

分享

预览

APP制作教程.docx

上传人:SSL2021 2021/9/22 文件大小: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〕鼠标左键在图层面板中双击刚刚创立的圆角矩形图层,翻开图层样式对话窗口。将图层的填充不透明度设置为零,这样只有图层样式起作用,图层的内容不会被显示出来,如下图。
〔11〕在图层样式对话窗口,勾选“描边〞,设置如下图。
〔12〕用和前面类似的方法将齿轮图标图层参加到本文件当中,通过自由变换修改为适宜的大小,然后放在适当的位置上,然后为该图层添加一个“投影〞图层样式,设置如下图。
 
〔13〕用和前面类似的方法在导航栏的左侧画一个“回退〞按钮,可以采用把右边的“圆角矩形〞复制到左边的方法。箭头的画法是:用钢笔工具在圆角矩形的左侧边添加一个锚点,然后用直接选择工具,选中这一点向左拖动。