推荐阅读
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的样式:
最新发布
Fireworks 8 制作指南针
(图01) 首先,设置画布大小为128x128像素,底色为白色。 用椭圆工具画一个90x90的正圆形,并水平、垂直对齐于画布;(图02) (图02) 改变填充类别为线性渐变,增加并调整渐变颜色;(图03) (图03) 在这个圆的上面画一个70x70的正圆形,改变填充类别为线性渐变,增加并调整渐变颜色,水平、垂直对齐于画布(或对齐于它下边儿的那个圆)。(图04)
Fireworks 8 设计美丽的雨后蝴蝶
Vista已经越来越近,它的自然风景墙纸相信你一定叹为观止吧,现在我们来做一个Vista风格的风景,把它放在桌面上一定很一错。大雨过后,在碧绿的叶子上,散落着晶莹的水滴,一只蝴蝶张开翅膀落在上面。是不是很美的影像,那么现在我们就来制做这样一个效果。 Step 1:启动Fireworks 8,打开需要一幅蝴蝶的图像,然后选择“编辑”>“克隆”,将图像克隆两次,如图1所示。 图1 将图像克隆两次 提示:可以使用克隆的快捷键Ctrl+Shift+D。 Step 2 – 现在我们需要做一个水珠遮罩,在层面板中选择最上面的一层,然后选择“滤镜”>“调整颜色”>“色相和饱和度”,调整饱和度参数为-100。 Step 3 -选择“滤镜”>“杂点”>“新增杂点”,在弹出的杂点窗口中设置参数如图2所示。提示: 图2 设置参数 Step 4 -选择“滤镜”>“模糊”>“运动模糊”,参数设置如下:角度 = 127; 距离 = 5。
玩转Fireworks 8 笔触
总体效果图如下: (末尾有PNG源文件) 一贯偶的风格,继续长话短说,有疑问请跟帖。(本教程只针对FW8熟练用户) 原本偶只是想做出破损的感觉,虽然最终出来的效果和偶预想的不同,这个效果也非常令人惊叹。希望大家也不断的练习、摸索、试验,找出创作的感觉来。 1、 新建文档,透明背景。找一个有破损感觉的字体,偶用的是1942 report,52,黑色。 2、笔触效果:笔触颜色#A28200,强力消除锯齿。勾选“在笔触上方填充”,笔触相对路径为路径外。选择点击“笔触选项…”按钮后,选择“喷枪”——“基本”,笔尖边缘柔化最大,尖端大小为100。纹理选择脉纹,50%的纹理量。 再点击“高级…”按钮,“选项”标签中,墨量、间距、流动速率100%。勾选“建立”,纹理50%,边缘纹理86%,边缘效果选择白色霓虹。笔尖10,笔尖间距100%,变量为阴影。虚线为单虚线、开5、关1。“形状”标签中,不必勾选“正方形”,大小、边缘、方向都为100,角度360。“敏感度”标签中,大小:速度100;角度:水平100,垂直100;油墨总量:压力100,速度100,其他均为0。加上发光滤镜,颜色#352C04,光晕偏移35(为的是把图的空白处填满并增加层次感,请根据背景大小而自定),不透明度100%,柔化为0,偏移为0。 该层效果如下图所示;
Fireworks 8 笔触特效
最终效果图如下: 1、打开FW,新建一个空白文档,宽度450,高度300,分辨率72,画布颜色选择白色,如下图: 2、在工具面板中选择“文本”工具 ,输入“ASD”(随便什么都可以啦^^)。 3、在属性面板中更改文字字型、颜色和字体大小,字体为Arial,颜色选择白色,字体大小为30如图: 4、最关键的一步^o^(其实是很多步- -|||),在属性面板中为文字添加描边效果,颜色为#3399FF,点选“在笔角上方填充”,单击下方的“笔触选项…”按钮。选择“水彩“,”笔尖“拉到最顶端,”尖羰大小“设为72,纹理为0%,如下两图:
Fireworks 8 绘制星球 滤镜
工具:fireworks 8.0 滤镜:Eye CANDAY 4000(汉化版),fireworks自带的Edges滤镜,Aline skin xenofex2(汉化版)[注:除了Edges滤镜,其他滤镜则需另行安装到fireworks目录里的Plug-Ins文件夹内才可在fireworks中使用] 文章末尾有PNG源文件提供。 第一步: 新建文件大小为600*650(也可以根据自己的喜好建立),画布颜色为透明。选择工具条里的“椭圆”工具(u)在画布里画一个圆形。 高宽分别为302*280充填颜色为(#666666)选择渐变为(放射状)边缘羽化为(1)把渐变的遥杆设置如下图: 第二步: 点选画好的圆形,在属性面板滤镜选项里选择[眼睛糖果4000(eye canday 4000)]--->HSB噪音属性如下图:
使用 Fireworks 8 生成网页
案例说明 此案例为 使用Fireworks 8 制作网页效果图 位图工具 的姊妹篇,前面的案例地址可以点击这里。前面已经给大家介绍了网页效果图的制作,这里要介绍的内容是如何把效果图生成网页。这也是网站制作中最重要的一部分。主要介绍的Fireworks如何和Dreamweaver进行协同工作。本例主要分为4个部分,希望大家能够通过这个例子得到一些启发,由于笔者的水平有限,错误的地方还希望大家批评指正。 1.1 创建Web站点 首先来创建WEB站点,具体操作步骤如下: 1.启动Dreamweaver 8软件,选择【站点】@@【新建站点】命令。 2.在弹出的“定义站点”窗口中选择“高级”选项卡。 3.如图1.1所示,在“站点定义窗口”的“本地信息”中设置本地站点参数。 图1.1文档属性对话框 (点击查看大图) 4.点击【确定】按钮,站点建立完毕。
Fireworks 8 打造残破照片边缘 笔触和选区
1、首先打开欲加残破边缘效果的照片文件; 2、可以使用矩形或圆形工具绘制并覆盖欲处理成残破边缘的区域轮廓,如果想要不规则形状的区域,也可以使用钢笔工具绘制出闭合路径。使用钢笔工具,建议将填充边缘选择为[实心],为了能更好的看到轮廓位置,先不要填充颜色,只加笔触颜色,如图所示: 3、绘制好路径后,选择路径,在属性栏中设置笔触类型,选择的类型主要以非自然类型笔触中不规则图形为主,本教程里最终效果选择的是[非自然]中的[油漆泼溅]; 4、接下来再选择[笔触选项],详细设置笔触。设置笔触的[笔尖]的[边缘柔化]为0; 5、再选择[高级]选项,进一步设置笔触效果,教程所使用的设置仅供参考,大家可以根据不同的笔触设置不同的参数;
Fireworks 8 打造残破照片边缘 笔触和蒙板
1、打开欲加残破边缘效果的照片文件,可以使用矩形或圆形工具绘制并覆盖欲处理成残破边缘的区域轮廓,如果想要不规则形状的区域,也可以使用钢笔工具绘制出闭合路径,如图所示: 2、绘制好路径后,选择路径,填充颜色和笔触颜色均选择白色,在属性栏中把填充的边缘设置一定的羽化值,笔触类型主要以非自然类型笔触中不规则图形为主,本教程里最终效果选择的是[非自然]中的[油漆泼溅], 设置笔触的笔尖边缘柔化为0: 3、设置笔触选项,选择笔触的高级选项,进一步设置笔触效果,教程所使用的设置仅供参考,大家可以根据不同的笔触设置不同的参数: 4、选择路径和照片两层,修改菜单——蒙板——组合为蒙板,注意蒙板的属性选择为灰度外观,得到最终效果: PNG:
Fireworks 8 通道抠图视频教程+插件下载
Fireworks 8 通道抠图视频教程。相关教程:Fireworks 通道原理及快捷运用。插件也在此文章中下载。 一、课程说明: 1、推荐下载到本地,使用本站提供的FLASH播放,以获得更好的效果。 2、你的计算机应该配置耳机或音箱等设备。 二、内容提要: Fireworks 8 通道抠图。 三、在线学习: 第一讲;(文件较大,建议下载到本地); 四、下载学习: 第一讲;(右键--选择工具下载即可。不能直接使用右键,另存为方式下载)
Fireworks 8 之图像编辑面板
第一部分:面板内容 本节主要针对几个新增的面板来进行简要的讲解,使得大家快速的对新增面板有一个全面的了解和掌控。 一、“图像编辑” 面板 如上图,我们可以发现,比较常见的几个位图处理工具(“红眼消除”、“模糊”、“钝化”、“减淡”、“烙印”)已经整合在这个面板上了,当然,通过单击工具箱上的这些工具按钮同样还是能够实现你所需要的一些效果,而“图像编辑”面板的优势就是将一些需要层选的工具直接都罗列了出来,使用起来也自然就更方便了。 整合到了这个面板上的工具还包括常见的“变形工具”和“变形命令”,变形工具的整合实际意义不太大,但是变形命令的整合的确是将这些操作变得快捷了;而“调整颜色”命令的出现使得对于位图的颜色内容的调整直接了许多,在该命令里面还增加了“转换为灰色调”、“转换为棕褐色调”两个命令。其实这两个转换效果在前面的FW版本中已经出现了,就是在FW8这个版本中依然存在着,他们的另外一个访问方式是:选择菜单“命令|创意|转换为乌金色调(转换为灰度图像)”命令即可。本节我们将通过一个小实例来具体了解一下快速使用“图像编辑”面板上几个命令的方法。 “滤镜”和“视图选项”的整合对于刚刚使用FW的用户来说,是一个非常不错的变化,这样可以使大多数的初级用户能更好的使用到FW的辅助功能,并且通过使用常用的滤镜操作能够快速的制作出效果不错的图片来。 [实例1.制作旧照片效果]
