推荐阅读
Photoshop调出古典唯美效果图的外景婚片调色
案列对比图:左为原片,右为效果图1、[注:一直不厌其烦的讲复制背景层,不要在背景层上修改]。复制背景层,生成新的背景层,而后复制背景层生成图层1,修改混合模式为滤色,操作目的:提亮。2、创建“色相/饱和度”调整层,设置参数如下:3、创建“渐变映射”调整层,操作布草如下:
插画艺术网
本实例以造型优美的、抽象的花朵形象和渐变的、绚丽的花朵色彩,来表现插花艺术网页页面的设计主题。该设计效果强烈,点、线、面、色彩和图形的组合运用是构成网页的装饰要素。紫红色的运用为画面增添了浪漫气息。如图11-40所示,为本实例的完成效果。图11-40 本实例完成效果在本实例中所设计的内容与主题相符,体现插花这门艺术的优美与浪漫。协调的处理色彩与其他设计要素之间的相互关系,增强网页的信息和情感传递效果,使人们在浏览的时候产生共鸣。在制作过程中主要采用绘制路径、描边路径来绘制图像,使用“画笔”工具来修饰图像的颜色,更改图像的混合模式使两幅图像叠加起来,能得到更加丰富的图像效果。如图11-41所示,为本实例的制作流程。图11-41 本实例制作流程(1)启动Photoshop,执行“文件”→“新建”命令,参照图11-42所示对打开的“新建”对话框进行设置,创建一个名为“插画艺术网”的新文档。图11-42 设置“新建”对话框(2)单击“图层”调板底部的“创建新图层”按钮,新建“图层 1”,然后使用工具箱中的“矩形选框”工具,参照图11-43所示在视图中绘制一个矩形选区。
CSS兼容IE6,IE7,FIREFOX的一些收集
第一种,是CSS HACK的方法height:20px; /*For Firefox*/*height:25px; /*For IE7 & IE6*/_height:20px; /*For IE6*/注意顺序。这样也属于CSS HACK,不过没有上面这样简洁。#example { color: #333; } /* Moz */* html #example { color: #666; } /* IE6 */*+html #example { color: #999; } /* IE7 */第二种是使用IE专用的条件注释<!--其他浏览器 --><link rel="stylesheet" type="text/css" href="css.css" /><!--[if IE 7]><!-- 适合于IE7 --><link rel="stylesheet" type="text/css" href="ie7.css" /><![endif]--><!--[if lte IE 6]><!-- 适合于IE6及一下 --><link rel="stylesheet" type="text/css" href="ie.css" /><![endif]-->第三种css filter的办法,以下为经典从国外网站翻译过来的。.新建一个css样式如下:#item { width: 200px; height: 200px; background: red;} 新建一个div,并使用前面定义的css的样式:
最新发布
Photoshop路径终极教程(2)
究竟曲线是怎样生成的,我们又该如何来控制曲线的形态呢?除了具有直线的方向和距离外,曲线多了一个弯曲度的形态,方向和距离只要改变锚点位置就可以做到,但是弯曲度该如何控制?如图在工具栏选择“直接选择工具”,注意是下方那个空心的箭头假设我们刚才绘制的4个锚点分别是ABCD用“直接选择工具”去点取位于AB之间的片断会看到刚才我们绘制AB锚点时候定义的方向线仔细看一下这两个方向线再这样想象:一个人要从A点到B点,在A点出发的时候,位于A点的其他人看到他是朝着上偏右的方向走的而位于B点的人,看到他是朝着下偏右的方向来的那么综合两地的观测结果。就可以得出这个人行走的路线:必定是一个类似锅盖的上弧形现在我们选择如图的“转换点工具”,该工具用来修改方向线然后如下图所示般改变AB锚点上的方向线,将会看到曲线弯曲度的改变注意方向线末端有一个小圆点,这个圆点称为“手柄”,要点击手柄位置才可以改变方向线
Photoshop路径终极教程(3)
除了修改锚点之外,也可以利用“直接选择工具”,在片断上修改曲线的形态如下图:注意:这并不能说是“修改了片断”,而应该说是“同时修改了两个锚点”牢记原则:片断是由锚点组成的,只有修改锚点才能改变片断形态,这是不可逆的因果关系做一下小结:对于这条曲线上的除了起点和终点的BC两个锚点而言,都存在两条方向线:一条是从上一个锚点“来向”的方向线;另一条是通往下一个锚点的“去向”的方向线对于起点,只存在“去向”的方向线;对于终点,只存在“来向”的方向线下面让我们做个小练习,如图:现在要求在两个红点之间绘制一条紧贴鼠标外廓的曲线很可能你们绘制出来的是如下图这个样子的虽然要求是达到了,但是这样的路径上使用了4个锚点再看下图:
Photoshop路径终极教程(4)
现在我们介绍第二种绘制过程:在建立第二个锚点并遵循“来向”定义好方向线之后,再修改“去向”方向线,使曲线可以正确地绘制下去(绘制完后按住Ctrl键在路径之外任意位置点击,即可完成绘制)虽然频繁地切换工具有点麻烦,但可以让曲线始终沿着指定的路线绘制(同理,也可以先遵循“去向”定好方向线,再修改“来向”)实际上,在定好第二个锚点后,不用到工具栏切换工具将鼠标移动到方向线手柄上,按住ALT键即可暂时切换到“转换点工具”进行调整;而按住Ctrl键将暂时切换到“直接选择工具”,可以用来移动锚点位置松开Alt或Ctrl键即恢复钢笔工具,可继续绘制要注意的是:虽然“直接选择工具”也可以修改方向线,但“来向”“去向”有时候(当两者同时显示的时候)会被其一起修改最后第三种方法,应该是大家今后在绘制中所使用的标准方法:此法实际就是上面讲到的快捷键的另一种操作方式,也是在不切换工具的条件下,使用快捷键来完成方向线的修改做到不间断地绘制整条曲线(绘制完后按住Ctrl键在路径之外任意位置点击,即可完成绘制)在动画中大家看到一个提示“调整结束后,先松开鼠标再放开ALT键,否则将打乱来向方向线”如果Alt键先被松开,将会使这个锚点的“来向”和“去向”恢复到长度相等的水平夹角位置这没有多大关系,再按下ALt键即可再次单独调整接着我们再来尝试绘制一个心形,如下图(绘制完后按住Ctrl键在路径之外任意位置点击,即可完成绘制)注意:如果没有先按住Alt键就连接起点,将无法单独调整方向线,此时再按下Alt键即可单独调整
Photoshop路径终极教程(5)
现在我们已经学会了用钢笔来勾画任意的路径形状了但很多时候并不需要完全从无到有的来绘制一条新路径Photoshop提供了一些基本的路径形状我们可以在这些基本路径的基础上加以修改形成需要的形状这样不仅快速,并且效果也比完全和手工绘制的要好下图是在网页设计中经常用到的图形先看最上方图形的绘制过程:在工具栏选择矩形形状工具使用第一种绘制方式(建立一个用前景色填充的矢量层),如下图注意样式要关闭,选择一个颜色作为填充色,如下图然后在图像中绘制一个矩形的形状,如下图
Photoshop路径终极教程(6)
再来绘制一个类似标签卡的图形,如下图:上面的几种方法,都是利用了带路径的色彩填充层来制作效果除了色彩填充以外,路径也可以用来制作调节图层(调节图层在另外教程中介绍)制作顺序如下:1 原图:2 使用第二种绘制方式(单纯绘制路径)3 在图像中绘制两个封闭路径,注意两个路径为相加方式,即在绘制第一个之后选择相加方式绘制第二个4 在图层面板启动调节图层中的“亮度/对比度”
Photoshop路径终极教程(7)
最后我们来制作一个较复杂的图形,如下图:该图形原来是一个完整的椭圆,被分割为了两个部分,这种效果在Illustrator中很容易实现只需要在椭圆上绘制一条曲线,然后使用分割命令即可。在Photoshop中就较为复杂一些(所以复杂的路径最好在Illustrator中制作)绘制过程如下:首先使用椭圆形状工具,选择填充层绘图方式,绘制一个椭圆,如下图:然后隐藏该层的路径,切换到单纯路径绘图方式绘制一个如下图的路径(可以由矩形修改而来)绘制完成后保持新画的路径在选择状态,按CTRL C复制到剪贴板:接下来把蓝色的椭圆层复制一层,改为其他的颜色便于区别然后将前面一步复制的路径一次粘贴到两个层的路径中,并更改其与原先路径的运算关系需要注意的是:过程如下图:
Photoshop钢笔路径应用技巧
■ 大家在点选调整路径上的一个点后,按“Alt”键,再点击鼠标左键在点上点击一下,这时其中一根“调节线”将会消失,再点击下一个路径点时就会不受影响了。■ 如果你用“Path”画了一条路径,而鼠标现在的状态又是钢笔的话,你只按下小键盘上的回车键(记住是小键盘上的回车,不是主键盘上的!),那么路径就马上会变为“选取区”了。■ 如果你用钢笔工具画了一条路径,而你现在鼠标的状态又是钢笔的话,你只要按下小键盘上的回车键(记住是小键盘上的回车,不是主键盘上的!),那么路径就马上就被作为选区载入。■ 按住Alt键后在路径控制板上的垃圾桶图标上单击鼠标可以直接删除路径。■ 使用路径其他工具时按住Ctrl键使光标暂时变成方向选取范围工具。■ 按住Alt键后在路径控制板上的垃圾桶图标上单击鼠标可以直接删除路径。■ 使用路径其他工具时按住Ctrl键使光标暂时变成方向选取范围工具。■ 点击路径面板上的空白区域可关闭所有路径的显示。■ 在点击路径面板下方的几个按钮(用前景色填充路径、用前景色描边路径、将路径作为选区载入)时,按住Alt键可以看见一系列可用的工具或选项。■ 如果我们需要移动整条或是多条路径,请选择所需移动的路径然后使用快捷键Ctrl+T,就可以拖动路径至任何位置。
photoshop路径完全精通手册之一体验
网上有很多HOTOSHOP的教程,但是对于路径却讲得很少,甚为不解,要知道路径也是PHOTOSHOP中一大利器。眼下你读到的这一系列文章将对PHOTOSHOP的这个重要概念――路径(PATH)做一个详细的讲解。内容包含各种路径工具的设置及使用方法、路径浮动面板中的菜单使用、右键菜单的使用等,还会结合实例说明路径在抠除图像背景,勾勒图像边缘,移动路径,与选择区域两者间的转换,以及在不同程序之间的资源共享,力图全面详要的讲清楚路径的重要性,帮助大家掌握让这个绘图的重要利器。“路径”(PATHS)是PHOTOSHOP中的重要工具,其主要用于进行光滑图像选择区域及辅助抠图,绘制光滑线条,定义画笔等工具的绘制轨迹,输出输入路径及和选择区域之间转换。在辅助抠图上他突出显示了强大的可编辑性,具有特有的光滑曲率属性,与通道相比,有着更精确更光滑的特点。下面我们先看一实例:如图: 我们在此需要抠出图中下方的鹰洋,先对比以下几种抠图方案:1、使用磁性套索工具,我们可以大致得到边缘不光滑的鹰洋,使用高斯模糊后可以应付一般需要。比如做背景,配图什么的。2、上一步磁性套索所选区域可以存为通道,然后对通道进行画笔手工调整,力图使它光滑,可能要使用象素级别的耐心。长时间的劳累后得到的鹰洋可以应付较高级需要。比如网页应用啊或是用作印刷品背景。3、可以使用圆形选择工具快速选择后,转化为路径,在CTRL和ALT键的帮助下,调整路径,可以快速得到光滑边缘的鹰洋选区。4、当然,如果你对自由套索有相当自信,不妨手工划一个选区。
photoshop路径手册之四路径控制面板
路径作为平面图像处理中的一个要素,显得非常重要,所以和通道图层一样,在PHOTOSHOP中也提供了一个专门的控制面板:路径控制面板。 如上图所示。与其他的控制面板类似。路径控制面板的构成主要由:系统按钮区,路径控制面板标签区,路径列表区,路径工具图标区,路径控制菜单区所构成,具体结构如上图的路径控制面板构成图所示。 此处我们所使用的原始图像及其中所包含的四条中路径效果如下图所示。下面我们将分别对这些构成路径控制面板的主要区域分别进行介绍。1、系统按钮区: 位于路径控制面板的最上方,其右侧包含两个系统按钮。它们分别用于最小化/关闭路径控制面板,如果需要拖动LAYER控制面板的位置,只需要使用MOUSE在其蓝色系统条上点拖即可。2、通道标签区: 通道标签区位于系统按钮区域的下方,其主要功能主要是显示当前控制窗口的类型,或者用于进行分离组合控制面板组的工作。3、路径列表区: 路径列表区用于显示各路径层的列表及名称。
photoshop路径手册之五快捷技巧
路径编辑中的快速操作:我们知道了上面所讲的知识,但是在实际操作中如果没有一套方便快捷的方法,工作效率还是提高不了。如何象个老鸟一样的熟练,这就要看下面我们正要集中谈的实际操作中的快捷方式。1、创建路径钢笔路径工具的快捷键是“P”,任何时候按P字母键可以切换到路径工具。从选择区域创建:在选择区域内点按鼠标右键,选择MAKE WORK PATH命令,即可根据选择区域创建路径。这一操作是老鸟们常用一招。PHOTOSHOP右键菜单可以极大的简化操作,随时随地我们都应可以关注PHOTOSHOP的右键菜单。2、调节路径一是从细节调整,比如节点位置,曲线曲率,增加节点,减少节点,这些操作我们不需要再从工具面板中用鼠标点按切换,键盘上的CTRL和ALT键可以使我们快速切换工具。切换方法我们前面已详尽讲过,这里我要强调在PHOTOSHOP中CTRL和ALT键和右键菜单一样应该得到随时随地的关注。二是对路径的整体调节,比如整条路径的位置,方向角度等,这些操作用七个路径工具是不起作用的,你不妨试试,CTRL+T键,当然前提是先选中所需调节之路径。道理和对选区的操作一样,快捷键所对应的命令是编辑菜单里的自由变换命令。我们可以对路径象对选区一样进行移动、旋转、缩放、变形、扭曲等操作。3、路径内右键菜单和路径面板右键菜单
