怎样使用GIMP制作图像地图

电子说

1.2w人已加入

描述

步骤1:

如果没有图像,创建图像映射将非常困难。因此,您要做的第一件事是从interwebz中获取一个,或者从头开始创建一个(使用GIMP,obvs)。由于编辑和创建图像可能应该是它自己的教程,因此我们假设您已经有要使用的图像并且可以从那里去(但是如果您没有图像,并且可以访问Visio之类的东西,则制作图像很简单)

步骤2:步骤2:收集链接

对我来说,选择/创建图像后的下一个逻辑步骤是继续并收集您将要使用的所有链接。此代码是您链接到的内部页面或网络上任何地方的地址。在本练习中,我们将使用五个网址:

https://www.instructables.com

您当前正在查看的站点,杜。

http://www.flickr.com

一个很棒的照片分享网站。存在于Instagram之前,回到Yahoo!还是一件事。

http://www.lowes.com

The Home Improvement Company。

http://www.mjcpl.org/

我的本地图书馆。

https://www.facebook.com

那个家伙从那个家伙那里窃取了这个想法的网站。

第3步:创建地图

软件

软件

此处,我们将在GIMP中使用一种称为“过滤器”的特殊工具。过滤器使您无需做大量手工工作即可整体上修改图像。您可以使用滤镜添加JJ镜头光晕艾布拉姆斯(Abrams),在文本上创建浮雕外观或添加阴影以创建图像的深度感。这些是可以做什么的非常简单的示例,但是对于使用这种类型的软件获得的更多经验的人,您将学到更多更强大的功能(我只是新手。专业人士可以做的事情会使您的头部旋转)。单击以使用过滤器后,将打开一个新窗口,您将在其中实际创建地图。

步骤4:调整形状!

软件

软件

软件

现在您在图像映射窗口中,将创建将成为可单击链接的区域。由于我们使用的是带有圆形终端的辐条贴图,因此使用圆形工具最有意义。如果您使用的是不规则形状,则应使用多边形工具,该工具将允许您沿着形状的边界创建许多不同的点(#ProTip:在边界上进行边界浏览后,双击它,它将停止尝试添加新点)。选择要链接的区域后,将弹出一个新窗口,您将在其中输入您的网址。我建议直接从您的地址栏中进行复制和粘贴,以免造成他人输入错误的链接或网站错误。输入此内容后,单击“应用”并继续到下一个链接。完成每个区域后,您会在屏幕右侧的栏中看到它。

第5步:保存或消失!

软件

我无法强调经常储蓄的重要性。其实我可以。我做了三遍尝试来创建此地图,因为我三遍都试图在不保存的情况下完成整个操作,或者笔记本电脑死了,我不小心合上了窗户,或者其他原因导致我失去了所有工作。救。通常,

GIMP的文件扩展名默认为.map,这没关系。我们将在一分钟内进行更改,但请继续保存为.map。

步骤6:两只手,手电筒和区域地图

软件

软件

保存.map文件后,找到保存文件的位置,并将扩展名从.map更改为。 HTML。您会收到一条警告消息,说它可能会弄乱某些东西,但是没关系。相信我。更改扩展名后,使用记事本打开文件,您将看到(几乎)成品的源代码。 new.html文件将充当将其放置在图像上的模式,因此我们需要对代码进行一些更改。

我在代码中突出显示的区域需要更改为源代码图片的位置;即您托管文件的位置。这些信息很容易获得。将文件上传到您想要的任何位置,然后在该文件上单击鼠标右键,然后选择“复制LinkAddress”(或与浏览器等效的选项,我使用Chrome)。更改代码并上传图像后,您只需要复制.html文件中的所有HTML代码并将其粘贴到Wiki,博客等中即可。轻松实现!

第7步:最终产品


       责任编辑:wv

打开APP阅读更多精彩内容
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉

全部0条评论

快来发表一下你的评论吧 !

×
20
完善资料,
赚取积分