热门好课推荐
猜你喜欢
相关培训 相关博客
  • Web前端切图总结:  前期资料准备阶段: 获取最终版PSD格式文件。 安装PS软件,并打开该PSD文件。 获取页面设计需求文档或工单文件,了解需求后,开始准备进行切图。 用到的快捷键总结及常识知识: 2.1.复制图层:CTRL+J。2.2.取消选择:CTRL+P。2.3.新建PSD图层:CTRL+N。2.4.合并图层:CTRL+E。2.5...
    2018-10-18 09:01:39
    阅读量:5620
    评论:0
  • 前端切图系列教程闲来无事,捣鼓捣鼓一下前端开发人员,如何利用UI设计提供的设计原稿psd文件,从中提取(切图)全部图标或者几个图标,在此贴下博友的佳作链接:前端开发人员也要会的切图技巧(一)前端开发人员也要会的切图技巧(二)前端开发人员也要会的切图技巧(三)...
    2018-08-12 16:15:02
    阅读量:1799
    评论:0
  • 作为一名Web前端人员,工作中难免都会要接触切图这一块,那么如何把图快速切好且又不浪费时间呢?相信很多人切图都是先把图片放大再使用矩形工具或切片工具来切图,这样其实好麻烦且有时不一定切得精准,下面笔者将介绍两种快速切图的方法——“一键切图”。     方法一:如果你的photoshop版本是CC或CC2014及更高版本的,那么你可以在你的photoshop中安装一款叫
    2017-03-04 20:49:22
    阅读量:8534
    评论:0
  • PS中我的标尺的参考线为什么不能自动吸附图层或画布中间了?有个选项没有选择“菜单栏-视图-对齐”,勾选下,里面的选项你可以看着勾选。还有一点要注意,你想吸附到图层像素边缘的时候,需要你选中这个图层。按照设计师提供的设计稿,实现HTML页面,需要将设计稿切分成为最终在页面中呈现的一个个图片,我们一般称之为“切图”。新建ps文件设置:分辨率72像素/英寸,背景内容透明,存储预设很方便。移动工具设置...
    2018-06-20 19:10:35
    阅读量:571
    评论:0
  • [size=small][size=x-small]相对于程序来说,切图门槛很低,只要有一些ps基础,摸索个五分钟基本也就了解各大概。但是就跟其他的所有技能一样,切图也是有很多技巧性和经验在里面的,这些东西可以让你的切图工作更有效率,更有目的性。本文希望把我几年做切图的心得整理归纳一下,希望对各位前端,程序员,设计师有所帮助。说明笔者用photoshopcs5做示例,不同版本功能会有...
    2014-09-18 17:06:53
    阅读量:56
    评论:0
  • 写在前面:本文主要内容是目前我所知道的切图技巧结合网上的资料,写出来分享一波。图文教程,多图!!BB:很多人都会说,切图这个活倒底分给UI还是分给前端。虽然好的UI会给我们把图切好,但是他们切的图不一定百分之百符合我们的需求,所以我一直都觉得这是页面仔必须要会的一项技能,因为只有你自己才会知道怎么切合适。况且这项技能根本一点都不难,所以还是自己动手丰衣足食比较好。1.下载我
    2017-04-09 15:17:09
    阅读量:14752
    评论:0
  • UI给我们设计图的时候都会有一份设计原稿psd文件,有的公司可能UI会把需要的图标给切好,更多时候是需要我们自己来切的。而且,有的时候可能需要的东西UI没有切出来,你就要去是去找UI切好了再发给我们,这个过程就变得很麻烦,所以不如自己学一些切图方法。一、ps新建界面设置1.创建操作页面设置ctrl+N(注意WH1920*1080的单位为像素)2.移动工具设置(左侧工具栏中的第一个;主要操作图层...
    2018-06-03 23:45:43
    阅读量:1090
    评论:2
  • 在我们大多数的项目当中,icon图标是必不可少的,有的一个一个单独切片,或者将它们拼接组合起来(图片合成技术: csssprite )从而减少请求,方便调用等,但是随着项目的逐渐扩展壮大,图标越来越多,到最后难以维护,比如以后要改某个图标的位置x,y,大小,顔色,新增。。。等等这样的方式就显得比较有限制性了。    IcoMoon是一个可以通过个性化设置来创建自定义图标(字体)
    2017-07-28 10:32:58
    阅读量:985
    评论:0
  • Web页面切图和CSS注意事项一、Web页面切图1)Web页面的切图类型可以归纳为背景(bg)、列表项目的符号(li)、内容中插入的图片(pic)、按钮(btn)、图标等几种形式(ico)。2)建议把用CSS背景加载的图片拼合成一张图片。这样可减少对服务器的请求。从而提升页面加载速度。3)除页面头部大图保存格式为JPG外,其他图片一律采用gif格式二、CSS相关事项:
    2013-05-24 21:52:24
    阅读量:768
    评论:0
  • 工具这里使用Photoshop,当然你可以用firework这些,就是操作有些区别;技巧一,直接复制新建裁切这种适合用于有单独图层的图片,可以很快的生成切图出来的效果;技巧二,参考图+切图工具这种就是各位小伙伴基本都用的,先划好参考线,再用切图工具切,然后导出;这里选择部分区域来演示这种技巧比较强大,可以更加细致的定制先用参考下圈出你要切图的区域然后用选区工具建立选区,防止切出外面若是需要编
    2015-12-10 21:51:34
    阅读量:6991
    评论:0