1
00:00:00 --> 00:00:06
Welcome to the Spoken Tutorial on “Design a CD label” using Inkscape.

2
00:00:06 --> 00:00:09
In this tutorial, we will learn to-

3
00:00:09 --> 00:00:11
Create a CD label template

4
00:00:11 --> 00:00:13
Design a CD label

5
00:00:13 --> 00:00:16
Save the file as PNG

6
00:00:16 --> 00:00:18
To record this tutorial, I am using-

7
00:00:18 --> 00:00:21
Ubuntu Linux 12.04 OS

8
00:00:21 --> 00:00:25
Inkscape version 0.48.4

9
00:00:25 --> 00:00:27
Let us open Inkscape.

10
00:00:27 --> 00:00:32
Click on File and then on Document properties.

11
00:00:32 --> 00:00:37
Change the Width and Height parameters to 425 pixels.

12
00:00:37 --> 00:00:40
Close the dialog box.

13
00:00:40 --> 00:00:45
Create a square using the Rectangle tool. Color it red.

14
00:00:45 --> 00:00:47
Click on the selector tool.

15
00:00:47 --> 00:00:54
On the Tool controls bar, change the Width and Height parameters to 425.

16
00:00:54 --> 00:00:58
Next, draw a circle using the Ellipse tool.

17
00:00:58 --> 00:01:01
Once again, click on the selector tool.

18
00:01:01 --> 00:01:07
On the Tool controls bar, change the Width and Height parameters to 425.

19
00:01:07 --> 00:01:11
Select both the circle and the square.

20
00:01:11 --> 00:01:13
Go to Object menu.

21
00:01:13 --> 00:01:16
Click on Align and Distribute.

22
00:01:16 --> 00:01:19
Set the Relative to option to Page.

23
00:01:19 --> 00:01:22
Align the objects in the centre.

24
00:01:22 --> 00:01:26
Go to Path menu. Select Difference.

25
00:01:26 --> 00:01:28
Now draw another circle.

26
00:01:28 --> 00:01:31
Once again, click on the selector tool.

27
00:01:31 --> 00:01:35
Change the height and width parameters to 85.

28
00:01:35 --> 00:01:41
Align it to the centre of the page using Align and Distribute.

29
00:01:41 --> 00:01:44
Select both the shapes.

30
00:01:44 --> 00:01:49
Since this is the template, we will change the color to white.

31
00:01:49 --> 00:01:51
So, it may not be visible now.

32
00:01:51 --> 00:01:55
Go to Layer menu and click on Layers.

33
00:01:55 --> 00:02:00
Change the name of the current layer to CD template.

34
00:02:00 --> 00:02:05
Lock the layer to avoid the movement of the elements in the layer, by mistake.

35
00:02:05 --> 00:02:10
Now, let us create another layer and name it as CD design.

36
00:02:10 --> 00:02:13
Place it below the CD template layer.

37
00:02:13 --> 00:02:16
Now our CD template is ready.

38
00:02:16 --> 00:02:20
We can use this for creating various CDs in the future.

39
00:02:20 --> 00:02:23
Let us save our SVG file.

40
00:02:23 --> 00:02:26
Go to File and click on Save As.

41
00:02:26 --> 00:02:29
I will save it on the Desktop.

42
00:02:29 --> 00:02:35
I will type the Filename as CD template and click on Save.

43
00:02:35 --> 00:02:39
Now we will work on the CD design layer.

44
00:02:39 --> 00:02:41
Let us design a background.

45
00:02:41 --> 00:02:46
For this, draw a square using the Rectangle tool.

46
00:02:46 --> 00:02:49
Since the color is white, it may not be visible.

47
00:02:49 --> 00:02:52
Change the color to light blue.

48
00:02:52 --> 00:02:56
Click on the selector tool.

49
00:02:56 --> 00:03:01
Then change the Width and Height parameters to 425.

50
00:03:01 --> 00:03:03
Align it to the centre.

51
00:03:03 --> 00:03:08
Now we can see see the background color within the boundaries.

52
00:03:08 --> 00:03:11
Let us now design a graphic illustration.

53
00:03:11 --> 00:03:14
Draw a gradient green.

54
00:03:14 --> 00:03:19
Select the Bezier tool and draw a curvy illustration

55
00:03:19 --> 00:03:23
Next, let us import the Spoken tutorial logo.

56
00:03:23 --> 00:03:27
The logo has been provided in the Code files link.

57
00:03:27 --> 00:03:32
Go to File and click on Import.

58
00:03:32 --> 00:03:37
Resize the logo and place it on the top of the illustration.

59
00:03:37 --> 00:03:41
Type Spoken Tutorial to the right of the logo.

60
00:03:41 --> 00:03:44
Change the font size to 20.

61
00:03:44 --> 00:03:51
Type “Partner with us...help bridge the digital divide” on the next line.

62
00:03:51 --> 00:03:54
Change the font size to 8.

63
00:03:54 --> 00:03:59
I will type the contact details at the bottom of the CD label.

64
00:03:59 --> 00:04:05
Let me copy the contact details from a LibreOffice Writer file that I had saved earlier.

65
00:04:05 --> 00:04:08
Now paste this in the bottom area.

66
00:04:08 --> 00:04:13
Make Contact us Bold and align it in centre.

67
00:04:13 --> 00:04:16
Change the text color to blue.

68
00:04:16 --> 00:04:21
Next, we will add some images on the right of the CD label.

69
00:04:21 --> 00:04:26
I have already made an image collage and saved it in my Documents folder.

70
00:04:26 --> 00:04:30
The same image has been provided in your Code Files link.

71
00:04:30 --> 00:04:34
Please check the folder in which you saved it.

72
00:04:34 --> 00:04:40
Now click on File then on Import and lastly select Image1.

73
00:04:40 --> 00:04:48
Now the image is imported here. Resize the image.

74
00:04:48 --> 00:04:51
I will place it on the right side of the CD label.

75
00:04:51 --> 00:04:57
Let us save the SVG file by clicking on File and Save As.

76
00:04:57 --> 00:05:03
I will type the Filename as ST CD label and click on Save.

77
00:05:03 --> 00:05:06
Now our CD label is ready.

78
00:05:06 --> 00:05:10
Let us learn how to export the file in PNG format.

79
00:05:10 --> 00:05:14
Go to File and click on Export Bitmap.

80
00:05:14 --> 00:05:16
A new dialog box will appear.

81
00:05:16 --> 00:05:21
Click on Page tab under Export area.

82
00:05:21 --> 00:05:26
Under Bitmap size change the dpi to 300.

83
00:05:26 --> 00:05:29
Then click on the Browse button.

84
00:05:29 --> 00:05:33
I will choose Desktop as the location to save the file.

85
00:05:33 --> 00:05:42
And I will type the filename as ST-CD-label and click on Save.

86
00:05:42 --> 00:05:46
Lastly, click on Export button.

87
00:05:46 --> 00:05:50
Let us now go to the Desktop and check our file.

88
00:05:50 --> 00:05:53
Our CD label looks like this.

89
00:05:53 --> 00:05:55
Let us summarize.

90
00:05:55 --> 00:06:00
In this tutorial, we learnt to  Create a CD label template

91
00:06:00 --> 00:06:02
Design a CD label

92
00:06:02 --> 00:06:05
Save the file in PNG format

93
00:06:05 --> 00:06:07
Here is an assignment for you

94
00:06:07 --> 00:06:10
Create a CD label for Inkscape.

95
00:06:10 --> 00:06:13
Your completed assignment should look like this.

96
00:06:13 --> 00:06:19
The video available at the following link summarizes the Spoken Tutorial project. Please watch it.

97
00:06:19 --> 00:06:27
The Spoken Tutorial Project Team conducts workshops and gives certificates for those who pass an online test.

98
00:06:27 --> 00:06:29
For more details, please write to us.

99
00:06:29 --> 00:06:35
Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India.

100
00:06:35 --> 00:06:39
More information on this Mission is available at this link.

101
00:06:39 --> 00:06:44
We have come to the end of this tutorial.
This is Arthi and Saurabh from IIT Bombay, signing off. Thanks for joining.