mosaico_learning_logo
mosaico_logo_elearning
p11
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

CONTATTACI

Creare Immagini Interattive per l'E-Learning

2016-04-06 04:00

mosaicoelearning

Digital learning, Tutorial, steve Jobs, crisi, storyline, online, beta, conferenza, archivi, immagini interattive,

Creare Immagini Interattive per l'E-Learning

office-5811311920-.jpg


 


banner21-1024x230-.png

Ecco un modo semplice per trasformare una singola immagine in una immagine interattiva con


Articulate Storyline 2

. Questo suggerimento è utile se utilizzate le immagini


interattive o se avete una grande illustrazione ma non c'è modo di romperla in pezzi separati. Questo è quello in cui mi sono imbattuto con questo recente demo che ho costruito per il post sul blog


.


e-learning-tutorials-2-.png

Ho avuto una grande immagine di caratteri multipli, ma tutto quello che avevo era un singolo file .png. Avevo bisogno di un'immagine separata per ogni personaggio per creare la mia interazione. Nel mio esempio, ho voluto che le singole persone avessero un effetto hover. Dal momento che non sono riuscito a separarle in singole immagini, ho usato lo strumento di ritaglio per isolare i personaggi e creare un'interazione semplice.


countclicks-.png


Clicca qui per vedere il demo.


E-Learning tutorial passo-passo

Per saperne di più seguite i passi del tutorial e-learning sotto e poi guardate il video per maggiori dettagli.


  • Inserire l'immagine e duplicarla. Assicurarsi che il duplicato sia in cima all’originale e perfettamente allineato. Consiglio anche di nominare tutte le risorse che posizionate nella diapositiva. Mi piace bloccare l'immagine originale in modo che non la sposti accidentalmente fuori luogo.

duplicate-.png

  • Creare uno stato per ogni personaggio. Aggiungete un nuovo stato per ogni personaggio sull'immagine duplicata. Poi ritagliate ogni stato per isolare il personaggio. Avrete voglia di fare lo stato visivamente diverso, in modo che quando si passa allo stato di un personaggio ci sia una sorta di contrasto con l'originale. Ad alcune persone piace aggiungere bagliori o ridimensionare il nuovo stato.

state-.png

  • Inserire un punto attivo su ogni personaggio. Dal momento che avete solo una singola immagine avrete bisogno di più punti attivi su di essa per simulare l'interazione e cambiare l'immagine di grandi dimensioni negli stati del personaggio isolato.

hotpsot-.png

  • Aggiungere un trigger per l'hotspot. Ogni hotspot innesca un cambiamento di stato verso un personaggio specifico. Aggiungete il primo, e quindi duplicatelo per velocizzare la produzione. Per questa demo, sto usando il passaggio del mouse, ma è possibile utilizzare qualsiasi azione appropriata per l'interazione.

trigger-.png

Ora avete un immagine interattiva costruita da una singola immagine. Non c’è bisogno di rompere l'immagine in pezzi più piccoli o manipolare un vettore illustrato.


E-Learning Video Tutorial

Ecco un video che mostra le fasi un po' più in dettaglio.


target="_blank" rel="noopener noreferrer">Clicca qui per vedere il tutorial e-learning

Questa è una grande tecnica quando siete bloccati utilizzando un'immagine che non è possibile modificare. E come si può vedere, non ci vuole molto per convertire l'immagine statica in qualcosa di un po' più interattivo.


 


 


 


Traduzione autorizzata tratta dal post originale di Tom Kuhlmann sul “Rapid E-Learning Blog”.Il post originale è disponibile qui.Ti è piaciuto questo articolo? Segnalalo ai tuoi colleghi!

Training

Per ricevere informazioni sulle attività di training in aula o online training@mosaicoelearning.it
 

Training

Per ricevere informazioni sulle attività di training in aula o online training@mosaicoelearning.it
 

Articulate

Per acquistare o ricevere informazioni sui prodotti Articulate articulate@mosaicoelearning.it
 

Dove
Ragusa, Via del Melograno, 77

Digital Learning

Per richiedere un preventivo su corsi o servizi elearning corsi@mosaicoelearning.it

Digital Learning

Per richiedere un preventivo su corsi o servizi elearning corsi@mosaicoelearning.it

Articulate

Per acquistare o ricevere informazioni sui prodotti Articulate articulate@mosaicoelearning.it
 

Assistenza

Per richiedere assistenza o per segnalare malfunzionamenti del sito assistenza@mosaicoelearning.it
 

Assistenza

Per richiedere assistenza o per segnalare malfunzionamenti del sito assistenza@mosaicoelearning.it
 

footer

facebook
instagram
twitter
linkedin

www.mosaicoelearning.it @ All Right Reserved 2022 - Sito Realizzato da Flazio Experience

k2.svg
k1.svg
k4.svg
p2.svg
k5.svg
k3.svg
Create Website with flazio.com | Free and Easy Website Builder