Difference between revisions of "Inkscape/C3/Design-a-CD-label/English-timed"

From Script | Spoken-Tutorial
Jump to: navigation, search
(Created page with " {| Border = 1 | <center>Time </center> | <center>Narration</center> |- | 00:00 | Welcome to the Spoken Tutorial on “'''Design a CD label'''” using '''Inkscape'''. |- |...")
 
 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
  
 
{| Border = 1
 
{| Border = 1
−
| <center>Time </center>
+
| '''Time'''
−
| <center>Narration</center>
+
|'''Narration'''
  
 
|-
 
|-
 
| 00:00
 
| 00:00
−
| Welcome to the Spoken Tutorial on “'''Design a CD label'''” using '''Inkscape'''.  
+
| Welcome to the '''Spoken Tutorial''' on “'''Design a CD label'''” using '''Inkscape'''.  
  
 
|-
 
|-
Line 18: Line 18:
 
|-
 
|-
 
|00:11
 
|00:11
−
| Design a '''CD label'''  
+
| Design a '''CD label'''  
  
 
|-
 
|-
 
|00:13
 
|00:13
−
| Save the file as '''PNG'''
+
| Save the file as '''PNG'''.
  
 
|-
 
|-
Line 30: Line 30:
 
|-
 
|-
 
|00:18
 
|00:18
−
| '''Ubuntu Linux''' 12.04 OS  
+
| '''Ubuntu Linux''' 12.04 OS  
  
 
|-
 
|-
Line 50: Line 50:
 
|-
 
|-
 
|00:37
 
|00:37
−
| Close the dialog box.  
+
| Close the '''dialog box'''.  
  
 
|-
 
|-
Line 82: Line 82:
 
|-
 
|-
 
|  01:11
 
|  01:11
−
| Go to '''Object menu. '''
+
| Go to '''Object''' menu.
  
 
|-
 
|-
Line 98: Line 98:
 
|-
 
|-
 
| 01:22
 
| 01:22
−
| Go to '''Path menu.''' Select '''Difference.'''  
+
| Go to '''Path''' menu. Select '''Difference.'''  
  
 
|-
 
|-
Line 122: Line 122:
 
|-
 
|-
 
|01:44
 
|01:44
−
| Since this is the template, we will change the color to '''white.'''
+
| Since this is the '''template''', we will change the color to '''White.'''
  
 
|-
 
|-
Line 130: Line 130:
 
|-
 
|-
 
| 01:51
 
| 01:51
−
| Go to '''Layer menu '''and click on '''Layers. '''
+
| Go to '''Layer''' menu and click on '''Layers. '''
  
 
|-
 
|-
Line 138: Line 138:
 
|-
 
|-
 
| 02:00
 
| 02:00
−
| Lock the layer to avoid the movement of the elements in the layer, by mistake.  
+
| '''Lock''' the '''layer''' to avoid the movement of the '''element'''s in the layer, by mistake.  
  
 
|-
 
|-
Line 174: Line 174:
 
|-
 
|-
 
| 02:35
 
| 02:35
−
| Now we will work on the '''CD design '''layer.  
+
| Now, we will work on the '''CD design '''layer.  
  
 
|-
 
|-
Line 206: Line 206:
 
|-
 
|-
 
|03:03
 
|03:03
−
| Now we can see see the background color within the boundaries.  
+
| Now we can see the '''background color''' within the boundaries.  
  
 
|-
 
|-
Line 218: Line 218:
 
|-
 
|-
 
| 03:14
 
| 03:14
−
| Select the '''Bezier''' tool and draw a curvy illustration
+
| Select the '''Bezier''' tool and draw a curvy illustration.
  
 
|-
 
|-
Line 246: Line 246:
 
|-
 
|-
 
| 03:44
 
| 03:44
−
| Type “'''Partner with us...help bridge the digital divide”''' on the next line.  
+
| Type '''Partner with us...help bridge the digital divide''' on the next line.  
  
 
|-
 
|-
Line 254: Line 254:
 
|-
 
|-
 
| 03:54
 
| 03:54
−
| I will type the contact details at the bottom of the CD label.  
+
| I will type the contact details at the bottom of the '''CD label'''.  
  
 
|-
 
|-
Line 262: Line 262:
 
|-
 
|-
 
|04:05
 
|04:05
−
| Now paste this in the bottom area.  
+
| Now '''paste''' this in the bottom area.  
  
 
|-
 
|-
Line 274: Line 274:
 
|-
 
|-
 
| 04:16
 
| 04:16
−
| Next, we will add some images on the right of the CD label.  
+
| Next, we will add some images on the right of the '''CD label'''.  
  
 
|-
 
|-
 
|04:21
 
|04:21
−
| I have already made an image collage and saved it in my '''Documents''' folder.  
+
| I have already made an '''image collage''' and saved it in my '''Documents''' folder.  
  
 
|-
 
|-
Line 294: Line 294:
 
|-
 
|-
 
|04:40
 
|04:40
−
| Now the image is imported here. Resize the image.
+
| Now the '''image''' is imported here. '''Resize''' the image.
  
 
|-
 
|-
Line 302: Line 302:
 
|-
 
|-
 
| 04:51
 
| 04:51
−
| Let us save the '''SVG''' file by clicking on '''File''' and '''Save As.'''  
+
| Let us save the 'SVG' file by clicking on '''File''' and '''Save As.'''  
  
 
|-
 
|-
Line 314: Line 314:
 
|-
 
|-
 
|05:06
 
|05:06
−
| Let us learn how to export the file in '''PNG''' format.  
+
| Let us learn how to '''export''' the file in '''PNG''' format.  
  
 
|-
 
|-
Line 326: Line 326:
 
|-
 
|-
 
| 05:16
 
| 05:16
−
| Click on '''Page tab''' under '''Export area. '''
+
| Click on '''Page''' tab under '''Export area. '''
  
 
|-
 
|-
 
|05:21
 
|05:21
−
| Under''' Bitmap size '''change the''' dpi '''to''' 300.'''
+
| Under''' Bitmap size''', change the''' dpi '''to''' 300.'''
  
 
|-
 
|-
Line 362: Line 362:
 
|-
 
|-
 
|05:55
 
|05:55
−
| In this tutorial, we learnt to Create a '''CD label template'''  
+
| In this tutorial, we learnt to: * Create a '''CD label template'''.
  
 
|-
 
|-
 
|06:00
 
|06:00
−
| Design a '''CD label'''  
+
| Design a '''CD label'''.
  
 
|-
 
|-
 
|06:02
 
|06:02
−
| Save the file in '''PNG''' format  
+
| Save the file in '''PNG''' format.
  
 
|-
 
|-
 
| 06:05
 
| 06:05
−
| Here is an assignment for you
+
| Here is an assignment for you-
  
 
|-
 
|-
Line 390: Line 390:
 
|-
 
|-
 
| 06:19
 
| 06:19
−
| The Spoken Tutorial Project Team conducts workshops and gives certificates for those who pass an online test.  
+
| The Spoken Tutorial Project team conducts workshops and gives certificates for those who pass an online test.  
  
 
|-
 
|-
Line 402: Line 402:
 
|-
 
|-
 
|06:35
 
|06:35
−
| More information on this Mission is available at this link.  
+
| More information on this mission is available at this link.  
  
 
|-
 
|-
 
| 06:39
 
| 06:39
−
| We have come to the end of this tutorial.  
+
| We have come to the end of this tutorial.This is Arthi and Saurabh from IIT Bombay, signing off. Thanks for joining.  
−
 
+
−
This is Arthi and Saurabh from IIT Bombay, signing off. Thanks for joining.  
+
  
 
|}
 
|}

Latest revision as of 16:59, 23 December 2016

Time Narration
00:00 Welcome to the Spoken Tutorial on “Design a CD label” using Inkscape.
00:06 In this tutorial, we will learn to-
00:09 Create a CD label template
00:11 Design a CD label
00:13 Save the file as PNG.
00:16 To record this tutorial, I am using-
00:18 Ubuntu Linux 12.04 OS
00:21 Inkscape version 0.48.4
00:25 Let us open Inkscape.
00:27 Click on File and then on Document properties.
00:32 Change the Width and Height parameters to 425 pixels.
00:37 Close the dialog box.
00:40 Create a square using the Rectangle tool. Color it red.
00:45 Click on the selector tool.
00:47 On the Tool controls bar, change the Width and Height parameters to 425.
00:54 Next, draw a circle using the Ellipse tool.
00:58 Once again, click on the selector tool.
01:01 On the Tool controls bar, change the Width and Height parameters to 425.
01:07 Select both the circle and the square.
01:11 Go to Object menu.
01:13 Click on Align and Distribute.
01:16 Set the Relative to option to Page.
01:19 Align the objects in the centre.
01:22 Go to Path menu. Select Difference.
01:26 Now draw another circle.
01:28 Once again, click on the selector tool.
01:31 Change the height and width parameters to 85.
01:35 Align it to the centre of the page using Align and Distribute.
01:41 Select both the shapes.
01:44 Since this is the template, we will change the color to White.
01:49 So, it may not be visible now.
01:51 Go to Layer menu and click on Layers.
01:55 Change the name of the current layer to CD template.
02:00 Lock the layer to avoid the movement of the elements in the layer, by mistake.
02:05 Now, let us create another layer and name it as CD design.
02:10 Place it below the CD template layer.
02:13 Now our CD template is ready.
02:16 We can use this for creating various CDs in the future.
02:20 Let us save our SVG file.
02:23 Go to File and click on Save As.
02:26 I will save it on the Desktop.
02:29 I will type the Filename as CD template and click on Save.
02:35 Now, we will work on the CD design layer.
02:39 Let us design a background.
02:41 For this, draw a square using the Rectangle tool.
02:46 Since the color is white, it may not be visible.
02:49 Change the color to light blue.
02:52 Click on the selector tool.
02:56 Then change the Width and Height parameters to 425.
03:01 Align it to the centre.
03:03 Now we can see the background color within the boundaries.
03:08 Let us now design a graphic illustration.
03:11 Draw a gradient green.
03:14 Select the Bezier tool and draw a curvy illustration.
03:19 Next, let us import the Spoken tutorial logo.
03:23 The logo has been provided in the Code files link.
03:27 Go to File and click on Import.
03:32 Resize the logo and place it on the top of the illustration.
03:37 Type Spoken Tutorial to the right of the logo.
03:41 Change the font size to 20.
03:44 Type Partner with us...help bridge the digital divide on the next line.
03:51 Change the font size to 8.
03:54 I will type the contact details at the bottom of the CD label.
03:59 Let me copy the contact details from a LibreOffice Writer file that I had saved earlier.
04:05 Now paste this in the bottom area.
04:08 Make Contact us Bold and align it in centre.
04:13 Change the text color to blue.
04:16 Next, we will add some images on the right of the CD label.
04:21 I have already made an image collage and saved it in my Documents folder.
04:26 The same image has been provided in your Code Files link.
04:30 Please check the folder in which you saved it.
04:34 Now click on File then on Import and lastly select Image1.
04:40 Now the image is imported here. Resize the image.
04:48 I will place it on the right side of the CD label.
04:51 Let us save the 'SVG' file by clicking on File and Save As.
04:57 I will type the Filename as ST CD label and click on Save.
05:03 Now our CD label is ready.
05:06 Let us learn how to export the file in PNG format.
05:10 Go to File and click on Export Bitmap.
05:14 A new dialog box will appear.
05:16 Click on Page tab under Export area.
05:21 Under Bitmap size, change the dpi to 300.
05:26 Then click on the Browse button.
05:29 I will choose Desktop as the location to save the file.
05:33 And I will type the filename as ST-CD-label and click on Save.
05:42 Lastly, click on Export button.
05:46 Let us now go to the Desktop and check our file.
05:50 Our CD label looks like this.
05:53 Let us summarize.
05:55 In this tutorial, we learnt to: * Create a CD label template.
06:00 Design a CD label.
06:02 Save the file in PNG format.
06:05 Here is an assignment for you-
06:07 Create a CD label for Inkscape.
06:10 Your completed assignment should look like this.
06:13 The video available at the following link summarizes the Spoken Tutorial project. Please watch it.
06:19 The Spoken Tutorial Project team conducts workshops and gives certificates for those who pass an online test.
06:27 For more details, please write to us.
06:29 Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India.
06:35 More information on this mission is available at this link.
06:39 We have come to the end of this tutorial.This is Arthi and Saurabh from IIT Bombay, signing off. Thanks for joining.

Contributors and Content Editors

Jyotisolanki, PoojaMoolya, Pratik kamble, Sandhya.np14

Retrieved from "https://script.spoken-tutorial.org/index.php?title=Inkscape/C3/Design-a-CD-label/English-timed&oldid=29861"