13 iOS风格欢迎界面设计.pptx

UI界面设计与制作教程;任务6iOS风格欢迎界面设计;4.6.2iOS风格欢迎界面制作

1、制作要点：iOS风格欢迎界面

2、使用工具：ps中的图层、滤镜、模糊、形状、字体等。

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

（1）新建画布，如图62所示。;（2）拖入屏幕背景图片，调整好大小，如图63所示。;（3）点击滤镜-模糊，选择高斯模糊工具，对屏幕背景进行模糊处理，设置半径为5，效果如图64所示。;（4）新建图层，选择矩形形状工具，填充颜色设置为黑色，在画布中绘制一个跟屏幕背景一样大小的矩形，然后将不透明度设置为60，如图65所示。;（5）新建一个图层，命名为状态栏，选择矩形选框工具，设置选框样式为固定大小，宽度750像素，高度为40像素，然后创建状态栏的矩形选框。接着选择编辑-填充工具，填充矩形选框，R:75，G:73，B:73，然后设置不透明度为50，填充完毕之后，按住Ctrl+D取消选框。如图66所示。;（6）拖入状态栏的元素，根据屏幕状态栏的位置和尺寸，调整好状态栏元素大小。（如图67）;(7)新建一个图层，命名为LOGO，然后选择多边形形状工具，设置边为6，在画布中绘制一个六边形。如图68所示。然后再新建一个图层，输入文本“旅”，字体为华文行楷，大小为60，调整其位置，放入六边形的正中。如图69所示。;（8)新建一个图层，命名为按钮1，然后选择圆角矩形工具，设置填充颜色为R:64,G:192,B:100，固定大小为宽360像素，高90像素，半径为50像素。在画布中绘制圆角矩形按钮，如图70所示。;（9）再新建一个图层，命名为按钮2，然后选择圆角矩形工具，设置描边颜色为白色，描边数值为3，设置固定大小为宽360像素，高90像素，半径为50像素。在画布中绘制圆角矩形，如图71所示。;(10)选择文本工具，新建2个图层，在按钮1形状上方输入“signin”，在按钮2形状上方输入“signup”，字体为Arial，大小为36，然后调整好文本的位置，效果如图72所示。;(10)选择文本工具，新建2个图层，在按钮1形状上方输入“signin”，在按钮2形状上方输入“signup”，字体为Arial，大小为36，然后调整好文本的位置，效果如图72所示。;(11)最后调整画布中所有内容的位置，最终完成的设计效果图如图73所示。;???力拓展——党建APP欢迎界面设计;谢谢