Inkscape/C3/Create-a-3-fold-brochure/English
Author: Arthi. A
Keywords: Rulers and guidelines in Inkscape, Settings for a 3 fold brochure, Designing a 3 fold brochure for Inkscape
|
|
Opening Slide | Welcome to the Spoken Tutorial on “Create a 3-fold brochure” using Inkscape. |
Learning Objectives (Slide) | In this tutorial we will learn to
We will also learn the importance of using layers. |
System requirement (Slide) | To record this tutorial, I am using
|
Showing Blender brochure (Animation) | This is a sample 3 fold brochure. As we open it, we can see the 3 folds.
So there are 6 sections in all. |
Showing Blender brochure (Animation) | The outer side contains sections 1, 5 and 6.
The inner side of the brochure contains sections 2, 3 and 4. |
Open Inkscape | Let us learn how to create a brochure like this one. |
Open Inkscape>>Document properties | Open Inkscape.
Click on File and go to Document Properties. |
Change/click as per narration. | Let's do some basic setting first.
Change:
|
We have to divide the canvas into 3 folds. | |
Point to the width parameter | For that, observe that the width of the canvas is 297. |
Point to the canvas | So we have to divide 297 into 3 parts, which is 99 for each of the three sections.
Close the Document Properties dialog box now. |
Click and drag the ruler >> Point to the guideline | Click and drag a guideline from the left side onto the canvas. |
Double click on the guideline | Double click on this guideline.
A dialog box opens up. |
Change the value of X to 99. | Change the value of X to 99 and click on OK. |
Click and drag the ruler >> Point to the guideline | Click and drag another guideline from the left side onto the canvas. |
Double click on the guideline>> Change X value to 198 | Double-click on it to open the dialog box.
Here change the value of X to 198. |
Point to the canvas | Now our canvas is divided into 3 equal sections.
These guidelines tell us where each fold will start and end. <<PAUSE>> |
Point to the canvas | Let us save this file twice:
|
Go to File >> Save as >> Brochure-OUT.svg | Go to File and click on Save as.
I will save the file on my Desktop with the name Brochure-OUT.svg. |
Go to File >> Save as >> Brochure-IN.svg | Once again go to File and click on Save as.
This time, I will give the name Brochure-IN.svg and click on Save. <<PAUSE>> |
Switch to Brochure-IN.svg. | So, now we have 2 files, one for the inner section and one for the outer section.
Let us start with Brochure-IN.svg. |
Open the Layers panel | As we go about creating this brochure, it is desirable to use different layers for different elements.
|
Point to the canvas | Let us first design the inner sections of the brochure i.e. sections 2, 3 and 4. |
Draw graphic illustration >> color it blue >> reduce opacity to 70 | Using the bezier tool, draw a graphic illustration in the middle of the canvas. Color it blue. |
Remove the stroke. | Remove the stroke. |
Create a layer and name it "circle" >> Draw a circle of 150X150 pixels | Create a new layer and name it as you prefer.
Create a circle of 150X150 pixels. Color it green. |
Duplicate the circles >> Change the size | Duplicate the circle and create 5 more circles of different sizes as shown. |
Place them around the graphic illustration as demonstrated. | Place them around the graphic illustration as demonstrated. |
Show the images | Inside these circles, we will place some images.
|
Show the images | For your convenience, these images have been provided to you in the Code files link.
After this, resume the tutorial. <<PAUSE>> |
Import Image1. | Go to File, click on Import and then on Image1. |
Keep it on top of the first circle. | Keep it on top of the first circle. |
Repeat the same procedure >>
|
In a similar way, repeat the steps for the other 5 images.
|
Show the canvas completed upto this point. | Now, your canvas should look like this. |
Draw an arrow using bezier tool on a new layer >> Color it gray | Next create a new layer.
|
Filters menu >> Shadows and Glows >> Drop Shadow >> Apply | Go to Filters menu. Select Shadows and Glows and then click on Drop Shadow.
Check on Preview box to notice the effect.
|
Keep it on the top of the first circle | Keep it on the top of the first circle in an overlapping manner, as shown. |
Duplicate and align them | Duplicate this arrow twice to create 2 more arrows.
Keep them on 2nd and 3rd circles respectively, as shown. |
Point to the graphic elements on the canvas | Now all the graphic elements are done.
We will now insert the relevant texts. <<PAUSE>> |
Type “Introduction” on a new layer. | On a new layer, type “Introduction” on the first arrow. |
Type “Features” | Type “Features” on the second arrow. |
Type “Usage” | Type “Usage” on the third arrow. |
Point to the canvas | Now we have to insert the text under each of these sections. |
Copy text from LibreOffice Writer and paste | I will copy and paste the texts from a LibreOffice Writer file that I have saved already.
<<PAUSE>> |
Reduce the font size to 15 and align them using Text and Font option. | |
Select the ellipse tool >> create a bullet | Create a bullet of light green color using the ellipse tool.
Place it to the right of the first sentence. |
Repeat the process | Repeat the same process for all the sentences. |
Point to the canvas | Now the inner part of the brochure is ready.
|
Click the Hide icon on/off. | Now you can hide or show the layers that you want in the final brochure. |
Point to the canvas | Let us now save the same file into PDF. |
Go to File >> Save as Change the extension to PDF >> Save | Go to File and click on Save As.
Change the file extension to PDF. Click on Save. <<PAUSE>> |
Point to the resolution | A new dialog box appears.
|
Click on Ok. | Let me keep it as 300.
Now click on Ok. |
Come back to Brochure-IN.svg file >> Arrows layer >> opacity to 70 >> add ink-blots >> save as svg and pdf | Let us now change the opacity of the arrows.
Go to the arrows layer and change the opacity of the layer to 70.
|
Next let us create the outer part of the brochure. | |
File >> Open >> Brochure-OUT.svg | Go to File. Click on Open,
Select Brochure-OUT.svg. |
Point to the canvas | Now we have to design the sections 1, 5 and 6. |
Once again, remember to use different layers for different elements. | |
Draw graphic illustration >> Color it blue | Draw a graphic illustration on the top left using the Bezier tool as shown.
Color it blue. Remove the stroke. |
Import Spoken Tutorial logo >> align it | Import Spoken Tutorial logo which is in your saved folder.
Reduce the size and place it on the top left corner of the 1st section. |
Type “Spoken Tutorial” >> Align it | Type “Spoken Tutorial” and align to the right of the logo.
|
Draw a circle >> color it white | Draw a circle below the text and color it yellow. |
Import Inkscape logo | Import Inkscape logo.
|
Type “Inkscape” | Type “Inkscape” below the logo. Change the font size to 45.
<<PAUSE>> |
Point to the canvas | I have added details about Spoken Tutorial project and inserted the relevant logos.
|
Point to the canvas >> display the finished outer side. | I have aligned all the elements using
|
File >> Save as >> Change the extension to PDF >> Save | Go to File.
Click on Save As. Change the format to SVG and click on Save
Repeat the same process. Change the extension to PDF. Click on Save. |
Show the completed brochure | This is our completed brochure. |
Show the 2 other colour and opacity options. | If you have used layers for the various elements, then you can conveniently change the colours and opacity.
|
Summary (Slide) | Let us summarize.
In this tutorial we learnt to
We also learnt
|
Completed assignment | Here is an assignment for you.
|
Completed assignment | Your completed assignment should look like this. |
About Slide | The video available at the following link summarizes the Spoken Tutorial project. Pls watch it. |
About Slide | The Spoken Tutorial Project Team conducts workshops and gives certificates for those who pass an online test.
For more details, please write to us. |
About Slide | Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India.
More information on this Mission is available at this link. |
Acknowledgment | We have come to the end of this tutorial.
This is Arthi and Saurabh from IIT Bombay, signing off. Thanks for joining. |