第一. 第二. xx的地方自己重新命名 第三. 第四.…

Retinize动作下载地址:http://retinize.it/ 使用:ps-载入动作-选中图片-执行动作…

系列链接 做一个会使用PS的前端开发 做一个会PS切图的前端开发 切图方法分类 PhotoShop从CS版本演变到现在的CC版本,切图功能发生了比较大的变化,我们可以把PhotoShop CS版本时的切图功能称为传统切图,而从PhotoShop CC版本开始PS提出了精准切图.所谓传统切图就是切图人员基本上都是自己分割图层切图,传统切图又分为全手工切图和参考线切图:现在CC版本提出的精准切图,切图人员可以依赖计算机把图层对象精确的切割出来,这样切割出来的图层肯定比传统切图切出来的精准度高.另一方…

http://www.imooc.com/learn/506    慕课网地址 Tools Tools  Photoshop 快捷键 l  移动工具 V l  选取工具 M l  套索工具 L l  魔棒工具 W l  裁剪工具 C l  吸管工具 I l  移动 Space + MouseMove l  合并拷贝图层 Ctrl + Shift + C l  快速选择相应区域并局部放大 H + MouseMove l  隐藏所有参考线 Ctrl + H l  合并图层 Ctrl + E l  前…

切图是很多UI设计师的一项日常工作.平时做完设计图,要将设计稿切成便于制作成页面的图片,并标注好尺寸和间距,交付给前端来完成html+css布局的静态页面,有利于交互,形成良好的视觉感. 但有的认为前端自己会切图是最好,不建议把切图的事情丢给设计师做.这样中途会损耗结构讲解的开销(比如网页层级,细节重构方案等),毕竟最后css是前端去码,怎么切最合适要自己把捏的,否则又要引出一个新问题(设计师有必要掌握考虑重构实现的切图吗?). 总之,切图对于设计师设计创作.程序员写代码来说,其实不是件难事,但…

由于之前只顾着追求效率,没有学习过PS,但其实这是前端开发人员需要学会的技能之一,曾经看过一个大佬的前端经验分享说他在招聘时遇到不会切图的会直接pass掉,可见前端开发人员学会切图是多么重要.通过观看慕课网上的相关视频,觉得讲的很好,对前端人员需要掌握的一些ps技术有了大概了解,同时也突然领悟到,之前总是烦恼找不到静态页面去练习,只能找有现成素材的,但素材却挺难找.学会ps切图后,可以在网上直接找网页psd效果图,进行切图和静态页面效果实现练习.想要学习的朋友,可以直接慕课网上观看视频学习(ht…

一.切图方法分类 PhotoShop从CS版本演变到现在的CC版本,切图功能发生了比较大的变化,我们可以把PhotoShop CS版本时的切图功能称为传统切图,而从PhotoShop CC版本开始PS提出了精准切图.所谓传统切图就是切图人员基本上都是自己分割图层切图,传统切图又分为全手工切图和参考线切图:现在CC版本提出的精准切图,切图人员可以依赖计算机把图层对象精确的切割出来,这样切割出来的图层肯定比传统切图切出来的精准度高.另一方面,CC版本可通过脚本执行全自动切图,这样完全解放了切图人员的…

目前APP设计师们对Assistor PS 可是好评连连,说是切图仔的福音或救星.确实是这样的. 与其他切图标记软件不同的是,Assistor PS 是完全独立于 PS 本身的,说是一个外挂更加合适,旨在提高切图标记的效率及速度.虽然不是一个插件,但是它与 PS 是连通的,当你在 PS 选择一个图层在后,即可使用它的功能.如果你肯花点时间下载是试用,相信不会让你失望,甚至能可能让你觉得相见恨晚. APP切图标记PS的外挂神器推荐-Assistor PS 包括mac版和window版,具体版本下载…

1.从psd中获取资源 2.基本了解 3.简单的图片操作和调整 4.对自己的审美提高一.界面设置: 1.新建设置:ctr+n; 预设:Web,大小Web(1920*1080) 背景:透明 2.移动工具设置: 右上角选择自动选择,后面选择图层.在后面选中可以移动.trl单机选中(自动选择未选) 3.视图设置 智能参考线,标尺选中. 窗口:打开信息,字符,信息右侧设置,修改单位像素,颜色RGB,文档尺寸大勾.编辑,首选项中:单位标尺修改称像素.trl左击,在信息,字符中显示一些信息. 窗口=>工作区…

屌丝个人开发者经常遇到的尴尬问题是,自己不会设计UI素材又请不起专业的美工.最好的方式是去网上下载符合自己需求的素材修修改改直接用上.但是,在这个过程中会发现很多下载下来的素材是PSD格式的,很多图标资源以图层的方式共存于一个PSD文件中.最傻的办法是新建一个图层,把需要的某个图标土层复制过去然后再保存.这种图的掉渣的方式确实影响工作效率,程序员岂能浪费时间在这种事情上?本文采用一种全自动的方式提取出这个PSD里面的所有图标并生成png.jpg.@2x图标,整个过程是傻瓜式的.Let`s go!…