新建参考线 菜单:"视图-新建参考线", 直接输入想要位置的参考线.   参考线对齐 按住Shift键拉辅助线,辅助线会自动对齐到当前标尺的刻度上.           按住Alt键单击一条已经存在的垂直辅助线可以转为水平辅助线,反之,水平辅助线转为垂直辅助线.拖动辅助线,没有松开鼠标之前,按住Alt键可以在水平辅助线和垂直辅助线之间切换. 随意双击一条辅助线可以打开"编辑--首选项--参考线.网格和切片"对话框,可以设置辅助线的颜色.样式. 显示和隐藏参考线快捷键…

很多工科的学生在大一都有一门课程,叫C语言程序设计.大概就是装个IDE然后和一个黑乎乎的窗口打交道,期末到了考完试就结束了.然而很多人可能都有一个疑惑:C语言究竟能干什么?除开嵌入式单片机这些高大上的选项,我们其实还有一个简单有趣的选择--开发一个图形界面 这是笔者第一次尝试用c语言编写图形用户接口程序,制作了一个类似大富翁的游戏 github链接 效果图 前期准备工作 idea IDE photoshop 第三方的图形库,我用的是easyX和ACLlib ACLlib最初是浙大几名学生开发出来…

如图所示,我要均分画布的垂直方向为三份.因为要图标的三个位置文件吻合的很精确.我们先拉好头尾两条辅助线 在标尺上右击可以切换显示的单位,但是还是不够精确.因为这个画布是64×192的.我要64×64给我画一个小方格子. 我们新建一个参考线 我们建立在33.3333%的地方.则肯定和三分之一相差不多了. 以此类推建立好三个辅助线.可以使图表显示基本一致.                      …

页面制作部分之PS切图 <--本标签下,通过页面制作.页面架构.javascript程序设计.DOM编程艺术.产品前端架构五部分来分享总结笔记,总结笔记会陆续分享--> 网页设计在技术层面上,第一步是美工做出网页效果图,第二步就是网页前端进行网页切图.网页切图工具常用的有fireworks.PS,这里使用PS进行网页切图. 我们通过设计稿,得到我们想要的产出物(如.png,.jpg文件),给网页提供图片素材(HTML:img,CSS:background). 一.使用PS工具 1.1 PS首选…

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

一.PS界面设置 1.新建(ctrl+n) 初始化尺寸参数 预设:自定 宽度:1920px 高度:自设(如:2000px) 分辨率:72像素/英寸 颜色:RGB/8位 背景内容:透明 存储为预设 2.移动工具设置 快捷键:V 作用:选择和移动图层 2.1选择图层 自动选择不用勾选,将后面设置为图层 windows系统:Ctrl键+单击鼠标左键 苹果系统:command+单击鼠标左键 2.2显示/隐藏图层 点击图层前面的小眼睛 显示/隐藏所有图层: 在小眼睛那里选中一个图层右键点击->显示/隐藏所…

网页设计在技术层面上,第一步是美工做出网页效果图,第二步就是网页前端进行网页切图.网页切图工具常用的有fireworks.PS,这里使用PS进行网页切图. 我们通过设计稿,得到我们想要的产出物(如.png,.jpg文件),给网页提供图片素材(HTML:img,CSS:background). 一.使用PS工具 1.1 PS首选项设置 编辑->首选项->单位与标尺,选改为像素. 1.2 面板 在"窗口"菜单下开启: 工具(默认已开启) 选项(默认已开启) 图层(默认已开启)…

ADOBE PHOTOSHOP 同义词 PS(位图图像处理软件Photoshop)一般指ADOBE PHOTOSHOP 本词条由“科普中国”百科科学词条编写与应用工作项目 审核 . Adobe Photoshop,简称“PS”,是由Adobe Systems开发和发行的图像处理软件. Photoshop主要处理以像素所构成的数字图像.使用其众多的编修与绘图工具,可以有效地进行图片编辑工作.ps有很多功能,在图像.图形.文字.视频.出版等各方面都有涉及. 2003年,Adobe Photoshop…

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

一.PS与前端知多少 一般我们会认为PS是用来修改图片的,这些工作是美工人员做的事不是前端人员做的,其实这样想你就错了,因为在前端人员也是要学会一些简单的关于PS的技巧的,这样就不会应为一点点小小的需求老是要麻烦负责美工的同事来帮你改动一点点,再者这样也会对你的工作效率有所提高.在我看来其实前端人员需要掌握的PS知识大致上有这样一些:切图这个是必须的,也是本文的重中之重,然后是相应的对图片进行修改,大致上前端也就需要掌握这些PS内容就够了.除非你家公司没有美工人员或者是老板想省钱不招美工,全部的…

页面制作部分之PS切图 <--本标签下,通过页面制作.页面架构.javascript程序设计.DOM编程艺术.产品前端架构五部分来分享总结笔记,总结笔记会陆续分享--> 网页设计在技术层面上,第一步是美工做出网页效果图,第二步就是网页前端进行网页切图.网页切图工具常用的有fireworks.PS,这里使用PS进行网页切图. 我们通过设计稿,得到我们想要的产出物(如.png,.jpg文件),给网页提供图片素材(HTML:img,CSS:background). 一.使用PS工具 1.1 PS首选…

临睡前记得今天技术小结没写...就起来叨叨些使用Photoshop做网站的活吧. 一般网站的建站流程和人员配置是: 1 美工,创建页面的psd图 2 前端工程师,根据psd图,切出html页面 3 后端工程师,根据html页面,制作后端逻辑代码,使得页面动态 4 测试人员,测试并发布页面   所以说,在第一阶段和第二阶段,制作psd和分析psd的过程中,就要接触到photoshop这个玩意. 图层 photoshop是由多个图层构成的.一个图层会覆盖当前的画布,但是只有有图的部分是有颜色的,其他…

PS对于WEB设计和前端开发来说都是不可或缺的工具,基本的用途是用来处理网站的LOGO.Banner 以及按钮图标来着,但是一旦遇上要把整个PSD文件转成网页就让人非常头痛了,可能还不太专业.后来在公司做个网站项目中,美工一般都能给出切图和CSS文件,解决了很大的问题.那个时候我还没想到PS还有一个很重要的工具[切片],这个工具提供了一个非常实用的功能,将切片导出为DIV+CSS布局.以下是摘抄:http://www.blogjava.net/algz/articles/297304.html…

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

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

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

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

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

1.通道 意味着我们同过不同的角度来看图像,可以得到不同的图像信息,PS是以灰度图像来表现这种信息的强弱. 我们能看到什么取决于我们的视角.任何灰度图像都可以按照不同的规则来构成彩色图像. 通道除了能存放颜色信息,还能存放选择信息. 2.路径 可以转换为选区,也可以转换为矢量蒙板.与矢量蒙版对应的是点阵蒙版,二者可以搭配使用. 3.透明背景的时候可以用橡皮擦工具 4.注意如果图层是背景图层,要先解锁,然后才能进行选择删除操作 5.按住ctrl+鼠标左键可以快速选定图层,ctrl+j复制图层,按住…

工具箱(多种工具共用一个快捷键的可同时按[Shift]加此快捷键选取,可以在[常规]'快捷键[Ctrl]+[k]'里设置是否使用[Shift]切换) 其它快捷键: 矩形.椭圆选框工具[M] 裁剪工具[C] 移动工具[V] 套索.多边形套索.磁性套索[L] 魔棒工具[W] 喷枪工具[J] 画笔工具[B] 像皮图章.图案图章[S] 历史记录画笔工具[Y] 像皮擦工具[E] 铅笔.直线工具[N] 模糊.锐化.涂抹工具[R] 减淡.加深.海棉工具[O] 钢笔.自由钢笔.磁性钢笔[P] 添加锚点工具[+]…

先看看效果吧: 这是在写部教程的时候,看到一个由方格组成的心.于是试着用PS做成了动画,然后加入了LOVE四个字母,看起来还可以.但是,有些复杂.复杂倒不是技术上的复杂,是做起来复杂. 来试试吧. 1.新建一个文件,大小150*150.然后新建一个图层,命名为"红色方块",选择矩形选框工具,设置选项如下: 在画布上单击,此时会出现一个10*10的选区,新建一个图层,然后填充你喜欢的颜色.注意,此时填充的颜色决定了你整体的心是什么颜色.填充后,把你的这个红色方块放到靠左上角的位置,如下图…

前端PS切图 一.Photoshop的界面设置 二.Photoshop的基本操作 三.Photoshop的传统切图 四.Photoshop的精准切图 五.Photoshop的扩展知识 视频学习:http://www.imooc.com/learn/506 -------------------------------------------------------------------------------------------------------------------- 一.Pho…

(一)我们需要把中间的图切成一块一块. 首先在放入PS中: [视图]——>[标尺],为的是能够精确的切图: 标尺打开后上下左右都可以往图中拉线,我们在这边叫作(参考线),然后使用左边的[放大镜]功能对参考线放大,尽可能的放大,可以看到参考线是否在所需要切的图上,然后选择工具栏的[移动工具]进行调整.[移动工具]在参考线的中间变成两条竖线时可以移动线条的位置,摆放完成后缩小图,继续操作参考线: 参考线如果不想要,可以使用[视图]——>[清除参考线]: 所有的线条拉好后,可以选择工具栏的[切片工具…

PS快捷键大全(转自UI中国PS教程) 摆脱鼠标流就靠这张图了!!!! 查看图像 使用导航器查看图像 选择窗口-->导航器 菜单命令 使用缩放工具查看图像 ctrl++ 以画布大小放大图像 ctrl + - 缩小 ctrl + 0 充满整个画面 使用抓手工具查看图像 在使用除抓手工具时可以按住空格拖曳鼠标拉动图像 画布旋转查看图像 使用旋转视图工具 (R) ,双击工具箱中图标可恢复原来形状 应用辅助工具 使用标尺定位图像 CTRL + R 或者 视图-->标尺 网格的使用 视图-->显示…

本节课程主要内容:1.学习矩形选择工具.椭圆选择工具.移动工具.多边形套索工具.套索工具.磁性套索工具和魔术 棒选择工具.2.用套索和磁性套索,实现对人物照片的抠图.-------------------------------------------------------这节课开始,我们来正式讲解PS的工具,在讲解过程中,将进行实例的学习和制作.PS的工具我们预计会花上六.七节课的时间.这是PS最基础的东西,希望大家认真学习.在讲解之前,我们先花一点时间,来学习用PS调整图片的大小.数码相机…

hai,how is it going?I'm MuQing.I come back.哈哈,最近在英语的路上奋战,小秀一下.又好久没写博客了,实习的生活渐行渐远了,回到学校也终于能够坐下来对很多东西进行沉淀和总结.今天就跟大家来聊聊前端需要会的PS那点事. 前端PS技巧有两大类:1 测量和取色  2 切图  1不用说,开发需要2,切图其实也是必备,说实话当我一开始知道前端需要自己切图的时候,我的内心是抗拒,但是后来我慢慢的发现,我是幸运的,切图真的是前端必会的技能.为啥呢,因为我们是前端,所以我…

原文地址:PS各个工具的字母快捷键和英文全名作者:Tycho     选框-Marquee(M)     移动-move(V)     套索-Lasso(L)     魔棒-Wand(W) 喷枪-injection lance (J)     画笔-Brush (B)     铅笔-pencil(N)      橡皮图章-rubbr-stamp(s) 历史记录画笔-history brush tool (Y)     橡皮擦-Erasers  (S)     模糊-Blur (R)     减淡…

原文地址:PS各个工具的字母快捷键和英文全名作者:Tycho     选框-Marquee(M)     移动-move(V)     套索-Lasso(L)     魔棒-Wand(W) 喷枪-injection lance (J)     画笔-Brush (B)     铅笔-pencil(N)      橡皮图章-rubbr-stamp(s) 历史记录画笔-history brush tool (Y)     橡皮擦-Erasers  (S)     模糊-Blur (R)     减淡…

PS: 1. 写出标尺.参考线.网格线.放大和缩小的快捷键 2. 写出RGB模式和CMYK颜色模式里每一个字母代表什么颜色 3. 写出暖色和冷色各3种 4. 写出常用的抠图工具(6个以上) 5. 写出魔棒工具和彩色范围工具的区别 6. 写出调节色相的工具有哪些,调节亮度的工具有哪些 HTML: 1. xhtml和html有什么区别 2. 行内元素有哪些?块级元素有哪些? 3. 前端页面有哪三层构成,分别是什么?作用是什么? 4. <img>标签上title与alt属性的区别是什么? 5. 写出…

最近学习了一些ps切图,总结一些快捷键,以免自己忘记,总结的不好,也可能不全,忘大牛指点,试着坚持总结 1.工具箱 (多种工具共用一个快捷键的可同时按[Shift]加此快捷键选取) 矩形.椭圆选框工具 [M] 裁剪工具 [C] 移动工具 [V] 套索.多边形套索.磁性套索 [L] 魔棒工具 [W] 喷枪工具 [J] 画笔工具 [B] 橡皮图章.图案图章 [S] 历史记录画笔工具 [Y] 橡皮擦工具 [E] 铅笔.直线工具 [N] 模糊.锐化.涂抹工具 [R] 减淡.加深.海棉工具 [O] 钢笔.…