推荐阅读
ps减去顶层形状不管用什么意思在哪设置？
在用ps做路径或者形状合成的时候，经常会做所谓的布尔运算，也就是形状或者路径的加减乘除，其中比较难理解的是减去顶层形状，如果只是减去形状，可能要更容易理解，那么减去顶层到底是什么意思，哪个是顶层形状，顶层是怎么设置的，能更改么，带着这些问题且看本文讲解。 1、路径工具选中之后，在上端选项的【路径操作】菜单中，可以找到【减去顶层形状】， 2、举例说明一下，左侧工具栏切换到【椭圆工具】，在背景图上绘制出一个圆形，图层面板上可以看到新增了一个形状图层，笔者设置为形状，是为了更加方便理解，当然这里也可以绘制路径。 3、一个圆形形状画出来之后，如果要再画一个元，可以直接在背景图上话，默认情况下鼠标变为【加号】样式，此时会自动新增一个形状图层，也就是说这两个形状，产生了两个图层，如果要做布尔运算，是需要先合并形状，在进行设置，形状的合并可以使用快捷键“Ctrl+E”， 4、绘制第二个圆，也可以在一个图层上完成，前提是先按Shift键，此时鼠标变为了一个大一个小【双加号】样式，按住shift键，再按住鼠标左键，此时就可以松开shift键了，如果想要正圆形，可以继续按住shift键， 5、两个圆形绘制完成，默认的路径操作都是【合并形状】，也就是相加的效果，大圆加上小圆，得到的还是大圆，所以没有变化，想要得到圆环的效果，就要减掉小圆，此时用【路径选择工具】点击选中小圆，上端选项中，点击【路径操作】图标，下拉菜单里面，点击【减去顶层形状】， 6、最终的效果如下图所示，小圆被减去，剩下的是圆弧效果， 7、那么为什么小圆就是顶层图形？因为先画的大圆，后画的小圆，所以小圆处于顶层，其实形状的层级是可以手动设置的，选中形状之后，点击上端选项【路径排列方式】，下拉菜单里面，可以看到【将形状设置为顶层】，以及其他选项，所以【减去顶层形状】，就是减去处于顶层的那个形状。 路径的布尔运算，需要路径或者形状处于一个图层中，如果在操作中遇到问题，可以在下方留言讨论。
Photoshop 鼠绘紫魅妖姬
最近在一本杂志上看到一个非常妖媚的女子，她拥有超黑而又超密的睫毛、黑黑的眼线、大片的腮红、红红如水晶般的双唇、乌黑的头发。充满着神秘气息的女子，很是抢眼。笔者今天来告诉大家此紫魅妖女的PS鼠绘制作过程。 老规矩，我们先来看看我们要打造的这位紫魅妖姬的样子： 最终效果图 1.首先打开PS，建立一个新的文件，长宽自己来定就可以最重要的是分辨率定为72就可以。正常屏幕观看给72就可以如果要打印出来的话就要根据纸张的大小、材质来定了。多多学习一下打印方面各个参数也是很不错的，对以后的实践工作会带来很大的帮助。（图1-1） 图1-1 2.用钢笔工具把人物的大体轮廓勾画出来，这个图绘制的是正面的效果，正面比较好绘制，把路径保存起来。新建一个图层，填上皮肤的颜色，这里皮肤的颜色RGB值为：239、198、178。（图2-1） 图2-1
用Photoshop打造撕纸文字效果
最终效果图 1、新建一个文件，设置宽度为10厘米，高度为5厘米，分辨率为300像素，模式为RGB的白色文件。 2、打开通道面板，在控制面板下方单击“创建新通道”按钮，生成新的通道Alpha 1，执行菜单栏中的“滤镜”“渲染”“云彩”命令，效果如图01所示。 图01 3、进入图层控制面板，在控制面板下方单击“创建新的图层”按钮，生成新的图层“图层1”，选择工具箱中的“横排文字工具”，在文件窗口中输入文字，效果如图02所示，按确认键，文字变为选区，效果如图03所示。 图02 图03 4、单击工具箱下方的“以快速蒙版模式编辑”按钮，使图像进入快速蒙版状态，效果如图04所示。 图04 5、执行菜单栏中的“滤镜”“像素化”“晶格化”命令，在弹出的“晶格化”对话框中，将单元格大小选项设为7，如图05所示，单击好，效果如图06所示。 图05 图06 6、单击工具箱下方的“以标准模式编辑”按钮，使图像退出快速蒙版状态，效果如图07所示。 图07 7、打开一幅报纸图片，并调整它的色相/饱和度，效果如图08所示。执行菜单栏中的“编辑”“定义图案”命令，在打开的对话框中单击确定，将报纸定义为图案。 图08 8、执行菜单栏中的“编辑”“填充”命令，打开填充对话框，设置参数如图09所示，选择自定图案为报纸图案，单击确定，文字效果如图10所示。 图09 图10
抽线效果新思考
Photoshop中的混合模式是其理解难点，它的实质是一种特殊形式的看不见蚁行线的选择。通过混合模式，可以以确定的方式决定哪些色阶的像素被屏蔽或者改变，因此，了解混合模式的作用机理，对用户有的放矢地使用PS达到目的非常重要。下面通过一个实例，说明如何使用PS中的颜色减淡模式抽出图像中的线条，以及由此引发的思考。 打开图像。 将“背景副本”的图层混合模式由正常变为“颜色减淡”，文档似乎变得空无一物，但是细心的读者会发现图像上还有一些黑色的杂点。想一想这是原图中的什么色阶的像素？
最新发布
Flash实用技巧之蜡烛制造（2）
4． 制作蜡烛。=版权所有 软件 下载 学院 版权所有= 蜡烛的制作比较简单。按Ctrl+F8键，新建一个名为“蜡烛”的Graphic符号。然后在场景里画一个与图10相似的蜡烛。蜡烛为黄色，可以用少许橘黄色做点缀（此为300%的图片）。 图10 蜡烛 图11 烛油 图12 Library面板 技巧提示：在动画的制作过程中，如果元件太大或者太小的话，我们就要通过实时地调整场景的缩放比例，这样才能使设计更加方便。 5． 制作烛油。 烛油的制作也比较简单。先按Ctrl+F8键，新建一个名为“烛油”的Graphic符号。然后在场景里画一个与图11相似的烛油即可（此为800%的图片）。 接着再按Ctrl+F8键，新建一个名为“烛油”的Movie Clip符号。可能有的读者会奇怪，为什么元件可以同名呢？是的，元件是可以同名的，只要我们把元件放在不同的文件夹里即可同名，如图12所示。另外，在设计较大的动画时使用符号文件夹来管理元件不但方便，而且可以大大提高我们的工作效率。 把Graphic符号“烛油”从库中拖拽到影片剪辑“烛油”的场景里，然后选中第30帧，按下F6键插入关键帧。右键单击第1帧，选择Create Motion Tween命令。接着把第30帧中的烛油向下移动60 px。 6． 制作黑烟。
Flash视觉效果之漫天飞雪
本例讲解的是Flash制作大雪纷飞效果的方法。效果中鹅毛般的雪花悠悠而落，相当逼真。实例中通过简单的AS复制雪花并控制它们的运动，形成大雪纷飞的效果，如效果图所以。 效果图：效果预览（点击这里播放） 源文件下载：点击这里下载(4K, zip压缩文件) 效果预览：点击这里预览 1．新建一个Flash文档，单击“属性”面板中的“尺寸”按钮，打开“文档属性”面板设置场景大小为450px x 180px，背景为#00105A，帧频为18fps。 2．按快捷键Ctrl+F8打开“创建新元件”面板新建一个名为“雪片”的图形元件，点选“椭圆”工具，在“雪片”元件的编辑场景中按Shift键拉出一个直径为5像素的圆，再用“箭头”工具稍微调整一下，最后形状大概如图1所示。图1
Flash视觉特效之魔幻曲线
本例实现的关键是曲线本身是需要运动的，然后用程序复制和删除它们。另外，读者还要学习如何使用输入文本来设置动态的变量。=版权所有 软件 下载 学院 版权所有=效果截图（点击这里播放） 源文件下载：点击这里下载 效果预览：点击这里预览 1．新建一个Flash文档，单击“属性”面板中的“尺寸”按钮，打开“文档属性”面板设置场景大小为260px x 280px，背景为白色，帧速率30fps。=版权所有 软件 下载 学院 版权所有= 2．按快捷键Ctrl+F8新建一个名为“彩线”的影片剪辑元件。点选“工具”面板中的“直线”工具，在“彩线”元件的场景绘制三条直线，线段样式为不规则点状虚线。如图1所示（此图为400%显示）。图1
Flash AS教程之二 按钮的AS编写规则
在flash中的交互功能一般是由按钮来完成的。掌握按钮的编写规则也是一个闪客的基本技能。 OK，现在咱们来说说按钮脚本如何编写。上一讲中提过，AS脚本编写可以写在时间轴的关键桢上，也可以写在对象本身上面。按钮也不例外，既可以写在时间轴上，也可以写在按钮本身上面。只不过这两种编写规则都要遵循一定的规矩，这是后话。=版权所有 软件 下载 学院 版权所有= 现在咱们来做一个例子，做一个按钮，这个按钮要实现的功能就是打开一个指定的网页。（这个例子非常基础，用这个例子来讲解按钮AS两种编写方法。） 第一种：把脚本写在按钮本身。 一、 在舞台上绘制一个矩形，选中矩形并按F8，将这个矩形转换成按钮元件。 二、 编写动作脚本： 选中按钮，按F9，打开动作面板，在专家模式下输入以下脚本：on(release){getURL("http://bbs.graphicvale.com/","_blank")} 现在这个按钮就实现了一个打开网页的功能。通过例子你应该注意到，按钮的AS书写规则就是：on(事件){//要执行的脚本程序，刚才的例子是用getURL来打开一个网页。你也可以使用脚本程序来执行其他功能，例如跳转到某一个桢，或载入外部一个动画文件。} 大可以看到，其实就一个on语句，这个on语句就是按钮的AS编写规则了。需要注意的是on里面的事件，这个事件你可以理解为是鼠标或键盘的动作。刚才的例子我们使用的事件是release（按一下鼠标）我现在把常用的按钮事件列出来： 事件名字 说明 Press 事件发生于鼠标在按钮上方，并按下鼠标 Release 发生在按钮上方按下鼠标，接着松开鼠标时。也就是“按一下”鼠标 Releaseoutside 发生于在按钮上方按下鼠标，接着把光标移动到按钮之外，然后松开鼠标 Rollover 当鼠标滑入按钮时 Rollout 当鼠标滑出按钮时 Dragover 发生于按着鼠标不放，光标滑入按钮 Dragout 发生于按着鼠标不放，光标滑出按钮 Keypress 发生于用户按下特定的键盘按键时 下面来看看第二种按钮AS的编写方法。 这种方法是把脚本程序写在时间轴上，而不是按钮本身上面。 一、 选中按钮，在下面的属性面板中为按钮起一个名字，这里我起了一个bt 二、 选中时间轴的第一桢，按F9打开动作面板。输入如下脚本：bt.onrelease = function() {getURL("http://bbs.graphicvale.com/", "_blank");}; 这种编写AS的方法要遵循的规则就是下面的公式而已：按钮实例的名字.事件名称=function(){//要执行的脚本程序。=版权所有 软件 下载 学院 版权所有= } 大家只要记住这个公式就可以套用了。 按钮的AS就先将到这了，这个可以算是基本技能了。希望大家都能掌握。：）
Flash另类效果之透明按钮设计
本例主要给大家介绍一种另类、实用的钮――透明按钮。通过对本文的学习，读者不仅能掌握两种实用按钮的制作方法，还能学习一些简单的Actions，可谓一举多得。效果图相关下载： 源文件下载：点击这里下载(18.3K, zip压缩文件) 1．打开Flash MX 2004，如图1所示新建一个Flash文档。按快捷键Ctrl+F3打开“属性”面板，单击“文档属性”按钮打开“文档属性”面板（快捷键Ctrl+J），设置场景大小为200px x 120px，背景色为白色色，帧频为12fps。如图2所示。 图1，图2 2．单击【窗口】→【其他面板】→【公共库】中的Buttons命令，打开“按钮”库。如图3所示从“Arcade buttons”文件夹中把按钮arcade button - orange拖入到“场景1”中。
Flash MX 2004 Media组件实现多首mp3连放
Flash MX 2004 的Media组件确实不错，大家在使用的时候可能发现MediaDisplay组件只能播放一首mp3，如果要让他播放完一首歌曲后再接着播放另一首歌曲就不行了。今天就来给大家介绍一下怎样用MediaController和MediaDisplay组件实现多首mp3的联播。 播放器界面如图： 思路如下： 歌曲列表用一外部XML文件来记录，便于修改。开始的时候定义一XML对象，并载入外部XML文件，载入后再将歌曲列表提取出来放入一数组中。接着用attachMovie()方法将MediaController和MediaDisplay组件载入舞台，然后设置各自的参数，并将二者相关联（Media.associateController()或者Media.associateDisplay()方法都行）当一首歌曲播放完后，触发MediaDisplay的complete事件，在此事件中我将MediaController和MediaDisplay组件卸载并重新载入MediaController和MediaDisplay组件（使用attachMovie()方法）并给一新的实例名，并设置MediaDisplay组件的播放内容为下一首歌曲，如此往复来播放所有的歌曲。 制作步骤： 1.新建一个FLASH文档，设置舞台大小：220*70。 2.将组件MediaController和MediaDisplay拖入舞台，然后从舞台上删除。这样做的目的是将这两个组件载入库中，为接下来用attachMovie()方法将MediaController和MediaDisplay组件载入舞台做好准备。
XHTML+CSS网站设计的优势和问题
XHTML是目前国际上倡导的网站标准设计语言，Webjx.com也侧重于这方面，进行了比较全面的介绍。因为XHTML网站设计语言具有的基本特点，这种XHTML+CSS模式的网站设计具有一定的优势，不过目前在网站建设应用中XHTML+CSS模式也存在一些问题。昨天利用一晚上的时间终于把破洛洛的CSS改成在FIREFOX下能正常浏览了！本文综合网站技术和设计人员的体会，并从网络营销应用的角度，将XHTML+CSS网站设计的优势和问题归纳如下：XHTML+CSS网站开发的优势 一、CSS的极大优势表现在简洁的代码，对于一个大型网站来说，可以节省大量带宽，而且众所周知，搜索引擎喜欢清洁的代码（其真正意义在于，增加了有效关键词占网页总代码的比重），因此使用XHTML+CSS的web标准制作的网站具有搜索引擎友好的一定优势。 二、XHTML+CSS制作的网站使得网站改版相对简单，很多问题只需要改变CSS而不需要改动程序，从而降低了网站改版的成本。XHTML+CSS网站开发的问题 尽管XHTML+CSS具有一定的优势，不过现阶段XHTML+CSS网站建设存在的问题也比较明显，主要表现在： 一、对于CSS的高度依赖使得网页设计变得比较复杂。相对于HTML4.0中的表格布局（table），XHTML+CSS尽管不是高不可及，但至少要比表格定位复杂的多，即使对于网站设计高手也很容易出现问题，更不要说初学者了，这在一定程度上影响了XHTML网站设计语言的普及应用。 二、CSS文件异常将影响整个网站的正常浏览。CSS网站制作的设计元素通常放在几个l外部文件中，这一个或几个文件有可能相当复杂，甚至比较庞大，如果CSS文件调用出现异常，那么整个网站将变得惨不忍睹。 三、对于CSS网站设计的浏览器兼容性问题比较突出。基于HTML4.0的网页设计在IE4.0之后的版本中几乎不存在浏览器兼容性问题，但XHTML+CSS设计的网站在IE浏览器里面正常显示的页面，到火狐浏览器（FireFox ）中却可能面目全非（这也是为什么建议网络营销人员使用火狐浏览器的原因所在 ）。XHTML+CSS还有待于各个浏览器厂商的进一步支持。 四、XHTML+CSS对搜索引擎优化与否取决于网页设计的专业水平而不是XHTML+CSS本身。XHTML+CSS网页设计并不能保证网页对搜索引擎的优化，甚至不能保证一定比HTML网站有更简洁的代码设计，何况搜索引擎对于网页的收录和排序显然不是以是否采用表格和CSS定位来衡量，这就是为什么很多传统表格布局制作的网站在搜索结果中的排序靠前，而很多使用CSS及web标准制作的网页排名依然靠后的原因。因为对于搜索引擎而言，网站结构、内容、相关网站链接等因素始终是网站优化最重要的指标。
制作主流邮箱能正常显示的HTML邮件的技巧
几乎每个会员制网站都需要通过后台发送邮件来与会员进行沟通，如注册确认、营销推广。这些由站方发给会员的信件，往往纯文本格式已不能满足界面和交互的要求，这时候我们就需要发送HTML页面。由于HTML邮件不是独立的HOST在本站的页面，是寄人篱下的。所以编写HTML邮件与编写HTML页面有很大的不同。因为，各面向网民的主流邮箱都或多或少的会对它们接收到的HTML邮件在后台进行过滤。毫无疑问，JS代码是被严格过滤掉的，包括所有的事件监听属性，如onclick、onmouseover，这是基于邮件安全性的考虑。不仅如此，CSS代码也会被部分过滤。本人要讲的就是如何编写不被各大主流邮箱过滤的，能正常显示的HTML邮件。发送html邮件的建议：用style写内联的CSS；少用图片；用table实现左右布局或者更复杂的布局；用background元素设置背景图片等。首先，我们先来看看邮箱是如何展现HTML邮件的。我本人没有做过邮件系统，况且各大邮箱后台的过滤算法也不是那么容易可以让外人知道的。所以，我们只能通过前端展现，来推测哪些是被邮箱接受的写法，而哪些又是会被过滤掉的。通过对gmail、hotmail、163、sohu、sina几个邮箱的分析，我把邮箱分为两类：第一类包括gmail、hotmail、sohu，这类邮箱，邮件内容是被布局在整个邮箱页面中的某个div中。第二类，包括163、sina，这类邮箱，邮件内容被布局在独立的iframe中。熟悉HTML的朋友都知道，iframe内容是作为独立的document，与父页面的元素和CSS是互不相干的，几乎可以作为一个独立的页面来对待。而如果如果邮件内容是在div中，那么邮件内容是作为整个邮箱页面的一个组成部分。显然，以iframe作为展现方式的邮箱，对邮件内容就会宽容许多，因为它给了你一个足够独立的表现空间。而div就不是那么客气了。试想一下，如果你在你的邮件里写上这么一句CSS，是不是整个邮箱的展现页面上字体都变成20px而因此乱了套：<style type="text/css"> body {font-size:20px} </style> <style type="text/css">body {font-size:20px}</style>我们需要写兼容各邮箱的统一邮件模板，那么必然就要避开以上这种外联CSS写法，另外类似于float、position等成非正常内容流的style也会被过滤，假如你写了，很可能会影响到外部邮箱的表现。
html标签：sub标记和sup标记
相关文章：HTML标记:optgroup、sub、sup和bdo今天来认识一下两个我不太常用到的html标签：sub标记和sup标记。定义和用法:<sub> 标签可定义下标文本。<sup> 可定义上标文本。都属于行内元素，默认比当前字体稍小。例子:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>html中的sub与sup标签</title><style type="text/css">* { font-size:12px; font-family:Tahoma}</style></head><body><div>这个标签是<sub>sub</sub>这个标签是<sup>sup</sup></div></body></html>
HTML代码实例：详细讲解超级链接
超级链接是网站中使用比较频繁的HTML元素，因为网站的各种页面都是由超级链接串接而成，超级链接完成了页面之间的跳转。超级链接是浏览者和服务器的交互的主要手段，在后面的技术中会逐步深化学习。— 注意：图片也可以做链接，将在下一章“网页中的图片”详细学习。 4.5.1 给文字添加链接超级链接的标签是<a></a>，给文字添加超级链接类似于其他修饰标签。添加了链接后的文字有其特殊的样式，以和其他文字区分，默认链接样式为蓝色文字，有下划线。超级链接是跳转到另一个页面的，<a></a>标签有一个href属性负责指定新页面的地址。href指定的地址一般使用相对地址。— 说明：网站开发中，文档相对地址使用更为普遍。在D:\web\目录下创建网页文件，命名为a.htm，编写代码如代码4.18所示。代码4.18 超级链接的设置：a.htm<html><head>