ps切片工具怎么使用,如何应用到网页里面

 时间:2024-10-12 09:33:31

PS的切片工具,在设塥骈橄摆计做图片方面运用比较广泛,和网站制作页面里,特别是运用在淘宝网店中,下面小编来给您操作一遍。

PS切片工具的使用方法/步骤

第一,打开PS软件。

ps切片工具怎么使用,如何应用到网页里面

第二,打开原本准备好的一张图片,可以把图片直接拉到PS中,也可以用菜单栏上的文件工具来打开文件。

ps切片工具怎么使用,如何应用到网页里面

第三,把图片乱放到合适的大小,然后选择【裁剪工具】,工具栏上的一把像小刀一样的工具,选择“切片工具”。

ps切片工具怎么使用,如何应用到网页里面

第四,然后把图片切成两块。

ps切片工具怎么使用,如何应用到网页里面

第五,选择文件→存储为WEB和设备所用格式,这是一种专门为网页制作人设置的格式。

ps切片工具怎么使用,如何应用到网页里面

第六,保存为“JPG”格式,选择存储

ps切片工具怎么使用,如何应用到网页里面

第七,选择“HTML和图像”格式,保存。

ps切片工具怎么使用,如何应用到网页里面

第八,导出后生成两个文件如图:

ps切片工具怎么使用,如何应用到网页里面

第九,打开网站制作软件《Dreamweaver CS3》。

ps切片工具怎么使用,如何应用到网页里面

第十,选择“HTML”。导入“123.html”“页面。

ps切片工具怎么使用,如何应用到网页里面

第十一,选择设计。看到两张切好的图片。

ps切片工具怎么使用,如何应用到网页里面

第十二,查看代码页,看到两张图片的代码。

ps切片工具怎么使用,如何应用到网页里面

第十三,选择预览。

ps切片工具怎么使用,如何应用到网页里面

第十四,看到已经打开制作好的网页了。如果把图片放到相册空间里,把图片代码替代成图片空间里的代码,就可以把代码复制到网站上,或者网店里都可以浏览。

ps切片工具怎么使用,如何应用到网页里面

  • blender2.83物体对齐到地面怎么做
  • PS3D如何生成UV
  • C4D如何将立方体上端面的四个点合并成一点
  • C4D如何将一张贴图在平面上分成四份
  • cinema 4d花瓣制作技巧
  • 热门搜索
    战争手抄报 2020鼠年手抄报 小学生手抄报模板 新学期新打算手抄报 文明校园手抄报 手抄报图片大全2年级 六一手抄报简单又好画 保护绿色家园手抄报 青少年心理健康手抄报 教师节英语手抄报