推荐阅读
ps怎么选择区域变亮调整局部变亮变暗
ps局部提亮的方法有很多，常用的方法比如曲线整体提亮，反向蒙版后，用画笔局部提亮，或者用白色画笔绘制后，通过图层混合来调整等等，本文讲解的方法，类似于蒙版的操作，不仅可以正向提亮，还可以反向消除，下面通过截图简单说明操作步骤。 1、本文介绍的方法，是在中性灰图层上，绘制白色或者黑色，达到局部提亮或者压暗的效果，中性灰图层采用叠加的混合方式，所以会呈现透明的状态，不会影响整体效果，前景色和背景色可以设置为白色+中性灰，绘制的过程中，出现不满意的地方，还可以再还原回来，类似于蒙版的操作原理，先来新建中性灰图层，点击【图层】，弹出的菜单里面，点击【新建】-【图层】， 2、弹出的窗口中，模式选择为【叠加】，勾选【填充叠加中性灰（50%）】， 3、因为中性灰在叠加模式下，呈现透明效果，所以不会妨碍到后续的操作，前景色设置为白色，背景色也设置为中性灰，颜色值为#808080， 4、切换到画笔工具状态下，选择【柔边圆】笔刷，流量调整的小一些，低于50%， 5、下图中，如果想要提亮下端阴影部分的山石，可以选中中性灰图层，使用画笔在上面绘制，可以看到局部提亮的效果， 6、如果想要缩小范围，把多余的提亮地方擦掉，可以切换中性灰为前景色，画笔绘制还原即可， 7、如果想要压暗局部，只需要把前景色设置为黑色即可，操作方法与上述相同， 局部提亮的方法有多种，哪个方法顺手用哪个，如果您对上述操作有疑问，可以在下方留言。
学习鼠绘矢量风格小货车图标的PS教程
本教程主要使用Photoshop绘制蓝色立体效果的小货车图标，整体的效果主要先使用钢笔工具勾画出轮廓，然后在使用图层样式来完成效果图，喜欢的朋友让我们学习吧。先看看效果图第一步使用钢笔工具画出小货车的大的形状，值得注意的是一些形状中的细节，不要忽略，这是让图标最后看起来生动的基础。第二步继续添加例如方向盘、座椅、前后车灯、轮毂等一些形状细节，并开始使用渐变、凹凸线等方法给油箱、轮毂、车身添加质感。第三步
制作星空立体电影主题文字图片的PS教程
本教程主要使用Photoshop制作电影主题风格的3D艺术字，不用三维软件只用PS就可以完成电影3D金属效果的字体，步骤有点多，不太复杂，但是操作步骤比较多。首先我们先看下最终的效果图步骤1先准备两张图案1、2，图案的样式用于改变3D字体的表面的材质 步骤2把两张图片导入PS，进行定义图案存储
网页设计师设计网页遵循的3条原则
在XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种内容的定位。DIV是HTML语言中的一个常用元素，而DIV+CSS是网页布局的一种方法，这种布局方法区别于传统的Table布局，达到了内容与代码相分离的效果。使用DIV+CSS设计的网站是符合W3C标准的，可以更方便搜索引擎的索引。 通常搜索引擎对标准化制作的网站页面所给予的权重更高，并且使用DIV+CSS的架构也有很多优势，比如改版方便，不需要变动页面的内容，网页打开速度也会明显加快。 很多网站都会忽略网页中的各种META标签，它虽然是HTML语言Head区的一个辅助性标签，但是完善这些标签会使得页面在搜索引擎中更受欢迎。对于搜索引擎来说，一般需要添加的标签有keyword（关键词）、Description（页面描述）、robots（搜索引擎抓取器）等，META标签的写法如下：<meta name="keywords" content="网页关键词，填写一个页面的内容关键词，关键词不可重复过多。"><meta name="description" content="网页描述内容，最好的一段完整的句子。">（具体可以参考网页教学网，查看网页源文件<head>之间的代码。） 除了网页头部的META标签，网页中的一些标签同样需要晚上描述内容，比如一些网站为了使页面更加美观，导航也采用图片格式，这样一来搜索引擎就无法“读懂”。 这时就可以将图片使用alt标签进行标注说明。方法是将图片加上alt=描述文字，如鼠标停靠在本博客每张插图上面现实的文字就是实现效果。 虽然网页中的关键词对于页面在搜索引擎中的排名很重要，但是在设计网页的时候，也不能有大量的重复关键词。 在搜索引擎的网页排名算法中，很重要的一个因素就是关键字密度，即某个词语在网页中的分布情况。
最新发布
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>