Difference between revisions of "Inkscape/C3/Design-a-CD-label/English-timed"
From Script | Spoken-Tutorial
Sandhya.np14 (Talk | contribs) |
Sandhya.np14 (Talk | contribs) |
||
| Line 30: | Line 30: | ||
|- | |- | ||
|00:18 | |00:18 | ||
| − | | | + | |* '''Ubuntu Linux''' 12.04 OS |
|- | |- | ||
|00:21 | |00:21 | ||
| − | | '''Inkscape''' version 0.48.4 | + | |* '''Inkscape''' version 0.48.4 |
|- | |- | ||
| Line 82: | Line 82: | ||
|- | |- | ||
| 01:11 | | 01:11 | ||
| − | | Go to '''Object | + | | Go to '''Object''' menu. |
|- | |- | ||
| Line 98: | Line 98: | ||
|- | |- | ||
| 01:22 | | 01:22 | ||
| − | | Go to '''Path | + | | Go to '''Path''' menu. Select '''Difference.''' |
|- | |- | ||
| Line 130: | Line 130: | ||
|- | |- | ||
| 01:51 | | 01:51 | ||
| − | | Go to '''Layer | + | | Go to '''Layer''' menu and click on '''Layers. ''' |
|- | |- | ||
| 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 266: | Line 266: | ||
|- | |- | ||
| 04:08 | | 04:08 | ||
| − | | Make | + | | Make "Contact us" '''Bold '''and align it in centre. |
|- | |- | ||
| Line 302: | Line 302: | ||
|- | |- | ||
| 04:51 | | 04:51 | ||
| − | | Let us save the | + | | 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 | + | | Let us learn how to '''export''' the file in 'PNG' format. |
|- | |- | ||
| Line 326: | Line 326: | ||
|- | |- | ||
| 05:16 | | 05:16 | ||
| − | | Click on '''Page | + | | 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 370: | Line 370: | ||
|- | |- | ||
|06:02 | |06:02 | ||
| − | |* Save the file in | + | |* Save the file in 'PNG' format. |
|- | |- | ||
Revision as of 16:24, 11 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. |
