多语言展示
当前在线:571今日阅读:19今日分享:20

ps中的正片叠底用代码怎么实现

PS是一款非常好用的图片制作和编辑软件,可以将图片制作和编辑成想要的样子。其中有一个正片叠底的功能,我们可以实现很多所需的样式。那么我们将正片叠底转换成代码,甚至将代码转换成正片叠底。那么ps中的正片叠底用代码怎么实现,小编告诉大家。
工具/原料
1

PS

2

DW

3

HTML

4

浏览器

方法/步骤
1

ps中的正片叠底用代码实现,也需要PS实现正片叠底后才能用代码来实现。首先我们需要先用PS作出一个正片叠底的效果。首先我们打开PS,点击电脑桌面的PS图标即可打开,如果没有的可以去快捷菜单找一找。

2

之后点击PS主界面左上角的,文件→打开,选择一张需要正片叠底的图片,将其打开即可。也可以按快捷键Ctrl+O将图片打开。

3

之后我们将背景图层解锁,在复制一个图层即可。或是不解锁,复制两个背景图层,并将原始的背景图层的眼睛去掉即可,如图所示。

4

之后我们需要在图层上面的功能选项中,选择“正片叠底”效果,如图所示。

5

之后我们在新建一个空白的图层,并移动到两张复制的背景图层中间即可,如图所示。

6

之后我们点击左侧工具栏中的“画笔”更能,并设置好颜色、画笔大小等设置即可。之后画笔在图图片上进行涂抹出正片叠底的效果即可,如图所示。PS正片叠底的效果就作出来啦。

7

之后我们点击左侧工具栏中的“切片”工具,将图片切成一块一块的,如图所示。

8

之后我们用快捷键Ctrl+R打开图像的标尺,如图可以看到图像的周围出现啦刻度尺,如图所示。

9

之后我们拉动刻度尺。通过鼠标按住刻度尺,向图片里面拉动到合适的位置,接口出现蓝线,就是将图片分割成不动的部分,如图所示。

10

之后我们点击主界面左上方的文件→存储为Web所用格式,即可打开将图片存储为HTML格式的界面,我们进行相关设置,如图所示。

11

之后我们点击存储之后,即可弹出如图所示的对话框,我们在下面选择格式的界面,点击选项卡,选择“HTML”格式即可。之后保存到电脑中即可。

12

之后我们打开DW软件,可以去查看PS正片叠底图片的代码。我们点击电脑桌面的DW图标即可打开,或在快捷菜单中打开。

13

之后我们点击DW左上方的文件→打开,在弹出来的对话框中,点击我们刚才保存的HTML格式的文件,即可查看到PS正片叠底图片的代码。代码内容是QQ截图23

如图所示。

14

我ps中的正片叠底用代码实现,还需要在浏览器中打开我们的HTML代码,可以看到被分割的图片,我们只需要将看到的图片截图保存到电脑中即可。我们会的玩家,也可以自己敲代码,或是更改代码,作出正片叠底的效果代码,但需要在浏览器中打开截图保存在PS中实现。

15

之后我们在PS中将刚才代码在浏览器中的截图,早PS中打开。或是在浏览器中保存的图在PS中打开,即可完成ps中的正片叠底用代码实现。大家可以自己是试一试,源代码没有的话就按小编的方法做出来一个,之后在进行编码,在用代码操作,在PS中实现即可。

推荐信息