Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Corso LaTeX - Lezione Cinque: Advanced beamer

4,125 views

Published on

Latex è un potente mezzo per la composizione tipografica, particolarmente utile per la stesura di testi scientifici.

Il corso esplora sia le funzionalità di base sia qualche funzione leggermente più avanzata nelle seguenti lezioni:

Lezione Uno - Cos'è Latex?
Introduzione a Latex, sintassi, layout di un documento, editor di testo.

Lezione Due - Ambienti Latex
Funzioni matematiche, tabelle e figure

Lezione Tre - Personalizzazione
Template di documenti, comandi personali, alcune funzioni avanzate

Lezione Quattro - Il Pacchetto Beamer
Fare presentazioni con Latex: nozioni di base

Lezione Cinque - Presentazioni personalizzate (e animate) [QUESTA PRESENTAZIONE]
Template per beamer, alcune funzioni avanzate

Published in: Education
  • Sex in your area is here: ❤❤❤ http://bit.ly/39mQKz3 ❤❤❤
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Corso LaTeX - Lezione Cinque: Advanced beamer

  1. 1. Lezione Cinque: Advanced Beamer 16 Maggio 2014 Valentina Ferro valentina.ferro89@gmail.com
  2. 2. Outline 1 Personalizzare i temi Colori Elementi Buttons Appendice 2 Transizioni 3 Animazioni 4 File multimediali 5 Figure con Tikz Le basi Animazioni Lezione 5 2/36 V. Ferro
  3. 3. Outline 1 Personalizzare i temi Colori Elementi Buttons Appendice 2 Transizioni 3 Animazioni 4 File multimediali 5 Figure con Tikz Le basi Animazioni Lezione 5 2/36 V. Ferro
  4. 4. Outline 1 Personalizzare i temi Colori Elementi Buttons Appendice 2 Transizioni 3 Animazioni 4 File multimediali 5 Figure con Tikz Le basi Animazioni Lezione 5 2/36 V. Ferro
  5. 5. Outline 1 Personalizzare i temi Colori Elementi Buttons Appendice 2 Transizioni 3 Animazioni 4 File multimediali 5 Figure con Tikz Le basi Animazioni Lezione 5 2/36 V. Ferro
  6. 6. Outline 1 Personalizzare i temi Colori Elementi Buttons Appendice 2 Transizioni 3 Animazioni 4 File multimediali 5 Figure con Tikz Le basi Animazioni Lezione 5 2/36 V. Ferro
  7. 7. Outline 1 Personalizzare i temi Colori Elementi Buttons Appendice 2 Transizioni 3 Animazioni 4 File multimediali 5 Figure con Tikz Le basi Animazioni Lezione 5 3/36 V. Ferro
  8. 8. Personalizziamo un tema... Modificare i singoli elementi A prescindere da ciascun tema, si possono modicare: colori e font degli elementi del tema aggiungere elementi non presenti inserire immagini come sfondo dei vari elementi Lezione 5 4/36 V. Ferro
  9. 9. Personalizziamo un tema... Definire i singoli colori Colori predefiniti: red, blue, green, cyan, magenta, yellow, black, darkgray, gray, lightgray, orange, violet, purple, brown Creare nuovi colori Usando la codifica RGB o CMYK: definecolor{NomeColore}{RGB}{val1,val2,val3} Miscelando i colori già dichiarati: colore1!percentuale-colore1!colore2 definecolor{MyGreen}{RGB}{1,125,80} ... Un parola {color{MyGreen}verde} ed una {color{MyGreen!60!cyan}miscelata} Un parola verde ed una miscelata Lezione 5 5/36 V. Ferro
  10. 10. Personalizziamo un tema... Definire i singoli colori Colori predefiniti: red, blue, green, cyan, magenta, yellow, black, darkgray, gray, lightgray, orange, violet, purple, brown Creare nuovi colori Usando la codifica RGB o CMYK: definecolor{NomeColore}{RGB}{val1,val2,val3} Miscelando i colori già dichiarati: colore1!percentuale-colore1!colore2 definecolor{MyGreen}{RGB}{1,125,80} ... Un parola {color{MyGreen}verde} ed una {color{MyGreen!60!cyan}miscelata} Un parola verde ed una miscelata Lezione 5 5/36 V. Ferro
  11. 11. Personalizziamo un tema... Definire i singoli colori Colori predefiniti: red, blue, green, cyan, magenta, yellow, black, darkgray, gray, lightgray, orange, violet, purple, brown Creare nuovi colori Usando la codifica RGB o CMYK: definecolor{NomeColore}{RGB}{val1,val2,val3} Miscelando i colori già dichiarati: colore1!percentuale-colore1!colore2 definecolor{MyGreen}{RGB}{1,125,80} ... Un parola {color{MyGreen}verde} ed una {color{MyGreen!60!cyan}miscelata} Un parola verde ed una miscelata Lezione 5 5/36 V. Ferro
  12. 12. Personalizziamo un tema... Attribuire i singoli colori setbeamercolor{elemento}{fg=color, bg=color} Alcuni esempi: setbeamercolor{section in sidebar}{fg=orange!30!white} setbeamercolor{subsection in sidebar}{fg=white} setbeamercolor{frametitle}{fg=MyLightBlue} setbeamercolor{block title}{fg=white,bg=MyBlue} setbeamercolor{block body}{fg=black,bg=MyBlue!40!white} Lezione 5 6/36 V. Ferro
  13. 13. Personalizziamo un tema... Attribuire i singoli colori setbeamercolor{elemento}{fg=color, bg=color} Alcuni esempi: setbeamercolor{section in sidebar}{fg=orange!30!white} setbeamercolor{subsection in sidebar}{fg=white} setbeamercolor{frametitle}{fg=MyLightBlue} setbeamercolor{block title}{fg=white,bg=MyBlue} setbeamercolor{block body}{fg=black,bg=MyBlue!40!white} Lezione 5 6/36 V. Ferro
  14. 14. Personalizziamo un tema... Un caso particolare: background setbeamertemplate......{} beamertemplatesolidbackgroundcolor{color} beamertemplateshadingbackground{color1}{color2} Inoltre: beamertemplategridbackground[grid_space] usebackgroundtemplate{includegraphics....} Lezione 5 7/36 V. Ferro
  15. 15. Personalizziamo un tema... Un caso particolare: background setbeamertemplate......{} beamertemplatesolidbackgroundcolor{color} beamertemplateshadingbackground{color1}{color2} Inoltre: beamertemplategridbackground[grid_space] usebackgroundtemplate{includegraphics....} Lezione 5 7/36 V. Ferro
  16. 16. Personalizziamo un tema... Un caso particolare: background setbeamertemplate......{} beamertemplatesolidbackgroundcolor{color} beamertemplateshadingbackground{color1}{color2} Inoltre: beamertemplategridbackground[grid_space] usebackgroundtemplate{includegraphics....} Lezione 5 7/36 V. Ferro
  17. 17. Personalizziamo un tema... Un caso particolare: background setbeamertemplate......{} beamertemplatesolidbackgroundcolor{color} beamertemplateshadingbackground{color1}{color2} Inoltre: beamertemplategridbackground[grid_space] usebackgroundtemplate{includegraphics....} Lezione 5 7/36 V. Ferro
  18. 18. Personalizziamo un tema... Modificare i singoli elementi setbeamertemplate{elemento}[proprieta’] Così come per il background, possiamo modificare elementi di varia natura: setbeamertemplate{sidebar canvas left}[vertical shading] [top=red, bottom=white] setbeamertemplate{navigation symbols}{} setbeamertemplate{footline}[slide number] setbeamertemplate{item}[orange] Lezione 5 8/36 V. Ferro
  19. 19. Personalizziamo un tema... Inserire i singoli elementi insert..... insertframenumber inserttotalframenumber insertshortauthor insertauthor insertshorttitle inserttitle Lezione 5 9/36 V. Ferro
  20. 20. Personalizziamo un tema... Inserire i singoli elementi insert..... insertframenumber inserttotalframenumber insertshortauthor insertauthor insertshorttitle inserttitle Lezione 5 9/36 V. Ferro
  21. 21. Personalizziamo un tema... Un esempio per spiegare usetheme[left]{Hannover} useinnertheme[shadow=true]{rounded} setbeamertemplate{sidebar canvas left}[vertical shading][top=purple!70!red, bottom= black!90!red] setbeamertemplate{item}[red] setbeamercolor{title in sidebar}{} setbeamercolor{section in sidebar}{fg=white} setbeamercolor{subsection in sidebar}{fg=white} setbeamercolor{section in sidebar shaded}{fg=red!50!white} setbeamercolor{subsection in sidebar shaded}{fg=red!20!black} setbeamercolor{structure}{fg=red!90!black} setbeamertemplate{navigation symbols}{} usebackgroundtemplate{includegraphics[width=paperwidth]{pictures/map}} usefoottemplate{vbox{tinycolouredline{purple!70!red}{color{white}textbf{ insertauthorhfill insertdate}}tinycolouredline{black!90!red}{color{white} textbf{inserttitle}hfilltext{insertframenumber/inserttotalframenumber}}}} Lezione 5 10/36 V. Ferro
  22. 22. Personalizziamo un tema... Un esempio per spiegare usetheme[left]{Hannover} useinnertheme[shadow=true]{rounded} setbeamertemplate{sidebar canvas left}[vertical shading][top=purple!70!red, bottom= black!90!red] setbeamertemplate{item}[red] setbeamercolor{title in sidebar}{} setbeamercolor{section in sidebar}{fg=white} setbeamercolor{subsection in sidebar}{fg=white} setbeamercolor{section in sidebar shaded}{fg=red!50!white} setbeamercolor{subsection in sidebar shaded}{fg=red!20!black} setbeamercolor{structure}{fg=red!90!black} setbeamertemplate{navigation symbols}{} usebackgroundtemplate{includegraphics[width=paperwidth]{pictures/map}} usefoottemplate{vbox{tinycolouredline{purple!70!red}{color{white}textbf{ insertauthorhfill insertdate}}tinycolouredline{black!90!red}{color{white} textbf{inserttitle}hfilltext{insertframenumber/inserttotalframenumber}}}} Lezione 5 10/36 V. Ferro
  23. 23. Personalizziamo un tema... Un esempio per spiegare usetheme[left]{Hannover} useinnertheme[shadow=true]{rounded} setbeamertemplate{sidebar canvas left}[vertical shading][top=purple!70!red, bottom= black!90!red] setbeamertemplate{item}[red] setbeamercolor{title in sidebar}{} setbeamercolor{section in sidebar}{fg=white} setbeamercolor{subsection in sidebar}{fg=white} setbeamercolor{section in sidebar shaded}{fg=red!50!white} setbeamercolor{subsection in sidebar shaded}{fg=red!20!black} setbeamercolor{structure}{fg=red!90!black} setbeamertemplate{navigation symbols}{} usebackgroundtemplate{includegraphics[width=paperwidth]{pictures/map}} usefoottemplate{vbox{tinycolouredline{purple!70!red}{color{white}textbf{ insertauthorhfill insertdate}}tinycolouredline{black!90!red}{color{white} textbf{inserttitle}hfilltext{insertframenumber/inserttotalframenumber}}}} Lezione 5 10/36 V. Ferro
  24. 24. Personalizziamo un tema... Un esempio per spiegare usetheme[left]{Hannover} useinnertheme[shadow=true]{rounded} setbeamertemplate{sidebar canvas left}[vertical shading][top=purple!70!red, bottom= black!90!red] setbeamertemplate{item}[red] setbeamercolor{title in sidebar}{} setbeamercolor{section in sidebar}{fg=white} setbeamercolor{subsection in sidebar}{fg=white} setbeamercolor{section in sidebar shaded}{fg=red!50!white} setbeamercolor{subsection in sidebar shaded}{fg=red!20!black} setbeamercolor{structure}{fg=red!90!black} setbeamertemplate{navigation symbols}{} usebackgroundtemplate{includegraphics[width=paperwidth]{pictures/map}} usefoottemplate{vbox{tinycolouredline{purple!70!red}{color{white}textbf{ insertauthorhfill insertdate}}tinycolouredline{black!90!red}{color{white} textbf{inserttitle}hfilltext{insertframenumber/inserttotalframenumber}}}} Lezione 5 10/36 V. Ferro
  25. 25. Personalizziamo un tema... Un esempio per spiegare usetheme[left]{Hannover} useinnertheme[shadow=true]{rounded} setbeamertemplate{sidebar canvas left}[vertical shading][top=purple!70!red, bottom= black!90!red] setbeamertemplate{item}[red] setbeamercolor{title in sidebar}{} setbeamercolor{section in sidebar}{fg=white} setbeamercolor{subsection in sidebar}{fg=white} setbeamercolor{section in sidebar shaded}{fg=red!50!white} setbeamercolor{subsection in sidebar shaded}{fg=red!20!black} setbeamercolor{structure}{fg=red!90!black} setbeamertemplate{navigation symbols}{} usebackgroundtemplate{includegraphics[width=paperwidth]{pictures/map}} usefoottemplate{vbox{tinycolouredline{purple!70!red}{color{white}textbf{ insertauthorhfill insertdate}}tinycolouredline{black!90!red}{color{white} textbf{inserttitle}hfilltext{insertframenumber/inserttotalframenumber}}}} Lezione 5 10/36 V. Ferro
  26. 26. Personalizziamo un tema... Un esempio per spiegare Introduzione Vita di J.R.R. Tolkien La citazione sulla fantasia e la ragione I Testi Le Poesie di Tom Bombadil Lo Hobbit Il Signore degli Anelli La compagnia dell’anello Le due torri Il ritorno del re Conclusioni La Fantasia Il genio di Tolkien e la cultura scientifica Valentina Ferro 1 J.R.R. Tolkien 2 1Universita’ di Catania 2Merton College – Oxford May 15, 2014 Valentina Ferro 1 J.R.R. Tolkien 2 May 15, 2014 La Fantasia 1/5 Lezione 5 10/36 V. Ferro
  27. 27. Personalizziamo un tema... Un esempio per spiegare Introduzione Vita di J.R.R. Tolkien La citazione sulla fantasia e la ragione I Testi Le Poesie di Tom Bombadil Lo Hobbit Il Signore degli Anelli La compagnia dell’anello Le due torri Il ritorno del re Conclusioni Fantasia e Ragione da Sulle fiabe — Albero e foglia La Fantasia e’ una naturale attivita’ umana, la quale certamente non distrugge e neppure reca offesa alla Ragione; ne’ smussa l’appetito per la verita’ scientifica, di cui non ottunde la percezione. Al contrario: piu’ acuta e chiara e’ la ragione, e migliori fantasie produrra’ Valentina Ferro 1 J.R.R. Tolkien 2 May 15, 2014 La Fantasia 3/5 Lezione 5 10/36 V. Ferro
  28. 28. Personalizziamo un tema... Buttons hyperlink{etichetta}{beamerbutton{nomevisualizzato} Per inserire un bottone che rimanda ad una precisa slide: hyperlink{transizioni} {beamergotobutton{Vai alle transizioni}} Vai alle transizioni hyperlink{outline<5>} {beamerbutton{Indice}} Indice hyperlink{end} {beamerskipbutton{Salta alla fine}} Salta alla fine Lezione 5 11/36 V. Ferro
  29. 29. Personalizziamo un tema... Una utile feature: Appendice appendix Le sezioni inserite dopo il comando appendix, non appaiono finchè non si raggiunge un frame che è inserito dopo il comando stesso. N.B. Il conteggio totale dei frame viene modificato dalla presenza dell’indice. Può essere necessario risettare il numero totale di frame: renewcommand{inserttotalframenumber}{num} Introduzione Vita di J.R.R. Tolkien La citazione sulla fantasia e la ragione I Testi Le Poesie di Tom Bombadil Lo Hobbit Il Signore degli Anelli La compagnia dell’anello Le due torri Il ritorno del re Conclusioni Conclusione L’insoddisfazione del messaggio Questa presentazione non è stata affatto soddisfacente, essendo per lo più vuota! Valentina Ferro 1 J.R.R. Tolkien 2 May 15, 2014 La Fantasia 5/5 Lezione 5 12/36 V. Ferro
  30. 30. Personalizziamo un tema... Una utile feature: Appendice appendix Le sezioni inserite dopo il comando appendix, non appaiono finchè non si raggiunge un frame che è inserito dopo il comando stesso. N.B. Il conteggio totale dei frame viene modificato dalla presenza dell’indice. Può essere necessario risettare il numero totale di frame: renewcommand{inserttotalframenumber}{num} Sezione App Sottosezione App Frame appendice Valentina Ferro 1 J.R.R. Tolkien 2 May 15, 2014 La Fantasia 6/5 Lezione 5 12/36 V. Ferro
  31. 31. Personalizziamo un tema... Una utile feature: Appendice appendix Le sezioni inserite dopo il comando appendix, non appaiono finchè non si raggiunge un frame che è inserito dopo il comando stesso. N.B. Il conteggio totale dei frame viene modificato dalla presenza dell’indice. Può essere necessario risettare il numero totale di frame: renewcommand{inserttotalframenumber}{num} i oesie di badil obbit nore Anelli pagnia anello ue torri orno del usioni Questa presentazione non è stata affatto soddisfacente, essendo per lo più vuota! entina Ferro 1 J.R.R. Tolkien 2 May 15, 2014 Fantasia 5/5 ne App sezione Frame appendice entina Ferro 1 J.R.R. Tolkien 2 May 15, 2014 Fantasia 6/5 Lezione 5 12/36 V. Ferro
  32. 32. Outline 1 Personalizzare i temi Colori Elementi Buttons Appendice 2 Transizioni 3 Animazioni 4 File multimediali 5 Figure con Tikz Le basi Animazioni Lezione 5 13/36 V. Ferro
  33. 33. Transizioni Le transizioni agiscono sugli overlays, e solo in modalità presentazione. transizione<numslide>[duration,direction] transblindshorizontal Persiane a scomparsa orizzontali transblindsvertical Persiane a scomparsa verticali transboxin A scomparsa verso il centro transboxout A scomparsa dal centro transdissolve Dissolvenza transglitter Effetto glitter transslipverticalin A scomparsa verticale su due line verso il centro transslipverticalout A scomparsa verticale su due line verso l’esterno transhorizontalin A scomparsa orizzontale su due line verso il centro transhorizontalout A scomparsa orizzontale su due line verso l’esterno transwipe A scomparsa, unica linea transduration{n} Mostra la slide n secondi Lezione 5 14/36 V. Ferro
  34. 34. Transizioni Le transizioni agiscono sugli overlays, e solo in modalità presentazione. transizione<numslide>[duration,direction] transblindshorizontal Persiane a scomparsa orizzontali transblindsvertical Persiane a scomparsa verticali transboxin A scomparsa verso il centro transboxout A scomparsa dal centro transdissolve Dissolvenza transglitter Effetto glitter transslipverticalin A scomparsa verticale su due line verso il centro transslipverticalout A scomparsa verticale su due line verso l’esterno transhorizontalin A scomparsa orizzontale su due line verso il centro transhorizontalout A scomparsa orizzontale su due line verso l’esterno transwipe A scomparsa, unica linea transduration{n} Mostra la slide n secondi Lezione 5 14/36 V. Ferro
  35. 35. Outline 1 Personalizzare i temi Colori Elementi Buttons Appendice 2 Transizioni 3 Animazioni 4 File multimediali 5 Figure con Tikz Le basi Animazioni Lezione 5 15/36 V. Ferro
  36. 36. Animazioni Come funzionano Generano un grande numero di slide Non consentono una facile navigazione Diverse tipologie Animazione Avanzamento temporale Possono essere migliorare se all’interno dell’ambiente Tikz Lezione 5 16/36 V. Ferro
  37. 37. Animazioni Avanzamento temporale Un lungo elenco puntato animato un elenco puntato molto lungo giusto per provare una semplice animazione ! E’ stato sufficiente inserire animate<2-13> all’inizio del frame Lezione 5 17/36 V. Ferro
  38. 38. Animazioni Avanzamento temporale Un lungo elenco puntato animato un elenco puntato molto lungo giusto per provare una semplice animazione ! E’ stato sufficiente inserire animate<2-13> all’inizio del frame Lezione 5 17/36 V. Ferro
  39. 39. Animazioni Avanzamento temporale Un lungo elenco puntato animato un elenco puntato molto lungo giusto per provare una semplice animazione ! E’ stato sufficiente inserire animate<2-13> all’inizio del frame Lezione 5 17/36 V. Ferro
  40. 40. Animazioni Avanzamento temporale Un lungo elenco puntato animato un elenco puntato molto lungo giusto per provare una semplice animazione ! E’ stato sufficiente inserire animate<2-13> all’inizio del frame Lezione 5 17/36 V. Ferro
  41. 41. Animazioni Avanzamento temporale Un lungo elenco puntato animato un elenco puntato molto lungo giusto per provare una semplice animazione ! E’ stato sufficiente inserire animate<2-13> all’inizio del frame Lezione 5 17/36 V. Ferro
  42. 42. Animazioni Avanzamento temporale Un lungo elenco puntato animato un elenco puntato molto lungo giusto per provare una semplice animazione ! E’ stato sufficiente inserire animate<2-13> all’inizio del frame Lezione 5 17/36 V. Ferro
  43. 43. Animazioni Avanzamento temporale Un lungo elenco puntato animato un elenco puntato molto lungo giusto per provare una semplice animazione ! E’ stato sufficiente inserire animate<2-13> all’inizio del frame Lezione 5 17/36 V. Ferro
  44. 44. Animazioni Avanzamento temporale Un lungo elenco puntato animato un elenco puntato molto lungo giusto per provare una semplice animazione ! E’ stato sufficiente inserire animate<2-13> all’inizio del frame Lezione 5 17/36 V. Ferro
  45. 45. Animazioni Avanzamento temporale Un lungo elenco puntato animato un elenco puntato molto lungo giusto per provare una semplice animazione ! E’ stato sufficiente inserire animate<2-13> all’inizio del frame Lezione 5 17/36 V. Ferro
  46. 46. Animazioni Avanzamento temporale Un lungo elenco puntato animato un elenco puntato molto lungo giusto per provare una semplice animazione ! E’ stato sufficiente inserire animate<2-13> all’inizio del frame Lezione 5 17/36 V. Ferro
  47. 47. Animazioni Avanzamento temporale Un lungo elenco puntato animato un elenco puntato molto lungo giusto per provare una semplice animazione ! E’ stato sufficiente inserire animate<2-13> all’inizio del frame Lezione 5 17/36 V. Ferro
  48. 48. Animazioni Avanzamento temporale Un lungo elenco puntato animato un elenco puntato molto lungo giusto per provare una semplice animazione ! E’ stato sufficiente inserire animate<2-13> all’inizio del frame Lezione 5 17/36 V. Ferro
  49. 49. Animazioni Avanzamento temporale Un lungo elenco puntato animato un elenco puntato molto lungo giusto per provare una semplice animazione ! E’ stato sufficiente inserire animate<2-13> all’inizio del frame Lezione 5 17/36 V. Ferro
  50. 50. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} Lezione 5 18/36 V. Ferro
  51. 51. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} Lezione 5 18/36 V. Ferro
  52. 52. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} Lezione 5 18/36 V. Ferro
  53. 53. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} Lezione 5 18/36 V. Ferro
  54. 54. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} Lezione 5 18/36 V. Ferro
  55. 55. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} Lezione 5 18/36 V. Ferro
  56. 56. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} Lezione 5 18/36 V. Ferro
  57. 57. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} Lezione 5 18/36 V. Ferro
  58. 58. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} Lezione 5 18/36 V. Ferro
  59. 59. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} Lezione 5 18/36 V. Ferro
  60. 60. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ! Lezione 5 18/36 V. Ferro
  61. 61. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} !! Lezione 5 18/36 V. Ferro
  62. 62. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} w!! Lezione 5 18/36 V. Ferro
  63. 63. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} w!! Lezione 5 18/36 V. Ferro
  64. 64. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} w!! Lezione 5 18/36 V. Ferro
  65. 65. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ow!! Lezione 5 18/36 V. Ferro
  66. 66. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ow!! Lezione 5 18/36 V. Ferro
  67. 67. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} now!! Lezione 5 18/36 V. Ferro
  68. 68. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} now!! Lezione 5 18/36 V. Ferro
  69. 69. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} now!! Lezione 5 18/36 V. Ferro
  70. 70. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} e now!! Lezione 5 18/36 V. Ferro
  71. 71. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} e now!! Lezione 5 18/36 V. Ferro
  72. 72. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} me now!! Lezione 5 18/36 V. Ferro
  73. 73. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} me now!! Lezione 5 18/36 V. Ferro
  74. 74. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} me now!! Lezione 5 18/36 V. Ferro
  75. 75. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} me now!! Lezione 5 18/36 V. Ferro
  76. 76. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} p me now!! Lezione 5 18/36 V. Ferro
  77. 77. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} p me now!! Lezione 5 18/36 V. Ferro
  78. 78. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} op me now!! Lezione 5 18/36 V. Ferro
  79. 79. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} op me now!! Lezione 5 18/36 V. Ferro
  80. 80. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} top me now!! Lezione 5 18/36 V. Ferro
  81. 81. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} stop me now!! Lezione 5 18/36 V. Ferro
  82. 82. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} stop me now!! Lezione 5 18/36 V. Ferro
  83. 83. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} stop me now!! Lezione 5 18/36 V. Ferro
  84. 84. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} t stop me now!! Lezione 5 18/36 V. Ferro
  85. 85. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ’t stop me now!! Lezione 5 18/36 V. Ferro
  86. 86. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} n’t stop me now!! Lezione 5 18/36 V. Ferro
  87. 87. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} n’t stop me now!! Lezione 5 18/36 V. Ferro
  88. 88. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} on’t stop me now!! Lezione 5 18/36 V. Ferro
  89. 89. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} on’t stop me now!! Lezione 5 18/36 V. Ferro
  90. 90. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} Don’t stop me now!! Lezione 5 18/36 V. Ferro
  91. 91. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} Don’t stop me now!! Lezione 5 18/36 V. Ferro
  92. 92. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} Don’t stop me now!! Lezione 5 18/36 V. Ferro
  93. 93. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} Don’t stop me now!! Lezione 5 18/36 V. Ferro
  94. 94. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  95. 95. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  96. 96. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  97. 97. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  98. 98. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  99. 99. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  100. 100. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  101. 101. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  102. 102. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  103. 103. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  104. 104. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  105. 105. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  106. 106. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  107. 107. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  108. 108. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  109. 109. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  110. 110. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  111. 111. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  112. 112. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  113. 113. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  114. 114. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  115. 115. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  116. 116. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  117. 117. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  118. 118. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  119. 119. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  120. 120. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  121. 121. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  122. 122. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  123. 123. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  124. 124. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  125. 125. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  126. 126. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  127. 127. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  128. 128. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  129. 129. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! Lezione 5 18/36 V. Ferro
  130. 130. Animazioni Animare con effetti animatevalue<n>{effetto}{start}{end} ⇒ Don’t stop me now!! newcountopaqueness newdimenoffset newdimenoffsettwo begin{frame} animate<2-60,62-80> .... animatevalue<1-60>{offset}{-6cm}{0cm} animatevalue<62-81>{opaqueness}{100}{0} animatevalue<62-81>{offsettwo}{0cm}{6cm} begin{colormixin}{theopaqueness!averagebackgroundcolor} hspace{offset}hspace{offsettwo} $Rightarrow$ Don’t stop me now!! end{colormixin} ... end{frame} Codice modificato da Ki-Joo Kim Lezione 5 18/36 V. Ferro
  131. 131. Outline 1 Personalizzare i temi Colori Elementi Buttons Appendice 2 Transizioni 3 Animazioni 4 File multimediali 5 Figure con Tikz Le basi Animazioni Lezione 5 19/36 V. Ferro
  132. 132. File Multimediali Il pacchetto media9 includemedia[opzioni]{poster}{percorso/file (oppure url)} Proprietà richiede il pacchetto media9 Formati accettati: avi, mpeg, flv, mp4, ... Opzioni: width, heigh, label.. poster: quello che viene visualizzato in attesa del caricamento del file o prima che si attivi il contenuto Lezione 5 20/36 V. Ferro
  133. 133. File Multimediali Alcuni esempi di codice includemedia[ width=0.4linewidth, height=0.3linewidth, activate=pageopen, addresource=pictures/Vulvia.flv, flashvars={source=pictures/Vulvia.flv}]{}{VPlayer.swf} includemedia[ width=146px,height=108px, activate=pageopen, addresource=pictures/Vulvia.flv, flashvars={source=pictures/Vulvia.flv}]{click!}{ StrobeMediaPlayback.swf} Lezione 5 21/36 V. Ferro
  134. 134. Outline 1 Personalizzare i temi Colori Elementi Buttons Appendice 2 Transizioni 3 Animazioni 4 File multimediali 5 Figure con Tikz Le basi Animazioni Lezione 5 22/36 V. Ferro
  135. 135. Disegnare con TikZ Le basiusepackage{tikz} usetikzlibrary{lista delle librerie} ... begin{tikzpicture}[opzioni] comandi tikz end{tikzpicture} Alcune librerie:arrows, matrix, mindmap, shapes.geometric, trees begin{tikzpicture} draw[red,dashed,thick] (1,0)--(0,0)--(-0.5,1.5)--cycle; end{tikzpicture} (0.5, 1.5) ≡ (0.5cm, 1.5cm), è accettato anche (0.5cm, 1.5pt) Un comando richiede sempre la chiusura con un punto e virgola ; Lezione 5 23/36 V. Ferro
  136. 136. Disegnare con TikZ Le basiusepackage{tikz} usetikzlibrary{lista delle librerie} ... begin{tikzpicture}[opzioni] comandi tikz end{tikzpicture} Alcune librerie:arrows, matrix, mindmap, shapes.geometric, trees begin{tikzpicture} draw[red,dashed,thick] (1,0)--(0,0)--(-0.5,1.5)--cycle; end{tikzpicture} (0.5, 1.5) ≡ (0.5cm, 1.5cm), è accettato anche (0.5cm, 1.5pt) Un comando richiede sempre la chiusura con un punto e virgola ; Lezione 5 23/36 V. Ferro
  137. 137. Disegnare con TikZ Qualche esempio - Nodi Per inserire del testo o un riferimento che può essere facilmente indicizzato si inseriscono i nodi AB C begin{tikzpicture} draw[red,dashed,thick] (1,0)--(0,0)--(0.5,1.5)--cycle; node [right] at (1,0) {$A$}; node [left] at (0,0) {$B$}; node [above] at (0.5,1.5) {$C$}; end{tikzpicture} Lezione 5 24/36 V. Ferro
  138. 138. Disegnare con TikZ Diagrammi Deposizione Cleaning Ellissometria Deposizione Metalli Misure CV Lezione 5 25/36 V. Ferro
  139. 139. Disegnare con TikZ Diagrammi tikzstyle{main}=[thick, rectangle, draw=MyBlue, rounded corners, fill=MyBlue!70, text centered, anchor=north, text=white, text width=2cm] .... begin{frame} ... begin{tikzpicture}[node distance=.9cm] node (Begin)[main]{Deposizione}; node (SecondStep)[main, below=of Begin]{Cleaning}; node (Split) [text width=2cm, below=of SecondStep] {}; node (MisSpessore) [second, left=of Split] {Ellissometria}; node (ThirdStep) [second, right=of Split] {Deposizione Metalli}; ... draw[myarrow] (Begin.south) -- (SecondStep.north); draw[myarrow] (SecondStep.south) -- ++(0,-0.2) -| (MisSpessore.north); draw[myarrow] (SecondStep.south) -- ++(0,-0.2) -| (ThirdStep.north); ... end{tikzpicture} Lezione 5 26/36 V. Ferro
  140. 140. Disegnare con TikZ Mappe concettuali Figure in LaTeX Da esterno include- graphics pstricks TikZ Diagrammi Interazione con beamer Mappe concettuali Grafici Lezione 5 27/36 V. Ferro
  141. 141. Disegnare con TikZ Mappe concettuali resizebox{.8textwidth}{!}{ begin{tikzpicture} path[mindmap,concept color=MyGray,text=white] node[concept] {Figure in LaTeX} % [clockwise from=0, step 180] child[grow=210,concept color=red!20!yellow] { node[concept] {Da esterno} [clockwise from=210] child { node[concept] {include-graphics}} } child[grow=270, concept color=MyGreen!50!yellow]{ node[concept] {pstricks}} child[grow=330, concept color=MyBlue!50!cyan] { node[concept] {TikZ} [clockwise from=90] child { node[concept] {Diagrammi} } child { node[concept] {Interazione con beamer} } child { node[concept] {Mappe concettuali} } child { node[concept] {Grafici} } }; end{tikzpicture}} Lezione 5 28/36 V. Ferro
  142. 142. Disegnare con TikZ Qualche esempio - funzioni draw [domain=<xmin>:<xmax>] plot (x, {function}); begin{tikzpicture} draw [->] (-2.2,0) -- (2.2,0); draw [->] (0,0) -- (0,4.2); draw [green, thick, domain=-2:2] plot (x , {4-x*x}); draw [domain=-2:2, samples=50] plot (x, {1+cos(pi*x r}); end{tikzpicture} Alcune funzioni: sqrt, pow, exp, ln, abs, sin, cos, tan Lezione 5 29/36 V. Ferro
  143. 143. Disegnare con TikZ Interazione con gli overlay in beamer f (x, µ , σ ) = 1 σ √ 2π e− (x−µ)2 2σ2 Media Deviazione Standard Lezione 5 30/36 V. Ferro
  144. 144. Disegnare con TikZ Interazione con gli overlay in beamer f (x, µ , σ ) = 1 σ √ 2π e− (x−µ)2 2σ2 Media Deviazione Standard Lezione 5 30/36 V. Ferro
  145. 145. Disegnare con TikZ Interazione con gli overlay in beamer begin{equation*} f(x, tikz[baseline]{node[fill=blue!20,anchor=base] (t1){$mu$};}, tikz[baseline]{node[fill=red!20, ellipse,anchor=base] (t2){$sigma$};} ) = dfrac{1}{sigma sqrt{2pi}} e^{-frac{(x-mu)^2}{2sigma^2}} end{equation*} begin{itemize}[<+-| alert@+>] item Media tikz[na]node [coordinate] (n1) {}; item Deviazione Standard tikz[na]node [coordinate] (n2) {}; end{itemize} begin{tikzpicture}[overlay] path[->]<1-> (n1) edge [bend right] (t1); path[->]<2-> (n2) edge [bend right] (t2); end{tikzpicture} Lezione 5 31/36 V. Ferro
  146. 146. Animare con TikZ A B begin{tikzpicture}[every node/.style={draw}] node (s) {A}; node (r) at (5,0) {B}; animate<2-10> foreach pos in {0.1,0.2,...,1.0} { action<+>{ path (s) -- (r) node[pos=pos,coordinate] (p) {}; draw[->] (s) -- (p);}} end{tikzpicture} Lezione 5 32/36 V. Ferro
  147. 147. Animare con TikZ A B begin{tikzpicture}[every node/.style={draw}] node (s) {A}; node (r) at (5,0) {B}; animate<2-10> foreach pos in {0.1,0.2,...,1.0} { action<+>{ path (s) -- (r) node[pos=pos,coordinate] (p) {}; draw[->] (s) -- (p);}} end{tikzpicture} Lezione 5 32/36 V. Ferro
  148. 148. Animare con TikZ A B begin{tikzpicture}[every node/.style={draw}] node (s) {A}; node (r) at (5,0) {B}; animate<2-10> foreach pos in {0.1,0.2,...,1.0} { action<+>{ path (s) -- (r) node[pos=pos,coordinate] (p) {}; draw[->] (s) -- (p);}} end{tikzpicture} Lezione 5 32/36 V. Ferro
  149. 149. Animare con TikZ A B begin{tikzpicture}[every node/.style={draw}] node (s) {A}; node (r) at (5,0) {B}; animate<2-10> foreach pos in {0.1,0.2,...,1.0} { action<+>{ path (s) -- (r) node[pos=pos,coordinate] (p) {}; draw[->] (s) -- (p);}} end{tikzpicture} Lezione 5 32/36 V. Ferro
  150. 150. Animare con TikZ A B begin{tikzpicture}[every node/.style={draw}] node (s) {A}; node (r) at (5,0) {B}; animate<2-10> foreach pos in {0.1,0.2,...,1.0} { action<+>{ path (s) -- (r) node[pos=pos,coordinate] (p) {}; draw[->] (s) -- (p);}} end{tikzpicture} Lezione 5 32/36 V. Ferro
  151. 151. Animare con TikZ A B begin{tikzpicture}[every node/.style={draw}] node (s) {A}; node (r) at (5,0) {B}; animate<2-10> foreach pos in {0.1,0.2,...,1.0} { action<+>{ path (s) -- (r) node[pos=pos,coordinate] (p) {}; draw[->] (s) -- (p);}} end{tikzpicture} Lezione 5 32/36 V. Ferro
  152. 152. Animare con TikZ A B begin{tikzpicture}[every node/.style={draw}] node (s) {A}; node (r) at (5,0) {B}; animate<2-10> foreach pos in {0.1,0.2,...,1.0} { action<+>{ path (s) -- (r) node[pos=pos,coordinate] (p) {}; draw[->] (s) -- (p);}} end{tikzpicture} Lezione 5 32/36 V. Ferro
  153. 153. Animare con TikZ A B begin{tikzpicture}[every node/.style={draw}] node (s) {A}; node (r) at (5,0) {B}; animate<2-10> foreach pos in {0.1,0.2,...,1.0} { action<+>{ path (s) -- (r) node[pos=pos,coordinate] (p) {}; draw[->] (s) -- (p);}} end{tikzpicture} Lezione 5 32/36 V. Ferro
  154. 154. Animare con TikZ A B begin{tikzpicture}[every node/.style={draw}] node (s) {A}; node (r) at (5,0) {B}; animate<2-10> foreach pos in {0.1,0.2,...,1.0} { action<+>{ path (s) -- (r) node[pos=pos,coordinate] (p) {}; draw[->] (s) -- (p);}} end{tikzpicture} Lezione 5 32/36 V. Ferro
  155. 155. Animare con TikZ A B begin{tikzpicture}[every node/.style={draw}] node (s) {A}; node (r) at (5,0) {B}; animate<2-10> foreach pos in {0.1,0.2,...,1.0} { action<+>{ path (s) -- (r) node[pos=pos,coordinate] (p) {}; draw[->] (s) -- (p);}} end{tikzpicture} Lezione 5 32/36 V. Ferro
  156. 156. Animare con TikZ begin{animateinline}[loop]{10} multiframe{10}{rPos=0.1+0.1}{ begin{tikzpicture}[every node/.style={draw}] node (s) {A}; node (r) at (5,0) {B}; path (s) -- (r) node[pos=rPos,coordinate] (p) {}; draw[->] (s) -- (p); end{tikzpicture}} end{animateinline} Lezione 5 33/36 V. Ferro A B
  157. 157. Animare con TikZ Un esempio complesso Lezione 5 34/36 V. Ferro t I
  158. 158. Acknowledgements Sebi (a.k.a. etr) – Colui che mi ha iniziato a LATEX Prof. Angilella – Sebbene non fu lui a farmi avere il primo file.tex, trovai rincuorante leggervi il suo nome! Josè, Paola, Luigi e tutti gli altri colleghi che mi hanno spinto a fare questo corso e a mettermi alla prova Tutti voi!!! Lezione 5 35/36 V. Ferro
  159. 159. Grazie dell’attenzione! Find x: 3 cm 2 cmx I˚t’¯s ˛h`eˇr`e! Find $x$. begin{center} begin{ tikzpicture } draw (0,0) −− (3,0) node[midway,below]{3 cm} −− (3,2) node[midway,right] {2 cm} −− (0,0) node[midway,left, circle ,draw=blue,decorate,decoration={random steps,segment length =1pt,amplitude=0.5pt}]{$x$} −− (3,0) rectangle (2.7,0.3) −− cycle; draw (0.4,0) arc (0:30:0.5) ; draw (3,1.6) arc (270:226:0.5) ; draw (1,1.9) node []{ color {blue} fontfamily {frc} selectfont {It ’s here !}}; end{ tikzpicture } end{center} Torna indietro Lezione 5 36/36 V. Ferro

×