推荐阅读

运动海报,使用PS制作运动风格的创意海报设计
教程通过PS制作一款运动风格的海报,在海报设计当中我们会用到教程中的文字工具来进行一个排版,在打文字的时候,尤其是人物在运动的时候的那种跑道我们会制作出来。也就是通过他的透视功能,海报制作起来也比较的简单,相信同学们可以很快学会,刚刚接触ps的同学也可以尝试着来制作一下,不要觉得看上去很难就不想动手练习学习,PS没有什么捷径,我们必须动手去练习,他这样才知道我们在学习的时候有哪些会,哪些不会,一起来练习一下吧,相信你可以做的更好。 效果图: 操作步骤: 第一步: 打开PS,按Ctrl+N新建一个画布(宽度:1191像素、高度:1616像素,背景内容:白色),确定后,就得到“背景”图层 第二步: 按Shift+Ctrl+N新建一个图层,就得到“图层 1”图层;接着在“图层 1”图层,按Shift+F5填充(颜色:#f19149),好了后点击‘确定’

PS制作与玻璃撞击的动感岩石文字效果
碎块字制作思路并不复杂,分为两个大的步骤。首先是文字部分的处理,用选区及移动工具把文字分成多个碎块;然后用图层样式及纹理素材增加质感和纹理即可。最终效果 一、新建一个960 * 560像素的文件,背景填充黑色。 二、选择文字工具输入所需的文字,文字颜色为白色。 三、在文字缩略图上右键选择栅格化文字。

(6-7):自动及黑灰白场
0611在曲线调整框右方有一个自动的按钮,它的作用是使RGB3个通道中的色阶扩展到全范围。如果图像是CMYK模式就将CMY通道扩展到全范围。但是如果使用不当会造成偏色。还是拿我们上面那张图片来说,我们看一下它的各通道的直方图,发现RGB之间相差不大,RGB的山峰和低谷都在相近的位置上。如下左图左边部分。使用自动功能以后效果如下左图右边部分。同时大家也可以在曲线设置框中切换到不同的通道,就可以看见自动功能改变曲线的效果。自动命令有多种作用方式,如果使用结果与下图不符,点击曲线设置框的选项按钮,将算法选为“增强每通道的对比度”。并勾选下方的“存储为默认值”。如下右图。其余的算法方式暂时不要求掌握,大家如有兴趣可在学习完本课后自行探究。我们将会在下一课中学习。现在我们使用另外一张拍摄天空的图片,如下图。我们也使用色阶命令〖CTRL L〗的自动功能看一下效果。发现改变后的图像颜色发生了严重的偏离,如下左图。这是为什么呢?仔细看调整前的通道图,可以看出原图的暗调部分是没有蓝色和绿色存在的。而自动调整后,绿色和蓝色都分布到了暗调区域,使得暗调区域的颜色变深了。同时可以看出调整后蓝色在高光部分的分布也减少了,因此高光部分的云彩光线不再那么蓝了。大家也许会有一个疑问,看起来调整前红色分布在暗调区域较多,那为什么图像中暗部不会偏红色呢?原因很简单,红色直方图在暗调区域较多代表的是大部分的红色只发出很微弱的光,换句话说就是红色光在画面中的成分很少。将直方图转为亮度色阶就明白了。如下中图,在红色分布较密集的地区几乎没有亮度。没有亮度那当然看不见啦。在RGB色彩模式下,无论高光还是暗调,都要有至少两个通道存在一定的像素,才会体现出高光或者暗调的画面效果。如果只有一个通道存在像素是没有效果的。而上图正是在暗调区域只有红色存在,没有绿色和蓝色。因此可以判定这幅图片没有暗调区域。而亮度直方图的显示也证明了这一点。在调整以后,绿色和蓝色也被拉到了暗调部分,此时才显示出深色的效果,也可以从如下右图的亮度直方图得知。因此,不要把亮度色阶等同于RGB色阶,这是一个非常重要的概念。虽然大部分情况下亮度色阶和RGB色阶差距不大,但判断图像中真正的,被人眼所感知的,RGB三色光混后的最终明暗度,应以亮度色阶直方图为准。但是在调整图片时,有时也需要使用RGB直方图,在后面就会介绍。另外,自动命令改变的单独的R、G、B通道曲线,对于RGB综合通道的曲线是没有影响的。所以我们可以在使用自动功能以后,再做一些调整。实际调整图像的时候,也都经常是需要融合几种操作共同作用的。

frontpage 2003教程 共享边框
十五、共享边框 1、启用 》“工具”》“网页选项”》“创作”》选中“共享边框” 此主题相关图片如下: 2、“格式”中选中“共享边框”在对话框中(注:若想损事,选:所有网页)设置选项“上、左、右、下”(可以自定) 此主题相关图片如下: 3、在自动出现的共享边框中编辑链接栏属性 此主题相关图片如下: 5、和上一讲的链接栏配合使用,当你每添加一个网页在链接栏中会自动生成上面的效果
最新发布

利用Dreamweaver CS3定制网页过渡功能
输入完后单击确定,存盘。这样当我们点击一个超链接进入这个页面时就可以看到效果了。另外还有二十多种效供你选择,只要将Transition的值改为相应的效果的代号即可,具体效果和设置如下表所示:

在Dreamweaver 中控制页面元素的显示定位
建立主菜单栏新建页面,执行菜单“Insert/Table”命令打开“Insert Table”对话框,插入一个一行多列的表格,表格列数由你的菜单条目决定,同时设置“Cell Padding”、“Cell Spacing”以及“Border”参数(如图1)。在建立的表格中输入主菜单导航文字,选取表格及文字后,用快捷键“Ctrl+F3”打开其属性窗口,我们可以定义一个字体控制CSS来控制文字属性,调整相关参数。 CSS实现相对定位菜单栏定义一个CSS相对定位的定义控制,将相对定位模型(菜单栏表格)定义为这个CSS属性。使浏览器以相对定位模型左上角作为原点,建立新的坐标系。再在这个相对定位模型下级插入层,使之相对于该相对定位模型定位。使用CSS控制后再在表格中插入的层是不可拖动的,改变其位置可以直接在其属性面板上输入L、T的参数值。 打开“CSS Styles”面板,点击“New Style”按钮,在弹出“New Style”窗口中定义一个名称为.pos的CSS属性,并且选择“Make Custom Style”的“Type”类型和“This Document 0nl”的“Define”类型,“确认”进入“Style Defintion For .pos”窗口,选取“Positioning”定义Type为“Relative”确定。选取菜单栏表格,将该CSS控制添加到菜单栏所在的表格中。使该相对定位模型(表格)建立新的坐标系,只要我们在其中插入下拉菜单层,并设置层内容和主菜单的鼠标响应事件就可以使下拉菜单精确定位了。 插入菜单栏目光标移入表格第一列,执行菜单“Insert/Layer”命令插入一个新层,作为“菜单一”的下拉菜单,点击层内部,执行“Insert/Table”命令,设定该表格行数、列数,并将表格线宽度设为“0”,表格底色为喜好颜色,输入菜单项目文字,设定文字CSS控制效果,并调整菜单大小。以同样的方式做出其他下拉菜单图层效果。 设置层属性和鼠标响应事件分别选中层Layer1、Layer2、Layer3、Layer4,在其属性窗口中把“Vis”项改为“Hidden”,把这4个层隐藏。 选择主菜单中的“菜单一”,用快捷键“Shift+F3”打开“Behaviors”行为窗口,单击“+”按钮,执行菜单“Show-Hide Layers”命令,于弹出窗口中选择“Layer‘Layer1’”,点击“Show”按钮,然后设置其两层为“Hide”。该动作表示把“Layer1”显示,而其他层均隐藏。最后点击“Behaviors”窗口“Events”下刚才定义的行为右侧的箭头,于弹出菜单中选择“onMouseOver”鼠标响应事件。 同样的方法制作出其他下拉菜单效果,当你“F12”预览时,就会发现即使分辨率改变,该下拉菜单层的位置也不会改变。

使用Dreamweaver CS3制作增强的邮件地址超级链接
按钮。 2、 系统弹出对话框,填入相应的参数。 Enter Link Text:E-mail超级链接的文字。 Enter Email:链接对应的Email地址。 Subject:邮件的标题。 CC:抄送地址。 BCC:暗送地址。 Message:邮件里的信息。

如何在Dreamweaver CS3中制作细线表格
入表格的对话框,参数设置如图(带红框项为固定值,否则无效果): 选中表格,在属性面板中设置表格的背景颜色: 光标定位到第一个单元格里,按住Shift键单击最后一个单元格,全选所有单元格,然后在属性面板中设置所有单元格的颜色: 完成后效果如图: 2.利用表格的暗边框(bordercolordark)和亮边框(bordercolorlight)属性做的细线表格: 还是按Ctrl+Alt+T插入表格,在对话框中设置如图(带红框项为固定植,否则无效果) 选中表格后按F9,展开"Tag Inspector"面板组,在"Attributes"面板中设置如图: 完成后如图: 3.设置表格的CSS属性border-collapse为collapse:按Ctrl+Alt+T插入表格,对话框的设置同法2。选中表格,在属性面板中设置表格的边框颜色: 按F9展开"Tag Inspector"面板,在"Attributes"面板中的"style"里填入"border-collapse:collapse;

基础(8)标准的网页一屏到底是多大?
网站设计时,有一个最常用的指导性原则:页面长度原则上不超过3屏,宽度不超过1屏。这个原则明显是从用户的体验出发,特别是宽度不超过一屏,其最基本的表现是浏览器不出现横向滚动条,这几乎是目前的设计准则。那么这里的一屏到底是多大呢?普通用户通常浏览网页时,其浏览网页的有效面积会受到下面几个方面的影响:1. 显示器的分辨率这个由科技发展和用户购买力及喜好决定,其数据取决于统计。2. 操作系统毫无疑问目前是Windows的天下,其中WindowsXP占绝大多数。3. 网页浏览器IE依旧份额最高,但是Firefox、Opera和Safari等也有一定市场。4. 个人定制主要是用户定制操作系统的样式、操作系统任务栏是否隐藏和浏览器的样式,但是总体上这部分应该属于高级用户,绝大部分用户依旧会使用操作系统和浏览器的默认样式。 下面是关于浏览器和屏幕分辨率的统计数据:W3Counter于2006.11.12发布的全球统计数据某知名站点2006年10月份的数据由上面的数据可以得出:1. 基本上用户分辨率都在800×600以上,绝大部分都在1024×768以上,从全球情况来看,800×600的分辨率会越来越少。2. 国内浏览器依旧是IE6的天下,这将会持续较长的时间。从全球市场来看,国内的Firefox2.0和IE7会逐步增长,特别当IE7的中文版推出和Windows自动更新的推广开始以及随Vista上市,IE7增长会更快。 所以计算一屏大小应基于以下原则:1. 一屏指绝大部分用户的浏览器显示网页的有效可视区域。2. 一屏的计算环境是Windows XP和浏览器均处于默认样式。3. 由于IE无论是否超过一屏都存在纵向滚动条的位置,Firefox和Opera是在页面超过一屏的时候出现纵向滚动条,且浏览绝大部分网页都有纵向滚动条的存在,所以一屏大小的计算都基于浏览器有纵向滚动条的状态下。4. 由于Firefox2.0在只浏览一个网页时不出现多窗口的控制栏,而其它的多窗口浏览器都出现多窗口控制栏且使用时都会同时浏览多个网页,所以一屏大小在Firefox中指多窗口的控制栏存在时。 下面是基于上面的原则得到常用浏览器和分辨率下的的数据结果:关于上面数据的解释和一些其他事实:1. 在800×600分辨率和Windows XP下定制Windows的经典样式IE6的有效可视区域是780×445,Windows98、Windows 2000和Windows2003均采用经典样式切IE5.0、IE5.5、IE6.0的布局上相似,所以相同分辨率下应该比Windows XP默认的样式要大。2. 知道浏览器型号和屏幕的分辨率能够很容易的推算出可视区域面积,比如1024×768下IE7.0的可视面积是(1024-21)×(1024-148) 综合上面所有的数据,结论如下:1. 最保守而最有兼容性的一屏大小是:779×4322. 最广泛的一屏大小是:1003×6003. 适合目前国内的情况,一屏大小是779×600

基础(9)Dreamweaver CS3 For ASP开发:认识Access数据库
Microsoft Office Access(前名 Microsoft Access)是由微软发布的关联式数据库管理系统。它结合了 Microsoft Jet Database Engine 和 图形用户界面两项特点,是 Microsoft Office的成员之一。我们在使用Adobe Dreamweaver CS3开发ASP程序之前必须先认识一下Access数据库。因为通常我们使用Adobe Dreamweaver CS3开发中小型网络程序的时候经常会使用Access来作为首选收据库来搭配开发。Microsoft Access在很多地方得到广泛使用,例如小型企业,大公司的部门,和喜爱编程的开发人员专门利用它来制作处理数据的桌面系统。它也常被用来开发简单的 WEB应用程序.这些应用程序都利用ASP技术在Internet Information Services运行.比较复杂的WEB应用程序则使用PHP/MySQL或者ASP/Microsoft SQL Server.首先我们来看看Access的工作界面。选择文件菜单新建一个数据库选择空数据库后保持到你所需要的目录。保存后你将会见到ACCESS数据表设计界面

基础(10)如何在Adobe Dreamweaver CS3中快速插入iframe框架
iframe框架,虽然在浏览器兼容性上谈不上非常友好,但它的应用的确广泛。我们可以将它嵌在网页中的任意部分,这样对于提高网页排版的灵活性还是非常有好处。当然,iframe相关代码的书写还是令许多人头痛的,今天我们就通过 Dreamweaver的标签选择器来插入一个iframe框架,不需要你手工写一句代码的方法。启动Dreamweaver CS3点击菜单“插入”→“标签”,进入“标签选择器”。鼠标在左侧标签分类列表中依次选择“标记语言标签”→“HTML标签”→“页元素”,在右侧标签列表中选择“iframe”,点击“插入”按钮完成。Dreamweaver CS3会自动转入“标签编辑器”,接下来,忘记烦人的手工书写代码吧,你要做的就是根据提示填写所需的iframe参数。如果你对于某些选项还不是非常熟悉,可以点击对话框下的“标签信息”,Dreamweaver CS3内容详尽的标签帮助应该可以给你权威的解释。

基础(11)如何用Dreamweaver CS3合理优化您的网页
我们为了优化网页、加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化。在网页编织过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的。 下面是Dreamweaver CS3中的一些优化技法: 合理调用CSS 进行网页设计时,运用样式表单CSS来对页面元素进行布置,可以大大地减少HTML代码,这点我们已经很清楚。 方法: (1)是选定对象,从右键菜单中选择定义好的样式加入;(2)是从样式面板中为对象选择样式; (3)是在标签选择器上的某标签上单击右键选择样式。 这三种方法虽然获得的页面效果一样,但由于第一种方法会在HTML代码中产生一个“span”标签,如果过多地使用必定会使网页源文件大大增肥,影响下载速度。因此调用CSS时,应采用第二、第三种方法。 为服务器减负 在交互网页中,用户常用表单向服务器提交数据,等待服务器的数据处理、返回浏览器……等待的过程是很令人心烦的。为此,我们在进行网页编辑时,也有必要为服务器作个考虑。Dreamweaver CS3中制作网页,能为服务器减负的工作有一项做得较出色,就是对用户所提交的表单的合法性进行验证,只需在浏览器端进行,不必返回到服务器验证,既减轻了服务器的负担,又让浏览者少一份伤心的等待。 方法:选中表单,打开“行为”面板,点击“+”号选“验证表单”,然后进行设置即可。顺便提醒,这个验证过程实际上是使用JavaScript在浏览器端作验证。在Dreamweaver CS3里进行上述操作时,它会把这段JavaScript代码放在网页头部与之中,这样必定会使页面的完全显示时间变长,因为浏览器要先下载这段代码才下载其他页面元素。因此,最好在Dreamweaver CS3中打开代码编辑器,把这段脚本程序剪贴到源代码的最后边,让其在最后下载。另外,我们在为网页加入JavaScript脚本特效时,你如果不希望页面出现时马上生效,也不妨这样设置。 自我“减肥” 目前网页“减肥茶”很多,我们随处都可找到,而在Dreamweaver CS3中,我们不必四处找“减肥茶”,利用其自身的“减肥”功能足可以使网页“苗条怡人”。 方法:在“命令”菜单下选择“清除多余的HTML”,即可进行设置对网页冗余代码进行清除。 合理应用表格 我们不但要为服务器减负,对使用的浏览器我们更需要减负,也就是要尽可能地缩短浏览器对页面的解析时间,上面提及的JavaScript脚本加入就是一个例子。影响浏览器对页面解析的还有表格,因为浏览器对表格的解析时间与表格的大小、复杂程度成正比,而我们在Dreamweaver CS3中为了版式的安排,都是通过加入大量的表格来进行定位的,有些人甚至在大表格中套入多重的小表格,这实质上也是在加大浏览器的负担,使页面呈现时间大大加长。为此在使用表格时,应尽量将表格打散,并要尽可能地避免表格的层层相套。

基础(12)Dreamweaver CS3中如何创建自定义代码片段
Adobe Dreamweaver CS3作为网页制作的辅助工具之一,已经被人们逐渐掌握并灵活使用,它本身集成了好多实用的东西,例如自定义代码片段。其实很简单,在右栏中找到“代码片段”(Shift+F9),空白处右键“新建代码片段”(或先“新建文件夹”)接下来把你常用的代码片段输入进去。输入好后确定,有几个生成几个。以后要做的就是,当你用到这些代码片段的时候,打开“代码片段”,双击你命名的那“片”就好了。当然如果你有其他需要那么你就来这里定义你自己的代码片段吧!