Cómo crear un mapa de imágenes con paint.net

Vídeo: Cómo crear mapas personalizados

Escribí un artículo acerca de cómo crear una imagen para su página web con las regiones o zonas activas se puede hacer clic utilizando GIMP. Este tipo de imagen seleccionable se llama un mapa de imagen. Los mapas de imagen han estado alrededor por un tiempo, pero que están siendo ampliamente utilizado para dar a los diseñadores web flexibilidad.Cómo crear un mapa de imágenes con GIMPCómo crear un mapa de imágenes con GIMPLee mas

En los comentarios alguien me preguntó si esto era posible cumplir con Paint.NET (que puede ser una alternativa Photoshop?). Por esta razón me puse a no sólo instalar y utilizar Paint.NET por primera vez, sino para encontrar la manera de hacer los mapas de imagen de usarlo.

Sí, yo tenía que salir de Ubuntu durante unos minutos y arrancar en mi instalación de Windows (sé que hay una versión de Ubuntu, pero no estaba seguro si todo funcionaría de la misma) pero valió la pena el cambio de ritmo.

La conclusión a la que llegué fue que sí, es posible pero necesitará la ayuda de un plugin.

Descargar & Instalar el plugin

Los plugins son bastante fáciles de implementar en Paint.NET y que básicamente consiste en la descarga de los archivos y ponerlos en la carpeta correcta. El plug-in necesario para hacer un mapa de imagen se denomina “Crear imagen Mapa”Y se puede descargar desde este enlace. La página es un poco complicado por lo que echa un vistazo a la pantalla de abajo para encontrar fácilmente.

Vídeo: Html: mapa de imagenes

Se le descargando un archivo zip que contiene los archivos correctos. Una vez descargado, simplemente ponerlos en aquí: C / Archivos de programa / Paint.NET / Efectos

Ahora acaba de reiniciar Paint.NET y usted debe tenerlo instalado. Abra la imagen y usted debe estar todo listo.

Utilice la imagen Editor de mapas para obtener el código Derecho

Abra el editor de mapa de imagen: Efectos -gt; -gt imagen Aplicación; Crear imagen Mapa

Vídeo: como hacer Imagenes PNG con paint.net

Arrastre (fingiendo que está viendo una caja) y el nombre de cada punto de acceso.

Haga clic en OK cuando haya terminado. A continuación, recibirá un pop-up con algo de código que tendrá que tomar.

Editar el código & Dejarlo listo para su sitio

Abrir Bloc de notas o un editor de texto similar y pegar el código. Usted probablemente va a terminar con todo el código en una sola línea. La forma más fácil es separar las líneas de la manera que lo hice en la siguiente imagen.

Nótese que he añadido una línea de código en la parte superior. Esta línea de código especifica que la imagen se encuentra en el servidor (que subiste bien?) Y el nombre del mapa que se utiliza sobre la imagen.

También se dará cuenta de que puse el nombre del mapa. Con el fin de atar la imagen para el mapa, que tendrá que hacer eso. sustituir también los signos “#” con la URL de los enlaces que desea insertar.

Así que sí, hay otra manera de hacer un mapa de imagen. También es posible hacerlo a mano, sin la ayuda de un programa de edición de imágenes, pero ¿quién tiene tiempo para eso?

¿Qué se usa para hacer los mapas de imagen?