在PS中也是可以制作生成HTML网页的,下面我们就来利用PS中的切片工具,为一张图片来添加一个网址,来展示在PS中如何将网址添加到图片上。
工具/原料
1
电脑
2
Photoshop CS6
3
任意一张图片
方法/步骤
1
1.如图所示,我们这个图片上鼠标右击,在弹出的下拉列表菜单中,我们点击箭头所指的“打开方式(H)”这一项,之后依次点击箭头所指的“Adobe Photoshop CS6”这个选项,就可以将这一张照片,打开在ps软件中了。
2
2.如图所示,我们已经将这一张风景照片放在了ps软件中,之后我们在箭头所指的裁剪工具上鼠标右击,在弹出的下拉列表菜单中,我们点击箭头所指的“切片关键 C”。
3
3.如图所示,我们在箭头指的地方鼠标右击,在弹出的下拉列表菜单中,我们点击箭头所指的“编辑切片选项...”。
5
5.如图所示,我们点击箭头所指的“文件(F)”,之后在弹出的下拉列表菜单中,我们点击箭头所指的“存储为Web所用格式...”,就可以保存了。
6
6.如图所示,在这个对话框中,我们点击箭头指的“存储...”,来对保存进行设置。
7
7.如图所示,找到合适的保存位置之后,我们点击箭头指的黑色三角,在弹出的下拉列表菜单中,我们点击箭头指的“HTML和图像”,就可以保存出HTML网页来,之后点击“确定”按钮即可。
8
8.如图所示,这时会弹出一个提醒字符的文件对话框,我们之后要点击“确定”按钮即可。
9
9.如图所示,我们看找到保存的网页文件,就是这样的后缀名为html的文件了,我们直接鼠标双击就可以将这个文件用浏览器打开了。由于使用的是搜狗浏览器所以网页文件的标志图为搜狗的浏览器的图标了。
10
10.如图所示,我们在这个HTML网页文件中,将鼠标移动到图片上任意一个位置时,我们看到这个鼠标的指针变为了一个小手,这就表示这个位置带有超级链接。
注意事项
在PS的菜单栏中的“视图”中可以清除切片。