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

From Script | Spoken-Tutorial
Revision as of 14:46, 9 March 2017 by PoojaMoolya (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search
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 settings first.
00:59 Change: 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 Please 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 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, 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 Arrow 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 'pdf's 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 sections 1, 5 and 6.
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. 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 for 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-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.

Contributors and Content Editors

Arthi, PoojaMoolya, Pratik kamble, Sandhya.np14