psd文件怎么切图(网页美工是怎样进行图片切图的)
本文目录
网页美工是怎样进行图片切图的
步骤如下:1.首先我们需要用到的文件就是psd的文件了,一般都是由设计师来完成的,我们切图也就是切psd文件,因为psd文件是分层的,所以想切哪里切哪里。2.之后用Photoshop软件打开psd文件,这里小鱼用CC版本演示,其他版本大同小异。我们打开之后可以双击左侧的放大镜工具,将图片缩放到原图大小。3.我们要切图,当然用到的就是“切片”工具了,可以点击左边的切片工具,也可以右击这个图标选择更多的相关工具。切图都是用切片工具。4.选择好切片工具之后,想要切哪里就直接拖动鼠标就可以了,然后会出现切线,在切线框内右击还可以弹出菜单。5.点击菜单的切片选项还可以对切片进行,可以大小等项目。6.但是如果我们只想要字怎么办,不要底层背景,那么可以用“移动”工具。选择移动工具,在不要的背景上单击,这时候在“图层”面板里面就会选中这个图层。注意勾选上面的“自动选择图层”。7.把选中的不需要的背景前面的小眼睛去掉,最后只剩我们想要的部分。8.然后点击左上角菜单栏的“文件”,选择“存储为web所用格式”选项。9.如果要透明的,那么一般选择png格式,如果要非透明的,那么哪个格式存储的文件小就选择哪个,这样能保证网页加载速度快。然后点击下面的“存储”按钮。10.然后给图片命名,选择一个保存地址,最后选择“选中的切片”,不然好多没用的图片都会保存下来。11.最后找到保存好的图片打开,已经是一个我们想要的图片了。
如何将psd文件切图并布局html
一般的网页做1000 或者1200px
网页设计师给的1920 是有那种全屏的banner 或者图片背景之类是是1920宽,普通的内容一般是我上面说得两种像素做页面的时候定宽1000或者1200px设计上1920的部分 你要做成100% 适应不同分辨率的屏幕
psd如何切图
PSD如何切图? 一:切图一般保存gif格式,颜色选128就可以了。 下面是某网站切图中出现的问题,希望对大家有用。 问题一:切图 1. 图片命名:要用有意义的英文命名。 2. 切图只是为了排版,,要考虑到易用性,格式一样的版式,要保持那一板的图片宽度,高度一致。 3. 在切图里要保持图片的完整性,这是首先要做到的。 4。对于网站上大部分图片,要考虑到网站以后的更新,所以你要切图里就不应该把边框切下来,边框是可以用代码来实现的 5. 其实一张PS图纸,真正在布局时能够用得上的很少,图片可以更新,只起占位符的作用,图片文件夹里的图片一定都是有用的。 6 .表格,边框分隔符可以 用代码实现效果。 7.要保证页面的美观有很多方面,但其一是图片,在切片时不要的坚绝不要,但需要的一定要留着。 8. 浏览器是一个表格一个表格下载网页的,在切片时要注意这点,以免有些东西无法下载时,网站残缺太严重。 问题二:代码 1. 整个布局运用table,这个在浏览器的兼容性上非常好,但是更新麻烦,页面很大,下载很慢,并且蜘蛛在爬行时,只提取有用的文字、链接信息。大量的table,tr,td是没有用的,现在比较流行div+css,就实现了代码与内容的分离,而且好多效果只需一句代码就可以实现,并且可以全站大量重复利用。 2. 在网站的整体布局时,层次一定要清晰。自己看舒服,更新也简单。 3. 在搜索引擎优好的角度来看,是应该定义单元格的高度,宽度,此时就可以省掉图片的宽度的高度。 4. 在设置字体时,要注意是不是别人的浏览器里也有这样的字体,当没有时,就会使用系统默认的字体,这样可能就太变形了。 5.排版时,对于标题,要用系统自带的h1---h6,还有b,u索引擎优化的角度来说的,同理还有代码的最优化,图片的最小化,结构的最简化。对于第一点,就是众观全局,找出相同点,同样的代码多次利用,有一个技巧:就是多用class,而不是id,就是这个原理。对于第二点就是尽量少的运用图片,能用代码,颜色实现的效果就不要用图片,但是一定要用图片时就不要节约了,对于第三点,这从设计图纸时就要考虑进去了,最后在排版时就看技术人员的整体定位了,先大局,后从上到下,从左到右。 6.对于整体布局,最上面没有置顶,解决方法: body{margin:0px}margin:0px,这个对于table,ul.form很有用处,其他的好像在没有设置值时都没有多大用处,我以前总是习惯性地都写上,其时没有多大用处。 7. 浏览器的兼容性上,如果是table布局的话,这个在各个浏览器上都基本没有什么大问题,但是在很多细节上firefox和ie处理的很不一样,这就需要在布局时注意的,如果是div+css布局,就不一样了,这里举一例:文字本身大小不兼容,同样是宋体14px的字体,在ie下是16px,下留白3px;在firefox中实际占高17px,上留白1px,下留白3px;,解决方法是定义行高 8. 对于兼容性,还有很多方面,就算是ie6/ie7/ie8之间都有很多不同之处,你只有先了解这些不同之处,才可以在写代码时避免,或出现问题后具体问题具体解决。
PSD模板怎么切图成自己需要的模板
你用蓝湖一键切图吧,不仅效率高高,而且不会出问题,一键生成多种格式的切图,开发需要的都有,还切可以在下切换查看切图。
更多文章:
免费迅雷会员激活码(求一个迅雷会员激活码 一天的都行 体验码也可以 就用一天)
2024年6月21日 08:01
win10最适合打游戏的版本(win10玩梦幻哪个版本兼容)
2024年8月30日 06:55
极品飞车18手机版(极品飞车18 怎么玩 怎样才能得到好车 我怎么跑也不解锁车啊)
2024年6月28日 05:24
机器学习 为什么会使用梯度下降法?2、牛顿法和最速下降法只能求解无约束优化,有约束的非线性规划有哪些求解方法
2024年7月24日 12:18