WPS放大镜效果

  什么是放大镜效果?一般来说,放大镜效果就是将缩略图局部放大突显出来的效果。看看下面这个图就明白了。


  如果不借助Photoshop该怎么做?不借助Photoshop的话,难点就在截取圆型区域那里。其实使用WPP的“设置透明色”和“另存为图片”等功能就可以实现,只是操作步骤相对较多。

  制作一块蒙板

  WPP里做不到要直接选取圆型区域,那就考虑做一块蒙板,蒙板中间有一个圆型的透明区域。这样将蒙板放在原图上方时,就可以显示出一块圆形区域了。就像下面这个图示。


电脑教程

  中间掏空的部分,可以考虑用“设置透明色”功能实现。不过“设置透明色”功能只对图片有效,所以需要先生成一张图片:一个橙色矩形区域内放一块白色圆形区域,然后将矩形和圆型一起选中,组合它们。再右键,菜单中选择“另存为图片”将这个组合保存为PNG图片(不能保存成EMF,EMF插入到WPP之后不能设置透明色),假设保存的文件名为mark.png。


  准备圆形放大镜的显示内容

  现在在WPP中使用“插入图片”功能,选择刚才保存的mark.png。选择“设置透明色”工具,将中间圆形区域的色设置为透明色。然后将这张中空的图片置于原图之上,将透明的圆形与原图上需要突显的内容对齐,如图示:


  现在需要保存第二张PNG图片了。将中空的模板与原图同时选取(因为原图在下面不容易选中,可以打开“选择空格”来选取;也可以用拉框的方法选取),组合,再将该组合保存为一张PNG图片,且命名为circle.png。

  抠图并完成放大镜

  在一张新幻灯片(不一定要新幻灯片,只不过新幻灯片上更容易操作)里插入circle.png,用透明色工具将橙色部分设置为透明。这时候,一般情况下都会发现还存在一些橙色的虚框。所以还需要将这些虚框处理掉。处理外面的矩形虚框比较容易:使用“图片工具”的“裁切”功能即可。

  而对于中间的圆形虚框,则需要用一个同样大小、无填充色、橙色、较粗边框的圆形来覆盖。有两个办法得到这个圆形,一是直接画,可按住Alt键调整大小使之更加精确。二是将前面制作mark.png的那个组合“取消组合”,再将圆形拷贝过来设计边框和填充色即可。如果在粘贴圆形的时候,调整好的circle.png发生了自动调整大小的情况,可以选中从circle.png插入的图像,在右键菜单中选择“设置对象格式”(也可双击),在打开的对话框中选择“尺寸”选项卡,点击右下角的“重新设置”,再确定即可。

  完成之后,从绘图工具里插入一个“椭圆形标注”,将大小与用作边框的那个圆形一样,边框线条宽度和颜色一样,背景色也设置成边框的颜色,并设置30%透明。


  放大镜完成了,框选组成放大镜的各部件,组合。然后将该组合拷贝到缩略图上,调整好大小和位置即可。

时间: 2024-08-28 15:13:07

WPS放大镜效果的相关文章

JS实现的放大镜效果

JS实现的放大镜效果,如下代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">     <html xmlns="http://www.w3.org/1999/xhtml">         <head>      

网页特效代码:放大镜效果

放大|特效|网页|网页特效 前段时间嗷嗷有发过"好玩的放大镜效果",今天看了下,发现还有简单的方法也能够实现,即利用内外补丁的调整. 有兴趣的可以在琢磨琢磨. 例子: 运行代码框 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><style type="

Flash MX实战精选:放大镜效果

放大 实例说明: 透过跟随鼠标移动的放大镜,可看到美味的食品,不知味口如何! 有关知识: 遮照,拖拽电影片断,设定目标属性及变量. 制作过程: 步骤1:打开flash,建立一个新文件.新建bg层,放置在场景最底层,从菜单栏选择文件>导入(File>Import).导入一个图像,将它遮盖住整个场景.另外,在库中它这个位图将命名为t1. 步骤2:从菜单栏中选择插入>新建符号(Insert>New Symbol),在出现的对话框中选图像(Graphic),命名为pic.把库中的位图t1拖

Photoshop绘制水晶质感的放大镜效果

Photoshop绘制水晶质感的放大镜效果         注:更多请关注photoshop教程栏目,三联PS教程群:181754111欢迎你的加入 分类: PS鼠绘教程

使用纯javascript实现放大镜效果

 本文给大家分享的是使用纯javascript实现放大镜效果的代码,并附上封装的步骤,做电商程序的小伙伴们一定不要错过.     jd或者淘宝的具体商品有个放大镜的效果.虽然网上类似插件琳琅满目,应用到项目上有诸多不便,自己抽点时间自己写了个类似插件,积累下代码,何乐而不为呢!!let'go: 打算把此特效封装成个插件,先把最基本的算法实现,然后再一步步封装吧: 最终实现效果: html 代码:   代码如下: <div id="Magnifier"></div>

as 3.0做放大镜效果代码

参数变量:mc:需要放大的图形*/ as 3.0做放大镜效果代码 package maths{         import flash.display.Bitmap;         import flash.display.BitmapData;         import flash.display.Sprite;         import flash.geom.Rectangle;         import flash.geom.Matrix;         import f

使用jquery实现放大镜效果

原文:使用jquery实现放大镜效果 实现原理 首先,我们讲解一下放大镜效果的实现方式: 方法一:准备一张高像素的大图,当鼠标放到原图上,加载显示大图的对应位置. 方法二:对原图片进行放大,也就是调整原图的长和宽. 上面我们介绍了通过两种方式实现放大镜效果,接下来,我们将以上的两种方式应用到我们的jQuery插件中. 首先,我们需要一个img元素显示原图对象,还需要一个容器作为显示框:显示框里面存放大图对象.当鼠标移动到原图上时,通过对大图进行绝对定位来显示对应的部位,实现类似放大镜的效果. 接

三款Jquery图片放大镜效果代码

本文章是利用了jquery图片放大镜效果插件来实例图片放大,下面我们收藏了三款效果的实例,看看那款适合你哦. <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&qu

jQuery实现的放大镜效果示例_jquery

本文实例讲述了jQuery实现的放大镜效果.分享给大家供大家参考,具体如下: zoom.css: *{ padding: 0; margin: 0; } li{ list-style-type: none; } .zoom{ margin: 50px; position: relative; } .zoomMiddle{ border: 1px solid #ccc; width: 300px; height: 300px; margin-bottom: 3px; position: relat