PS教你打造时下最受欢迎的APP效果展示图

   步骤:

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


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


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


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

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


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


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


  这就是智能对象的好处。

  跳到这个画面后


  拖入你想要做的界面:


  图片来自Dribbble:Dribbble – GIF for the Timeline App by Sergey Valiukh

  然后保存:Command(Ctrl)+ S,关闭:Command(Ctrl)+ W

  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入门教程
时间: 2025-01-19 10:30:43

PS教你打造时下最受欢迎的APP效果展示图的相关文章

PS教你打造清新可爱的3D糖果文字效果

  一.要用到的文字和纹理 关于糖果文字的字体,并不十分局限.我个人推荐的使用圆圆胖胖的英文字母,看上去有可爱感,比如我在这里使用的BubbleGum Regular.纹理的使用,我采用了斜纹,你也可以使用其他的纹理.在我的收藏夹-纹理中你可以找到各大免费纹理下载的网站,去寻找适合字体的纹理.我个人的感觉是英文比中文更适合此类风格,中文由于结构比英文更为复杂,会显得整体线条不够明朗,所以如果内容是中文的,谨慎之! 二.开始创建文字 STEP 01 打开PS,新建一个宽800px高600px的新文

教大家打造一只梦幻创意星空眼睛效果

  教大家打造一只梦幻创意星空眼睛效果,要用到PS+SAI软件,纯数表也可以画完.有手绘板就更好画 分类: PS入门教程

PS教你打造一个超现实云端特效

  一.背景准备 1. 准备背景 步骤 1 打开Adobe Photoshop和去文件>新建(或按下控制-N键盘上),以创建一个新文档. 设置宽度为 1400像素,高度为 2100像素和分辨率为 300. 将名为"background.jpg "拖进. 2. 打开名为:云层 的素材图片,然后拖进刚新建的图层里.把该素材放置在最顶层,并命名为:CLOUDS,放在中间. 如图画圈所示,云层和背景需要融合. 为云层图片建立蒙版,然后用软笔刷(黑色),设置透明度为60%,在所选区域进行擦

PS教你绘制大气炫酷的3D字体效果

  效果图: 分解一下这个PS合成.不难发现主体是由一个斑驳的背景,PS两个3D立体的文字,从上打下来的光和一些光点装饰三个部分组成的.而整个合成的难点就在于怎么得到较为逼真的3D文字效果. 这里的逻辑是,先得到一个符合透视原理的3D文字轮廓然后放到photoshop中添加贴图和效果,做成艺术化的伪3D视觉.得到3D轮廓的方法很多,比如绘画基础好的同学可以自行手绘,利用AI中的3D效果,Photoshop中的3D Photoshop中的3D工具 得到3D文字的方法很多,随你喜欢. Ok,得到3D

PS实用粗暴打造酷弦的LED荧光字体效果

  实用粗暴打造酷弦的LED荧光字体效果!讲解非常全面到位,步骤思路清晰明了,效果质感靠谱,非常易上手,适用于海报不错,值得借鉴学习 分类: PS文字教程

PS教你把人物相片转成手绘效果

  最想学的效果就是它了!今天@P大点S微博 分享一个照片转手绘的教程,虽然过程特别细致,不过仍然需要有一定的技术基础,耐心更是少不了,属于在众多效果中比较复杂的一种.周末在家花一下午练习出来,成就感肯定爆棚! 这是原图: 我们的最终效果图: 关于转手绘: 转手绘(又名:仿手绘.转鼠绘)是利用绘图软件.图片处理工具(sai .photoshop等,),将人物或风景照片转变成类似手绘效果的一种图片处理方法. 是众多PS效果中复杂性比较大.技术要求相对较高的一种效果,要求转图人员有一定的颜色感.立体

PS几步打造照片怀旧复古棕褐色黑白效果教程

色调一开始就是围绕着摄影而展开的,摄影的时候通过不同化学物质的组成成分,拍摄出不一样色调的图,对于非专业的摄影师要拍摄出那种色调的图片 的话可能很难,现在用Photoshop的后期处理,很轻松的能达到那种效果了,本教程展现了日益流行的棕褐色色调的调图. 效果图: 原图: 1.打开素材图,复制一层(习惯复制一层,保护原图),添加黑白调整层,选择蓝色滤镜 2.添加照片滤镜调整层,选择深褐 3.添加曲线调整层,曲线如图所示 4.盖印图层,然后点击菜单栏上面的 选择---色彩范围,在图片的较白处取样点

PS教你打造霓虹光线框文字效果

  前言: 要完全掌握Photoshop的滤镜功能,的确是件漫长的过程.它像一个魔术百宝箱,千变万化,而我们入门的那点简单的滤镜技巧,显然不能满足日常应用时突发的诸多复杂情况. 在这个教程中,我们要学习的用Photoshop的几个比较冷僻的滤镜来打造一个时尚感的霓虹光感线框文字.所谓冷僻,也就是相比较不那么常用,当然,除非你对滤镜已经摸索得足够透彻. 而且,我们经过学习也会发现,将几个特殊效果的滤镜巧妙的结合一起使用,能渲染出出乎人意料的效果. 一.创建文字 在PS中新建一个文档,文档大小宽90

PS教你打造复古的牛皮质感通讯簿图标

  @葶蓂溪畔的幽灵公主 :在这个教程中,我将给大家展示如何用PS打造一个精致的牛皮质感通讯簿图标.教程主要用到三项技巧:首先,充分利用网格和对齐到网格;其次,创建矢量形状,充分利用图层的混合选项;最后,用简单的混合技巧和特效来添加细致的阴影和高光.让我们开始吧! 本次教程需要以下素材.开始之前可以先下载,当然也可以用其他素材代替. 木纹背景 皮质图案 一.新建文件,显示网格 打开PS,Command/Ctrl-N新建一个文件.按照下图设置参数,单击确定.显示网格(视图>显示>网格),然后对齐