前言   本篇是程序员仿照ui设计创建psd且切图五个按钮效果上传至蓝湖,本篇篇幅较长,整体完成一个目标,没有分篇幅了.   前提条件   已经安装了PS,已经在PS上安装了蓝湖插件,并且曾经已经上传过,若没有装PS的则自己装PS,没有装蓝湖插件请去蓝湖官网查询一下,可以安装插件一键上传.   程序员切图要突破的必要技能   以下技能,就是算装了PS,会一些基本的调图,但是实际不熟,需要将PS的几个与切图相关的功能熟练. 指定大小 :在PS中,将新建图标切换成指定大小,并且切图导出. 缩放:在P…

PS参考线及其辅助 视图-->新建参考线 也可以快捷键Ctrl+R,显示区的上侧和左侧就会出现标尺.任意点选中,并拖动标尺,便会出现浅蓝色的辅助线.只有在移动工具下,才能拖动某一条参考线. 删除参考线的方式,哪里来的回哪里去,拖动参考线把它移动到标尺处.上面的标尺对应的是水平参考线,左边的标尺对应的是竖直参考线. 新建参考线的快捷键:Alt+V+E Alt+V是打开视图菜单,不放,然后再按E就是新建参考线 对于规则图形,选中图层后,再拖动参考线,默认参考线会吸附到图层边缘部分.参考线所在的地方都…

前端主要从事一些代码开发工作,PS使用是前端工程师必备,但又无需精通的一项技能. 前端切图四大面板:在“窗口”菜单下开启 1,信息(手动开启)2,字符(手动开启)3,历史记录(手动开启)4,图层(默认开启) PS首选项设置: 编辑->首选项->单位与标尺,选改为像素. PS 技能需求.工具需求: 常用快捷键 图片格式 ( PSD | JPG/GIF/PNG) JPG/GIF/PNG的应用 PSD测量注意事项: 文字右方和下方会有1像素的默认间隙:…

作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,“熟读唐诗三百首,不会作诗也会吟”. 本系列的教程来源于网上的PS教程,都是国外的,全英文的.本人尝试翻译这些优秀的教程.因为翻译能力有限,翻译的细节上还有待推敲,希望广大网友不吝赐教. 约定: 1.本文的软件是Photoshop CS5版本 2.原教程的截图是英文的,本人在重新制作的基础上,重新截了中文版的图 3.原文中有些操作没有给出参数.本人在反复测试的情况下测定了一些参数,以红色的文字显示.…

做前端开发的需不需要PS 记得在之前的老东家做某一个系统开发,当时正在做界面开发,发现界面还需要添加几个图标,于是把这个需求反馈给了项目经理.过了十几分钟,项目经理跑过来告诉我:产品部的UI设计人员(当时我们的UI设计人员全部调整到产品部)需要向他们产品经理汇报这个任务,你在邮件里边简单描述下你的图标需求然后发送给产品经理再抄送给我和UI设计人员.我听了当时蛋碎满地,几个图标设计不到半个小时的事情,非搞得花上一天时间才搞完!经过这蛋碎的经历,我觉得对于一个做界面的开发人员来说,懂些PS技术还是有…

从C语言的代码中解脱开始学ps,看到色彩鲜明的东西,心里只有那么爽.哈哈.只学习3天,虽然只是一些皮毛,可还是学到了一些以前不知道的东西.让我对ps多了很多兴趣,决定以后要自学更多的ps技能.要给图片打造朦胧的鲜艳,第一步,我们需要打开图片然后复制图层:第二步,将副本层的图层模式改为滤色:第三,使用高斯模糊(+8.6像素) 第四,调节色相,饱和度,第五,再加一些锐化,并降低透明度,这样就ok啦. 至于抠图什么的,更简单啦.用快速选择工具,矩形工具等等选择抠图的部分,再用选择工具拖到你要它所在的地…

最近跟着慕课学了一些前端的必备PS技能,就顺道把PS CC2015装上. 安装的过程没什么大问题,最要命的是激活环节!各种踩坑,但万万没想到,最终我还是成功的把它激活了. 本人所安装PS版本信息 好了,讲正事! 目前网上关于PS激活的基本就两个法子:    1.断网,使用注册机并更改 hosts 文件(文件的路径是C:\Windows\System32\drivers\etc):    2.替换PS安装目录下的amtlib.dll文件: 可事实上方法1是行不通的,而且方法2还是有点恼火.  △…

jpg 不支持透明和半透明 :网页中的大图,高清图(体积大) gif 支持透明 不支持半透明 :网页中的小图标(动画图片)png8 支持透明 不支持半透明 :网页中的小图标png24 支持透明 支持半透明 :图像中存在半透明效果的图片 ps测量:文字右方和下方会有1像素的默认间隙: favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,如图红圈的位置, 目前主要的浏览器都支 持favicon.ico图标 <link href="im…

前言:前端涉及到的 ps 操作不算复杂,基本上就是切图,本文总结了常用的几种切图技巧. 工具:photoshop cs6 . photoshop cc 1. 传统切图 01 这是最笨的一种方法,核心就是用选区工具选中我们要的切图区域,复制到新文件,然后整个保存下来,这样的切图方法几乎没有可取之处,不过我最初确实就是这样干的... 2. 传统切图 02 这种效率要高一些,可以同时切多个图片,用切片工具选中多张我们需要的图片区域,点击文件->保存为 web 所用格式,这种方法的缺点是默认会保存多张图…

这篇文章不会介绍 gulp 的起源.发展:不会去一个个讲解 gulp API:也不想出现大段大段的 gulpfile.js 代码:更木有帮你分析 gulp 实现原理,只有一些我自己对 gulp 的使用理解和总结. 如何通过 gulp 让偶们的前端项目高大上的跑起来?gulp 能做什么,还能做什么?gulp套路能不能来几套?... 希望通过这篇文章你会找到答案 写作风格的原因,劳资写的文章都较详(啰)细(嗦),请轻拍:) 当然,同样期待能得到伙伴们的讨论和支持. 目录 简单介绍 必备插件 常用插件…