切图,重要的是找精确像素!不要在用传统的切刀进行切割啦,拿到一副PSd图形的,可以使用这样两种方式: (1)如果你的图层很多,你可以用“ctrl+点击想要的图片“直接选中你想要图片的图层,简单到位,然后将图层转化为智能对象(当然可以几个图层拼到一起),然后双击弹出点击确定,就ok了; (2)对于大图 ...
分类:
其他好文 时间:
2016-08-13 22:27:15
阅读次数:
248
第一步:项目需求评审(明确需求) 第二步:等待ui设计师提供psd(项目需求技术调研) 第三步:等到ui设计师设计稿通过以后,给前端制作静态html+js(自己在浏览器或者移动设置上浏览,查看是否有兼容问题) 以上为基本制作流程 以下几步为项目对接-一直到发布到线上的过程 第四步:前后台数据对接完成 ...
分类:
Web程序 时间:
2016-08-12 21:40:40
阅读次数:
940
新建 1920*2000(高自定,宽固定) 分辨率 72 移动工具设置针对psd文件 自动选择后的框选择图层 ctrl+鼠标单击图层 然后就可以拖图层 ctrl+点图层 选中该图层 视图设置:智能参考线 打开标尺 ctrl+r 四大窗口 信息 字符 图层 历史纪录 单击最后面的面板选项 第一颜色信息 ...
分类:
其他好文 时间:
2016-07-31 20:43:27
阅读次数:
144
其实标准的网制作完成的工作实际是:psd to html,一般情况下,我们会拿到美工的psd,这时候不同的人会有不同的做法:1.打开fireworks将图片切割导出为html。2.直接在dreamweaver之类的工具去拖拉布局,导入相关的图片,flash资源。3.先在ps中完成切图后,在文本编辑器 ...
分类:
Web程序 时间:
2016-07-21 12:47:58
阅读次数:
289
图片格式是计算机存储图片的格式,常见的存储的格式有bmp,jpg,tiff,gif,pcx,tga,exif,fpx,svg,psd,cdr,pcd,dxf,ufo,eps,ai,raw等。 HTML页面中常用的有:bmp,bmp,jpg,gif。 GIF 意为Graphics Interchang ...
分类:
Web程序 时间:
2016-07-20 22:43:29
阅读次数:
172
1.ps复制文字到文档用photoshop打开psd格式文件如果文字是文字图层,在工具条上单击“T”图标(文字工具),然后把鼠标放到文字上单击,光标就进入文字里面,选择文字后复制,这时候文字就复制到剪贴板上了,可以到word文档中进行粘贴。如果文字不是文字图层,那就没有办法复制。 ...
分类:
其他好文 时间:
2016-07-20 16:18:20
阅读次数:
133
在这篇文章里,我将介绍如何不依赖JavaScript用纯css来改变下拉列表框的样式。 问题的提出 事情是这样的,您的设计师团队向您发送一个新的PSD(Photoshop文档),它是一个新的网站的最终设计。 一切看起来很好,很正常,直到你看到他/她设计的一个选择下拉框跟浏览器默认提供的样式有些不同! ...
分类:
Web程序 时间:
2016-07-19 18:26:36
阅读次数:
263
图片要显示成设计稿的样式(图片名为:inset.png) 但实际上在psd裁剪出来后,图片的大小是773X305px 为了让图片显示出与设计稿一样的效果 即代码这样写: 1 <div class="pic"></div> 2 .pic{ 3 background: url(../i/inset.pn ...
分类:
移动开发 时间:
2016-07-13 21:17:21
阅读次数:
295
先把把所有标记归置内外边距归置为0,其实还有一种方法是根据根据BODY,里面所用到的HTML标记进行重置为0 PSD转div css网页切图示例 第一步:先把把所有标记归置内外边距归置为0,其实还有一种方法是根据根据BODY里面所用到的HTML标记进行重置为0.你也可以先用*重置为0然后在根据BOD ...
分类:
Web程序 时间:
2016-06-30 23:01:22
阅读次数:
221
又过了几个月没更新了,话说要当一名又撸码又撰文的FEer,真的挺难的,没那文学细胞,写不出多华丽的辞藻,每次写起来都像记流水账,不过记录自己的前端之路,不就是一步一步走过来的吗。 好了,废话不多说,上一篇讲解了如何利用markman对psd文件进行标注,接下来,万事俱备,只欠撸码咯~ ,这就是上次标 ...
分类:
其他好文 时间:
2016-06-27 19:11:35
阅读次数:
128