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

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

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

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

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

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

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

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

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

相关文章
|
图形学
unity3d UI特效处理,image置灰shader
新建材质,材质指定该shader,然后将材质球拖拽到image上面,效果就显示出来了 图片.png Shader "UI/ImageGreyShader" { Properties { [PerRendere...
3283 0
C#WPF 图片在显示时没有问题,但在运行时图片显示不出来的解决
选中项目,点击右上角的显示全部文件按钮,会将默认隐藏的文件显示出来,选中所需图片,右键,添加到项目,然后选择图片查看属性,生成操作选择resource。完毕。本人目前的解决方案。
446 41
C#WPF 图片在显示时没有问题,但在运行时图片显示不出来的解决
|
4月前
|
前端开发
css实用技巧——异步加载图片时,在图片完成加载前,鼠标悬浮到占位图片上时显示图片的alt信息
css实用技巧——异步加载图片时,在图片完成加载前,鼠标悬浮到占位图片上时显示图片的alt信息
27 0
|
6月前
|
Dart
Flutter 学习之图片的选择、裁切、保存
Flutter 学习之图片的选择、裁切、保存 在Flutter中,我们可以通过调用系统的图片选择器来选择一张图片,也可以通过使用插件来实现图片的裁切和保存。
350 0
|
移动开发 前端开发 HTML5
前端 HTML5 Svg 画板(支持视频、图片上涂鸦,支持缩放、修改、颜色、复选...)
前端 HTML5 Svg 画板(支持视频、图片上涂鸦,支持缩放、修改、颜色、复选...)
245 0
VC中GDI+双缓冲实现Picture控件中显示png图片
VC中GDI+双缓冲实现Picture控件中显示png图片
226 0
|
C++
duilib corner属性的贴图技巧——让图片自动贴到控件的的某一边或者一角并自适应控件的大小
转载请说明原出处,谢谢~~          Duilib给控件贴图功能可以附带多个属性,各个属性的配合可以达到许多效果。以下是duilib支持的所有贴图属性: 贴图描述:          Duilib的表现力丰富很大程度上得益于贴图描述的简单强大。
1813 0
|
前端开发 容器
CSS 奇思妙想 | 使用 resize 实现强大的图片拖拽切换预览功能
CSS 奇思妙想 | 使用 resize 实现强大的图片拖拽切换预览功能
363 0
CSS 奇思妙想 | 使用 resize 实现强大的图片拖拽切换预览功能
|
人工智能 前端开发
Photoshop - 如何用 PS 合成一张 Sprite 图(雪碧图)
Photoshop - 如何用 PS 合成一张 Sprite 图(雪碧图)
402 0
Photoshop - 如何用 PS 合成一张 Sprite 图(雪碧图)
SwiftUI—如何下载并使用图像视图显示网络图片
SwiftUI—如何下载并使用图像视图显示网络图片
1749 0
SwiftUI—如何下载并使用图像视图显示网络图片