LaTeX/C3/Beamer-Themes-and-Animation-in-LaTeX/English-timed
From Script | Spoken-Tutorial
| |
|
| 00:01 | Hello and welcome to the spoken tutorial on Beamer Themes and Animation |
| 00:08 | In this tutorial, we will learn to,
Use Beamer themes |
| 00:12 | Do text animations using Overlay |
| 00:16 | This tutorial is recorded using
Windows 11 and TeXworks editor v0.6. |
| 00:26 | The steps demonstrated will work in all operating systems. |
| 00:31 | To practise this tutorial, you should be familiar with LaTeX commands. |
| 00:37 | You should also know how to create a presentation using Beamer. |
| 00:42 | If not, then go through the prerequisite LaTeX spoken tutorials on this website. |
| 00:49 | The files used in this tutorial are available in the Code files link on this tutorial page. |
| 00:56 | Please download and extract the files |
| 01:00 | Make a copy and use them for practising. |
| 01:05 | For this demonstration, I will be using the Beamer theme Matrix. |
| 01:11 | The same is available at this link:- |
| 01:14 | Open a web browser and go to this URL. |
| 01:18 | Theme matrix shows various themes and color theme combinations included with the Beamer class. |
| 01:26 | The rows of the matrix show the list of the different Beamer themes. |
| 01:32 | The columns of the matrix show the list of the different Beamer color themes. |
| 01:39 | When the cursor is placed over an image, it shows the corresponding theme and color theme. |
| 01:46 | Go to the folder where all the Code files are downloaded on your machine. |
| 01:52 | Open the file beamerThemesAndAnimation.tex in TeXworks editor. |
| 01:59 | We will see some LaTeX code written in the file. |
| 02:03 | Let’s try to understand the code. |
| 02:08 | \usetheme{Warsaw} is added to the preamble to use the Warsaw theme in Beamer. |
| 02:16 | Warsaw theme displays a header on the pdf slide. |
| 02:22 | In the document, I have inserted the \section and \subsection before each frame begins. |
| 02:30 | The section and subsection names will be displayed in the header of the slide. |
| 02:36 | At the top left, in the drop-down select pdfLaTeX, if not already selected. |
| 02:43 | Then click on the green arrow button to compile the file. |
| 02:49 | Compile the file once again to update the theme. |
| 02:53 | On compilation, we get the pdf output with the Warsaw theme. |
| 03:00 | In the slide, we can see a header. |
| 03:04 | It says Beamer Themes and Introduction, one below the other. |
| 03:10 | These are the names we defined in the sections. |
| 03:14 | In the output window, go to the next slide using the green-coloured right arrow. |
| 03:21 | Look at the header portion of the pdf slide. |
| 03:25 | Section name “Beamer Themes” is seen on the left banner. |
| 03:30 | And the subsection name “Themes” is seen on the right banner. |
| 03:37 | These are the names we defined in the sections and subsections. |
| 03:43 | You can go to any slide by clicking on the section or subsection names. |
| 03:50 | Click on Color Themes on the top right banner. |
| 03:55 | The respective section name and subsection name of the slide you are on, get highlighted. |
| 04:04 | In my case, Beamer Themes and Color Themes get highlighted. |
| 04:11 | Let’s click on Introduction. |
| 04:15 | We are directed to the Introduction slide. |
| 04:19 | So, this part sort of behaves like a navigation panel. |
| 04:25 | Let’s go back to the code. |
| 04:28 | Beamer themes can be combined with a color theme. |
| 04:32 | To do so, before the begin document command, type the code as shown. |
| 04:39 | Always put the \usecolortheme command below the \usetheme command. |
| 04:45 | Now compile the file twice. |
| 04:54 | Observe the output. |
| 04:56 | colortheme command changed the color used for different elements. |
| 05:01 | Let’s go back to the code. |
| 05:04 | Let’s try another theme and theme color. |
| 05:08 | Update the \usetheme and \usecolortheme as shown. |
| 05:14 | I have set the theme to Madrid and the colortheme to crane. |
| 05:21 | Compile the file twice. |
| 05:29 | We can see the generated pdf output. |
| 05:33 | It has the Madrid theme along with the crane colortheme. |
| 05:39 | Next, we will see how to add Text Animation on the slides. |
| 05:45 | Overlay is a term used by the Beamer document class to describe the layering of slides. |
| 05:54 | There are a number of commands that enable us to use overlays on text. |
| 06:02 | Let’s see important overlays one by one. |
| 06:07 | Switch to the text editor. |
| 06:10 | Replace the document section code as shown here. |
| 06:15 | The number inside the angle brackets tells LaTeX which slides the item should appear on. |
| 06:24 | hyphen is used for continuation. |
| 06:28 | On compilation, we get the output as seen here. |
| 06:33 | In the generated pdf, click on the green right arrow to go to the next page. |
| 06:40 | Observe that our three lines of text are appearing one by one in a sequential order. |
| 06:48 | Switch to the editor once again. |
| 06:51 | Let’s make the text transparent on an unspecified slide. |
| 06:57 | Next to the line \frametitle type the code as shown here. |
| 07:03 | Compile the file. |
| 07:05 | Observe the output. |
| 07:07 | The upcoming slide texts appear as transparent text. |
| 07:11 | In the tex file, before the \end{document} command type the code as shown here. |
| 07:18 | Observe that here we have used \uncover instead of \onslide. |
| 07:24 | \uncover is with a digit present within angular brackets. |
| 07:30 | This will display the text on the slide depending on the number given here. |
| 07:36 | Notice that, here we have also changed the order of appearance of the text. |
| 07:43 | Compile the file |
| 07:47 | Using the navigation arrow, go to the slide Animation \uncover command. |
| 07:54 | Here only one out of five line items is appearing on the slide and the rest are transparent. |
| 08:04 | When you further navigate, it displays the third item instead of the second item. |
| 08:11 | This is because in the code the third item is mentioned as the second item. |
| 08:17 | And the second item is mentioned as the third item using the \uncover command. |
| 08:25 | In the tex file, before the \end{document} command, type the code as shown here. |
| 08:32 | The command \only works exactly like the \uncover command. |
| 08:37 | The only exception is that it does not reserve any space for the hidden text. |
| 08:44 | Compile the file. |
| 08:47 | Go to the slide Overlay: only command. |
| 08:51 | While navigating to the right, we can see only the respective item, and not the other items. |
| 08:59 | Also, all the items are appearing in the same line. |
| 09:04 | This is how we can customize LaTeX slides as per our requirement. |
| 09:10 | With this, we have come to the end of this tutorial.
Let us summarize. |
| 09:16 | In this tutorial, we have learnt to:
Add Beamer themes and color themes |
| 09:23 | Do text animations using Overlay |
| 09:28 | As an assignment,
Add a new beamer theme Hannover and Color theme seahorse |
| 09:37 | To the file beamerThemesAndAnimation.tex |
| 09:43 | The video at the following link summarises the Spoken Tutorial project.
Please download and watch it |
| 09:52 | We conduct workshops using spoken tutorials and give certificates.
For more details, please write to us. |
| 09:58 | Please post your timed queries in this forum |
| 10:06 | Spoken Tutorial Project is funded by the Ministry of Education (MoE), Government of India |
| 10:13 | The script was contributed by Preeti, FOSSEE Summer Fellowship 2019
And this is Praveen signing off. Thanks for joining. |
