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

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

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

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

怎么用PS网页切图 1、

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


怎么用PS网页切图 2、

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


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

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


怎么用PS网页切图 4、

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

怎么用PS网页切图_网页切图


怎么用PS网页切图 5、

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


怎么用PS网页切图 6、

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


怎么用PS网页切图 7、

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

怎么用PS网页切图_网页切图

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

  

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

更多阅读

怎么用PS制作闪动文字 怎么用ps制作文字logo

怎么用PS制作闪动文字——简介用PS制作闪动文字其实很简单,懂得运用,时间轴可以做到这种效果,下面我用最详细的步骤,以一个简单实例讲,怎么用PS制作冷却方字。怎么用PS制作闪动文字——工具/原料PS软件怎么用PS制作闪动文字——方法/步

怎样用ps:2 ps怎么把两张图片合成一张

怎样用ps:[2]ps怎么把两张图片合成一张——简介有许多人希望能够亲手设计自己的签名档,而制作签名档往往需要用到ps合成图片的方法。这里,我们就来了解一下怎么用ps把两张图片合并成一张。怎样用ps:[2]ps怎么把两张图片合成一张——方

怎么用PS做火焰字,PS超酷火焰效果文字 ps火焰字

总的来说火焰字就是先给文字做图层样式的添加,然后用滤镜做简单的变形之后添加火焰素材,进行添加修改图层样式即可,最后添加合适的背景以及喜欢的文字,这样一个PS超酷的火焰效果就完成了,先看一下效果图:新建黑色背景,适当文字大小,选择

怎么用PS制作个人证件照片 精 证件照片在线制作

个人证件照,我们在日常生活中会经常用到,几乎都是去花10RMB去照相馆照,其实我们如果有一个好相机或像素高一点的手机,自己照是不是可以省下一笔小开销。下面分享下我在处理个人证件照片时的方法。出于某某原因我在这用网络上一张照片做

怎么用ps给照片中的人物换发型 怎么给照片换发型

先打开PS ,然后打开你要换发型的图片,然后用磁性套索把发型勾勒起来,接着ctrl+c,ctrl+v,此时会出现一个新图层。最后在ctrl+t调整。在这个过程中要注意:用磁性套索勾的是你想换的发型;ctrl+v到你原定要换发型的那个MM图层上(该背景图层要

声明:《怎么用PS网页切图 网页开发程序员招聘》为网友籿銕殘惢分享!如侵犯到您的合法权益请联系我们删除