想要在PS中得心应手的的描绘出自己想要的线条(也就是路径),就需要对[钢笔工具]有一个充分的理解. [钢笔工具]绘出来的线条全部都是贝赛尔曲线,所以你在学习[钢笔工具]之前,要补习一下贝赛尔曲线的常识,我这里稍微介绍下,如果还是不理解的童鞋可以去百度百科里了解下,有很详细.很专业的解释. 先总结下PS钢笔工具操作的几套组合快捷键, 钢笔工具状态下: 鼠标左键单击=新建锚点: Ctrl+鼠标左键=移动锚点/移动调节点: Alt+鼠标左键=锚点/角点转换: 方向键=微调锚点位置: shift+鼠标左…

1.钢笔工具属于矢量绘图工具,其优点是可以勾画平滑的曲线,在缩放或者变形之后仍能保持平滑效果. 2.钢笔工具画出来的矢量图形称为路径,路径是矢量的路径允许是不封闭的开放状,如果把起点与终点重合绘制就可以得到封闭的路径. 现在我们来绘制一个简单的路径 如下图在工具栏选择钢笔工具(快捷键P)[在钢笔工具图标上点击右键得下图所示,选择工具时在工具栏相应按钮上点击右键,下面提到的工具都是这样选择] 图1: 2楼 选择钢笔工具,在工具选项栏上选择"路径"按钮,如图   3楼 然后用钢笔在画面中任…

前两天在用Canvas实现一个绘制路径的小功能.做完之后发现加以完善可以“复刻”一下PS里面的钢笔工具. PS里的钢笔工具对我来说是PS中最好用的工具! 所以本文主要介绍如何用Canvas来实现Photoshop中的钢笔工具 需求分析 首先我们来分析一下需求. 1.在画布上的点击效果 1.1点击可生成方形锚点 1.2锚点数量>=2时开始绘制路径 1.3绘制完成的锚点再次点击可进行删除 1.4第一次点击初始锚点可闭合路径(当然以后再点击就是删除路径啦) 2.点击锚点同时按住键盘按键(这里的按键主要…

在讲tween类之前,不得不提的是贝塞尔曲线了.首先,贝塞尔曲线是指依据四个位置任意的点坐标绘制出的一条光滑曲线.它在作图工具或动画中中运用得比较多,例如PS中的钢笔工具,firework中的画笔等等.无论运用在哪里,它们的原理都是一样的.同样,在用js实现运动效果时,我们也可以利用贝塞尔曲线来实现不同的特效,而tween.js就是一个封装好的计算辅助算法.你可以通过连续输入多个值,然后利用贝塞尔曲线公式输出不同的值,最终形成了一条光滑的曲线.因为一条曲线上的值的不一样的,所以我们可以利用曲线的…

作者:codeGlider 在我的上一篇文章中 swift10分钟实现炫酷的导航控制器跳转动画,有一个swift logo的形状 上一篇文章的动画 我说的就是中间用来做遮罩的形状. 它不是图片是用一段代码绘制而成的: //绘制swift logo var bezierPath = UIBezierPath() bezierPath.moveToPoint(CGPointMake(96.14, 86.59)) bezierPath.addCurveToPoint(CGPointMake(56.82…

Hey,guys! 让我们一起用HTML5实现一下简易时钟吧! 接触canvas时, 我突然有一种非常熟悉的感觉------canvas的部分的功能其实和Photoshop中的 钢笔工具 是一样的.所以,如果你对 PS里的 钢笔工具 运用自如的话,恭喜你,canvas你将很快上手~~ 说下对HTML5中canvas的理解,canvas翻译成中文就是画布,顾名思义,canvas当然是用来作画的啦~~ 作画嘛,其实现的思想 与 photoshop 基本上是一样的~~,只不过photoshop可以用可…

在讲tween类之前,不得不提的是贝塞尔曲线了.首先,贝塞尔曲线是指依据四个位置任意的点坐标绘制出的一条光滑曲线.它在作图工具或动画中中运用得比较多,例如PS中的钢笔工具,firework中的画笔等等.无论运用在哪里,它们的原理都是一样的.同样,在用js实现运动效果时,我们也可以利用贝塞尔曲线来实现不同的特效,而tween.js就是一个封装好的计算辅助算法.你可以通过连续输入多个值,然后利用贝塞尔曲线公式输出不同的值,最终形成了一条光滑的曲线.因为一条曲线上的值的不一样的,所以我们可以利用曲线的…

有好多小伙伴私聊我问我html5新特性 和用法,下面我给大家具体介绍一下html5都新加了哪些新特性,下面我给大家总结一下. 1)新的语义标签 footer header 等等2)增强型表单 表单2.03)音频和视频4)canvas 绘图5) SVG绘图6)地理定位7) 拖放API8)web worker 用来执行耗时任务9)web Storage 在浏览器端存储大量数据10)web Socket   一种持续性的连接(非http协议) (一)新型的语义标签就不说了, 例如<footer>&l…

前言:本文是自己在学习课程中的课程笔记,这里用来温故知新的,并非本人原创. 一.HTML5新特性 —— 十个新特性:凌乱 (1)新的语义标签 (2)增强型表单(表单2.0) (3)音频和视频 (4)Canvas绘图 (5)SVG绘图 (6)地理定位 (7)拖放API (8)Web Worker (9)Web Storage (10)Web Socket 二.HTML5中表单的新特性 (1)新的input type   <input type="?"> H4中的input t…

http://www.cocoachina.com/ios/20150901/13155.html 作者:codeGlider 授权本站转载. 在我的上一篇文章中 swift10分钟实现炫酷的导航控制器跳转动画,有一个swift logo的形状 上一篇文章的动画 我说的就是中间用来做遮罩的形状. 它不是图片是用一段代码绘制而成的: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24     //绘制swift logo  …

http://www.xueui.cn/tutorials/illustrator-tutorials/designers-must-know-the-secret-of-the-bezier-curve.html 有没有观察过你喜欢的插画师们未完成的作品?仔细观察,你会发现他们非常着迷于调整贝塞尔曲线的手柄(也就是钢笔工具画出来的曲线啦~),并且力图让调整曲线的手柄尽量水平或者垂直.为什么呢? 我想通过这个教程,为力图探寻此道的设计师们打开一扇门,指引方向.当然,首先你熟练使用AI和PS中的钢…

ps钢笔工具 ctrl键 + 鼠标选中操作的点 = 移动点 alt键 + 方点 + 拖拉 = 拖出两个手柄 和 控制两端弧度 alt键 + 圆点 = 控制单向弧度…

问题描述:ps钢笔工具画出路径后用文字工具打字 路径出现一个空心圆点字,不能在路径上打字或者无法确认终止的位置. 解决:1.如果要在路径上全都打满字,要将文字对齐改为左对齐,2.如果要实现自定义结束位置,Mac按住command键点击小圆点并拖动.…

前端网页设计+静态实现案例 放一个2天半内给某公司完成的(设计 + 静态实现)的案例吧,静态阴影用CSS3实现的http://www.cnblogs.com/MuYunyun/p/5693615.html,我最开始设计的时候就想好要用什么实现,各个框的大小是多少(精确到1像素),以及颜色搭配等等. 还有很多素材我就不演示了,设计了好些网页模板,如果有大家想用PS进行网页制作,欢迎大家交流. 很多人做前端只是掌握了最基本的切图(甚至连切图都有不会的),就连小小改动都要麻烦设计师,这就大大浪费了时间…

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

http://www.missyuan.com/thread-446934-1-1.html Photoshop绘制逼真头发发丝效果http://www.missyuan.com/thread-446912-1-1.html Photoshop合成在空中漂移的陆地http://www.missyuan.com/thread-446909-1-1.html Photoshop制作漂亮的紫色水晶字效果http://www.missyuan.com/thread-446908-1-1.html Pho…

作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页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复制图层,按住…

(从已经死了一次又一次终于挂掉的百度空间人工抢救出来的,发表日期 2014-05-19) 在网页设计中经常会用到翘角纸条的效果.如:百度空间首页: pic.1 下面我详细讲解一下这个效果使用PS如何制作. 1.首先创建3个图层,分别是纸条.阴影和白色背景.“白色背景”图层是为了方便观看阴影的效果.生成png时,隐藏掉即可. pic.2 在“纸条”图层创建你要使用的纸条形状,然后接下来就没有“纸条”图层的事了. pic.3 pic.4 pic.5 pic.6 ps:想要剪掉两边的角,按着shift…

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

PS学习笔记 常用快捷键 快捷键 功能 Ctrl+T 自由变换 Ctrl+Alt+Shift+T 复制图层+再次变换 Alt+Del 以前景色填充 Ctrl+Del 以背景色填充 Ctrl+I 反相 图层相关 Ctrl+Shift+N 新建图层 Ctrl+J 复制图层 Ctrl+E 向下合并 Ctrl+Alt+Shift+E 盖印图层 Ctrl+G 图层分组 选区相关 Ctrl+Enter 路径形成选区 Ctrl+D 取消选区 滤镜相关 Ctrl+F 再次执行滤镜 去水印 多种方法1.框选后右键…

1.打开原图素材,Ctrl + J把背景图层复制一层,按Ctrl + Shift + U去色,执行:滤镜 > 模糊 > 高斯模糊,数值4,图层混合模式为滤色,图层不透明度改为27%. 2.新建一个图层,按Ctrl + Alt + Shift + E盖印图层,图层混合模式为颜色. 3.创建渐变映射调整图层,紫色-橘色,Alt+Ctrl + G加上剪贴蒙版. 4.创建亮度/对比度调整图层,-5,-21 5.创建智能锐化调整图层,设置为默认值,数量46,半径0.8,高斯模糊, 6.创建色阶调整图层,…

给同事ps一个大头照,只是修改一下背景颜色,以前没有做过,这次算是小练习了一把,与大家分享一下.修改大头照背景重要的是如何选中背景的区域,如果用魔棒选择的话,头与背景的边处理的不好,说说我的处理方法吧. 1.用钢笔工具来选择背景区域(快捷键是P),这块选择区域的效果决定了最后PS的质量,最好是按住Alt键放大后精细选择选区. 2.想移动锚点,按住Ctrl键不放鼠标变成“↑”时选中要修改的锚点直接拖动到你要移动的位置再松开鼠标和Ctrl键. 3.一次性选中所有锚点的方法是,按住Ctrl键不放鼠标变…

本节课程主要内容:学习画笔工具.铅笔工具.颜色替换工具.历史记录画笔工具.历史记录艺术画笔工具.渐变工具和油漆桶 工具的应用.-------------------------------------------------------第4课的作业,相对比较容易,大家都完成得不错.虽然现在学习的东西,看起来都比较简单,但是大家一定要熟练掌握各种工具的用法.在讲完基本工具后, 我们会开始复杂的实例制作学习,到时候前面提过的操作,我将不会再解释具体的操作步骤.以下是我们今天要学习的三组工具: 1. …

轻松画图标!教你一分钟玩转PS路径描边 推荐: cyRotel    2014/11/24    in PS 教程 & 设计文章    @Micu设计 :Photoshop的路径工具和钢笔工具,很容易被人忽视,功能很强大,一直很低调.今天咱一块唠唠怎么用路径和钢笔,快速绘制简易线状图标,这个看了都能做噢!!!!哪怕是第一天学PS,也能做到. 有人说UI难学,摸不到门路,那就从这一课开始吧. (心急的同学,直接翻到中下位置,教程部分即可,先练练手) 作者是个90后呦,关于他的奋斗故事与经验分享:…

因为学习PHP,但是公司没有前端工程师,修图的时候只好找被人帮忙,一个简答的问题,其实几分钟就搞定了,还要麻烦别人,就自己学了一下ps.一共花了3天时间.学习了一些简单的操作. 工具:Adobe Photoshop CS6 打开ps 可以看到上面的界面. 先总结一下常用的快捷键 新建文件 Ctrl + N 打开本地文件 Ctrl + O 还原 Ctrl + Z 多步还原 Ctrl + Alt + Z 前进一步 Ctrl + Shift + Z 剪切 Ctrl + X 复制 Ctrl + C 粘贴…

1.首先,打开PS,新建合适的画布. 2.为了使背景具有质感,执行滤镜—滤镜库—纹理化,具体参数按你的感觉来. 3.新建画布“图层1”,为了方便观察,填充为灰色画布,ctrl+t适当缩小画布大小,如图所示. 4.接下来开始制作折纸效果,我做的折纸效果比较夸张,折纸大小按你的感觉来吧.执行ctrl+t变形,将右上角的端点卷下来,并通过调整锚点,达到折纸的效果. 5.然后新建图层2,选择钢笔工具,将折纸部分描出来,如图. 6.转为“蚂蚁线”,并填充为白色. 7.现在开始给折纸部分制作立体效果ctrl…

ps:1.视图工具:1)标尺2)参考线3)网格:视图-->--显示>-->网格4)修改网格:编辑-->首选项>-->参考线.网格和切片 5)放大工具:画布中单击可放大视图(也可以按住Ctrl) ,按住Alt单击可缩小视图(双击缩放工具可缩放到100%)6)抓手工具:抓着移动画布 7)渐变工具使用:首先选择需要修改的元素,点击渐变工具,双击出现渐变 工具面板.可能只有灰色渐变.此时点击渐变面板内的滑 块(左右两边的三角符号,点击一下表示选中,再去选择 需要的颜色.最左边的…