Difference between revisions of "LaTeX/C3/Beamer-Themes-and-Animation-in-LaTeX/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
−
'''Title: '''Introduction to LibreOffice Impress
+
'''Title of the script''': Beamer Themes and Animation
  
−
'''Author: '''Manish Naik
+
'''Author: Preeti Bamane'''
−
+
−
'''Novice Reviewer:''' Nikita
+
  
−
'''Domain Reviewer:''' Praveen and Nancy
+
'''Keywords: Video tutorial, TeXWorks, Ubuntu Unicode, Beamer Themes, Color themes, Overlays'''
  
  
−
'''Keywords:'''
 
  
−
LibreOffice, Impress, spoken Tutorial, video Tutorial, alternative to Microsoft Powerpoint, Free Open Source Software, Impress basic features, add content to slide in Impress, add bullet points in Impress, open an existing presentation in Impress, save Impress presentation as MS PowerPoint, export in PDF format in Impress''' '''
+
{| border = "1"
 +
|| <center>'''Visual Cue'''</center>
 +
|| <center>'''Narration'''</center>
  
 +
|-
 +
|| Slide:
 +
|| Hello and welcome to the spoken tutorial on '''Beamer Themes and Animation'''
  
 +
|-
 +
|| Slide: '''Learning Objectives'''
 +
|| In this tutorial, we will learn to,
  
−
{| border="1"
+
# Use '''Beamer themes'''
−
|-
+
# Do '''text animations''' using '''Overlay'''  
−
|| '''Visual Cues'''
+
−
|| '''Narration'''
+
−
|-
+
−
|| '''Slide: '''Title''' '''
+
  
 +
|-
 +
|| '''Slide 3: System Requirements'''
 +
|| This tutorial is recorded using
  
 +
* '''Windows 11''' and
 +
* '''TeXworks''' editor v0.6.
  
−
|| Welcome to the '''spoken tutorial''' on '''Introduction to LibreOffice Impress.'''
+
The steps demonstrated will work in all operating systems.
−
|-
+
−
|| '''Slide''': Learning Objectives
+
  
 +
|-
 +
|| '''Slide 4: Prerequisites'''
 +
||
  
 +
* To practise this tutorial, you should be familiar with '''LaTeX commands.'''
 +
* You should also know how to create a presentation using '''Beamer'''.
 +
* If not, then go through the prerequisite '''LaTeX''' spoken tutorials on this website.
  
−
|| In this tutorial, we will learn:
+
|-
 +
|| '''Slide 5: Code Files'''
 +
||
 +
* The files used in this tutorial are available in the '''Code files''' link on this tutorial page.
 +
* Please download and extract the files
 +
* Make a copy and use them for practising.
  
−
* About '''LibreOffice''' '''Impress'''
+
|-
−
* Various '''toolbars'''
+
|| Slide: '''Demonstration'''
−
* How to create a new '''presentation'''
+
|| For this demonstration, I will be using the '''Beamer theme Matrix'''.
−
* How to save and close a '''presentation'''
+
−
* How to open an existing '''presentation'''
+
−
* How to save as '''MS''' '''PowerPoint''' '''presentation '''and
+
−
* How to export as a '''PDF''' document in '''Impress'''
+
−
|-  
+
−
|| '''Slide''': What is LibreOffice Impress?
+
−
||  
+
−
* '''LibreOffice''' '''Impress''' is the '''presentation''' component of the '''LibreOffice''' '''Suite'''
+
−
* It is the equivalent of '''Microsoft Powerpoint''' in '''Microsoft Office Suite'''
+
  
 +
The same is available at this link:-
  
−
|-  
+
[https://hartwork.org/beamer-theme-matrix/ https://hartwork.org/beamer-theme-matrix/]
−
|| '''Slide:''' What is LibreOffice Impress?
+
−
||
+
−
* It is a free and open source software
+
−
* It can be shared, modified and distributed without any restrictions
+
  
 +
Open a '''web browser''' and go to this '''URL'''.
  
−
|-  
+
|-
−
|| '''Slide: '''OS and Versions
+
|| <nowiki>[Firefox] Show the beamer page</nowiki>
−
|| '''LibreOffice Impress''' can run on any of the following operating systems:
+
  
 +
Navigate row-wise on the left
  
−
* '''Microsoft Windows '''8''' '''or higher versions
+
Navigate column-wise on the top
−
* '''GNU/Linux '''OS and
+
−
* '''Mac '''OSX
+
  
 +
Hover the mouse on any one of the theame
 +
|| '''Theme matrix''' shows various '''themes''' and '''color theme '''combinations included with the '''Beamer class'''.
  
−
|-
+
The rows of the '''matrix''' show the list of the different '''Beamer themes'''.
−
|| '''Slide: '''System Requirements
+
−
|| This tutorial is recorded using
+
  
−
* '''Ubuntu Linux''' OS version 18.04 and
+
The columns of the '''matrix''' show the list of the different '''Beamer color themes. '''
−
* '''LibreOffice Suite''' version 6.3.5
+
  
 +
When the cursor is placed over an image, it shows the corresponding '''theme '''and '''color theme'''.
  
−
|-  
+
|-
−
|| '''Slide''': LibreOffice Installation
+
|| Go to '''Downloads''' folder >> '''Beamer-Code-Files'''
 +
|| Go to the folder where all the '''Code files''' are downloaded on your machine.
 +
 
 +
|-
 +
|| Open '''beamerThemesAndAnimation.tex''' in TeXworks
 +
|| Open the file '''beamerThemesAndAnimation.tex''' in '''TeXworks editor'''.
 +
 
 +
We will see some '''LaTeX code''' written in the file.
 +
 
 +
|-
 
||  
 
||  
−
* By default, the latest '''Ubuntu''' '''Linux OS''' has '''LibreOffice Suite''' pre-installed in it
+
|| Let’s try to understand the '''code'''.
−
* To install a specific version, refer to the '''LibreOffice Installation''' series on this website.
+
  
 +
|-
 +
|| Highlight: '''\usetheme{Warsaw}'''
 +
|| '''\usetheme{Warsaw} '''is added to the preamble to use the '''Warsaw theme''' in '''Beamer'''.
  
−
|-
 
−
|| Narration Only:
 
−
|| Now let us learn how to open '''LibreOffice''' '''Impress'''.
 
−
|-
 
−
|| Click on '''Show Applications'''->search bar
 
−
type '''Impress'''->Click on '''LibreOffice''' '''Impress '''icon
 
−
|| In '''Ubuntu''' '''Linux''' '''OS''', click on the '''Show Applications''' icon located at the bottom left corner.
 
  
 +
'''Warsaw theme '''displays a header on the '''pdf''' slide.
  
−
In the '''search''' '''bar''' type '''Impress'''.
+
|-
 +
|| Highlight:''' \section and \subsection'''
 +
|| In the document, I have inserted the '''\section''' and '''\subsection''' before each '''frame''' begins.
  
 +
|-
 +
|| Highlight the '''section''' and '''subsection''' names
 +
|| The '''section''' and '''subsection''' names will be displayed in the header of the slide.
  
−
From the displayed list, click on the '''LibreOffice Impress''' icon.
+
|-
−
|-
+
|| At the top left drop-down >> select '''pdfLaTeX'''
−
|| Click on “Start menu”
+
|| At the top left, in the drop-down select '''pdfLaTeX,''' if not already selected.
  
 +
|-
 +
|| Click on the green arrow button
 +
|| Then click on the green arrow button to '''compile''' the file.
  
−
search bar type '''Impress'''
 
  
 +
'''Compile''' the file once again to update the '''theme'''.
  
−
Click on '''LibreOffice''' '''Impress '''icon
+
|-
−
|| In '''Windows OS''', click on the '''Start Menu''' icon located at the bottom left corner.
+
|| Point to the pdf output
 +
|| On '''compilation''', we get the '''pdf''' output with the '''Warsaw theme'''.
  
 +
|-
 +
|| Highlight the header
  
−
In the '''search bar,''' type '''Impress'''.
 
  
 +
Highlight the section names
 +
|| In the slide, we can see a header.
  
−
From the displayed list, click on the '''LibreOffice Impress''' icon.
 
−
|-
 
−
|| Point to '''Select a Template '''dialog''' '''box >> Scroll down in the dialog box.
 
  
 +
It says '''Beamer Themes''' and '''Introduction, '''one below the other.
  
 +
|-
 +
|| Highlight the section names in the TeXworks file.
 +
|| These are the names we defined in the '''sections'''.
  
 +
|-
 +
|| Point to the green right arrow in the output window
 +
|| In the output window, go to the next slide using the green-coloured right arrow.
  
 +
|-
 +
|| Point to the top section.
  
  
−
Point to''' Alizarin.'''
+
Click on “'''Color Themes'''”
 +
|| Look at the header portion of the '''pdf slide.'''
  
−
Click→ '''Alizarin''' > Click '''Open'''
 
−
|| '''Select a Template '''dialog box opens up.
 
  
 +
'''Section '''name''' “Beamer Themes”''' is seen on the left banner.
  
−
There are various '''inbuilt templates''' displayed here.
 
  
 +
And the '''subsection '''name '''“Themes” '''is seen on the right banner.
  
−
You can choose any of them.
+
|-
 +
|| Highlight the section and subsection names in the TeXworks file.
 +
|| These are the names we defined in the '''sections '''and '''subsections'''.
  
 +
|-
 +
|| Highlight the '''section''' or '''subsection''' names.
 +
|| You can go to any slide by clicking on the '''section''' or '''subsection''' names.
  
−
I will select the '''Alizarin (uh·li·zuh·ruhn) template '''and click on the '''Open''' button at the bottom right corner.
+
|-
−
|-  
+
|| Click on '''Color Themes'''
−
|| Cursor on empty '''presentation'''.
+
|| Click on '''Color Themes''' on the top right banner.
−
|| This will open an empty '''presentation''' in the main '''Impress''' window.
+
−
|-
+
−
|| Cursor on the main '''LibreOffice Impress''' window.
+
−
|| Now let us learn about the main components of the '''Impress '''window.
+
−
|-
+
−
||
+
  
−
Drag cursor along all options in the '''‘Title Bar’, ‘Menu Bar’ ‘Standard toolbar’, ‘Formatting bar’, ‘Status bar’, '''and''' sidebar.'''
+
|-
−
|| The '''Impress''' window has '''various toolbars.'''
+
|| Point to the pdf output
  
 +
Slide: '''Beamer Themes Color Themes'''
 +
|| The respective '''section''' name and '''subsection''' name of the slide you are on, get highlighted.
  
−
'''Title bar, Menu bar, standard toolbar, Formatting bar, Status bar, '''and''' '''It is not present bydefault'''Sidebar.'''
 
−
|-
 
−
|| Narration Only:
 
−
|| We will learn more about the '''toolbars''' as the series progresses.
 
  
 +
In my case, '''Beamer Themes''' and '''Color Themes''' get highlighted.
  
−
We are now ready to work on our first '''presentation'''!
+
|-
−
|-  
+
|| Point to the pdf output
−
|| Narration Only:
+
  
−
Click on '''Click to add Title''' '''textbox.'''
+
Slide: Introduction
 +
|| Let’s click on '''Introduction'''.  
  
  
−
Type ‘‘'''Benefit of Open Source'''” >> click outside the '''textbox'''.
+
We are directed to the '''Introduction''' slide.
−
|| Let’s begin by adding some content to the '''slide'''.
+
  
−
Click on the''' textbox''' that says '''Click to add Title'''.
+
|-
 +
|| Only Narration
 +
|| So, this part sort of behaves like a '''navigation panel'''.
  
 +
|-
 +
|| Back to '''beamerThemesAndAnimation.tex'''
 +
|| Let’s go back to the '''code'''.
  
−
Now type “'''Benefit of Open Source'''” inside it and click anywhere outside the '''textbox'''.
+
|-
−
|-
+
|| <nowiki>[TeXworks]</nowiki>
−
|| Click on '''Click to add Text''' '''textbox.'''
+
|| '''Beamer themes''' can be combined with a '''color theme.'''  
  
 +
|-
 +
|| <nowiki>[TeXworks] </nowiki>Type:
  
−
Type “'''A1 services”''' >> click outside the '''textbox'''.
+
'''\usecolortheme{beaver}'''
−
|| Next, click on the''' textbox''' that says '''Click to add Text'''.
+
|| To do so, before the '''begin document command, '''type the '''code '''as shown.
  
 +
|-
 +
|| <nowiki>[TeXworks] Highlight</nowiki>
  
  
 +
'''\usetheme{Warsaw}'''
  
−
Here type “'''A1 services” '''inside it and click anywhere outside the '''textbox.'''
+
'''\usecolortheme{beaver}'''
−
|-
+
|| Always put the '''\usecolortheme command''' below the '''\usetheme command'''.
−
|| Point to the text in both''' textboxes'''.
+
−
|| So, this is how we add content inside a '''slide'''.
+
−
|-
+
−
|| Narration Only:
+
−
|| Now let us save the '''presentation''' for future use.
+
−
|-
+
−
|| Go to the '''Standard toolbar '''-> '''Save.'''
+
−
|| To save the file, click on the '''Save '''icon in the '''Standard toolbar'''.
+
−
|-
+
−
||
+
  
 +
|-
 +
|| Compile twice
 +
|| Now '''compile''' the file twice.
  
 +
|-
 +
|| Point to the pdf output
  
−
Point to “'''Name'''”.
 
  
  
−
Type“'''Sample-Impress'''” in the “'''Name'''” field.
+
|| Observe the output.  
−
|| A''' '''dialog box appears on the screen.
+
  
  
−
It prompts us to enter the name of our file in the '''Name''' field.
+
'''colortheme command''' changed the '''color''' used for different '''elements'''.  
  
  
−
I will type the name of the file as''' “Sample-Impress”.'''
+
Let’s go back to the '''code'''.
−
|-
+
−
|| Select the '''Desktop''' location to save the file.
+
−
|| On the left side, I’ll select '''Desktop''' as the location to save my file.
+
−
|-
+
−
|| Click '''File type''' drop-down
+
−
|| Notice, we have a '''File type''' drop-down at the bottom right corner.
+
  
 +
|-
 +
|| <nowiki>[TeXworks] Update</nowiki>
  
−
Click on this drop-down.
 
−
|-
 
−
|| Scroll down the drop-down menu
 
  
 +
'''\usetheme{Madrid}'''
  
 +
'''\usecolortheme{crane}'''
 +
|| Let’s try another '''theme''' and '''theme color.'''
  
  
−
Point to “'''ODF Presentation'''” and then on “'''odp'''
+
Update the '''\usetheme''' and '''\usecolortheme''' as shown.
  
 +
|-
 +
|| <nowiki>[TeXworks] Highlight</nowiki>
  
−
Select '''ODF''' '''Presentation (.odp) format'''
 
−
|| It shows a list of '''file types''' or '''file extensions''' in which we can save our file.
 
  
 +
\usetheme{Madrid}
  
−
The default '''file type''' in '''LibreOffice Impress''' is '''ODF''' '''Presentation (.odp)'''
 
  
−
.
+
\usecolortheme{crane}
 +
|| I have set the '''theme '''to '''Madrid '''and the '''colortheme''' to '''crane.'''
  
−
'''ODF''' stands for '''Open Document Format''' which is an open standard.
+
|-
−
|-
+
|| Compile twice
−
|| Click on “'''Save'''”.
+
|| '''Compile''' the file twice.
  
 +
|-
 +
|| Point to the pdf output
 +
|| We can see the generated '''pdf''' output.
  
−
Back to the '''Impress''' window.
 
−
|| Click on the '''Save''' button at the top right corner of the dialog box.
 
  
−
We will be redirected back to the '''Impress''' window.
+
It has the '''Madrid theme''' along with the''' crane colortheme.'''
−
|-
+
−
|| Point to “'''Sample-Impress.odp'''” in the title bar.
+
−
|| Observe the change in the '''title bar '''now.
+
  
 +
|-
 +
||
 +
|| Next, we will see how to add''' Text Animation''' on the slides.
  
−
It has changed to '''Sample-Impress.odp'''
+
|-
−
|-
+
|| Slide: '''Overlays'''
−
|| Go to the '''File -> Save'''
+
||
−
|| To save, we can also click on the '''File menu''' in the '''menu bar.'''
+
* '''Overlay''' is a term used by the '''Beamer document class''' to describe the '''layering''' of slides.
 +
* There are a number of '''commands''' that enable us to use '''overlays '''on''' text'''.
  
 +
|-
 +
|| Only narration
 +
|| Let’s see important '''overlays''' one by one.
  
−
And then click on the '''Save''' option.
 
−
|-
 
−
|| Click '''File -> Close'''
 
−
|| Let’s close this '''presentation''' by clicking on the '''Close '''option in the '''File menu.'''
 
−
|-
 
−
|| Narration Only:
 
−
|| Next, we will learn how to open an existing '''presentation''' in '''LibreOffice Impress'''.
 
  
 +
Switch to the '''text editor'''.
  
−
Let's open the same '''presentation Sample-Impress.odp'''
+
|-
−
|-  
+
|| <nowiki>[TeXworks] Update the code:</nowiki>
−
|| Click on '''“Open File”'''
+
  
  
 +
\section{Animation}
  
 +
\subsection{onslide command}
  
−
Point to the dialog box
+
\begin{frame}
−
|| Click on the '''Open File menu''' on the left of the '''LibreOffice''' interface.
+
  
 +
\frametitle{Overlay: onslide}
  
−
The file browser dialog box opens up.
+
<nowiki>\onslide<1->{First Line of Text} \\</nowiki>
−
|-  
+
−
|| Select '''Desktop''' from the file location.
+
−
|| Go to the location where the '''presentation''' is saved.
+
−
|-
+
−
|| Click on “'''Sample-Impress.odp'''”
+
  
 +
<nowiki>\onslide<2->{Second Line of Text} \\</nowiki>
  
 +
<nowiki>\onslide<3->{Third Line of Text}</nowiki>
  
 +
\end{frame}
 +
|| Replace the '''document section code''' as shown here.
  
−
Click on “'''Open'''”
 
−
|| Now in the list of filenames that appear, choose '''Sample-Impress.odp'''.
 
  
  
−
Then click on the '''Open''' button at the top right corner.
 
−
|-
 
−
||
 
−
|| The file '''Sample-Impress.odp''' opens in the '''Impress '''window.
 
−
|-
 
−
|| Narration Only:
 
−
|| Next, let’s learn how to save the''' Impress presentation '''as an''' MS PowerPoint presentation'''.
 
−
|-
 
−
|| Click on the '''File''' '''menu''' and then on the '''Save''' '''As''' option.
 
−
|| Click on the '''File menu''' in the '''menu''' '''bar''' and then on the '''Save As''' option.
 
−
|-
 
−
|| Point to to “'''Save as”''' Dialog box
 
−
|| '''Save As '''dialog box appears on the screen.
 
−
|-
 
−
|| Point to the '''File type drop-down'''.
 
  
−
Click->'''Drop down''' box.
+
|-
−
|| Click the '''File type''' drop-down at the bottom right corner.
+
|| <nowiki>[TeXworks] Highlight</nowiki>
−
|-
+
−
|| Point to '''“Powerpoint 97 - 2003 (.ppt)” '''
+
  
  
−
Point to '''“Powerpoint 2007 - 365 (.pptx)”'''
+
<nowiki>\onslide<number-></nowiki>
−
|| We can see '''dot ppt''' and '''dot pptx''' formats are listed here.
+
|| The number inside the angle brackets tells '''LaTeX''' which slides the '''item''' should appear on.  
  
  
 +
'''hyphen''' is used for '''continuation'''.
  
 +
|-
 +
|| Compile
 +
|| On '''compilation,''' we get the output as seen here.
  
 +
|-
 +
|| Point to the pdf output
  
 +
Slide: Animation on onslide
 +
|| In the generated '''pdf''', click on the green right arrow to go to the next page.
  
−
These file formats can be opened later in the '''MS Office PowerPoint''' application.
 
−
|-
 
−
|| Select '''PowerPoint 97-2003 (ppt)''' option.
 
−
|| Select '''PowerPoint 2007-365 (.pptx)''' file format.
 
−
|-
 
−
|| Choose a location as '''Desktop'''.
 
−
|| Choose the location as '''Desktop''' to save the file.
 
−
|-
 
−
|| Click '''Save''' option.
 
−
|| Click on the '''Save''' button at the top right corner.
 
−
|-
 
−
|| Point to the '''Confirm File Format '''dialog box.
 
  
 +
Observe that our three lines of text are appearing one by one in a sequential order.
  
−
Put a check on''' “Ask when not saving in ODF format”'''.
+
|-
−
|| If we save the file in any other file format, '''Confirm File Format '''dialog box opens up.
+
|| Back to '''beamerThemesAndAnimation.tex'''
 +
|| Switch to the '''editor '''once again.
  
 +
|-
 +
|| <nowiki>[TeXworks] Type:</nowiki>
  
−
Put a check on “'''Ask when not saving in ODF or default forma'''t” option.
 
−
|-
 
−
|| Click on “'''Use PowerPoint 97-2003 Format'''”.
 
−
|| Finally, click on the “'''Use PowerPoint 2007-365 Format''' button.
 
−
|-
 
−
|| Hover mouse over the '''Title''' '''bar''' to show .'''ppt''' extension.
 
−
|| The file is now saved as a '''dot pptx '''file.
 
−
|-
 
−
||
 
  
 +
\setbeamercovered{transparent}
 +
|| Let’s make the '''text''' transparent on an unspecified slide.
  
  
−
Point to '''Export Directly as PDF'''.
+
Next to the line '''\frametitle''' type the '''code''' as shown here.
−
|| '''Impress '''files can also be exported to '''PDF''' format.
+
  
 +
|-
 +
|| Compile
 +
|| '''Compile''' the file.
  
−
To do so, click on the “'''Export Directly as PDF''' '' icon in the '''Standard toolbar'''.
+
|-
−
|-  
+
|| Point to the pdf output
−
||  
+
|| Observe the output.
  
−
Click on '''File >> Export As >> Export as PDF.'''
 
  
 +
The upcoming slide texts appear as transparent text.
  
 +
|-
 +
|| <nowiki>[TeXworks] Type:</nowiki>
  
−
|| Alternatively, we can do so by clicking on the '''File menu''' in the '''menu bar'''.
 
  
 +
\subsection{uncover command}
  
−
Click on the '''Export As''' sub-menu.
+
\begin{frame}
  
 +
\frametitle{Overlay: uncover}
  
−
Then click on the '''Export as PDF''' option.
+
\setbeamercovered{transparent}
−
|-
+
−
|| Point to the PDF options dialog box.
+
  
 +
<nowiki>\uncover<1> { First Line of Text} \\</nowiki>
  
 +
<nowiki>\uncover<3> {Third Line of Text} \\</nowiki>
  
 +
<nowiki>\uncover<2> { Second Line of Text} \\</nowiki>
  
 +
<nowiki>\uncover<5> {Fifth Line of Text} \\</nowiki>
  
 +
<nowiki>\uncover<4> {Fourth Line of Text}</nowiki>
  
 +
\end{frame}
 +
|| In the '''tex '''file, before the '''\end{document} command''' type the '''code''' as shown here.
  
  
−
Click on '''Export'''
 
  
  
−
Click on '''Save'''
+
|-
−
|| '''PDF options''' dialog box opens up.
+
|| <nowiki>[TeXworks] </nowiki>Highlight:
  
  
−
In this dialog box, we see various settings to customize the '''PDF''' option.
+
'''\uncover'''<nowiki><1></nowiki>
 +
|| Observe that here we have used''' \uncover''' instead of '''\onslide'''.
  
  
−
Keep the default settings as it is and click on the '''Export''' button at the bottom.  
+
'''\uncover''' is with a digit present within angular brackets.
  
  
−
Choose the location where you wish to save and then click on the '''Save''' button.
+
This will display the '''text''' on the slide depending on the number given here.  
  
  
−
A '''pdf''' file will be created in that folder.
+
Notice that, here we have also changed the order of appearance of the text.
−
|-
+
−
|| Go to the '''Standard toolbar '''-> '''Save.'''
+
  
−
Click on the '''X '''icon at the top right.
+
|-
−
|| Let’s save this '''presentation.'''
+
|| Compile
 +
|| '''Compile''' the file
  
 +
|-
 +
|| Point to the pdf output
  
−
And then close it as demonstrated here.
+
slide: Animation \uncover command
−
|-
+
|| Using the '''navigation''' arrow, go to the slide''' Animation \uncover command.'''
−
|| Only Narration
+
−
|| This brings us to the end of this spoken tutorial.
+
  
  
−
Let us summarize.
+
Here only one out of five '''line items '''is appearing on the slide and the rest are transparent.
−
|-
+
−
|| '''Slide: '''Summary
+
−
||In this tutorial, we learnt:* About '''LibreOffice''' '''Impress'''
+
−
* Various '''toolbars'''
+
−
* How to create a new '''presentation'''
+
−
* How to save and close a '''presentation'''
+
−
* How to open an existing '''presentation'''
+
−
* How to save as '''MS''' '''PowerPoint presentation''' and
+
−
* How to export as a '''PDF''' document
+
  
  
−
|-
+
When you further '''navigate''', it displays the third item instead of the second item.
−
|| '''Slide: '''Assignment
+
  
 +
|-
 +
|| <nowiki>[TeXworks] </nowiki>Highlight
  
  
−
|| As an assignment* Open a new '''presentation '''in''' Impress'''
+
<nowiki>\uncover<3> {Third Line of Text} \\</nowiki>
−
* Type some content in the first '''slide'''
+
−
* Save it under the name '''Practice-Impress.odp'''
+
−
* Save as an '''MS PowerPoint presentation'''
+
−
* Then close the '''presentation'''
+
−
* Now reopen the '''presentation''' you have saved
+
  
 +
<nowiki>\uncover<2> { Second Line of Text} \\</nowiki>
 +
|| This is because in the '''code''' the third '''item''' is mentioned as the second '''item.'''
  
−
|-
 
−
|| '''Slide: '''About Spoken Tutorial Project
 
−
|| * The video at the following link summarises the Spoken Tutorial project
 
−
* Please download and watch it
 
  
 +
And the second '''item''' is mentioned as the '''third''' item using the '''\uncover command.'''
  
−
|-  
+
|-
−
|| '''Slide:''' Spoken tutorial workshops
+
|| <nowiki>[TeXworks] Type:</nowiki>
  
  
 +
\subsection{only command}
  
−
|| * We conduct workshops using '''spoken''' '''tutorials''' and give certificates
+
\begin{frame}
−
* For more details, please contact us
+
 
 +
\frametitle{Overlay: only}
 +
 
 +
<nowiki>\only<1>{First Line of Text}</nowiki>
 +
 
 +
<nowiki>\only<2>{Second Line of Text}</nowiki>
 +
 
 +
<nowiki>\only<3>{Third Line of Text}</nowiki>
 +
 
 +
\end{frame}
 +
|| In the '''tex '''file, before the '''\end{document} command''', type the '''code''' as shown here.
  
  
−
|-
 
−
|| '''Slide:'''Answers for THIS Spoken Tutorial
 
−
|| * Do you have questions in THIS Spoken Tutorial?
 
−
* Please visit this site
 
−
* Choose the minute and second where you have the question
 
−
* Explain your question briefly
 
−
* The Spoken Tutorial project will ensure an answer
 
−
* You will have to register on this website to ask questions
 
  
  
 
|-
 
|-
−
| | '''Slide: '''Forum for specific Questions
+
|| <nowiki>[TeXworks] </nowiki>Highlight
−
|  | * The Spoken Tutorial forum is for specific questions on this tutorial.
+
−
* Please do not post unrelated and general questions on them.
+
−
* This will help reduce the clutter.
+
−
* With less clutter, we can use these discussions as instructional material.
+
  
 +
 +
<nowiki>\only<></nowiki>
 +
|| The '''command \only''' works exactly like the '''\uncover command'''.
 +
 +
 +
The only exception is that it does not reserve any space for the hidden '''text'''.
  
 
|-
 
|-
−
|| '''Slide: '''Acknowledgement
+
|| Compile
−
|| The''' Spoken''' '''Tutorial''' project is funded by '''MHRD''', Govt. of India.
+
|| '''Compile''' the file.
−
|-
+
−
|| '''Slide: '''Thank you
+
  
−
Acknowledgment to DesiCrew
+
|-
−
|| This tutorial was originally contributed by DesiCrew Solutions Pvt. Ltd. in 2011
+
|| Point to the pdf output
  
 +
slide: Animation \only command
 +
|| Go to the slide''' Overlay: only command.'''
 +
 +
 +
While '''navigating''' to the right, we can see only the respective '''item, '''and not the''' '''other '''items'''.
 +
 +
 +
Also, all the '''items '''are appearing in the same '''line'''.
  
−
This is Arvind & Manish from '''IIT''' '''Bombay''' signing off. Thank you for watching.
 
 
|-
 
|-
 +
||
 +
|| This is how we can customize '''LaTeX''' slides as per our requirement.
 +
 +
|-
 +
|| Only narration
 +
|| With this, we have come to the end of this tutorial.
 +
 +
Let us summarize.
 +
 +
|-
 +
|| Slide: '''Summary'''
 +
|| In this tutorial, we have learnt to:
 +
 +
* Add '''Beamer themes''' and '''color themes'''
 +
* Do '''text animations''' using '''Overlay'''
 +
 +
 +
 +
|-
 +
|| Slide: '''Assignment'''
 +
|| As an assignment,
 +
 +
* Add a new '''beamer theme Hannover''' and
 +
* '''Color theme seahorse '''
 +
* To the file '''beamerThemesAndAnimation.tex'''
 +
 +
|-
 +
|| '''Slide: '''About Spoken Tutorial Project
 +
||
 +
* The video at the following link summarises the Spoken Tutorial project.
 +
* Please download and watch it
 +
 +
|-
 +
|| '''Slide:''' Spoken tutorial workshops
 +
||
 +
* We conduct workshops using spoken tutorials and give certificates.
 +
* For more details, please write to us.
 +
 +
|-
 +
|| Slide: Forum questions
 +
|| Pls post your timed queries in this forum
 +
 +
|-
 +
|| Slide: Acknowledgement
 +
|| Spoken Tutorial Project is funded by the Ministry of Education (MoE), Government of India
 +
 +
|-
 +
|| Slide
 +
|| The script was contributed by Preeti, FOSSEE Summer Fellowship 2019
 +
 +
And this is Praveen signing off.
 +
 +
Thanks for joining.
 +
 
|}
 
|}

Latest revision as of 17:40, 8 December 2021

Title of the script: Beamer Themes and Animation

Author: Preeti Bamane

Keywords: Video tutorial, TeXWorks, Ubuntu Unicode, Beamer Themes, Color themes, Overlays


Visual Cue
Narration
Slide: Hello and welcome to the spoken tutorial on Beamer Themes and Animation
Slide: Learning Objectives In this tutorial, we will learn to,
  1. Use Beamer themes
  2. Do text animations using Overlay
Slide 3: System Requirements This tutorial is recorded using
  • Windows 11 and
  • TeXworks editor v0.6.

The steps demonstrated will work in all operating systems.

Slide 4: Prerequisites
  • To practise this tutorial, you should be familiar with LaTeX commands.
  • You should also know how to create a presentation using Beamer.
  • If not, then go through the prerequisite LaTeX spoken tutorials on this website.
Slide 5: Code Files
  • The files used in this tutorial are available in the Code files link on this tutorial page.
  • Please download and extract the files
  • Make a copy and use them for practising.
Slide: Demonstration For this demonstration, I will be using the Beamer theme Matrix.

The same is available at this link:-

https://hartwork.org/beamer-theme-matrix/

Open a web browser and go to this URL.

[Firefox] Show the beamer page

Navigate row-wise on the left

Navigate column-wise on the top

Hover the mouse on any one of the theame

Theme matrix shows various themes and color theme combinations included with the Beamer class.

The rows of the matrix show the list of the different Beamer themes.

The columns of the matrix show the list of the different Beamer color themes.

When the cursor is placed over an image, it shows the corresponding theme and color theme.

Go to Downloads folder >> Beamer-Code-Files Go to the folder where all the Code files are downloaded on your machine.
Open beamerThemesAndAnimation.tex in TeXworks Open the file beamerThemesAndAnimation.tex in TeXworks editor.

We will see some LaTeX code written in the file.

Let’s try to understand the code.
Highlight: \usetheme{Warsaw} \usetheme{Warsaw} is added to the preamble to use the Warsaw theme in Beamer.


Warsaw theme displays a header on the pdf slide.

Highlight: \section and \subsection In the document, I have inserted the \section and \subsection before each frame begins.
Highlight the section and subsection names The section and subsection names will be displayed in the header of the slide.
At the top left drop-down >> select pdfLaTeX At the top left, in the drop-down select pdfLaTeX, if not already selected.
Click on the green arrow button Then click on the green arrow button to compile the file.


Compile the file once again to update the theme.

Point to the pdf output On compilation, we get the pdf output with the Warsaw theme.
Highlight the header


Highlight the section names

In the slide, we can see a header.


It says Beamer Themes and Introduction, one below the other.

Highlight the section names in the TeXworks file. These are the names we defined in the sections.
Point to the green right arrow in the output window In the output window, go to the next slide using the green-coloured right arrow.
Point to the top section.


Click on “Color Themes”

Look at the header portion of the pdf slide.


Section name “Beamer Themes” is seen on the left banner.


And the subsection name “Themes” is seen on the right banner.

Highlight the section and subsection names in the TeXworks file. These are the names we defined in the sections and subsections.
Highlight the section or subsection names. You can go to any slide by clicking on the section or subsection names.
Click on Color Themes Click on Color Themes on the top right banner.
Point to the pdf output

Slide: Beamer Themes Color Themes

The respective section name and subsection name of the slide you are on, get highlighted.


In my case, Beamer Themes and Color Themes get highlighted.

Point to the pdf output

Slide: Introduction

Let’s click on Introduction.


We are directed to the Introduction slide.

Only Narration So, this part sort of behaves like a navigation panel.
Back to beamerThemesAndAnimation.tex Let’s go back to the code.
[TeXworks] Beamer themes can be combined with a color theme.
[TeXworks] Type:

\usecolortheme{beaver}

To do so, before the begin document command, type the code as shown.
[TeXworks] Highlight


\usetheme{Warsaw}

\usecolortheme{beaver}

Always put the \usecolortheme command below the \usetheme command.
Compile twice Now compile the file twice.
Point to the pdf output


Observe the output.


colortheme command changed the color used for different elements.


Let’s go back to the code.

[TeXworks] Update


\usetheme{Madrid}

\usecolortheme{crane}

Let’s try another theme and theme color.


Update the \usetheme and \usecolortheme as shown.

[TeXworks] Highlight


\usetheme{Madrid}


\usecolortheme{crane}

I have set the theme to Madrid and the colortheme to crane.
Compile twice Compile the file twice.
Point to the pdf output We can see the generated pdf output.


It has the Madrid theme along with the crane colortheme.

Next, we will see how to add Text Animation on the slides.
Slide: Overlays
  • Overlay is a term used by the Beamer document class to describe the layering of slides.
  • There are a number of commands that enable us to use overlays on text.
Only narration Let’s see important overlays one by one.


Switch to the text editor.

[TeXworks] Update the code:


\section{Animation}

\subsection{onslide command}

\begin{frame}

\frametitle{Overlay: onslide}

\onslide<1->{First Line of Text} \\

\onslide<2->{Second Line of Text} \\

\onslide<3->{Third Line of Text}

\end{frame}

Replace the document section code as shown here.



[TeXworks] Highlight


\onslide<number->

The number inside the angle brackets tells LaTeX which slides the item should appear on.


hyphen is used for continuation.

Compile On compilation, we get the output as seen here.
Point to the pdf output

Slide: Animation on onslide

In the generated pdf, click on the green right arrow to go to the next page.


Observe that our three lines of text are appearing one by one in a sequential order.

Back to beamerThemesAndAnimation.tex Switch to the editor once again.
[TeXworks] Type:


\setbeamercovered{transparent}

Let’s make the text transparent on an unspecified slide.


Next to the line \frametitle type the code as shown here.

Compile Compile the file.
Point to the pdf output Observe the output.


The upcoming slide texts appear as transparent text.

[TeXworks] Type:


\subsection{uncover command}

\begin{frame}

\frametitle{Overlay: uncover}

\setbeamercovered{transparent}

\uncover<1> { First Line of Text} \\

\uncover<3> {Third Line of Text} \\

\uncover<2> { Second Line of Text} \\

\uncover<5> {Fifth Line of Text} \\

\uncover<4> {Fourth Line of Text}

\end{frame}

In the tex file, before the \end{document} command type the code as shown here.



[TeXworks] Highlight:


\uncover<1>

Observe that here we have used \uncover instead of \onslide.


\uncover is with a digit present within angular brackets.


This will display the text on the slide depending on the number given here.


Notice that, here we have also changed the order of appearance of the text.

Compile Compile the file
Point to the pdf output

slide: Animation \uncover command

Using the navigation arrow, go to the slide Animation \uncover command.


Here only one out of five line items is appearing on the slide and the rest are transparent.


When you further navigate, it displays the third item instead of the second item.

[TeXworks] Highlight


\uncover<3> {Third Line of Text} \\

\uncover<2> { Second Line of Text} \\

This is because in the code the third item is mentioned as the second item.


And the second item is mentioned as the third item using the \uncover command.

[TeXworks] Type:


\subsection{only command}

\begin{frame}

\frametitle{Overlay: only}

\only<1>{First Line of Text}

\only<2>{Second Line of Text}

\only<3>{Third Line of Text}

\end{frame}

In the tex file, before the \end{document} command, type the code as shown here.



[TeXworks] Highlight


\only<>

The command \only works exactly like the \uncover command.


The only exception is that it does not reserve any space for the hidden text.

Compile Compile the file.
Point to the pdf output

slide: Animation \only command

Go to the slide Overlay: only command.


While navigating to the right, we can see only the respective item, and not the other items.


Also, all the items are appearing in the same line.

This is how we can customize LaTeX slides as per our requirement.
Only narration With this, we have come to the end of this tutorial.

Let us summarize.

Slide: Summary In this tutorial, we have learnt to:
  • Add Beamer themes and color themes
  • Do text animations using Overlay


Slide: Assignment As an assignment,
  • Add a new beamer theme Hannover and
  • Color theme seahorse
  • To the file beamerThemesAndAnimation.tex
Slide: About Spoken Tutorial Project
  • The video at the following link summarises the Spoken Tutorial project.
  • Please download and watch it
Slide: Spoken tutorial workshops
  • We conduct workshops using spoken tutorials and give certificates.
  • For more details, please write to us.
Slide: Forum questions Pls post your timed queries in this forum
Slide: Acknowledgement Spoken Tutorial Project is funded by the Ministry of Education (MoE), Government of India
Slide The script was contributed by Preeti, FOSSEE Summer Fellowship 2019

And this is Praveen signing off.

Thanks for joining.

Contributors and Content Editors

Pravin1389

Retrieved from "https://script.spoken-tutorial.org/index.php?title=LaTeX/C3/Beamer-Themes-and-Animation-in-LaTeX/English&oldid=55709"