Inkscape/C3/Create-a-3-fold-brochure/English-timed
From Script | Spoken-Tutorial
Revision as of 16:27, 26 March 2015 by PoojaMoolya (Talk | contribs)
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. |