Fireworks 创建残破纹理背景

创建

  刻意在物件和文字上营造残破的效果也是一种流行的表现方式。
让我们以Firewoks处理网页影像时,在简单的实例上来应用看看。

  打开新文件,先来画个按钮。

  Ctrl+Shift+D原位克隆一个。

  网上找张纹路无序的素材图片,这里我们用的是张石纹。

  导入正在Fireworks编辑的文件。

  在属性面板上按下效果添加按钮,
进行两处特效设置。
亮度50,对比度100;
色相36,饱和度72,明亮度81,勾选彩色化。

  图层混合模式设置为Multiply色彩增值。

  将我们克隆的那个按钮提到最上层,同时选中刚处理好的纹理素材,
在菜单上选Modify-->Mask-->Group as Mask进行组合遮罩。

  现在来看下成效。
这张也是PNG源文件,有兴趣的朋友可以直接下载到Firewoks打开分析参考。

  通过对属性面版上的两个实时特效数值改变,可以控制破损效果的表现。
例如下图,我们单纯改变亮度到25,残破程度也随之相应改观。

时间: 2024-09-02 15:48:13

Fireworks 创建残破纹理背景的相关文章

Fireworks 创建残破纹理特效文字

创建|特效 前面我们介绍了Fireworks 创建残破纹理背景,其实文字也可以做类似的残缺特效处理,下面我们看看具体步骤. 我们在Fireworks新建一个文件,打字,字号选大些,做成后的效果才会更明显.因为文字用了白色的填充,所以我们把背景色设置成黄色来做区分. 文字也可以做类似的残缺特效处理.打开新文件,打字,字号选大些,做成后的效果会更明显.因为文字用了白色的填充,所以我们把背景色设置成黄色来做区分. 跟上一张图一样,我们导入相同的石材图片做纹理.并在属性面板上按下效果添加按钮,进行两处特

Fireworks 营造残破纹理

刻意在物件和文字上营造残破的效果也是一种流行的表现方式.让我们以Firewoks处理网页影像时,在简单的实例上来应用看看. 打开新文件,先来画个按钮. Ctrl+Shift+D原位克隆一个. 网上找张纹路无序的素材图片,这里我们用的是张石纹. 导入正在Fireworks编辑的文件. 在属性面板上按下效果添加按钮,进行两处特效设置.亮度50,对比度100:色相36,饱和度72,明亮度81,勾选彩色化. 图层混合模式设置为Multiply色彩增值. 将我们克隆的那个按钮提到最上层,同时选中刚处理好的

Photoshop制作岩石纹理背景的立体字

  本教程主要使用Photoshop制作岩石纹理背景的立体字教程,这种字体在海报设计中用的比较多,主要使用各种素材来合成,大家有什么不懂的地方可以下载素材和里面的PSD文件,下面让我们一起来学习吧. 01.最终效果 02.文字原型 额,第一次做教程,不到位的地方各位多多指教. 用毛笔字体打出文字的原型(本例主要用到'日文毛笔字体',由于打不出"之"字于是用'书体坊兰亭体'代替)打出所以文字并调整文字大小和位置后,备份一份后合并'字体原型'组 03.添加溅射效果 在文字原型的基础上,添加

Illustrator设计细腻的网页纹理背景制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计细腻的网页纹理背景的制作教程. 教程分享: 一.单个像素图 首先打开AI软件,新建一个文档,文档大小任意.在视图栏目下勾选"像素预览",勾选这一选项后,当你将自己的图片缩放到足够大时,会出现像素格子,然后再勾选"对齐像素",这样图案就会自动对齐像素,无需你再自己手动控制对齐了.   在绘制像素图之前,或许你对这种微妙的背景纹理没有太大的印象,在 subtlepatterns 这个网站里,你会看到大量的

photoshop制作菱形编织图案的无缝纹理背景教程

给各位photoshop软件的使用者们来详细的解析分享一下制作菱形编织图案的无缝纹理背景的教程. 教程分享: 效果图:   这个是用了颜色查找功能后的展示图:   新建文件,并设置其大小为210像素×414像素   Ctrl+R调出你的标尺工具 在上边标尺出右键选择单位为像素   放大画布到800%左右,选择"矩形选框工具",绘制一个矩形选区,矩形位置(99,0)到(108,3),填充颜色#92c6de   移动矩形选区,向右移动3像素,向上移动6像素,继续填充浅蓝色#92c6de  

创建交互式移动背景

 文档的交互式大纲"> 页面的视差有多种表现形式,最常见的是用户滚动页面形成的视差效果.今天的教程是一个插件,实现多种不同的视差效果. 这个插件叫做Interactive BG (Background),让你创建一个页面背景相对于光标移动而移动的视差效果.由于在移动端没有鼠标移动事件,所以这个插件利用加速计,而不是为ios和android专门创建视差效果. 该插件适用于Chrome,Firefox,Safari,IE还没测试过. Interactive BG的使用方法 1.工作原理 图像作

怎样设计高大上的纹理背景

  1.Tobias Ahlin是一个设计师常常会光顾的网站,因此网站首页不意外的用了一些设计师的常用工具拼凑而成的纹理背景.网页在造型上使用了书本的式样,这也为网站的整体感觉加了不少分. 2.这样的网页背景是不是很特别呢?像填字游戏一样的网页全局设计还是第一次见到,不仔细看,都很难发现它竟然是网站首页.该网页的新奇之处主要在于纹理背景大于页面中的内容,内容部分只是在纹理的基础上着重变色,效果上却令人眼前一亮,不禁要感叹设计师丰富的想象力. 3.条纹作为网页设计中的背景其实并不奇怪,但该案例的点

PS制作漂亮的网页方块纹理背景

PS制作漂亮的网页方块纹理背景         注:更多请关注photoshop教程栏目,三联PS教程群:181754111欢迎你的加入 分类: PS入门教程

《Unity着色器和屏幕特效开发秘笈》—— 1.7 创建渐变纹理来控制漫反射着色

1.7 创建渐变纹理来控制漫反射着色 在你的着色器编写工具箱里还有一个强大的工具--使用渐变纹理(ramp texture)来控制漫反射光照的颜色.这允许你突出表面的颜色,来模拟更多的反射光照或者其他高级的灯光设置.你可以在很多卡通风格的游戏中看到这种技术,通常在你想要更加艺术的画面效果,并且不需要很多真实物理模拟的光照模型时可以使用渐变纹理. 该技术在<军团要塞2>中流行起来,它也是由Valve提出来用于渲染他们的游戏角色.他们发表了一篇非常有名的白皮书,强烈建议你阅读一下. 这篇论文的白皮