Difference between revisions of "Inkscape/C3/Design-a-CD-label/English-timed"
From Script | Spoken-Tutorial
PoojaMoolya (Talk | contribs) (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'''. |- |...") |
Sandhya.np14 (Talk | contribs) |
||
| Line 6: | Line 6: | ||
|- | |- | ||
| 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 14: | Line 14: | ||
|- | |- | ||
|00:09 | |00:09 | ||
| − | | Create a '''CD label template''' | + | |* Create a '''CD label template''' |
|- | |- | ||
|00:11 | |00:11 | ||
| − | | | + | |* Design a '''CD label''' |
|- | |- | ||
|00:13 | |00:13 | ||
| − | | | + | |* Save the file as '''PNG'''. |
|- | |- | ||
| Line 50: | Line 50: | ||
|- | |- | ||
|00:37 | |00:37 | ||
| − | | Close the dialog box. | + | | Close the '''dialog box'''. |
|- | |- | ||
| Line 122: | Line 122: | ||
|- | |- | ||
|01:44 | |01:44 | ||
| − | | Since this is the template, we will change the color to ''' | + | | Since this is the '''template''', we will change the color to '''White.''' |
|- | |- | ||
| Line 138: | Line 138: | ||
|- | |- | ||
| 02:00 | | 02:00 | ||
| − | | Lock the layer to avoid the movement of the | + | | '''Lock''' the '''layer''' to avoid the movement of the '''element'''s in the layer, by mistake. |
|- | |- | ||
| Line 206: | Line 206: | ||
|- | |- | ||
|03:03 | |03:03 | ||
| − | | Now we can | + | | 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 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 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 362: | Line 362: | ||
|- | |- | ||
|05:55 | |05:55 | ||
| − | | In this tutorial, we learnt to | + | | In this tutorial, we learnt to: * Create a '''CD label template'''. |
|- | |- | ||
|06:00 | |06:00 | ||
| − | | | + | |* Design a '''CD label'''. |
|- | |- | ||
|06:02 | |06:02 | ||
| − | | | + | |* 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 | + | | 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 | + | | 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. | ||
|} | |} | ||
Revision as of 22:25, 8 September 2015
| |
|
| 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. |
