PoojaMoolya: Created page with "{| border = "1" || '''Time''' || '''Narration''' |- || 00:01 || Hello and welcome to the spoken tutorial on '''Beamer Themes and Animation''..."

2022-09-05T11:07:09Z

Created page with "{| border = "1" || <center>'''Time'''</center> || <center>'''Narration'''</center> |- || 00:01 || Hello and welcome to the spoken tutorial on '''Beamer Themes and Animation''..."

New page

{| border = "1"
|| <center>'''Time'''</center>
|| <center>'''Narration'''</center>

|-
|| 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:-

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

|-
|| 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.

|}

LaTeX/C3/Beamer-Themes-and-Animation-in-LaTeX/English-timed - Revision history

PoojaMoolya: Created page with "{| border = "1" || '''Time''' || '''Narration''' |- || 00:01 || Hello and welcome to the spoken tutorial on '''Beamer Themes and Animation''..."