三九宝宝网宝宝百科宝宝知识

photoshop做网页如何切图

03月04日 编辑 39baobao.com

[Photoshop做各种效果字怎么做]金属字 1. 新建空白文件,输入黑色文字——字形较粗 2. 滤镜\模糊\高斯模糊——强度以能够看清文字为准 3. 滤镜\风格化\浮雕效果——角度135度,高度10,数量180 4. Ctrl+M曲线调...+阅读

photoshop做网页的切图方法:

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

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

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

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

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

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

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

如何用photoshop设计首页效果图要详细的解答越详细越好

你得先了解网页的各个部分和结构,然后在把想好的样子用ps表现出来。比如分辨率要72的,宽度的话我现在做的是960或者980像素的。文字的话一般都是宋体的12px,14px。有时候也用微软雅黑的字体或者黑体,基本上网页的字体也就那么几种,文字是不能随便用的,因为有的时候你用的字体很特别,但是用户的电脑上没有,那么网页显示的时候还是会是宋体,这个可能会影响到你原来的效果。如果真想用那些特殊字体,那么只能是转换成图片在网页里显示了。header有多高,导航是什么样子的,有没有下拉菜单,中间的部分结构是怎么样的,然后footer多高,整体是什么色调的,你都要心中有数。还有一点很重要的就是用户使用方不方便,可以做得很另类,但是不能做得完全颠覆人们的使用习惯。

网页属于交互类的设计,用户体验好不好很重要,会影响到下次的登陆。...

以下为关联文档:

photoshop网页方法800*600我一般宽会设成780px,1024*768 宽度会设成 1000px,高度当然要看内容多少来定。 布局就不好说了 要看设计者的喜好、习惯、网站的功能、设计风格来定了。 接下来就是切...

如何用photoshop进行网页设计楼主: 如果是给个人做,怎么做都无所谓。如果是在公司里给客户做。这一步不可少,出了效果图后,要给客户看。等客户确定不再修改时再做网页,目的就在于防止客户反复修改,动布局! 另外...

怎样做个人网页1.先下载网页制作工具,如Dreamweaver v8.0,frontpage Dreamweaver v8.0 简体注册版 下载地址: 2.开始学习,去网易学院学习网页制作的方法。 《网站设计系列多媒体教程》 3.如果...

个人网页要怎么做一、个人WEB站点必要条件: 首先,第一个条件当然是服务器!没有服务器,我们的站点怎么让别人看到呢?!其次,就是要有你自己的网页,没有网页人家看什么呢? 最后就是要有主体和内容,就像我...

怎么做网页呢?制作网页 1\\先搜集材料, 2\\工具选好,要想学做网页,首先得了解制作网页的工具。 制作网页主要有以下一些工具 Frontpage:office自带的一个工具,操作简单,实用,学起来比较轻松,功能...

网页设计好后的切图是什么意思呢网页设计好后的切图是将设计稿切成便于制作成页面的图片,并完成html+css布局的静态页面,有利于交互,形成良好的视觉感。通俗来讲,把一张设计图利用到切片工具,把自己所需的切成一...

如何用Photoshop做双层图下面我来说下制作过程。 先贴2张素材图将人物图上置,风景图下置,如图所示:按ctrl+n新建,出现新建面板,将宽度与高度都设置为2像素,如图所示:新建的面积很小,用发大镜放到最大为止,如...

如何用photoshop做文字特效如何用photoshop做文字特效,ps怎么制作文字特效:工具/原料 photoshop cs5 方法/步骤 首先启动Photoshop cs5,新建 一文档,设置大小为600*300,分辨率为100,背景内容为白色。 选择文...

网页美工工作步骤!从搜集素材 PS网页切图到生成HTML页面网页美工工作步骤!从搜集素材 PS网页切图到生成HTML页面,网页美工Photoshop与Macromedia Dreamweaver 8:1.首先了解你要做的是什么东西,并且进行分析,选用主色调和基本设计思路...

推荐阅读
图文推荐