《PHOTOSHOP 创建一个移动应用程序的风格布局》由会员分享，可在线阅读，更多相关《PHOTOSHOP 创建一个移动应用程序的风格布局（22页珍藏版）》请在金锄头文库上搜索。
1、POTOSHOP 创立一种移动应用程序的风格布局本文转载自创美优品,转载就保存此信息。移动应用程序正变得越来越受欢迎,因此在今天的教程中，我会带着你通过使用Aoe Photoshop从头开始创立你自己的移动应用程序的风格布局。效果图:在本教程中使用的资源HT垫PSD文献Esittarm放大镜:的截图Manfyie通过高档像素起草了头创立一种新文献（tlN）12110像素的与一种白色FFFFF背景。选择“矩形选框工具”(M),1200像素宽，高度约220像素的画布顶部拖出一种矩形。一旦你已经创立的矩形层“头”标签。目前,选择“圆角矩形工具（U),半径为20像素。正上方的底部边沿的标题矩形拖出一种
2、圆角矩形，该矩形应当是950像素宽,高度约60像素周边。标签的圆角矩形层“导航”。重新选择“圆角矩形工具(U)，然后正上方的导航矩形的右边拖动出一种小矩形大到足以成为一种搜索栏。标签“搜索”这个新层。使标题区选择“页眉”层，然后使用下面的设立添加下面的图层样式。创立一种新层以上的“头”层和标签“头发光”。做一种选择，环绕“头”图层“图层”“载入选区”，然后选择“渐变工具（G）用”径向渐变“。在填充选项栏中更改为“前景色到透明的渐变类型”。拖动渐变的头从顶部的中心,一旦您已经应用了渐变的不透明度设立为15左右。你应当有这样的事情。使生活导航选择“导航”层,然后使用如下设立添加下面的图层样式。里面
3、的导航栏，添加某些文本链接,使用“文本工具”(T）。在彼此之间导航资料,创立两个1在单个层上彼此相邻的像素线,两行作为导航的矩形的高度应当是相似的。一旦你已经创立了行设立图层混合模式为“叠加”，你应当有这样的事情。接下来,我们将创立一种悬停状态的导航项目之一。选择“缩放工具”(Z）然后放大为一体的导航链接，画一种白色FFFF单的线沿行程的导航矩形。在接下来的分割线,该生产线应当从左侧分隔和结束。一旦你已经开行添加下面的图层样式。导航目前应当是这个样子。在搜寻栏位中添加具体信息选择搜索领域层,然后使用下面的设立添加下面的图层样式。一旦你添加图层样式添加一种小的白色FFFFF放大镜图标，可以发目前
4、自定义形状库。然后添加文本“搜寻.”的搜索领域内使用“文本工具”(）。完毕头要完毕头关只需选择“文字工具”（T)，并增长您的网站的标题和标语。我的网站使用的字体是“leticNueT 55”的。创立特色区域在一种新的层下面的所有头元素中选择“矩形选框工具”（M）,并选择类似下面的图片。一旦选择了某些填充（）与任何颜色随机选择,然后添加一种“渐变叠加”使用下面的设立。在左手侧的特色区域添加某些示例性特色文本,在右侧图像留下空间。下载“HTC垫”从资源列表。HTC垫文献Esintitasarim然后复制过来的HC垫,将它放在在右边的功能区。调节C垫与“自由变换工具（Ctrl + ）。接下来,下载：
5、截图放大镜放大镜“保费像素”,然后将其拖动到画布上的放大镜在TC垫。按保费像素的放大镜:截图放大镜在放大镜层拖动一种更大的版本的HC垫上面一层，右键单击该版本的HC垫层,并选择“创立剪贴蒙版”。更大的HT垫的放大镜内消失，只需将（V)越大的HC垫，直到你有这样的事情。创立第二届导航在一种新的层下面的所有其她层，然后选择“矩形工具（U）拖出一种矩形下方的功能区。添加一种“渐变叠加”使用下面的设定到2导航矩形。内的第二个导航矩形添加一种小的描述一对夫妇的副标题。在这两者之间各子标题添加小分隔线，我们做我们的第一种导航。最后，上面的一种子标题添加一种小箭头朝上。这可以使用“多边形套索工具(L）创立的
6、。创立内容选择“矩形选框工具”（M)，然后使周边的选择的白色区域的最后一种比特，如下图所示。设立“前景”颜色cecee和“背景”的颜色为#FFFF，选择“渐变填充工具”(）,然后拖动一种线性渐变的顶部选择向下一对夫妇的像素。选择“矩形选框工具”,并创立两个1像素线在彼此顶部，就像我们在为我们的导航只是这一次创立水平。将线的蓝色导航符合梯度。一旦创立设立不透明度为50。遗留在空间开始建立您的内容，我做了什么特别的，只是添加了某些虚拟的文字和博客条目的列表。你可以把更多的时间放在您的内容区域,让它看起来要如何。创立页脚页脚只需选择“矩形选框工具”(M)，然后拖动选择在画布底部填充（）的选择与黑色#000。之躯内添加版权信息,也许一种小的文本导航。结论在本教程中感谢您的参与，如果你成功地完毕本教程中,我很乐意看到某些成果。可以自由刊登她们对我们的Facebo粉丝页面。 更多教程请登陆创美优品首页
