Fireworks怎么只显示图片的一部分?

简介: fw剪切蒙版的实现方法

如图,将一张图片插入到画布中,我们想要显示的部分是中间的桥那部分
image.png

然后打开工具中的矩形或者椭圆工具
image.png

在桥的那部分,绘制一个图形将其挡住,如图所示,放在他的上面
image.png

然后将这两个选项全部选中,然后右键选择组合蒙版,如图
image.png

将其组合为蒙版后,就会只显示上面图形的位置大小了,如图所示;如果你的图形显示不清楚,是因为在图层蒙版中只会显示黑白灰三种颜色,这时候选中右侧面板中的图层蒙版选项,然后在下面的属性栏中的颜色区域,将其选择为白色即可
image.png

选择了白色颜色后,图片选择部分就会清晰了,白色表示透明,所将下面的图形完全显示出来了,黑色表示不透明的意思,如果上面的黑色不透明,那么显示下面图形自然就模糊不清了。
image.png

如果想要调整图片的显示位置,这时候可以选中右侧面板中的图形图层,如图所示的位置,然后在画布中就会出现一个圆点,调整整个圆点的位置,就可以显示图形不同的位置了。
image.png

相关文章
|
2月前
Fireworks如何给图片添加阴影效果? fw给图片增加阴影效果的技巧
有时需要给图片添加阴影效果。那么,Fireworks软件中如何给图片添加阴影效果呢?
41 1
|
6月前
|
前端开发
Canvas添加了橡皮擦工具的画板项目和只能画圆的源码
Canvas添加了橡皮擦工具的画板项目和只能画圆的源码
|
6月前
|
前端开发
css实用技巧——异步加载图片时,在图片完成加载前,鼠标悬浮到占位图片上时显示图片的alt信息
css实用技巧——异步加载图片时,在图片完成加载前,鼠标悬浮到占位图片上时显示图片的alt信息
32 0
|
前端开发
webkit-box-reflect,前端Css文字倒影,制作炫酷的时钟倒影效果.
webkit-box-reflect,前端Css文字倒影,制作炫酷的时钟倒影效果.
125 0
|
移动开发 前端开发 HTML5
前端 HTML5 Svg 画板(支持视频、图片上涂鸦,支持缩放、修改、颜色、复选...)
前端 HTML5 Svg 画板(支持视频、图片上涂鸦,支持缩放、修改、颜色、复选...)
260 0
|
前端开发
雪碧图 Sprite图
雪碧图 Sprite图
121 0
|
C# 图形学
C#裁剪图片的方法
C#裁剪图片的方法
352 0
VC中GDI+双缓冲实现Picture控件中显示png图片
VC中GDI+双缓冲实现Picture控件中显示png图片
235 0
|
人工智能 前端开发
Photoshop - 如何用 PS 合成一张 Sprite 图(雪碧图)
Photoshop - 如何用 PS 合成一张 Sprite 图(雪碧图)
411 0
Photoshop - 如何用 PS 合成一张 Sprite 图(雪碧图)