ps怎么制作静态的html页面
![Photoshop CS6](https://xiazai-fd.zol-img.com.cn/t_s64x64/g6/M00/07/0A/ChMkKmEL68uILheCAAAs2dRcI4MAASfcQKLq6wAACzx528.jpg)
ps是一个强大的修图软件,其实ps也可以制作html页面吗。下面将告诉大家ps如何制作html页面,不会的朋友可以过来参考一下,希望能对大家有所帮助!
方法/步骤
1、打开图片。
打开ps软件,然后把使用ps打开需要制作成html的页面的图片。点击“文件”菜单下的“打开”,然后选择图片打开即可。如图:
![Photoshop,ps怎么制作静态的html页面 ps怎么制作静态的html页面](http://doc-fd.zol-img.com.cn/g5/M00/0E/00/ChMkJlqBNaSICOu2AABqptWNRqIAAkyrQCvFNwAAGq-816.jpg)
2、裁剪图片。
点击“切片工具”,把鼠标放在图片上长按左键,切出想要的图片。如图:
![Photoshop,ps怎么制作静态的html页面 ps怎么制作静态的html页面](http://doc-fd.zol-img.com.cn/g5/M00/0E/00/ChMkJlqBNaSIZQ58AAB9aTQnaIcAAkyrQCwd3sAAH2B948.jpg)
3、设置图片链接。
在已经切好的图片上右键点击”编辑切片选择“,然后在切片选择页面的URL输入框输入要跳转的链接地址,最后点击”确认“。如图:
![Photoshop,ps怎么制作静态的html页面 ps怎么制作静态的html页面](http://doc-fd.zol-img.com.cn/g5/M00/0E/00/ChMkJ1qBNaSIGVoIAACF7JPzp2EAAkyrQCySl4AAIYE470.jpg)
4、继续切图。按照步骤2把想要的图片切成小图片。
如图:
![Photoshop,ps怎么制作静态的html页面 ps怎么制作静态的html页面](http://doc-fd.zol-img.com.cn/g5/M00/0E/00/ChMkJ1qBNaSIGv4VAACEDoUaAVgAAkyrQCz15kAAIQm575.jpg)
5、保存图片为html页面。
点击”文件“菜单下的”保存为Web所用格式“,在存储为Web所用格式页面点击”存储“按钮。最后输入文件名,然后把格式选为”HTML和图像“格式点击”保存“。
6、打开html页面。
使用浏览器打开保存的html页面。效果如图:
![Photoshop,ps怎么制作静态的html页面 ps怎么制作静态的html页面](http://doc-fd.zol-img.com.cn/g5/M00/0E/00/ChMkJlqBNaSIJONgAACMS8vXIUkAAkyrQC2wJIAAIxj694.jpg)
7、点击链接。
点击链接图片,就可以调转到已经设置好的网页。如图:
![Photoshop,ps怎么制作静态的html页面 ps怎么制作静态的html页面](http://doc-fd.zol-img.com.cn/g5/M00/0E/00/ChMkJ1qBNaSIWkbLAACb7eqbWZQAAkyrQC5i2cAAJwF275.jpg)
8、查看已切好的图片。
已经切好的图片也会自动保存在同目录下的images文件夹里。如图:
![Photoshop,ps怎么制作静态的html页面 ps怎么制作静态的html页面](http://doc-fd.zol-img.com.cn/g5/M00/0E/00/ChMkJ1qBNaSIJa4lAABzAceJj4wAAkyrQC6J2wAAHMZ090.jpg)
教程结束,以上就是ps如何制作静态的html页面方法,操作很简单的,大家学会了吗?希望这篇文章能对大家有所帮助!
文章标题:ps怎么制作静态的html页面
文章链接:http://xiazai.zol.com.cn/jiqiao/39204.html
为给用户提供更多有价值信息,ZOL下载站整理发布,如果有侵权请联系删除,转载请保留出处。
- 上一问: PS利用角度渐变制作光盘
- 下一问: PS设计出炫酷有创意的音乐节海报
相关软件推荐
其他类似技巧
- 2024-06-17 12:12:02 2024年用户评价好的专业广告制作软件
- 2024-06-16 06:26:01 2024年探讨免费的Adobe Photoshop软件下载量排行榜
- 2024-06-16 06:11:02 2024年免费获取Adobe Photoshop软件的途径与方法
- 2024-06-09 06:41:01 2024年免费的Adobe软件:下载量高的秘诀是什么?
- 2024-06-09 06:26:01 2024年免费的Adobe软件:下载量激增背后的原因分析
- 2024-06-09 06:20:02 2024年评估Adobe软件的市场占有率
- 2024-05-31 14:35:01 2024年推荐几款免费的海报制作工具
- 2024-05-17 10:43:01 2024年图片制作器软件:人气排行榜出炉
- 2024-05-17 10:40:01 2024年图片制作利器:五款必备软件介绍
- 2024-04-29 16:36:15 2024年五款免费平面设计软件:谁是性价比之王?
Photoshop CS6软件简介
Photoshop CS6中文版是Adobe公司旗下最为出名的图像处理软件之一,Photoshop CS6简体中文版集图像扫描、编辑修改、图像制作、广告创意,图像输入与输出于一体的图形图像处理软件,深受广大平面设计人员和电脑美术爱好者的喜爱。Adobe发布了Photoshop CS6的正式版,在CS6中整合了其Adobe专有的 Mercury图像引擎,通过显卡... 详细介绍»
热门软件教程
-
Photoshop教程
-
EXCEL教程
-
WORD教程
-
Flash教程
-
Dreamweaver教程