切片颜色 区分自动切片与用户切片和基于图层的切片.默认情况下,用户切片和基于图层的切片带蓝色标记,而自动切片带灰色标记.-----用户切片就是你需要的切片,其他区域会形成自动切片,可以视为自己不要的,但依旧切出图片并保存.. 切片编号 切片从图像的左上角开始,从左到右.从上到下编号 .如果更改切片的排列或切片总数,切片编号将更新以反映新的顺序.…
1.快捷键: ctrl+引号 隐藏参考线 ctrl+冒号 隐藏网格线 ctrl+alt 复制选中区域 ctrl+alt+向下箭头 针对单行和单列选框复制移动 ctrl+shift+i 反向选择区域 ctrl+shift+t 以一定角度选择图片 ctrl+shift+alt+t 旋转图片的同时,复制图层 ctrl+d 取消选区 ctrl+t 进行选区变换和移动 enter 结束选区 ctrl+j 复制图层 ctrl+e 合并图层 [ | ] 加减画笔宽度 alt+del 填充图层 alt+左键 取…
PS对于WEB设计和前端开发来说都是不可或缺的工具,基本的用途是用来处理网站的LOGO.Banner 以及按钮图标来着,但是一旦遇上要把整个PSD文件转成网页就让人非常头痛了,可能还不太专业.后来在公司做个网站项目中,美工一般都能给出切图和CSS文件,解决了很大的问题.那个时候我还没想到PS还有一个很重要的工具[切片],这个工具提供了一个非常实用的功能,将切片导出为DIV+CSS布局.以下是摘抄:http://www.blogjava.net/algz/articles/297304.html…
(一)我们需要把中间的图切成一块一块. 首先在放入PS中: [视图]——>[标尺],为的是能够精确的切图: 标尺打开后上下左右都可以往图中拉线,我们在这边叫作(参考线),然后使用左边的[放大镜]功能对参考线放大,尽可能的放大,可以看到参考线是否在所需要切的图上,然后选择工具栏的[移动工具]进行调整.[移动工具]在参考线的中间变成两条竖线时可以移动线条的位置,摆放完成后缩小图,继续操作参考线: 参考线如果不想要,可以使用[视图]——>[清除参考线]: 所有的线条拉好后,可以选择工具栏的[切片工具…
空心箭头:示例图片 <b class="bottom"><i class="bottom-arrow1"></i><i class="bottom-arrow2"></i></b> .post_list .spread .bottom{ width:20px; height:20px; position:absolute; left:24px; top: .06rem; z-…
最近在慕课网上看有关于ps切图的视频,发现ps 切片的水还挺深的.这相当于我的一篇学习笔记吧.对于ps的基本切图我觉得对于前端人员来说就是a piece of cake.但是对于ps的精准切图,我不知道你们有没有用过,反正我是没用过... 相关课程链接:http://www.imooc.com/learn/506 下面说一下流程: 1.文件------->脚本------->将图层导出到文件 2.选择文件保存路径,文件保存的类型. 3.大功告成.此时你就可以看到切出来的图层了.有没有感觉狂拽酷…
标签(空格分隔): 前端切图 复制图层到一个新的ps文件 对于单个图层 1.选中图层 2.CTRL+A全选 3.CTRL+C 4.CTRL+N新建文件,文件大小默认就可以(背景透明也在这个面板设置),新建的文件大小默认就是你当前图层的大小(比较便利) 5.CTRL+V. 针对一个以上的图层 1.按住Ctrl,鼠标点击想要的图层 2.右键选择复制图层选项弹出设置面板,文档项选择新建即可:另一种比较好用的方法是选择'转化为智能对象',然后步骤同单个图层即可完成 切图方法 比较笨的方法就是采用裁剪的方…
前言:这是上学时期对CSS学习的整理,一直没见过光,由于不是专门做前端开发的,难免写不到重点,但对于看懂CSS,和掌握一些基本的用法,熟悉里面的门路还是大有裨益的.由于是从word中贴过来的,排版和格式都稍差些.方便日后自己查阅,方便自己同时也方便他人,多好的一件事啊,呵呵! CSS目录 一.       CSS简介... 4 1.    CSS的分类... 4 1.1      内嵌样式... 4 1.2      内部样式表... 4 1.3      外部样式表... 4 2.    样式…
一个交互比较多的UI图里面可能会有很多小图标,一般可用sprites图将多个小图标弄成一张大图,或者其它的办法,各种方法的比较可参见博主的另外一篇博客使用css3新属性clip-path制作小图标,本文深入讨论使用icon-font的的制作方法:在PS里面导出svg,制作字体图标.这种方法既有sprites图不需要浏览器发多次请求的优点,也有使用clip-path/svg矢量无损的优点,并且支持IE6及以上. 使用sprites图可以自行用PS将多个小图标放至一张图: sprites图的缺点是不…
介绍:学了quartz2D的绘图知识后,我根据它的一些功能制作了一个小项目:涂鸦画板. 功能:绘制各种图形,还可以选取相册上的照片做涂鸦,然后保存到相册中.其中,还包括功能有:颜色的选取.线宽的选取.橡皮擦除.撤销上一次绘制痕迹.清除所有痕迹. 用到的自定义控件:工具栏控件(UIToolBar).工具栏上的按钮控件(UIBarButtonItem).警告框控件(UIAlertView.UIActionSheet).图像选择器控制器控件(UIImagePickerController)等. 需要的…