本人PS版本为PScs3,文件大小50M,因为当时兴趣来便自学,手机钢化膜,拆完快递随手在校道拍的,如下

用ps制作简单手机界面步骤(透明手机详细教程)(1)

打开PS,拖入素材

用ps制作简单手机界面步骤(透明手机详细教程)(2)

拖入素材首先复制图层(Ctrl J),调整好窗口大小后,按住ALT 鼠标滚轮把图片放大到合适大小

用ps制作简单手机界面步骤(透明手机详细教程)(3)

钢笔工具把显示屏勾勒出来,不会勾勒曲线的先学点勾,曲线这里就不详细讲了

用ps制作简单手机界面步骤(透明手机详细教程)(4)

如图银白色部分就是我勾勒之后的,作为手机屏幕显示内容的部分

用ps制作简单手机界面步骤(透明手机详细教程)(5)

去掉可视,并选中选区再点击图层1,点击键盘删除

用ps制作简单手机界面步骤(透明手机详细教程)(6)

可去掉背景可视检查是否已删除,检查后导入需要显示的内容,ctrl a全选,ctrl c复制,然后黏贴,注意窗口的设置,我个人一般不喜欢全屏

用ps制作简单手机界面步骤(透明手机详细教程)(7)

注意要把背景可视设为可示,图层2放在图层1下面,然后ctrl t变形,把圆心(旋转中心)放到角落,这里我把圆心放在左上角,方便变形,变形后如下

用ps制作简单手机界面步骤(透明手机详细教程)(8)

然后把显示的内容透明,图层属性选正片垫底

用ps制作简单手机界面步骤(透明手机详细教程)(9)

调一下曲线(Ctrl M),把显示的内容调到合适清晰度如下

用ps制作简单手机界面步骤(透明手机详细教程)(10)

最后保存为图片格式

用ps制作简单手机界面步骤(透明手机详细教程)(11)

完成

用ps制作简单手机界面步骤(透明手机详细教程)(12)

同样的方法还可适用于很多地方,当然需要加上光线渲染会感觉更加真实(下次再发详细教程),喜欢的朋友可以关注下

用ps制作简单手机界面步骤(透明手机详细教程)(13)

用ps制作简单手机界面步骤(透明手机详细教程)(14)

,