网页设计如何使用PS切图

更新时间:2019-08-31 12:55:35 来源:未知 作者:admin

  PS不仅可以用来处理和合成图像,在网页设计领域也有非常广泛的应用。在进行网页设计时可以使用PS切图,把网站效果图分成多个小块儿的图片。以下是青锋建站给大家分享的如何使用PS进行网页设计切图。

网页设计需要切的内容

  图标、logo、有特殊效果的按钮、文字、非纯色的背景、banner、广告图片、文章中的配图等

网页设计切图需要用到的PS工具

-拉参考线
-选择切片工具
-选择切片选择工具
-双击切片,更改文件名等信息
-全选切片,统一设置存储格式存储为Web所用格式(Alt+Shift+Ctrl+S)

实战PS网页设计切图

1、拖动图片进入PS。

网页设计切图1 
2、然后选择工具栏里的切片工具画矩形选框进行裁切

网页设计切图2 

网页设计切图3 
3、选择已经做好切图进行保存,按住shift,用鼠标左键选择所有切片。然后点击菜单里的储存为web和设备所有格式。选择保存图片的格式,点击存储,选择要保存的路径,注意最后要保存的格式为“HTML和图像”。

网页设计切图4 

网页设计切图5 

网页设计切图6 

网页设计切图7
  以上就是青锋建站给大家分享的网页设计的方法与步骤。青锋建站,提供专业的高品质网站制作服务,包括网站建设,SEO,网络营销,PHP开发,网站建设知名品牌,全国接单,为企业构建强有力的营销平台。

转载请注明来源网址:青锋建站-http://www.sjzphp.com/webdis/qietu.html

电话 15632335515 | 邮箱 943703539@qq.com | QQ 943703539 | 微信 qingfengjianzhan

Copyright © 2016-2026 青锋建站 版权所有