96编辑器旗下产品
找图
终身
ID:0
到期时间:永久
退出登录
您的位置:首页 > 百科管理 > 详情

app展示图模板-APP模板怎么做?

原创:找图网 2023-04-13 21:02:12
  • APP展示图,教大家怎么做这种APP作品展示图

  • 想不想高大上地展示你的APP作品呢?想不想将图片变成APP效果图呢?那就一起来看看下面这个PS教程吧!教程不难,就随小编我一起来学习下怎么用PS将图片变成APP效果展示图吧!

    这次我们要做的是一个5S的尺寸的APP效果展现图。

    步骤:

    1、新建一个画布尺寸为:640*1136,然后保存,命名如:5S效果图模板。

    2、再新建一个画布,命名如:效果图展现。

    2、再新建一个画布,命名如:效果图展现。

    尺寸随意,可以大点,自己看情况吧。

    3、将刚才保存的那个5S效果图模板.psd拖到这个画布中。

    Ctrl+T变换到合适的尺寸,倾斜到合适的透视效果。

    4、然后双击”5S效果图模板”这个图层。

    跳到这个画面后。

    拖入你想要做的界面。

    5、回到这个展示页面。注:这儿忽略了一步,把刚才保存的图层拖过来。

    复制一个图层。

    按住Option(Alt)+ 鼠标左键拖动图层往下拽,或者Command(Ctrl)+J,选下面的一个图层,双击图层进入图层样式,选择斜面和浮雕,设置一下参数。

    参数自行调整,其中,阴影角度45°可随大环境光线可根据情况自行调整,阴影模式透明度随意,自己看情况调整。

    6、然后,从第二个图层开始连续复制多个该图层,每复制的一个图层都在上一个图层的下方,每复制一个图层都往下移一个像素,按住option(Alt)+鼠标左键拖动图层往下拽,可使用键盘上的下方向键来控制。

    然后,在最后一个图层上设置一个投影。

    然后,在最后一个图层上设置一个投影,参数自行解决。

    最后调整下整体环境。

    本次教程的好处便是使用了智能对象,它可以让你想展示的界面可以随意替换。

    如需展示多个界面的效果,只要多拖进几次那个PSD,然后平面排好后,统一调整透视效果。

    当然表现的手法很多,以上只是一种。

    比如,也可以再建好的大画布上,画一个矩形的尺寸为640×1136,然后转成智能对象,再双击智能对象,进入调整。

    附上@正越升同学的方法,原理相同,细节上处理更加丰富。

    一个效果有千万种实现的办法,在这里只提供一个最简单的思路,用PS纯做。

    一、扭曲&旋转

    导入界面图,然后编辑-扭曲,再旋转,做到如下效果:

    二、制作厚度

    这一步最关键,选中界面图层,[Ctrl+Alt+T],然后按一下方向键[↑],再按回车。这样就复制了一个图层,并且新的图层在原来基础上往上移动一个像素。

    来了,狂按[Ctrl+Alt+Shift+T],这是重复之前的变换操作,这样就会复制出很多个图层,每一个都在之前基础上往上移动一个像素。从而做出厚度效果。

    三、改变亮度

    保留最上面那个图层,将其他所有界面的图层,合并成一个图层,命名为[厚度]。

    然后选中[厚度]图层,使用矩形选框工具+[图像-调整-亮度对比度],对厚度的左边面和右边面分别进行降低亮度20和50处理。

    四、阴影

    复制[app]图层,改变图层顺序到[厚度]下面,然后使用[高斯模糊]+颜色叠加为黑色+改变不透明度为30%。完工!

    好的,关于怎么用PS将图片变成APP效果图的方法就介绍到这里,大家学会了吗?

  • APP模板怎么做?

  • 1.

    进入应用公园的网站,注册登录,在线制作。

    2.

    在模板栏目中,选符合自己行业或者功能类型需要的app模板...

    3.

    进入制作平台后,如下图所示,左侧为app页面,右侧为开发好的功能模...

    4.

    可以左侧新建页面,也可以把需要功能直接拖入中间的制作模块...

    5.

    在制作模式中,

    6.

    制作完毕后,点击生成,同时管理后台、

  • App登录界面的设计

  • 一 背景

    1.纯色背景

    整体上看起来非常的干净

    2.毛玻璃效果

    要控制好效果,注意颜色搭配,否则会看来有点“脏”

    3.渐变色

    4.蒙版背景图片

    要注意背景图片的选择及蒙版的透明度,否则容易造成输入框和按钮辨识度降低

    二 上半部分(即输入框的上面)

    当前主流的App登录界面一般不显示标题栏,界面整体显示大方,空间感强,

    上半部分一般展示图片(可能是应用的logo)、文字(应用的名称或一个体现App的短句)或者图片加文字的方式

    三 输入框和登录按钮

    1.纯输入框,里面有输入内容的提示文字

    2.输入框增加一个小图标,用来标识需要输入的内容

    3.输入框前或输入框中带title

    这种方式用的越来越少,因为icon和引导文字足以说明需要输入的内容,加上title纯属多次一举

    输入按钮一般紧跟在输入框下面,用户输入完成后可直接点击按钮登录。

    登录按钮的长度可以和输入框长度一致或者小于输入框的长度,一般使用有背景色的按钮。

    有些App登录按钮会采用其他形式

    四 注册

    只要两种表现形式:按钮和文字。位置一般在登录按钮下方。

    个人更倾向于按钮,因为使用频率比较高。

    五 忘记密码

    大都采用文字展示,毕竟这个功能的使用频率较低,相对于登录和注册是最不重要的功能

    一般会放在登录按钮的下方,部分App会放到登录按钮和文字框之间,居左放。

    六 联合登录

    一般会放在登录界面的最底部,有些App会放在登录按钮之下,注册按钮的上方(毕竟联合登录也属于登录)

    最新文章 更多
    最新素材 更多
    公司介绍 网站地图 图片资讯
    Copyright © 2010-2022 山东找图网络科技有限公司  鲁ICP备18007836号-3  邮箱:15653358549@163.com