100 个高质量的 XHTML/CSS 模板

This item was filled under [ 范例 ]

Package | Registration is necessary.

Consultant | Download Consultant

Environmental Brand | Download Environmental Brand

Internet Jobs | Download Internet Jobs

Internet Music | Download Internet Music

Greefies | Download Greefies

Squick Design | Download Squick Design

Harvest | Download Harvest

Blackberry | Download Blackberry

Flower Shop | Download Flower Shop

Lingerie Store | Download Lingerie Store

Web Application | Download Web Application

Internet Studio | Download Internet Studio

Puzzled | Download Puzzled

Journey of Love | Must register with Registration is necessary.

Strockes | Must register with Registration is necessary.

EC Mania | Must register with Registration is necessary.

Cluster | Must register with Registration is necessary to download.

Temper | Download Temper

Jet 30 | Download Jet 30

Green Web | Download Green Web

Flash Web | Download Flash Web

AppleWeb | Download Apple Web

Trial Impact | Download Trial Impact

Aquatic | Download Aquatic

Business Events | Download Business Events

Cool Web | Download Cool Web

Genious Web | Download Genious Web

Expert Vision | Download Expert Vision

Intercraft | Download Intercraft

Clean Design | Download Clean Design

Business Design | Download Business Design

Delicious Fruit | Download Delicious Fruit

MultiFlex 3 | Download MultiFlex 3

Simple Life | Download Simple Life

Street Style | Download Street Style

Miss Understood | Download Miss Understood

Street Life | Download Street Life

skuteczni | Download skuteczni

Clarity | Download Clarity

The Old Forest | Download The Old Forest

Typography Paramount | Download Typography Paramount

Subordinate | Download Subordinate

Nature’s Charm II | Download Nature’s Charm II

Zenlike | Download Zenlike

Clicker | Download Clicker

Biz Company | Download Biz Company

Attractive Business Temp | Download Attractive Business Template

Happy Template | Download Happy Template

Internet Encyclopedia | Download Internet Encyclopedia

Concept Nova | Download Concept Nova

Free CSS Full Site Template | Download Free CSS Full Site Template

Black Eyed Susan | Download Black Eyed Susan

Reference | Download Reference

Interlude | Download Interlude

Printing | Download Printing

Numerology | Download Numerology

Greeny Grass | Download Greeny Grass

Collaboration | Download Collaboration

Breakfast | Download Breakfast

News Flash | Download News Flash

Discovery | Download Discovery

Adios | Download Adios

Old Architecture | Download Old Architecture

Beauty Co. | Download Beauty Co.

Jewelry Shop | Download Jewelry Shop

Book Store | Download Book Store

Real Estate | Download Real Estate

Business Company Dark Blue | Download Business Company Dark Blue

Electronix | Download Electronix

Photo Gallery Green | Download Photo Gallery Green

Quartz Storage | Download Quartz Storage

Aero Solutions | Download Aero Solutions

Unnamed | Download Unnamed

Imagination | Download Imagination

Corporate | Download Corporate

Urban Artist | Download Urban Artist

VectorLover | Download VectorLover

Keep it Simple | Download Keep it Simple

FreshMedia | Download FreshMedia

EliteCircle | Download EliteCircle

Nature Theme | Download Nature Theme

Mint Idea | Download Mint Idea

Metplate | Download Metplate

Decent Photo Gallery | Download Decent Photo Gallery

Consulting Services | Download Consulting Services

Flare | Download Flare

Water Spill | Download Water Spill

Inverted Headline | Download Inverted Headline

Choice | Download Choice

Purple | Download Purple

Business Elegance | Download Business Elegance

Symisun | Download Symisun

Ad Agency | Download Ad Agency

GUITARhero | Download GUITARhero

Pixel Green | Download Pixel Green

Subdued | Download Subdued

The Big Leaf | Download the Big Leaf

GreenWay | Download GreenWay

BWDEC2007 | Download BWDEC2007


Bookmark and Share

50个卓越的公司网站设计

This item was filled under [ 范例 ]

from: http://www.comsharp.com/GetKnowledge/zh-CN/CMS_K783.aspx

网站设计无非就是将你的信息以最直接,干净,简单的方式传递给访问者。而公司网站的设计还需要抓住一个公司的感觉,同时,要给人以专业,稳健,持久 的印象。在访问一个公司的网站时,网站的图形,布局,配色都会将这种感觉与印象传递给客人。本文精选了50个设计出众的公司网站或许能给你带来一些启 迪



本文来源:http://www.webdesignerdepot.com/2009/04/50-excellent-corporate-website-designs/

Bookmark and Share

2008 年顶尖 Web 设计师访谈

This item was filled under [ 资源 ]

from: http://www.comsharp.com/GetKnowledge/zh-CN/It_News_K677.aspx

Jonathan Snook

你2009年有没有特别向往的项目计划?
我一直向往展会,和一些天才的,友好的人在一起感觉很好。SXSW 是我的首选,即使我并不发言。我们 Sidebar Creative 的人一起有更多发展计划,期待出一些新东西。

你对2009年度设计趋势有什么想法或预测?
有一些已经成熟的设计,大量采用插图与炫光效果,不过,这些主要是对背景和页头部分的装饰,而总体的两栏或三栏式布局并没有多少长进。但2008年我也很欣喜地看到一些很棒的设计方向,希望2009年能看到更多。Jason Santa Maria 是一个例子,我经常访问,因为很独特,吸引了我的注意,内容也很好。

Simon Collison of Erskine Design

2008年你是否有一些喜欢的设计趋势或流行风格?
在 Web 设计中我不怎么相信趋势,一些不太为人知的设计模式也可能成为我们所谓的趋势。比如,我们会发现很多想法和模仿者,但看看别处,又有截然不同的潮流。当然,那些烂俗的 Web 2.0 按钮,镜像反射,阴影,做旧效果都是趋势。

也有一些我喜欢的积极的趋势,越来越多的人为主题与用户设计,而不理会什么趋势。如果最小化设计,可变设计,我乐于看到一种切题设计被广泛使用,我不喜欢我们的周围有那些千篇一律的不理会用户的 Web。

过去的一年你是否对某个设计师的作品表示关注?
我密切关注 Mark Boulton 放出的所有东西,因为他始终保持创新,精确,探索。他对 Drupal 的透明的重设计让人大开眼界。

我也关注 Garrett Dimon’s blog,他对自己的设计都做了公开的文档,每个人都可以从 Garrett 学到很多。

不过,Jason Santa Maria 在2008超过了他,尤其是他在对自己的博客的重设计中艺术方向,我们在 Erskine 也常这样做。Jason 低调而聪明,一个天才。

还有我们这里的超级明星 Greg Wood,他每天教我一些新点子,建议其他人都学学他的代码,点子与艺术方向。

Jason Santa Maria of Happy Cog Studios

2008年你最常用的字体是什么?
MonotypeSohoSoho Gothic 非常好看,又适用广泛,也经常使用 Gotham

有没有那些在线或不在线的资源对你的设计带来启发?
今年我对 FFFFOUND! 推崇备至,我订阅了他们的 RSS Feed。另外外出拍照也是我获得灵感的方式。

Veerle Pieters

Veerle Pieters

在过去的一年,有哪些资源为你的设计带来灵感?
在线资源,我主要看 FlickrFFFFOUND! 以及 del.icious。线下资源,Kapitza 写的 Geometric 对我启发很大。

2009年你是否有什么设计竞赛计划?
有点。但还没确定日期。今年我只会参加一场,因为我更看重质量而不是数量。

Darren Hoyt of Category 4

Darren Hoyt

你的2009年愿望表中是否有与设计相关的产品,软件或相关东西?
我期待 ExpressionEngine 2.0 的发布。根据预览,它处理主题的方式对我们这些前端设计师傅来说更容易进行设计。

我也期待 FontCase 的正式发布,过去几年,我使用了不少 Hack 来组织主要的字体,FontCase 解决了这些问题。

有哪些线上或线下的资源对你带来灵感?
主要是书。第一本是 Michael Beirut 写的 79 Short Essays on Design (关于设计的79篇随笔),书中以更广的视觉看待设计,不仅仅限于技术与潮流。我喜欢其中讲到的设计如何在我们意识不到的地方影响了我们的生活。文笔也很有趣。

第二本是 Chip Kidd 写的 Book One,一本关于他设计的书籍封面的书。他又一种能力用一些奇怪的图片暗合你的期待,而商业设计是不允许这样的。当你文思枯竭的时候,读他的书是一种巨大的启发。

David Airey

David Airey

能否告诉我们一些作为设计师你在09年希望改善的东西?
我希望更卑微,更内省一些。如果你眼睛盯着别人,就会失去方向。我远不完美,因此内敛更重要。

08年你是否有乐于追随的设计师?
Eric Karjaluoto。Eric 并不频繁更新他的博客,但一旦更新,就是充满诚挚与洞察力。我相信他是设计领域的宝贵财富。

Jacob Gube of Six Revisions

Jacob Gube

你的2008开发生涯中最喜欢的框架是什么?
我最喜欢的 JavaScript 框架是 MooToolsjQuery。二者选择哪个要看我为谁工作,和谁一起工作以及具体需要。

服务端,我是 PHP 阵营的钟情 Zend

至于 CSS 框架,我更喜欢做自己的框架,因为现有的框架的尺寸很庞大,也不够语义化。CSS 毕竟比较简单,不像客户端或服务器端脚本那么复杂。

2008年你是否读到关于设计或开发的好书?
今年我读了不少开发的书,主要是关于那些崭露头角的新技术,如 Flex 3 与 AIR,还有一些 ActionScript 3 方面的书。Learning Flex 3 是我的首选。

关于设计,一些独立博客有很多非常棒的内容(比如 Usability Post 博客)。不幸的是,我并没有看到像 Designing Web Usability(1999),Don’t Make Me Think(2005)这样的好书,比较接近大约要算 Rosenfeld Media 出版的 Luke Wroblewski 写的 Web Form Design。对于那些正在由初级转向高级的设计师,就 Web 标准设计而言,我推荐 Andy Budd 写的 CSS Mastery 以及 Jeffrey Zeldman 写的 Designing with Web Standards

Nick La of N. Design Studio, Web Designer Wall and Best Web Gallery

Nick La

2008年你是否有喜欢的设计师并乐于追随他的作品?
我非常喜欢 designsensory.com 设计的 tnvacation.com 系列网站(秋,春,夏,冬)。

2008年你喜欢的设计潮流是什么?
我喜欢的设计风格是拼贴图和剪贴簿效果。(参阅 Web Designer Wall 的 2008 Design Trends

Chris Coyier of CSS-Tricks

Chris Coyier

你2008年学到的你所喜爱的 CSS 技巧有哪些?
过去以年我所学到的 CSS 技巧并非单纯的 CSS 技巧,而是如何用 jQuery 控制 CSS。我对 CSS 已经知之甚多,因为 jQuery 使用相同的 CSS 选择器,学起来并不难。现在,我可以在网站中实现以前那一掌握的行为,我可以向,当我点击这个对象,可以改变另一个对象的 CSS,我可以很容易实现这个,在过去这不太容易的。

在 Twitter 上你乐于追随的设计师有谁?
@jasonsantamaria, @mezzoblue, @collis, @vpieters, @snookca, @chrisspooner, @jessebc, @elliotjaystocks.

不过我更喜欢追随我现实中的朋友。

Chris Spooner

Chris Spooner

能否告诉我们2008年你成为自由职业设计师之后学到的生意经。
最让我吃惊的是,任何机会都可能转换为 生意。当我回顾我的客人的来源,我发现他们来自各种渠道,包括搜索引擎,比如人们搜索“graphic designer + location”,有时候,某个搜索词可能进入我博客中的某篇文章或教程,其它渠道包括看到了我的案例作品,读过我的在线访谈,以及订阅我的博客的人。

我的经验就是,不放过任何曝光的机会,你永远不知道哪块云彩下雨。

2009年你是否有期待的产品,软件?
我希望加入果粉俱乐部将我所有的计算机玩意儿换成 Mac 产品,在办公桌上放一个 iMac, Macbook Pro 是件很 Cool 的事,不幸的是,不久前我刚刚买了基于 Windows 的 Adobe 软件。虽然 Windows 也没有什么问题,但我老想着上一份工作中使用 OS X 的快意。

我女朋友和我即将搬回家住,因此这是一个好机会,攒一个新的办公区域,置办一些新东西备,包括 Adobe CS4。我得攒点钱了。

Alen Grakalic of CSS Globe and Templatica

Alen grakalic

2008年你喜欢的网站设计有哪些?
今年出了不少哦漂亮网站:

13 Creative

13 Creative

Ali Felski

Ali Felski

Viget Labs

Viget Labs

Clearspace

Clearspace

Carrot Creative

Carrot Creative

Alexandru Cohaniuc

Alex Cohaniuc

Tomas Pojeta.

Tomas Pojeta

还有一个让我非常着迷,它事实上是一个 Flash 站点: Level 2 Design.

Level 2 Design

请告诉我们过去一年你所学到的对你的生意有帮助的东西。
2008年我所学到的一个经验事实上是我已经知道的,但总记不住,就是,作为自由职业者,永远不要只依靠单一的收入来源,不管是多么好的生意。不要只为固定的客户工作。

Randa Clay

Randa Clay

过去一年中你喜欢的设计潮流与风格有哪些?
我喜欢复古风格。那些插图风格以及色彩搭配都很迷人。

2009年的新年誓言是什么?
我不怎么看中誓言,但我一直都目标就是超越客户的期待,成为最好的 WordPress 定制主题开发着。

Jon Phillips of Spyre Studios, and founder of Freelance Folder

Jon Phillips

作为自由职业设计师,你2008年喜欢的几个工具和资源是什么?
2008年我使用不同的工具,如果必须 选择,我选择这三个:WordPress,因为它简单,易用,灵活,而且有大量的社区支持;Freshbooks Invoicing,这个工具十分简单;还有 Adobe Fireworks,简单,因为我所做的大部分事情并不需要打开 Photoshop。

你工作的时候喜欢听什么音乐?
我自己也是音乐人,我应该说听自己的乐队的音乐,但通常,在项目工作中, 我会听 Fiona Apple, John Mayer, Radiohead, Muse, Guthrie Govan, Tori Amos,如果想来点更有力的,会听 Slipknot, Tool, 36 Crazy Fists, Avenged Sevenfold, Meshuggah, Soilwork, 等等。一般要看我的情绪和我所做的工作。简单说,我喜欢原声吉他及变音吉他。

Jacob Cass of Just Creative Design

Jacob Cass

2008年你喜欢的设计课程是什么?
2008年我在澳大利亚 Newcastle 大学学习可视化通讯技术的同时,上了8个设计相关的课程,它们是:可视化通讯技术II, 动画与多媒体,广告设计,图形设计,媒体制作,可视化通讯成图,版面设计与新媒体。我最喜欢也是最恨的课程是版面设计。这是我设计中最具挑战性也最让我眼 界大开的课程。这门课程让我明白大多设计都基于版面设计。我希望在这之前能学点其它课程,但我的大学没有。

你2009的工作中希望获得怎样的提高?
很高兴你问这个问题,这可以转移到新年祈愿上。我希望学习更多复杂的插图设计,也希望学习更多 Photoshop 技术。还希望在版面设计与 Logo 设计上继续提高。其它方面也需要提高,作为设计师,你需要不断学新新东西以在这个行业立足。

Brian Gardner of Revolution Two

Brian Gardner

能否告诉我们你2008年学到的对你的生意有提高的东西?
今年我学到的一样东西是社区力量的强大。10月份,我决定将 Revolution 开源,我惊讶地发现有那么多人在那里,更重要的是,人们都慷慨地贡献自己的时间帮助别人,一个让人们信服的产品可以走得很远。

2009年你有没有期待的产品或软件?
老实讲,我唯一期待的东西是 3G 手机,尽管我现在的手机还好,但迫切希望再买一个。

Elliot Jay Stocks

Elliott Jay Stocks

能否和我们分享一个你2008年生意上的经验或教训?
有两件事:第一,我极大地低估了那些首次接触的管理型事务所花费的时间。我没有多少纸面工作要做,但那些重新安排进程,联络客户,管理开支一类的事情耗费了不少时间,而且让我疲于应付。

第二,应当只接那些你真正感兴趣的项目。2008年我做了几个很不爽的单子,因为我最终失去了兴趣。这些单子一开始我也并不真正喜欢。因为自己的原因放弃一些单子可能会带来经济问题,但我唯一能好好完成的项目只有那些我真正有热情的。

你2009是否有期待的项目?
颇有几个。1月份,我会略休息一下,将我的专辑录完,我非常期待赶紧推出这个专辑,这也是一个很好的机会让我从设计与写作中抽身,做个休息。

第二件事,是我个人网站的下一个版本设计。几个月前我就开始着手重设计了,但还没有眉目。我希望拿几周的时间吧它完成。

我还期待有几场会议演讲,2009年已经有计划的几场,1月份,我会公布一个非常大会议演讲计划。

Jay Hilgert of Bittbox

Jay Hilgert

2008年你常用的字体有哪些?
Stainless, Dispatch, Myndraine, Kontrapunkt, Dirty Ames, Turbo Ripped, Immoral, Myriad Pro.

2008年你是否学到一些图形设计技术对你来说非常有用?
还没有完全掌握,但我很喜欢 Illustrator 中的 gradient mesh 工具。我立刻发现这个技术非常有用,可以用来创建100%矢量格式的照片风格的图标。

Fabio Sasso of Abduzeedo

Fabio Sasso

过去一年你喜欢的产品,软件或工具有哪些?
我的新 MacBook Pro 与 3G iPhone 是我最喜欢的产品,至于软件,我觉得最新的 Pixelmator 给我带来很大的惊喜。

2008年你喜欢的设计潮流是什么?
对我来说,2008年最 Cool 的设计潮流是将现代的光效果同80年代的怀旧风格结合。

Noura Yehia of Noupe and DevSnippets

Noura Yehia

2008年你喜欢的在线设计资源有哪些?
2008年我看了很多设计与图形博客,但只有一个我每天都会看,就是 SmashingMagazine,因为我觉得那里的每一篇文章很棒。除了这个,我还经常看 Web Designer Wall, NETTUTS, Six Revisions 以及 DesignM.ag

2008年你喜欢的设计社区是哪个?
有大量的在线社区可以帮助设计师们保持创作力。我最喜欢 DeviantArt,那里有大量设计优良的作品。我同时非常喜欢 Behance Network, Computerlove, Design Float 以及 Popular Bookmarks on Delicious

Steve Smith of Ordered List

Steve Smith

过去一年,有哪些在线或离线的资源为你带来设计灵感?
在线的,我发现我的朋友们在 Flickr 上张贴了很多设计作品,Patrick Haney 张贴了大量作品可以启发你的版面布局与配色。

离线的,我从建筑那里获得大量灵感,建筑的思维是多维,Web 设计师似乎不必关心,但我们不能仅仅从美学上考虑问题,还要考虑易用性,可访问性,一个网站需要从任何角度看上去都是好的。

目前是否有一些设计潮流你2009年会跟从?
我必须说,有一样东西,但已经变得烂俗,就是手写便条,或剪贴薄效果,别误会,这些东西有自己的价值,只是被滥用。一个网站应当满足项目的需要,而不是追随时尚。

Bookmark and Share

实用配色网站推荐

This item was filled under [ 资源 ]

1色彩爱好者(http://www.colourlovers.com/

2 天天配色(http://beta.dailycolorscheme.com/

3 色彩杰克(http://www.colorjack.com/

4 简单配色(http://www.easyrgb.com/harmonies.php

5 色彩机构(http://www.colr.org/

6 调色板生成器(http://www.degraeve.com/color-palette/?src=rss

7 Kuler(http://kuler.adobe.com/

Bookmark and Share

Fireworks蒙版基础教程[转]

This item was filled under [ 设计 ]

from: http://bbs.blueidea.com/thread-2786269-1-1.html

欢迎转载,请注明出处,网页顽主论坛,www.go2here.net.cn,作者:froglt
这是即将出版的Fireworks CS3经典教程的部分章节,看到有些朋友对蒙版的概述还不是很清楚,所以放上来供大家学习借鉴,请多支持,谢谢!
===================================================================

5.6 Fireworks CS3中蒙版的应用
很多人在学习蒙版的时候会有困惑,不知道蒙版是做什么的,总是觉得蒙版的概念很深奥,不好理解。其实在学习蒙版之前,我们需要首先来了解蒙版都能做什么,知道蒙版的作用以后,再来学习如何创建蒙版就不会觉得那么难以理解了。

5.6.1 蒙版概述
简单来说,蒙版的作用就是实现透过某个形状看另外一个图形的效果。如图5-62所示。

图5-62 蒙版的效果

除了能够把图像显示在任何一种形状内以外,蒙版还能够制作图像渐隐效果,如图5-63所示。

图5-63 图像渐隐效果

图像渐隐效果是指图像由清晰到透明的一种过度效果,过度的形式有很多,上面这张图像是图像由右到左的逐渐变透明,在网页设计中经常可以使用图像渐隐效果,使图像逐渐过度到网页的底色上,如图5-64所示。

图5-64 图像渐隐效果在网页中的应用

5.6.2 Fireworks CS3的蒙版属性
在Fireworks CS3中创建蒙版之后,【图】面板中的图层会变成两个缩略图,左侧的缩略图为被蒙对象,右侧的缩略图为蒙版,如图5-65所示。

图5-65 【层】面板中的蒙版缩略图

选中右侧的蒙版缩略图之后,在【属性】面板中会显示蒙版的属性,如图5-66所示。

图5-66 蒙版属性

1、路径轮廓蒙版

这种类型的蒙版可以透过路径轮廓清楚的看到被蒙对象,而且跟矢量路径的颜色没有任何的关系,也就是说作为蒙版的路径不管填充了什么颜色,蒙版效果仍旧是非常清晰的。如果选中了“显示填充和笔触”那么可以显示蒙版的边缘路径效果,如图5-67所示。

图5-67 路径轮廓蒙版效果

2、灰度外观蒙版

这种类型蒙版也是透过路径看到被蒙对象,但是看到被蒙对象的清晰度就会受到路径的填充色和描边色的深浅影响,这种类型蒙版的填充色和描边颜色都为灰度图, 如果蒙版的颜色为白色,则蒙版下的图像能够清晰显示。如果蒙版的填充颜色为黑色,则蒙版下的图像则完全透明。如果蒙版的填充颜色为中间的灰色,则蒙版下的 图像将以半透明装显示。填充下边的边缘属性中可以设置边缘羽化。

图5-68 灰度外观蒙版效果

利用灰度外观蒙版受填充色深浅的影响,我们可以轻松实现图像渐隐效果,其原理就是给用来蒙版的矢量路径填充由黑色到白色的渐变色,这样蒙版后黑色的一边将为透明,白色的一边为清晰的效果,从而实现图像渐隐的效果,如图5-63所示。

5.6.3 在Fireworks CS3中创建蒙版
在Fireworks CS3中创建蒙版的很多,但是最终的目的只不过是生成蒙版,所以基本上记住一两种生成蒙版的方法,重点掌握蒙版的属性就足够了,另外再了解蒙版的删除禁用和启用就可以了。

5.6.3.1 粘贴于内部

使用粘贴于内部命令是Fireworks CS3中最简单的创建蒙版的方法,需要注意的是,粘贴于内部创建的蒙版默认是路径轮廓蒙版,所以和作为蒙版的路径颜色无关,下面通过一个具体的实例来给大家进行介绍,具体的操作步骤如下:

1、新建一个Fireworks文件。

2、在弹出的【新建文档】对话框中设置画布的宽度为“350”像素、高度为“250”像素,背景颜色为白色。如图5-69所示。

图5-69 新建文档对话框

3、把准备好的手机图像素材复制到创建的画布中,并且调整好大小和位置,如图5-70所示。

图5-70 复制手机素材到画布

4、使用【椭圆】工具,在画布的右侧绘制一个正圆,这个正圆要比画布大很多,如图5-71所示。

图5-71 绘制一个正圆

5、打开准备好的素材图像,由于准备的素材图像尺寸大于我们的目标尺寸,所以需要选择【修改】@@【画布】中的【图像大小】命令来缩小图像素材,以适应我们的需求,如图5-72所示。

图5-72 缩小图像素材的尺寸

6、选中缩小后的图像素材,选择【编辑】菜单下的【复制】命令,然后选中刚刚绘制的正圆,选择【编辑】菜单下的【粘贴于内部】(快捷键为:【Ctrl+Shift+V】)命令,这样就可以把图像素材显示在正圆中了,如图5-73所示。

图5-73 把图像素材粘贴到正圆的内部

7、这时图像素材虽然显示到了正圆的内部,但是并不是我们所需要的位置,如果直接使用【指针】工具拖拽的话,是正圆和内部的图像一起移动,如果我们只需要 调整正圆内部图像素材的位置,而不希望改变正圆的位置,可以点击【层】面板中的关联图标,取消图像和蒙版之间的关联,这样就可以任意调整图像素材的位置, 而不改变正圆的位置了,如图5-74所示。

图5-74 调整蒙版中图像的位置

8、位置调整完毕后,可以把蒙版中图像和正圆的关联继续关联起来,整个图像效果就制作完毕了,最终效果如图5-75所示。

图5-75 最终完成的效果

通过掌握【粘贴于内部】命令,我们可以把任何一张图像素材显示到任意一个形状中去。

5.6.3.2 组合为蒙版

使用组合为蒙版,同样可以创建蒙版效果,需要注意的是,组合围蒙版默认创建的是灰度外观的蒙版。下面通过一个简单的实例来给大家进行说明,具体操作步骤如下:

1、新建一个Fireworks文件。

2、打开准备好的图像素材,如图5-76所示。

图5-76 打开准备好的图像素材

3、复制另外一张鱼类图像素材到画布中来,并且调整好大小尺寸,如图5-77所示。

图5-77 复制另外一张图像素材到画布

4、使用【矩形】工具,在绘制一个和画布一样尺寸的矩形,并且填充线性渐变色。设置渐变色的方向为垂直方向,最上方填充白色,最下方填充黑色,如图5-78所示。

图5-78 绘制矩形,填充线性渐变色

5、同时选中鱼类的图像素材和这个矩形,选择【修改】@@【蒙版】@@【组合为蒙版】命令,得到的效果如图5-79所示。

图5-79 使用【组合为蒙版】命令后得到的效果

6、在【层】面板中选择右侧的矩形蒙版,调整渐变色的范围,适当增加黑色部分所占的面积,这样可以让蒙版下方的透明部分增加,最终得到的效果如图5-80所示。

图5-80 调整渐变范围后得到的最终效果

5.6.3.3 在【层】面板中创建蒙版

使用【层】面板,同样可以创建蒙版,这种创建的方式和PhotoShop中创建蒙版的方式一样,具体操作步骤如下:

1、打开一张图像素材,如图5-81所示。

图5-81 打开图像素材

2、点击【层】面板下方的【添加蒙版】按钮,Fireworks CS3会自动给这张图像添加一个白色位图蒙版,如图5-82所示。

图5-82 添加位图蒙版

3、使用【刷子】工具,设置路径颜色为黑色,在图像素材中的窗户部分涂抹,这样所有涂抹的地方都会变透明,如图5-83所示。

图5-83 涂抹以后的效果

4、这时可以导入另外一张素材图像,放置到当前图像的下方,最终完成效果如图5-84所示。

图5-84 最终完成的效果

5.6.4 禁用蒙版
如果觉得前面制作的蒙版效果不尽如人意,能不能不要这个蒙版了呢?当然是可以的,Fireworks CS3也提供了很多种取消蒙版效果的方法,下面来给大家介绍一下常用的一些命令。

5.6.4.1 取消组合

【取消组合】是我们取消蒙版效果最常用的一个命令,选择【修改】@@【取消组合】(快捷键为:【Ctrl+Shift+G】)命令,就可以把蒙版还原到图像和蒙版图形分层的效果,相当于恢复到了组合为蒙板之前的状态,即两个对象都是独立存在的。

【提示】在图层面板中,选中蒙板图标并像移动图层那样按住蒙板图标将其移动到其他位置,这样也可以删除蒙板,并且保留下了蒙板对象。

5.4.6.2 禁用蒙版和启用蒙版

选择【修改】@@【蒙板】@@【禁用蒙板】命令选即可临时去掉蒙板效果。选择选择【修改】@@【蒙板】@@【蒙板】命令可以再次启用已经禁用的蒙板。选择【修改】@@【蒙板】@@【删除蒙板】命令可以永久的删除蒙板。

Bookmark and Share