应用简介：此文主要是描述如何在前端div中直接ctrl+v 粘贴图片，并上传到服务器，包括拖拽图片文件到div中 应用场景描述：用QQ或者其它切图软件截图，在指定的div中ctrl+v 粘贴并显示，点击上传按钮，图片上传到服务器。类似实现了此功能的网站有 知乎,强力建议博客园实现此功能， 写博客时插 ...
分类：
Web程序 时间：
2016-05-16 21:28:52
阅读次数：
913
工作中需要应用到的ps知识多半是切图以及一些图片的微调。学习ps的一些基础知识，熟练掌握切图技术有助于更高效的完成工作任务以及达到更高的目标 首先需要对新建（ctrl+n）的文件进行环境的设置，包括网页宽度（一般设为1920px）、背景颜色(设为透明)、移动工具（自动选择设为图层）、视图（勾选智能参 ...
分类：
其他好文 时间：
2016-05-16 19:27:40
阅读次数：
153
PS对于WEB设计和前端开发来说都是不可或缺的工具，基本的用途是用来处理网站的LOGO、Banner 以及按钮图标来着，但是一旦遇上要把整个PSD文件转成网页就让人非常头痛了，可能还不太专业。后来在公司做个网站项目中，美工一般都能给出切图和CSS文件，解决了很大的问题。那个时候我还没想到PS还有一个 ...
分类：
Web程序 时间：
2016-05-15 21:41:28
阅读次数：
239
前端主要从事一些代码开发工作,PS使用是前端工程师必备,但又无需精通的一项技能。 前端切图四大面板：在“窗口”菜单下开启 1,信息（手动开启）2,字符（手动开启）3,历史记录（手动开启）4，图层（默认开启） PS首选项设置： PS首选项设置： 编辑-》首选项-》单位与标尺，选改为像素。 PS 技能需 ...
分类：
其他好文 时间：
2016-05-13 14:29:57
阅读次数：
102
一：切图 1：切那些（移动端能不用图片就不用图片；logo单独切因为要带链接） 2：普通切（快捷键：复制到新图层 选中 复制 新建 粘贴 保存） 3：类似切 （选中多个图层 矩形框多选 选择工具 垂直居中对齐） 4：格式 手机端支持png格式 二：重用代码 1：HTML头部； 2：css默认设置；3 ...
分类：
移动开发 时间：
2016-05-13 08:07:28
阅读次数：
261
2.2APP的切图工作
最理想的情况是设计师给iOS APP和Android APP设计两套图片，实际中，设计师大都使用iPhone手机，没用过Android手机，且为了节约资源，设计师通常只按iOS APP的要求提供设计切图和标注尺寸。
以下是iPhone手机的屏幕尺寸和像素密度：
设备
屏幕尺寸
Reader
分辨率(px)
像素密...
分类：
移动开发 时间：
2016-05-12 19:21:39
阅读次数：
199
解决步骤 1.shift选中需要输出的切片，切片周围出现黄色框 2.文件 保存为web格式 3.使用png-24 4.选项选中所有用户切片 5.确定。 您会发现images文件夹里全是png格式的文件 ...
分类：
Web程序 时间：
2016-05-10 23:39:49
阅读次数：
659
技巧： 一. 如何在 Retina 屏幕的设备使用更高分辨率的图片 以 MacBook Pro 为例，它的标准分辨率高达 2560 x 1600，但是如果真的以这个分辨率显示网页，网页的有效区域就小的可怜，而且字也会小的无法分辨。 因此通常 OS X 都会建议用户使用推荐的分辨率 1440 x 90 ...
分类：
Web程序 时间：
2016-05-08 06:39:41
阅读次数：
243
1、双击psd图片打开一张图片
2、按住C键切换放大还是缩小图片或者点击放大镜来切换，方法图片
3、将要切的图标放大到中间位置
4、点击选择图标，然后切换鼠标功能，然后鼠标点击要切的图标，这样在右侧的图层显示区域可以看到点赞被选中，点击前面的小眼睛，可以查看隐藏图标，这样就可以确认该图层是否是想要的图标
5、右击图层，选择复制图层
6、输入名称，点击新建
...
分类：
其他好文 时间：
2016-05-07 07:51:00
阅读次数：
233
妙味课堂的课程讲得非常的清楚，受益匪浅。先把HTML和CSS基础课程部分视频的学习笔记记录如下： padding #PS基础 ##前端需要的PS技能 - PS技能（前端需要）：切图、修图、测量 - PS工具： - 移动工具 - 矩形选框工具 - 裁切工具 - 吸管工具 - 横排文字工具 - 手抓（快 ...
分类：
Web程序 时间：
2016-05-06 19:34:14
阅读次数：
257
