教程 发表于 2021-7-4 10:51:44

制作科技感的透明手机屏幕

教程作者：极微设计
透明手机屏幕效果的图片，需要找合适的素材，在PS中进行制作后，因为要营造手触摸屏幕的效果，所以最后把那根拇指显示出来是本篇教程的重点，把素材置入PS中后，所以在进行制作的时候，在“手指”图层，按P使用钢笔工具，将大拇指部分锚点选取出来，锚点选取好了后，按Ctrl+Enter选区更改形成虚线选区，进行操作后，你会看到拇指显示出来了，具体如何做一起来学习一下吧。

效果图：

http://pic1.16xx8.com/allimg/eysiy2/16xx899580x2.png

（素材）

http://pic1.16xx8.com/allimg/eysiy2/16xx899580x0.png

http://pic1.16xx8.com/allimg/eysiy2/16xx899580x199580.thumb.png新手学PS请到：www.16xx8.com


操作步骤：


第一步：


打开PS，按Ctrl+O将‘手指’素材的图层放入，就得到“手指”图层；接着按Alt+F+L将‘手机屏幕’素材的图层置入，按Ctrl+T调整好尺寸、位置，就得到“手机屏幕”图层，把混合更改模式改成‘正片叠底’


http://pic1.16xx8.com/allimg/eysiy2/16xx899580x399580.thumb.png


http://pic1.16xx8.com/allimg/eysiy2/16xx899580x499580.thumb.png


http://pic1.16xx8.com/allimg/eysiy2/16xx899580x599580.thumb.png


http://pic1.16xx8.com/allimg/eysiy2/16xx899580x699580.thumb.png


http://pic1.16xx8.com/allimg/eysiy2/16xx899580x799580.thumb.png


第二步：


按住Ctrl并同时单击“手机屏幕”图层缩览图，显示出手机屏幕的选区；接着按Shift+Ctrl+N新建一个图层，就得到“图层 1 ”图层


http://pic1.16xx8.com/allimg/eysiy2/16xx899580x899580.thumb.png


http://pic1.16xx8.com/allimg/eysiy2/16xx899580x999580.thumb.png


第三步：


在“图层 1 ”图层，按Shift+F5填充白颜色，好了后点击‘确定’，把填充改为‘0%’；接着按Ctrl+D取消选择；然后点击选择：图层 >图层样式 >描边，修改（大小：1像素、位置：居中、混合模式：正常、不透明度：25%、填充类型：颜色、颜色：黑色），好了后点击‘确定’


http://pic1.16xx8.com/allimg/eysiy2/16xx899580x10.png


http://pic1.16xx8.com/allimg/eysiy2/16xx899580x1199580.thumb.png


http://pic1.16xx8.com/allimg/eysiy2/16xx899580x1299580.thumb.png


http://pic1.16xx8.com/allimg/eysiy2/16xx899580x1399580.thumb.png


http://pic1.16xx8.com/allimg/eysiy2/16xx899580x1499580.thumb.png


http://pic1.16xx8.com/allimg/eysiy2/16xx899580x15.png


http://pic1.16xx8.com/allimg/eysiy2/16xx899580x1699580.thumb.png


第四步：


在“手指”图层，按P使用钢笔工具，将大拇指部分锚点选取出来，锚点选取好了后，按Ctrl+Enter选区更改形成虚线选区；接着按Ctrl+J将大拇指部分的选区复制拷贝一下，就得到“图层 2 ”图层；然后把 “图层 2 ”图层 的图层顺序拖移动到最上面，即可完成。


http://pic1.16xx8.com/allimg/eysiy2/16xx899580x1799580.thumb.png


http://pic1.16xx8.com/allimg/eysiy2/16xx899580x1899580.thumb.png


http://pic1.16xx8.com/allimg/eysiy2/16xx899580x1999580.thumb.png


http://pic1.16xx8.com/allimg/eysiy2/16xx899580x2099580.thumb.png


最终效果：


http://pic1.16xx8.com/allimg/eysiy2/16xx899580x2.png

跟着教程来练习一下吧，也可以把界面换成其他的图案，学会方法后，就可以灵活运用制作其他的创意作品。http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg

xcyh04280823 发表于 2021-7-4 10:52:23

作业

山风long 发表于 2021-7-6 00:35:01

交作业

格局太小 发表于 2021-7-11 09:15:27

我的作业：

初学者224 发表于 2021-7-17 10:46:46

格局太小 发表于 2021-7-11 09:15
我的作业：

按照步骤来的 但是就是不显示 老哥是为啥呀

火龙 发表于 2021-7-23 17:33:50

我的作业：一起交流学习呀

屁股大光 发表于 2021-8-6 18:45:11

我的作业：
页: [1]
查看完整版本: 制作科技感的透明手机屏幕