ps网页切图视频教程 怎么用PS网页切图

怎么用PS网页切图――简介

网页设计在技术层面上,第一步是美工做出网页效果图,第二步就是网页前端进行网页切图。网页切图工具常用的有fireworks、PS,这里主要向各位介绍怎么使用PS进行网页切图。

怎么用PS网页切图――工具/原料
PS CS5怎么用PS网页切图――方法/步骤

怎么用PS网页切图 1、

第一步 用PS打开网页效果图PSD文件,根据网页效果图拉出参考线,同时为了方便切图可以右键点击把面板的颜色自定成对比鲜明的颜色。


怎么用PS网页切图 2、

第二步 在PS图层中找出主背景图层,如果背景图是渐变的话可以只切出一两像素,后面再代码中设置填充。


怎么用PS网页切图 3、

第三步 隐藏其他图层,把背景图切出来。如果背景图很大,可以考虑分段切出,这样可以加速网页加载。


怎么用PS网页切图 4、

第四步 切出背景后,就从上到下,先把LOGO切出。这里同样要隐藏其他图层,输出图片的时候保存文件类型选择png,因为这样可以使得图片背景透明。

怎么用PS网页切图_切图


怎么用PS网页切图 5、

第五步 导出图片可以选择文件――存储为web和设备所有格式


怎么用PS网页切图 6、

第六步 在保存切出图片的时候,选择保存HTML和图片,这样导出来的就会自动生成一个网页页面和切图图片


怎么用PS网页切图 7、

第五步 在切像尾部版权部分的背景时候,发现这个是渐变图层,这样就可以只切出一个像素的长度。然后在代码中设置repeat-x横轴填充

ps网页切图视频教程 怎么用PS网页切图

怎么用PS网页切图_切图

怎么用PS网页切图――注意事项
觉得此经验对你有帮助点击下面的【投票】一个吧,谢谢哈

  

爱华网本文地址 » http://www.413yy.cn/a/8104290103/233535.html

更多阅读

网易账号通怎么用 网易通行证忘记账号

网易账号通怎么用——简介你是否有过记不起来自己到底用邮箱注册过什么网站、或者注册过什么应用工具。使用网易邮箱注册其他网站的小伙伴门不用担心记不起来,只要开启网易账号通功能就可以一目了然您曾经注册过的所有网站、账号。下

怎么用PS网页切图 网页开发程序员招聘

怎么用PS网页切图——简介 网页设计在技术层面上,第一步是美工做出网页效果图,第二步就是网页前端进行网页切图。网页切图工具常用的有fireworks、PS,这里主要向各位介绍怎么使用PS进行网页切图。怎么用PS网页切图——工具/原料PS CS5

怎么用照片做视频 电脑怎么用照片做视频

我们会在网上看到一些视频,将一些照片饰以过渡特效,非常动感炫丽,那么,怎么像这些视频一样,用照片做视频,实现动感炫丽的效果了。这里就教大家如何将自己拍摄的照片,或是喜欢的某个偶像或电视剧的系列图片,配上特效,做成动感的视频。用照片做

怎么用ps切网页切图转帖收藏 网页切图教程

关于PHOTOSHOP切图的问题,其实不是什么大问题,可是最近很多人都在问我。干脆写个教程吧~~(以下步骤均在PS7中进行,PS6版本和7略有不同,请自行琢磨)切图的好处,第一,是要控制单张图片的大小。把大图片切割成几个小图片,有利于浏览者尽快看到你

iphone越狱教程视频 iPhone1.2.3.4.5越狱教程图+视频教程

iPhone1.2.3.4.5越狱教程图+视频教程――简介越狱是什么?在iPad与iPhone上,官方只允许你从苹果应用商店下载安装程序。并且,你无法像windows那样,任意更改系统本身。做个不算恰当的比喻,你的台式机,系统装在C盘,那么苹果根本不允许你访问C

声明:《ps网页切图视频教程 怎么用PS网页切图》为网友有相莣分享!如侵犯到您的合法权益请联系我们删除