tutorial: mappare un immagine, programma: gimp

« Older   Newer »
  Share  
view post Posted on 23/10/2009, 16:58

Super fata

Group:
Gli Elfi dei Funghi
Posts:
3,595

Status:


passo 1:
prendete l'immagine che volete mappare e apritela con gimp (per aprirla basta trascinare l'immagine sull'icona di gimp)
SPOILER (click to view)
image


passo 2:
cliccare su filtri >> web >> mappa immagine
SPOILER (click to view)
image



passo 3:
ora vi si aprirà questa finestra
SPOILER (click to view)
image


passo 4:
cliccate su definisci area rettangolare (ovviamente a seconda del punto da mappare potete scegliere anche il cerchio o il poligono)
SPOILER (click to view)
image


passo 5:
fate un rettangolo sul punto che volete mappare
SPOILER (click to view)
image


passo 6:
quando avete tracciato il rettangolo cliccate e vi apparirà questa finestra: inserite l'indirizzo e cliccate su "ok"
SPOILER (click to view)
image


passo 7:
continuate ripetendo i passi 4 5 6 fino a quando avrete mappato tutti i punti che vi servono
SPOILER (click to view)
image


passo 8:
quando avrete finito di mappare l'immagine cliccate su file>>salva con nome
SPOILER (click to view)
image


passo 9:
vi si sarà aperta questa finestra, cliccate a destra su scrivania e poi su salva
SPOILER (click to view)
image



passo 10:
sul vostro desktop vi troverete il file in un formato sconosciuto (inapribile) oppure in un formato inutile
cliccateci sopra con il tasto destro del mause andate su
apri con >> blocco note (se non è segnato tra i primi programmi cliccate su "programma" e cercatelo
SPOILER (click to view)
image


passo 11:
ora potete aprire il documento e vi si presenterà una scritta del genere: calendario3.png sarà l'unica cosa che andrà sostituita nel codici

HTML
<img src="calendario3.png" width="200" height="320" border="0" usemap="#map" />

<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:User -->
<area shape="poly" coords="9,129,49,68,176,72,192,134,186,140,5,140,9,140" href="http://laterradellefate.forumcommunity.net/?t=32505835" />
<area shape="poly" coords="5,184,4,161,187,168,193,189,189,227,114,230,9,231" href="http://laterradellefate.forumcommunity.net/?t=32435615" />
<area shape="poly" coords="5,299,31,241,171,249,193,301,188,312,83,311,15,311" href="http://laterradellefate.forumcommunity.net/?t=32512400" />
<area shape="poly" coords="181,57,11,62,1,4,194,4,192,28,182,39" href="http://laterradellefate.forumcommunity.net/?f=5591366" />
</map>


passo 11:
caricate l'immagine che avete mappato (l'immagine non il documento che avete aperto prima) in un sito di hosting come fate di solito per mettere un immagine nel web
nel mio caso ho caricato: calendario3.png ottenendo: https://i563.photobucket.com/albums/ss80/lu...calendario3.png

passo 12:
ora riprendete il codice dell'immagine mappata e sostituite il nome dell'immagine con il codice ottenuto nel passo prima:
HTML
<img src="http://i563.photobucket.com/albums/ss80/lulalilla/calendario3.png" width="200" height="320" border="0" usemap="#map" />

<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:User -->
<area shape="poly" coords="9,129,49,68,176,72,192,134,186,140,5,140,9,140" href="http://laterradellefate.forumcommunity.net/?t=32505835" />
<area shape="poly" coords="5,184,4,161,187,168,193,189,189,227,114,230,9,231" href="http://laterradellefate.forumcommunity.net/?t=32435615" />
<area shape="poly" coords="5,299,31,241,171,249,193,301,188,312,83,311,15,311" href="http://laterradellefate.forumcommunity.net/?t=32512400" />
<area shape="poly" coords="181,57,11,62,1,4,194,4,192,28,182,39" href="http://laterradellefate.forumcommunity.net/?f=5591366" />
</map>


passo 13:
mappatura terminata: vi ricordo che questo è un codice html quindi non funziona nei post
 
Top
Lady Mariposa
view post Posted on 24/10/2009, 22:11




Uhhh che bel tutorial!!! ^_^
Un'unica cosa...Bisogna usare necessariamente gimp? O posso utilizzare una cosa del tipo paintshop pro X o animation shop? Perchè io gimp non ce l'ho :huh:
 
Top
view post Posted on 26/10/2009, 03:02

Super fata

Group:
Gli Elfi dei Funghi
Posts:
3,595

Status:


io non ho quei due programmi, non so come sono strutturati, ma probabilmente hanno anche loro il plug-in per mappare le immagine e se lo hanno sarà simile a questo ^^
 
Top
2 replies since 23/10/2009, 16:58   558 views
  Share