Inkscape/C3/Create-a-3-fold-brochure/English-timed - Revision history

PoojaMoolya at 09:16, 9 March 2017

2017-03-09T09:16:54Z

Pratik kamble at 09:44, 5 January 2017

2017-01-05T09:44:37Z

Pratik kamble at 11:41, 23 December 2016

2016-12-23T11:41:42Z

Show changes

Arthi at 09:51, 16 December 2015

2015-12-16T09:51:42Z

Sandhya.np14 at 12:33, 11 September 2015

2015-09-11T12:33:54Z

Sandhya.np14 at 16:25, 8 September 2015

2015-09-08T16:25:20Z

Show changes

PoojaMoolya at 10:57, 26 March 2015

2015-03-26T10:57:12Z

PoojaMoolya: Created page with " {| border=1 | Time | Narration |- | 00:01 | Welcome to the Spoken Tutorial on “'''Create a 3-fold brochure'''” using '''Inkscape'''. |- | 00:05 | In this tutorial we..."

2015-03-26T10:24:24Z

Created page with " {| border=1 | Time | Narration |- | 00:01 | Welcome to the Spoken Tutorial on “'''Create a 3-fold brochure'''” using '''Inkscape'''. |- | 00:05 | In this tutorial we..."

New page

{| border=1
| Time
| Narration

|-
| 00:01
| Welcome to the Spoken Tutorial on “'''Create a 3-fold brochure'''” using '''Inkscape'''.

|-
| 00:05
| In this tutorial we will learn to

|-
| 00.08
| * Use '''guidelines''' and to set them

|-
| 00:10
| * Settings for a 3-fold brochure

|-
| 00:12
| * Design a 3-fold brochure.

|-
| 00:15
| We will also learn the importance of using '''layers'''.

|-
| 00:18
| To record this tutorial, I am using

|-
| 00:21
| * '''Ubuntu Linux''' 12.04 OS
|-
| 00:24
| * '''Inkscape''' version 0.48.4

|-
| 00:28
| This is a sample '''3 fold brochure'''. As we open it, we can see the 3 folds.

|-
| 00:34
| So there are 6 sections in all.

|-
| 00:37
| The outer side contains sections 1, 5 and 6.

|-
| 00:42
| The inner side of the brochure contains sections 2, 3 and 4.

|-
| 00:46
| Let us learn how to create a brochure like this one.

|-
| 00:51
| Open '''Inkscape.'''

|-
| 00:53
| Click on '''File''' and go to '''Document Properties. '''

|-
| 00:56
| Let's do some basic setting first.

|-
| 00:59
| Change:
|-
| 01.00
| * '''Default units''' to '''mm'''
|-
| 01.03
| * '''Page Size''' to '''A4'''
|-
| 01.05
| * '''Orientation '''to '''Landscape'''
|-
| 01.07
| * '''Custom Size Units''' to '''mm'''.

|-
| 01.11
| We have to divide the '''canvas''' into 3 folds.

|-
| 01.14
| For that, observe that the width of the '''canvas '''is 297.

|-
| 01.18
| So we have to divide 297 into 3 parts, which is 99 for each of the three sections.

|-
| 01.27
| Close the '''Document Properties''' dialog box now.

|-
| 01.30
| Click and drag a '''guideline''' from the left side onto the '''canvas'''.

|-
| 01.35
| Double click on this '''guideline'''.

|-
| 01.37
| A dialog box opens up.

|-
| 01.41
| Change the value of ''X'' to 99 and click on '''OK.'''

|-
| 01.45
| Click and drag another '''guideline''' from the left side onto the '''canvas'''.

|-
| 01.50
| Double-click on it to open the dialog box.

|-
| 01.53
| Here change the value of '''X''' to 198.

|-
| 01.56
| Now our '''canvas''' is divided into 3 equal sections.

|-
| 02.01
| These guidelines tell us where each fold will start and end.

|-
| 02.06
| Let us save this file twice:

|-
| 02.08
| * One for the inner side of the brochure

|-
| 02.11
| * and the other for the outer side.

|-
| 02.13
| Go to '''File '''and click on '''Save as. '''

|-
| 02.16
| I will save the file on my '''Desktop''' with the name '''Brochure-OUT.svg. '''

|-
| 02.22
| Once again go to '''File '''and click on '''Save as.'''

|-
| 02.26
| This time, I will give the name '''Brochure-IN.svg''' and click on '''Save.'''

|-
| 02.33
| So, now we have 2 files, one for the inner section and one for the outer section.

|-
| 02.39
| Let us start with '''Brochure-IN.svg. '''

|-
| 02.43
| As we go about creating this brochure, it is desirable to use different '''layers''' for different elements.

|-
| 02.50
| Towards the end of this tutorial, we see the benefits of doing so.

|-
| 02.54
| Let us first design the inner sections of the brochure i.e. sections 2, 3 and 4.

|-
| 03.00
| Using the '''bezier tool''', draw a graphic illustration in the middle of the '''canvas.''' Color it blue.

|-
| 03.09
| Remove the '''stroke'''.

|-
| 03.14
| Create a new '''layer''' and name it as you prefer.

|-
| 03.19
| Create a circle of 150X150 pixels.

|-
| 03.26
| Color it green.

|-
| 03.28
| Duplicate the circle and create 5 more circles of different sizes as shown.

|-
| 03.36
| Place them around the graphic illustration as demonstrated.

|-
| 03.40
| Inside these circles, we will place some images.

|-
| 03.44
| I have already edited the images to a circular shape and saved them in my '''Documents''' folder.

|-
| 03.50
| For your convenience, these images have been provided to you in the '''Code files''' link.

|-
| 03.56
| Pause the tutorial, click on the link and save these images to your preferred location.

|-
| 04.02
| After this, resume the tutorial.

|-
| 04.04
| Go to '''File, click on '''Import and then on '''Image1. '''

|-
| 04.09
| Keep it on top of the first circle.

|-
| 04.12
| In a similar way, repeat the steps for the other 5 images.

|-
| 04.17
| Align them using '''Align and Distribute '''option.

|-
| 04.20
| Now, your '''canvas''' should look like this.

|-
| 04.25
| Next create a new layer.

|-
| 04.28
| Select the '''bezier tool''' and draw an arrow.

|-
| 04.34
| Color it gray.

|-
| 04.38
| Remove the '''stroke'''.

|-
| 04.41
| Go to '''Filters menu.''' Select '''Shadows and Glows''' and then click on '''Drop Shadow. '''

|-
| 04.47
| Check on''' Preview '''box to notice the effect.

|-
| 04.50
| Now click on '''Apply. '''Close the dialog box.

|-
| 04.55
| Keep it on the top of the first circle in an overlapping manner, as shown.

|-
| 05.01
| Duplicate this arrow twice to create 2 more arrows.

|-
| 05.05
| Keep them on 2nd and 3rd circles respectively, as shown.

|-
| 05.10
| Now all the graphic elements are done.

|-
| 05.13
| We will now insert the relevant texts.

|-
| 05.15
| On the new layer, type “'''Introduction” '''on the first arrow.

|-
| 05.20
| Type “'''Features” '''on the second arrow.

|-
| 05.24
| Type “'''Usage” '''on the third arrow.

|-
| 05.28
| Now we have to insert the text under each of these sections.

|-
| 05.33
| I will copy and paste the texts from a '''LibreOffice Writer''' file that I have saved already.

|-
| 05.40
| *This file is available to you in your saved folder.
|-
| 05.43
| *Pls locate it and copy the text from it.
|-
| 05.47
| *Then paste it as shown on a new layer.

|-
| 05.50
| Reduce the font size to 15 and align them using '''Text and Font''' option.

|-
| 05.55
| Create a bullet of light green color using the '''ellipse''' tool.

|-
| 05.59
| Place it to the right of the first sentence.

|-
| 06.02
| Repeat the same process for all the sentences.

|-
| 06.05
| Now the inner part of the brochure is ready.

|-
| 06.08
| Let's press '''CTRL + S''' to save our '''SVG''' file.

|-
| 06.12
| Now you can hide or show the '''layers''' that you want in the final brochure.

|-
| 06.18
| Let us now save the same file into '''PDF.'''

|-
| 06.21
| Go to '''File''' and click on '''Save As.'''

|-
| 06.24
| Change the file extension to '''PDF. '''

|-
| 06.29
| Click on '''Save.'''

|-
| 06.31
| A new dialog box appears.

|-
| 06.34
| *For printing purpose, the resolution must be 300.

|-
| 06.37
| *For web, it can be 72.

|-
| 06.40
| Let me keep it as 300.

|-
| 06.42
| Now click on '''Ok.'''

|-
| 06.44
| Let us now change the opacity of the arrows.

|-
| 06.47
| Go to the '''arrows layer''' and change the opacity of the layer to 70.

|-
| 06.52
| I have also added a new '''layer''' with ink-blots.

|-
| 06.58
| Save the file in '''SVG''' and '''PDF''' formats.

|-
| 07.04
| Compare the 2 pdfs to understand the difference.

|-
| 07.08
| Next let us create the outer part of the brochure.

|-
| 07.12
| Go to '''File. '''Click on '''Open''',

|-
| 07.14
| Select '''Brochure-OUT.svg.'''

|-
| 07.18
| Now we have to design the 1st, 4th and 5th sections.

|-
| 07.22
| Once again, remember to use different '''layers''' for different elements.

|-
| 07.28
| Draw a graphic illustration on the top left using the '''Bezier tool '''as shown.

|-
| 07.33
| Color it blue. Remove the '''stroke'''.

|-
| 07.36
| Import '''Spoken Tutorial '''logo which is in your saved folder.

|-
| 07.40
| Reduce the size and place it on the top left corner of the 1st section.

|-
| 07.46
| Type “'''Spoken Tutorial”''' and align it to the right of the logo.

|-
| 07.51
| Change the font size to 25.

|-
| 07.54
| Draw a circle below the text and color it yellow.

|-
| 07.58
| Import '''Inkscape logo.'''

|-
| 08.00
| Place it on the top of the yellow circle.

|-
| 08.03
| Type “'''Inkscape”''' below the logo. Change the font size to 45.

|-
| 08.09
| I have added details about '''Spoken Tutorial project''' and inserted the relevant logos.

|-
| 08.15
| Please do so likewise.

|-
| 08.17
| I have aligned all the elements using

|-
| 08.19
| *'''Text and font '''

|-
| 08.21
| *and '''Align and Distribute '''options.

|-
| 08.24
| Now the outer side of the brochure is ready.

|-
| 08.28
| Go to '''File. '''

|-
| 08.29
| Click on '''Save As. '''

|-
| 08.31
| Change the format''' '''to '''SVG''' and click on '''Save'''

|-
| 08.37
| Repeat the same process.

|-
| 08.39
| Change the extension to '''PDF. '''

|-
| 08.41
| Click on '''Save.'''

|-
| 08.43
| This is our completed brochure.

|-
| 08.46
| If you have used '''layers''' for the various elements, then you can conveniently change the colours and opacity.

|-
| 08.54
| These are 2 other colour schemes that I have created of the same brochure.

|-
| 09.00
| Let us summarize.

|-
| 09.02
| In this tutorial we learnt to

|-
| 09.04
| * Use '''guidelines''' and to set them

|-
| 09.07
| * Settings for a 3-fold brochure

|-
| 09.09
| * Design a 3-fold brochure.

|-
| 09.11
| We also learnt

|-
| 09.12
| *the importance of using '''layers'''

|-
| 09.14
| *and obtaining the same brochure in various colour schemes.

|-
| 09.18
| Here is an assignment for you.

|-
| 09.20
| * Create a 3-fold brochure for Spoken Tutorial Project

|-
| 09.24
| Your completed assignment should look like this.

|-
| 09.29
| The video available at the following link summarizes the Spoken Tutorial project. Please watch it.

|-
| 09.35
| The Spoken Tutorial Project Team conducts workshops and gives certificates for those who pass an online test.

|-
| 09.42
| For more details, please write to us.

|-
| 09.45
| Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India.

|-
| 09.50
| More information on this Mission is available at this link.

|-
| 09.54
| We have come to the end of this tutorial.

|-
| 09.57
| This is Arthi and Saurabh from IIT Bombay, signing off. Thanks for joining.

|}

@@ Line 17: / Line 17: @@
 |-
 | 00:10
-|  Settings for a 3-fold brochure
+| Settings for a 3-fold brochure
 |-
 | 00:12
-|  Design a 3-fold brochure.
+| Design a 3-fold brochure.
 |-
@@ Line 33: / Line 33: @@
 |-
 | 00:21
-|  '''Ubuntu Linux''' 12.04 OS
+| '''Ubuntu Linux''' 12.04 OS
 |-
 | 00:24
-|  '''Inkscape''' version 0.48.4
+| '''Inkscape''' version 0.48.4
 |-
@@ Line 72: / Line 73: @@
 |-
 | 00:59
-| Change:
+| Change: '''Default units''' to '''mm'''
-|-
-| 01:00
-|  '''Default units''' to '''mm'''
 |-
 | 01:03
 |  '''Page Size''' to '''A4'''
 |-
 | 01:05
 |  '''Orientation '''to '''Landscape'''
 |-
 | 01:07
@@ Line 325: / Line 326: @@
 | 05:40
 | This file is available to you in your saved folder.
 |-
 | 05:43
 | Please locate it and '''copy''' the text from it.
 |-
 | 05:47
@@ Line 502: / Line 505: @@
 |-
 | 08:28
-| Go to '''File. '''
+| Go to '''File. ''' Click on '''Save As. '''
-−
-|-
-| 08:29
-| Click on '''Save As. '''
 |-
@@ Line 546: / Line 545: @@
 |-
 | 09:04
-| * Use '''guidelines''' and to set them
+| Use '''guidelines''' and to set them
 |-
 | 09:07
-| * Settings for a '''3-fold brochure'''
+| Settings for a '''3-fold brochure'''
 |-
 | 09:09
-| * Design a 3-fold brochure.
+| Design a 3-fold brochure.
 |-
 | 09:11
-| We also learnt-
+| We also learnt-the importance of using '''layers'''
-−
-|-
-| 09:12
-| the importance of using '''layers'''
 |-

@@ Line 1: / Line 1: @@
 {| border=1
-| Time
+| '''Time'''
-| Narration
+|'''Narration'''
 |-

@@ Line 431: / Line 431: @@
 |-
 | 07.18
-| Now we have to design the 1st, 4th and 5th sections.
+| Now we have to design the sections 1, 5 and 6.
 |-

@@ Line 69: / Line 69: @@
 |-
 | 00:56
-| Let's do some basic setting first.
+| Let's do some basic settings first.
 |-
@@ Line 189: / Line 189: @@
 |-
 | 03.00
-| Using the '''bezier tool''', draw a graphic illustration in the middle of the '''canvas.''' Color it blue.
+| Using the '''Bezier tool''', draw a graphic illustration in the middle of the '''canvas.''' Color it blue.
 |-
@@ Line 261: / Line 261: @@
 |-
 | 04.28
-| Select the '''bezier tool''' and draw an arrow.
+| Select the '''Bezier tool''' and draw an arrow.
 |-
@@ Line 273: / Line 273: @@
 |-
 | 04.41
-| Go to '''Filters menu.''' Select '''Shadows and Glows''' and then click on '''Drop Shadow. '''
+| Go to '''Filters''' menu. Select '''Shadows and Glows''' and then click on '''Drop Shadow. '''
 |-
@@ Line 297: / Line 297: @@
 |-
 | 05.10
-| Now all the graphic elements are done.
+| Now, all the graphic elements are done.
 |-
@@ Line 305: / Line 305: @@
 |-
 | 05.15
-| On the new layer, type “'''Introduction” '''on the first arrow.
+| On the new layer, type “Introduction” on the first arrow.
 |-
 | 05.20
-| Type “'''Features” '''on the second arrow.
+| Type “Features” on the second arrow.
 |-
 | 05.24
-| Type “'''Usage” '''on the third arrow.
+| Type “Usage” on the third arrow.
 |-
 | 05.28
-| Now we have to insert the text under each of these sections.
+| Now, we have to insert the text under each of these sections.
 |-
 | 05.33
-| I will copy and paste the texts from a '''LibreOffice Writer''' file that I have saved already.
+| I will '''copy''' and '''paste''' the texts from a '''LibreOffice Writer''' file that I have saved already.
 |-
@@ Line 331: / Line 331: @@
 |-
 | 05.47
-| Then '''paste''' it as shown on a new layer.
+| Then '''paste''' it as shown on a new '''layer'''.
 |-
@@ Line 339: / Line 339: @@
 |-
 | 05.55
-| Create a '''bullet''' of light green color using the '''ellipse''' tool.
+| Create a '''bullet''' of green color using the '''ellipse''' tool.
 |-
@@ Line 367: / Line 367: @@
 |-
 | 06.21
-| Go to '''File''' and click on '''Save As.'''
+| Go to '''File''', click on '''Save As.'''
 |-
@@ Line 379: / Line 379: @@
 |-
 | 06.31
-| A new dialog box appears.
+| A new '''dialog box''' appears.
 |-
@@ Line 395: / Line 395: @@
 |-
 | 06.42
-| Now click on '''Ok.'''
+| Now click on '''OK.'''
 |-
@@ Line 403: / Line 403: @@
 |-
 | 06.47
-| Go to the '''arrows layer''' and change the opacity of the layer to 70.
+| Go to the '''Arrow''' layer and change the opacity of the layer to 70.
 |-
 | 06.52
-| I have also added a new '''layer''' with ink-blots.
+| I have also added a new '''layer''' with '''ink-blot'''s.
 |-
@@ Line 455: / Line 455: @@
 |-
 | 07.46
-| Type “'''Spoken Tutorial”''' and align it to the right of the '''logo'''.
+| Type “Spoken Tutorial” and align it to the right of the '''logo'''.
 |-
@@ Line 475: / Line 475: @@
 |-
 | 08.03
-| Type “'''Inkscape”''' below the logo. Change the font size to 45.
+| Type “Inkscape” below the logo. Change the font size to 45.
 |-
@@ Line 535: / Line 535: @@
 |-
 | 08.54
-| These are 2 other colour schemes that I have created of the same brochure.
+| These are 2 other colour schemes that I have created for the same brochure.
 |-
@@ Line 551: / Line 551: @@
 |-
 | 09.07
-| * Settings for a 3-fold brochure
+| * Settings for a '''3-fold brochure'''
 |-
@@ Line 575: / Line 575: @@
 |-
 | 09.20
-| Create a 3-fold brochure for '''Spoken Tutorial''' project.
+| Create a '''3-fold brochure''' for '''Spoken Tutorial''' project.
 |-

@@ Line 218: / Line 218: @@
 | 03.40
 | Inside these circles, we will place some images.
 |-
@@ Line 227: / Line 226: @@
 | 03.50
 | For your convenience, these images have been provided to you in the '''Code files''' link.
 |-
@@ Line 260: / Line 258: @@
 | 04.25
 | Next create a new layer.
 |-
@@ Line 269: / Line 266: @@
 | 04.34
 | Color it gray.
 |-
@@ Line 282: / Line 278: @@
 | 04.47
 | Check on''' Preview '''box to notice the effect.
 |-
@@ Line 357: / Line 352: @@
 | 06.05
 | Now the inner part of the brochure is ready.
 |-
@@ Line 462: / Line 456: @@
 | 07.46
 | Type “'''Spoken Tutorial”''' and align it to the right of the logo.
 |-
@@ Line 487: / Line 480: @@
 | 08.09
 | I have added details about '''Spoken Tutorial project''' and inserted the relevant logos.
 |-
@@ Line 540: / Line 532: @@
 | 08.46
 | If you have used '''layers''' for the various elements, then you can conveniently change the colours and opacity.
 |-