3 funzioni avanzate di Prezi che forse non conoscevi, 1/3: cambiare i colori di linee, frecce e forme

Cambiare i colori di linee e forme in PreziUsare Prezi non è complicato.
Certo, all’inizio bisogna prenderci mano, come con tutte le cose nuove; ma una volta presa confidenza con l’interfaccia e gli strumenti, creare una presentazione è abbastanza semplice.
…almeno tecnicamente: far sì che la presentazione sia anche efficace, interessante e utile per chi la visualizza è un altro paio di maniche!

Ci sono poi funzioni e strumenti avanzati, che spesso non sono conosciuti, e che invece consentono, volendo, di personalizzare e gestire in modo più preciso la propria presentazione Prezi.

Tre di queste funzioni (se avete bisogno di un consulente o di un formatore su Prezi, contattatemi!) sono:

Qui prendo in considerazione la prima di queste funzioni: come modificare i colori predefiniti di linee, frecce e oggetti grafici (nei prossimi giorni scriverò in dettaglio delle altre due).

Per strumenti come quelli indicati, ciascun template prevede 5 colori prestabiliti, ma è possibili modificarli.

Palette colori linee e forme in Prezi
Per modificare questi colori, occorre entrare nell’editor CSS di Prezi:

  • click su “Customize” nella barra grigia in alto
  • scorrere fino in fondo la barra di destra fino a cliccare su “Advanced…”
  • nella finestra che si apre, click in basso su “Use the Prezi CSS Editor

Come accedo all'editor CSS in Prezi

Apparirà una nuova finestra in alto a destra con codice simil-CSS (cioè è un css proprio di Prezi, non quello standard).

Linee e frecce condividono la stessa palette di colori; analogamente le diverse forme (rettangoli, cerchi, triangoli) condividono un’unica palette.

Linee e frecce
css line arrow in PreziCerchiamo line-arrow.style1line-arrow.style2 (fino a style5) per modificare la palette di linee e frecce (i colori vanno impostati in valori esadecimali RGB, tipo #FFFFFF):
color: indica il colore della linea e il colore del bordo esterno delle frecce
gradStartColor e gradEndColor si usano solo per le frecce per indicare il colore iniziale e finale (solo lefrecce possono avere un effetto gradiente con colore iniziale e finale diversi; per le linee normali non funziona, saranno sempre monocolore).

Forme (rettangoli, cerchi e triangoli)
css shape in PreziCerchiamo invece shape.style1shape.style2 etc…. per modificare i colori delle forme:
gradStartColor e gradEndColor sono i due valori da modificare. Sono due perché è possibile avere un effetto gradiente; StartColor è il colore del punto più in alto della forma, EndColor il colore del punto più in basso. Assegnando valori uguali alle due variabili, otterremo forme di colore uniforme.

Infine, per vedere le modifiche e controllare ci soddisfano possiamo cliccare su “apply“, anche senza uscire dall’editor.

Dallo stesso editor css si possono modificare molte altre impostazioni, come lo spessore delle linee, i font utilizzati, le caratteristiche dei frame etc…
Alla pagina https://prezi.com/support/article/creating/the-css-editor/ c’è la guida ufficiale all’editor css di Prezi.
Ottimo è anche un tutorial sull’editor css fatto a sua volta con Prezi: https://prezi.com/tzv6zjxciizj/prezi-css-code-like-a-champ-ambassador-edition/

 

 

 

Questa voce è stata pubblicata in Prezi e contrassegnata con , , , , , , , , , . Contrassegna il permalink.

2 risposte a 3 funzioni avanzate di Prezi che forse non conoscevi, 1/3: cambiare i colori di linee, frecce e forme

  1. Pingback: 3 funzioni avanzate di Prezi che forse non conoscevi, 2/3: raggruppare insieme più oggetti | Mooltoweb: web, web 2.0… e quel che sarà

  2. Pingback: 3 funzioni avanzate di Prezi che forse non conoscevi, 3/3: cambiare template ad una presentazione esistente | Mooltoweb: web, web 2.0… e quel che sarà

Lascia un commento

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...